@charset "UTF-8";
@import url("//cdnassets-prerelease.115.com/c_css/vip_icon/css/sign_vip.css?v=11.111766741239593");
.select-wrap .op, .select-wrap .op-default, .table-normal .cell-ellipsis, .context-menu .tags-cell span, .context-menu .tags-cell em, .popup-moretags li .cont span, .slide-labels-cell .box .slc-item span, .nav-sub .music-item .music-name, .navigation-sup a span, .office-list .office-cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.label-ipt-cell, .input-group, .popup-moretags ul, .pagination .vice {
  *zoom: 1;
}
.label-ipt-cell:after, .input-group:after, .popup-moretags ul:after, .pagination .vice:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.nav-sub .cell a b.dot, .navigation-sup a .num-dot, .office-list .office-cell s, .office-switch h3 s, .office-switch h4 s {
  position: absolute;
  width: 8px;
  height: 8px;
  font-size: 0;
  overflow: hidden;
  border-radius: 50%;
  background: #FF4B30;
}

.context-menu, .popup-box, .opt-popup-list, .popup-moretags {
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.16);
}
.context-menu, .popup-box, .opt-popup-list, .popup-moretags {
  border: 1px solid #EDEEEF;
}
html:root .context-menu, html:root .popup-box, html:root .opt-popup-list, html:root .popup-moretags {
  border: 0 none;
}

.popup-moretags::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #f0f0f0;
}
.popup-moretags::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #ccc;
}

.opt-popup-list .cell a:hover i {
  filter: grayscale(100%) brightness(100);
}

body {
  margin: 0;
  font: 14px/1.6 Arial;
  color: #1A2734;
}

input, textarea, select {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: inherit;
  outline: none;
  resize: none;
}

html:root body {
  font-family: "Pingfang SC", "Microsoft Yahei", Arial;
  -webkit-font-smoothing: subpixel-antialiased;
}

@media (-webkit-min-device-pixel-ratio: 2) {
  html:root body {
    -webkit-font-smoothing: antialiased;
  }
}
form, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, p {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  text-decoration: none;
  color: #1A2734;
  outline: none;
}
a img {
  border: none;
}

i, em {
  font-style: normal;
}

s, u {
  text-decoration: none;
}

button {
  cursor: pointer;
}
button i {
  font-size: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

::-moz-placeholder {
  color: #8C97A0;
}

::placeholder {
  color: #8C97A0;
}

.wrap-vflow {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
}

.top-vflow {
  flex-shrink: 0;
  display: flex;
  position: relative;
  padding: 20px 24px 7px 24px;
  background: #fff;
}
.top-vflow.with-btmline {
  padding-bottom: 13px;
  margin-bottom: 1px;
}
.top-vflow.with-btmline:after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 1px;
  background: #EDEEEF;
  content: "";
}
.top-vflow.with-btmline .navigation-sup a {
  margin-top: -13px;
  margin-bottom: -13px;
  padding: 13px 0;
}
.top-vflow.in-dialog {
  min-height: 32px;
  padding: 18px 63px 18px 30px;
}
.top-vflow.in-dialog .navigation-sup a {
  margin-top: -18px;
  margin-bottom: -18px;
  padding: 18px 0;
  font-size: 18px;
}
.top-vflow.in-dialog .navigation-sup a.current:after {
  width: 100%;
  max-width: 34px;
}
.top-vflow.in-dialog .list-operate {
  padding: 20px 63px 20px 30px;
  border-radius: 8px 8px 0 0;
}
.top-vflow.tv-nopadding {
  padding: 0;
}
.top-vflow .left-tvf {
  flex: 1;
  width: 0;
}
.top-vflow .left-tvf .title {
  position: relative;
  float: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  margin-right: 20px;
}
.top-vflow .left-tvf .title em {
  padding: 0 4px;
  font-size: 12px;
  font-weight: normal;
  vertical-align: top;
}
.top-vflow .left-tvf .title .helptips {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin: 9px 0 9px 5px;
}
.top-vflow .left-tvf .title .helptips:hover .icon-help {
  opacity: 1;
}
.top-vflow .left-tvf .title .helptips:hover .common-little-pop {
  display: block;
}
.top-vflow .left-tvf .title .helptips .common-little-pop {
  left: -9px;
}
.top-vflow .left-tvf .title .helptips .icon-help {
  display: block;
  width: 14px;
  height: 14px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_help_quota.svg?_vh=036c735_91);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.7;
}
.top-vflow .left-tvf .title.large-title {
  font-size: 18px;
}
.top-vflow .left-tvf .navigation-sup {
  float: left;
}
.top-vflow .left-tvf .navigation-sup a span em {
  padding: 0 4px;
  font-size: 12px;
  font-weight: normal;
}
.top-vflow .left-tvf .button {
  float: left;
  margin-right: 16px;
}
.top-vflow .left-tvf .more-box {
  margin-right: 16px;
}
.top-vflow .left-tvf .more-box .button {
  margin: 0;
}
.top-vflow .right-tvf {
  flex-shrink: 0;
  margin-left: 10px;
}
.top-vflow .right-tvf .button {
  float: left;
  margin-left: 10px;
}
.top-vflow .txt-desc {
  float: left;
  font-size: 12px;
  color: #8a929b;
  line-height: 32px;
}
.top-vflow .txt-desc .txt-blue {
  color: #2777F8;
}
.top-vflow .txt-desc.txt-gray {
  color: #5e6671;
}
.top-vflow .more-box {
  position: relative;
  float: left;
}
.top-vflow .more-box .button {
  float: none;
}
.top-vflow .more-box .context-menu {
  display: none;
  top: 32px;
}
.top-vflow .more-box:hover .context-menu, .top-vflow .more-box:hover .opt-popup-list {
  display: block;
}
.top-vflow .split {
  float: left;
  display: block;
  width: 1px;
  height: 28px;
  margin-top: 2px;
  margin-right: 15px;
  background: #EDEEEF;
}
.top-vflow .clp-box {
  top: 12px;
  right: auto;
  left: 0;
}
.top-vflow dl {
  display: flex;
  align-items: center;
  margin-right: 16px;
}
.top-vflow dt {
  flex-shrink: 0;
  font-size: 12px;
  margin-right: 4px;
}
.top-vflow dd {
  position: relative;
}
.top-vflow .input-cell {
  display: flex;
  align-items: center;
  height: 30px;
  padding: 0 8px;
  padding-left: 26px;
  line-height: 30px;
  border: 1px solid #EDEEEF;
  border-radius: 4px;
  cursor: pointer;
}
.top-vflow .input-cell .icon-publish {
  left: 8px;
  right: auto;
  background-position-y: -14px;
}
.top-vflow .input-cell em {
  color: #8a929b;
}
.top-vflow .input-cell s {
  margin: 0 12px;
  color: #8a929b;
}
.top-vflow .input-cell span {
  color: #1A2734;
}
.top-vflow .sort-box {
  position: relative;
  padding: 0 8px;
  font-size: 0;
  border-radius: 4px;
  background: #f7f7f7;
}
.top-vflow .sort-box a {
  position: relative;
  display: inline-block;
  padding: 6px 8px;
  font-size: 12px;
  line-height: 20px;
}
.top-vflow .sort-box a:hover, .top-vflow .sort-box a.current {
  color: #2777F8;
}
.top-vflow .sort-box .more {
  display: inline-block;
  padding: 6px 8px;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
}
.top-vflow .sort-box .more:before {
  content: "";
  position: relative;
  top: 12px;
  border-top: 6px solid #8a929b;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.top-vflow .sort-box .more:hover:before {
  border-top-color: #1A2734;
}
.top-vflow .sort-box .more:hover .popup-box {
  display: block;
}
.top-vflow .sort-box .more.down:before {
  transform: rotate(180deg);
}
.top-vflow .sort-box .popup-box {
  display: none;
}
.top-vflow .sort-box .filter-details {
  padding: 0 10px;
  max-width: 280px;
  max-height: 300px;
  overflow: auto;
}
.top-vflow .select-wrap {
  height: 30px;
}
.top-vflow .select-wrap .op-default, .top-vflow .select-wrap .op {
  font-size: 14px;
  line-height: 30px;
}

.sub-vflow {
  flex-shrink: 0;
  display: flex;
  position: relative;
  padding: 10px 24px;
}
.sub-vflow.with-btmline {
  margin-bottom: 1px;
}
.sub-vflow.with-btmline:after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 1px;
  background: #EDEEEF;
  content: "";
}
.sub-vflow .left-tvf {
  flex: 1;
  width: 0;
}
.sub-vflow .left-tvf .title {
  float: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
}
.sub-vflow .left-tvf .title em {
  padding: 0 4px;
  font-size: 12px;
  font-weight: normal;
  vertical-align: top;
}
.sub-vflow .left-tvf .button {
  float: left;
  margin-right: 15px;
}
.sub-vflow .right-tvf {
  flex-shrink: 0;
  margin-left: 10px;
}
.sub-vflow .right-tvf .button {
  float: left;
  margin-left: 10px;
}
.sub-vflow .split {
  float: left;
  display: block;
  width: 1px;
  height: 28px;
  margin-top: 2px;
  margin-right: 15px;
  background: #EDEEEF;
}
.sub-vflow .navigation-sup a {
  padding: 10px 0;
  margin-top: -10px;
  margin-bottom: -10px;
}
.sub-vflow .list-operate {
  padding: 10px 30px 10px 30px;
}

.main-vflow {
  flex: 1;
  position: relative;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.main-vflow iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
}

.bottom-vflow {
  flex-shrink: 0;
  position: relative;
  border-top: 1px solid #EDEEEF;
}
.bottom-vflow .left-bvf,
.bottom-vflow .right-bvf {
  position: absolute;
  top: 0;
  padding: 10px 30px;
  color: #8a929b;
  font-size: 12px;
  line-height: 30px;
}
.bottom-vflow .left-bvf {
  left: 0;
}
.bottom-vflow .right-bvf {
  right: 0;
}

.wrap-hflow {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.sub-hflow {
  display: flex;
  position: relative;
  flex-shrink: 0;
  flex-direction: column;
  background: #fff;
  border-right: 1px solid #EDEEEF;
}
.sub-hflow.sub-hflow-fold .sub-hflow-container {
  display: none;
}
.sub-hflow.sub-hflow-fold .sub-hflow-adjust .btn-adjust-fold {
  display: none;
}
.sub-hflow.sub-hflow-fold .sub-hflow-adjust .btn-adjust-expand {
  display: flex;
}
.sub-hflow .sub-hflow-container {
  display: flex;
  flex: 1;
  min-height: 0;
  flex-direction: column;
}
.sub-hflow .sub-hflow-adjust {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 0;
}
.sub-hflow .sub-hflow-adjust a {
  display: flex;
  width: 9px;
  height: 26px;
  margin-top: 13px;
  border: 1px solid #DEE4EE;
  border-right-width: 0;
  background: #fff;
  font-size: 12px;
  color: #fff;
  line-height: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.sub-hflow .sub-hflow-adjust a:hover {
  width: 19px;
  height: auto;
  margin-top: 9px;
  border-color: #4E72AC;
  background: #4E72AC;
}
.sub-hflow .sub-hflow-adjust a:hover span {
  display: block;
}
.sub-hflow .sub-hflow-adjust a:hover .icon-adjust-arrow {
  display: none;
}
.sub-hflow .sub-hflow-adjust a .icon-adjust-arrow {
  width: 4px;
  height: 8px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_adjust_arrow.svg?_vh=6353a23_91);
  background-repeat: no-repeat;
}
.sub-hflow .sub-hflow-adjust a span {
  display: none;
  padding: 3px 0;
}
.sub-hflow .sub-hflow-adjust .btn-adjust-fold {
  margin-left: -10px;
  border-radius: 4px 0 0 4px;
}
.sub-hflow .sub-hflow-adjust .btn-adjust-fold:hover {
  margin-left: -20px;
}
.sub-hflow .sub-hflow-adjust .btn-adjust-expand {
  display: none;
  border-radius: 0 4px 4px 0;
  border-right-width: 1px;
  border-left-width: 0;
}
.sub-hflow .sub-hflow-adjust .btn-adjust-expand .icon-adjust-arrow {
  transform: rotate(180deg);
}
.sub-hflow .nav-sub {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.sub-hflow .nav-sub::-webkit-scrollbar {
  width: 4px;
  background: rgba(0, 0, 0, 0.05);
}
.sub-hflow .nav-sub::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.2);
}
.sub-hflow .nav-sub::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35);
}
.sub-hflow .nav-footer {
  flex-shrink: 0;
}

.main-hflow {
  flex: 1;
  min-width: 0;
  position: relative;
}

.side-hflow {
  flex-shrink: 0;
}

.office-info {
  float: left;
  height: 30px;
  margin-right: 5px;
  color: #1A2734;
  font-size: 16px;
  line-height: 30px;
  cursor: pointer;
}
.office-info img, .office-info s {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 50%;
}
.office-info span {
  float: left;
  overflow: hidden;
  max-width: 260px;
  height: 30px;
  word-break: break-all;
}
.office-info s {
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/avatar_common.png?_vh=d412867_91);
  background-image: -webkit-image-set(url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/avatar_common.png?_vh=d412867_91) 1x, url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/avatar_common@2x.png?_vh=31e9646_91) 2x);
  background-repeat: no-repeat;
}

.office-switch {
  position: relative;
  float: left;
}
.office-switch h3, .office-switch h4 {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  cursor: pointer;
  overflow: visible;
}
.office-switch h3:hover i, .office-switch h3.current i, .office-switch h4:hover i, .office-switch h4.current i {
  opacity: 1;
}
.office-switch h3 i, .office-switch h4 i {
  position: absolute;
  top: 5px;
  left: 5px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  font-size: 0;
  color: transparent;
  background-position: 0 0;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_btn_ceiliing.svg?_vh=8b5728d_91);
  background-repeat: no-repeat;
  opacity: 0.6;
  transition: opacity 0.2s;
}
.office-switch h3 s, .office-switch h4 s {
  top: -4px;
  right: -4px;
}
.office-switch h3 img, .office-switch h4 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.office-manage {
  float: left;
  margin: 5px 0 5px 10px;
}
.office-manage a {
  float: left;
  padding: 0 7px;
  border-radius: 20px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  transition: opacity 0.2s;
  opacity: 0.6;
}
.office-manage a:hover {
  opacity: 1;
}

.office-title {
  float: left;
  line-height: 30px;
  font-size: 16px;
}

.office-list {
  position: absolute;
  top: 40px;
  left: -21px;
  z-index: 15;
  width: 360px;
  border: 1px solid #ccc;
  background: white;
}
.office-list .arrow {
  position: absolute;
  top: -17px;
  left: 28px;
  overflow: hidden;
  width: 0;
  height: 0;
  border: 8px solid;
  border-color: transparent transparent #ccc;
}
.office-list i.arrow {
  top: -16px;
  z-index: 1;
  border-bottom-color: white;
}
html:root .office-list {
  border: 0 none;
  border-radius: 5px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
html:root .office-list s.arrow {
  top: -16px;
  border-bottom-color: rgba(0, 0, 0, 0.05);
}
html:root .office-list i.arrow {
  top: -15px;
}
.office-list ul {
  position: relative;
  z-index: 1;
  *zoom: 1;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 420px;
  max-height: calc(100vh - 100px);
  border-radius: 5px;
}
.office-list li {
  position: relative;
  overflow: hidden;
  height: 70px;
  margin-top: -1px;
  *vertical-align: middle;
  border-top: 1px solid #eee;
}
.office-list li:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.office-list li:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.office-list li a {
  position: relative;
  display: block;
}
.office-list li a:hover {
  text-decoration: none;
  background: #fafafa;
}
.office-list li.focus:after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_selected.svg?_vh=3a0b3e9_91);
  background-repeat: no-repeat;
  content: "";
}
.office-list li.focus .office-cell {
  padding-right: 54px;
  *padding-right: 20px;
  color: #2777F8;
  cursor: default;
}
.office-list li.focus .office-manage {
  display: none;
}
.office-list li.overdue .office-cell {
  line-height: 16px;
}
.office-list li.overdue .office-cell em {
  display: block;
}
.office-list .office-cell {
  height: 32px;
  padding: 19px 20px;
  line-height: 32px;
  font-size: 16px;
  color: #666;
}
.office-list .office-cell img {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  border-radius: 50%;
}
.office-list .office-cell s {
  top: 18px;
  right: auto;
  left: 43px;
}
.office-list .office-cell .txt-overdue {
  color: #d84c4f;
  font-size: 12px;
}
.office-list .olc-all {
  float: left;
  width: 20px;
  height: 20px;
  margin: 6px 18px 0 6px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_btn_ceiliing.svg?_vh=8b5728d_91);
  background-repeat: no-repeat;
  background-position: 0 -20px;
}
.office-list .office-manage {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  padding: 23px;
  border-left: 1px solid #f8f8f8;
  background: white;
}
.office-list .office-manage i {
  display: block;
  width: 24px;
  height: 24px;
  font-size: 0;
  color: transparent;
  background-position: 0 0;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_office_list.png?_vh=7764592_91);
  background-image: -webkit-image-set(url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_office_list.png?_vh=7764592_91) 1x, url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_office_list@2x.png?_vh=80fd5ef_91) 2x);
  background-repeat: no-repeat;
}
.office-list .office-manage:hover i {
  background-position: -24px 0;
}

.member-group-switch .office-switch h4 i {
  background-position-y: -20px;
}

@supports (display: flex) {
  .office-list {
    width: auto;
  }
  .office-list li {
    display: flex;
    height: auto;
  }
  .office-list li.overdue .office-cell {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .office-list .office-cell {
    flex: 1;
    display: flex;
    align-items: center;
    height: auto;
    min-height: 32px;
  }
  .office-list .office-cell img {
    display: block;
    float: none;
  }
  .office-list .office-cell span {
    display: block;
    flex: 1;
    min-width: 240px;
    white-space: normal;
    word-wrap: break-word;
    line-height: 22px;
  }
  .office-list .olc-all {
    float: none;
    display: block;
    margin-top: 0;
  }
  .office-list .office-manage {
    position: static;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: auto;
    margin: 0;
  }
}
.icon-group-ident {
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 18px;
  font-size: 0;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_group_ident.png?_vh=8c55ec4_91);
  background-image: -webkit-image-set(url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_group_ident.png?_vh=8c55ec4_91) 1x, url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_group_ident@2x.png?_vh=e6b1e73_91) 2x);
  background-repeat: no-repeat;
}

.wrap-view {
  width: 1000px;
  margin: 0 auto;
}

.panel-navigation {
  font-size: 0;
}
.panel-navigation a {
  position: relative;
  display: inline-block;
  margin: 0 7px;
  padding: 18px 10px;
  font-size: 14px;
  line-height: 20px;
  color: rgba(26, 39, 52, 0.5);
}
.panel-navigation a:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 12px;
  height: 3px;
  margin-left: -6px;
  background-color: #1A2734;
}
.panel-navigation a:hover {
  color: #1A2734;
}
.panel-navigation a.current {
  font-weight: 500;
  color: #1A2734;
}
.panel-navigation a.current:after {
  content: "";
}
.panel-navigation a.more .ibco-arrow-solid {
  margin-left: 3px;
  background-position-y: -16px;
  opacity: 0.3;
}
.panel-navigation a.more:hover .ibco-arrow-solid {
  opacity: 0.8;
}
.panel-navigation a.more:after {
  display: none;
}

.navigation-sub {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  padding-left: 40px;
}
.navigation-sub a {
  display: inline-block;
  position: relative;
  margin: 0 15px;
  color: #899096;
  font-size: 14px;
  vertical-align: top;
}
.navigation-sub a:hover {
  color: #1A2734;
}
.navigation-sub a.current {
  font-weight: 500;
  color: #1A2734;
}
.navigation-sub a.current:after {
  position: absolute;
  right: -1px;
  bottom: 0;
  left: -1px;
  height: 3px;
  border-radius: 3px;
  background: #1A2734;
  content: "";
}

.navigation-sup {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}
.navigation-sup a {
  display: inline-block;
  position: relative;
  height: 32px;
  padding: 7px 0;
  margin-top: -7px;
  margin-bottom: -7px;
  margin-right: 30px;
  color: #8a929b;
  font-size: 14px;
  vertical-align: top;
  line-height: 32px;
  transition: color 0.1s;
}
.navigation-sup a:hover {
  color: #1A2734;
}
.navigation-sup a:hover .icon-downward {
  background-position: -10px 0;
}
.navigation-sup a.current {
  color: #1A2734;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
}
.navigation-sup a.current:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  width: 70%;
  height: 3px;
  max-width: 24px;
  background: #1A2734;
  transform: translateX(-50%);
  content: "";
}
.navigation-sup a.current .num-dot {
  top: 0;
}
.navigation-sup a span {
  float: left;
  max-width: 300px;
}
.navigation-sup a .num-dot {
  top: 7px;
  right: -5px;
}
.navigation-sup a .icon-downward {
  float: left;
  width: 12px;
  height: 7px;
  margin: 14px 0 0 5px;
  overflow: hidden;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_down.svg?_vh=0a92b85_91);
  background-repeat: no-repeat;
  background-position: -32px 0;
}
.navigation-sup.ns-noafter a.current:after {
  display: none;
}

.navigation-headline {
  float: left;
  font-size: 18px;
  font-weight: 500;
}

.browser-upload-shade {
  display: none;
}

@supports (display: flex) {
  .browser-upload-shade {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(255, 141, 0, 0.9);
  }
  .browser-upload-shade > * {
    display: block;
  }
  .browser-upload-shade span {
    font-size: 24px;
  }
  .browser-upload-shade em {
    font-size: 18px;
  }
  .browser-upload-shade s {
    font-size: 0;
    width: 162px;
    height: 98px;
    margin: 60px auto 40px;
    background: url(../images/logo_vector.svg) no-repeat center;
  }
  .browser-upload-shade.bus-edt-attachment {
    color: #1A2734;
    background: rgba(221, 223, 225, 0.6);
  }
  .browser-upload-shade.bus-edt-attachment span {
    font-size: 40px;
    font-weight: 600;
    margin-top: -60px;
  }
  .browser-upload-shade.bus-edt-attachment s {
    width: 80px;
    height: 80px;
    margin: 50px auto 23px;
    background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/attachment_vector.svg?_vh=2445fda_91);
    background-repeat: no-repeat;
  }
  .browser-upload-shade.bus-edt-attachment em {
    font-size: 24px;
    font-weight: 600;
  }
  .browser-upload-shade.shade-backdrop {
    z-index: 9999;
    opacity: 0;
  }
}
.article-reader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  overflow: hidden;
  background-image: url(about:blank);
  background-color: rgba(0, 0, 0, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#B3000000", endColorstr="#B3000000");
}
html:root .article-reader {
  filter: none;
}
.article-reader iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@supports (-webkit-backdrop-filter: blur()) {
  .article-reader {
    background: rgba(115, 115, 115, 0.6);
    -webkit-backdrop-filter: blur(20px);
  }
}
.pagination {
  padding: 10px 30px;
  color: rgba(26, 39, 52, 0.5);
  font-size: 14px;
  text-align: left;
  line-height: 30px;
}
.pagination .con {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}
.pagination .vice {
  float: left;
  margin-left: -10px;
}
.pagination .vice a {
  position: relative;
  display: block;
  float: left;
  width: auto;
  height: auto;
  padding: 0;
  border: 0 none;
  background: none;
  color: #2777F8;
  font-size: 12px;
  line-height: 32px;
}
.pagination .vice a:hover {
  background: none;
}
.pagination .vice a + a {
  padding-left: 24px;
}
.pagination .vice a + a:after {
  position: absolute;
  left: 12px;
  top: 50%;
  height: 14px;
  margin-top: -7px;
  border-left: 1px solid #ddd;
  content: "";
}
.pagination .vice .txt-blue {
  color: #2777F8;
}
.pagination .page-operate {
  float: left;
  margin-right: 15px;
}
.pagination .page-operate .button {
  height: 28px;
  padding: 0 5px;
  line-height: 28px;
}
.pagination .page-operate .btn-line {
  color: #8a929b;
  font-weight: normal;
}
.pagination .page-amount {
  float: left;
}
.pagination .page-amount + .page-links {
  margin-left: 15px;
}
.pagination .page-links {
  float: left;
  font-size: 0;
}
.pagination .page-links a, .pagination .page-links span, .pagination .page-links input[type=text] {
  display: inline-block;
  position: relative;
  min-width: 14px;
  height: 30px;
  padding: 0 7px;
  background: #fff;
  color: rgba(26, 39, 52, 0.5);
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  vertical-align: top;
  border-radius: 2px;
}
.pagination .page-links a + *, .pagination .page-links span + *, .pagination .page-links input[type=text] + * {
  margin-left: 5px;
}
.pagination .page-links a {
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.pagination .page-links a:hover {
  background: #2777F8;
  color: #fff;
  text-decoration: none;
}
.pagination .page-links span {
  cursor: default;
}
.pagination .page-links input[type=text] {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid rgba(26, 39, 52, 0.1);
  color: #1A2734;
}
.pagination .page-links input[type=text]:hover, .pagination .page-links input[type=text]:focus {
  border-color: #ddd;
  z-index: 1;
}
.pagination .page-links .prev, .pagination .page-links .next {
  padding: 0;
  width: 28px;
  height: 28px;
  font-size: 0;
  border: 1px solid rgba(26, 39, 52, 0.15);
}
.pagination .page-links .prev:before, .pagination .page-links .next:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  font-size: 0;
  color: transparent;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/arrow_pagination.svg?_vh=a5187f1_91);
  background-repeat: no-repeat;
  content: "";
}
.pagination .page-links .prev:hover, .pagination .page-links .next:hover {
  border-color: #D1D4D6;
  background-color: #f2f2f3;
}
.pagination .page-links .prev:before {
  background-position: 0 0;
}
.pagination .page-links .next:before {
  background-position: -8px 0;
}
.pagination .page-links span.prev, .pagination .page-links span.next {
  cursor: default;
  border-color: rgba(26, 39, 52, 0.1);
}
.pagination .page-links span.prev:hover, .pagination .page-links span.next:hover {
  background: none;
  border-color: rgba(26, 39, 52, 0.1);
}
.pagination .page-links span.prev:before, .pagination .page-links span.next:before {
  opacity: 0.5;
}
.pagination .page-links .current {
  background: #2777F8;
  color: #fff;
  cursor: default;
}
.pagination .page-links .current:hover {
  background: #2777F8;
}

.pagination-middle {
  text-align: center;
}

.left-wrap, .sub-core {
  position: relative;
  display: flex;
  flex-direction: column;
}

.nav-top {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 20px 0 11px 20px;
}
.nav-top .btn-line {
  padding: 0 10px;
}
.nav-top .btn-line span + .ibco-more {
  margin-left: 5px;
  margin-right: 2px;
}
.nav-top .side {
  display: flex;
  align-items: center;
}
.nav-top .side .btn-line {
  margin: 0 3px 0 10px;
}
.nav-top .collapse {
  flex-shrink: 0;
}
.nav-top .collapse s {
  font-size: 0;
}
.nav-top.spacebetween {
  padding-right: 20px;
  justify-content: space-between;
}
.nav-top.loosespace {
  width: 180px;
  margin: 0 20px 12px 20px;
  padding: 20px 0 13px 0;
  border-bottom: 1px solid #EDEEEF;
}
.nav-top.loosespace .btn-box {
  flex: 1;
  display: flex;
}
.nav-top.loosespace .btn-box + .side {
  margin-left: 0px;
}
.nav-top.loosespace .btn-box .button {
  flex: 1;
  max-width: 119px;
  padding: 0 12px;
}
.nav-top.loosespace .btn-box .button + .button {
  margin-left: 10px;
}
.nav-top + .nav-sub dl:first-child {
  padding-top: 0;
}
.nav-top + .nav-sub > .cell:first-child {
  padding-top: 0;
}

.icon-telescoping {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_telescoping.svg?_vh=eb61574_91);
  background-repeat: no-repeat;
}
.icon-telescoping.it-expand {
  background-position-x: -17px;
}

.nav-sub {
  flex: 1;
  overflow: auto;
  width: 220px;
  background-color: #fff;
}
.nav-sub::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #f0f0f0;
}
.nav-sub::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #ccc;
}
.nav-sub .cell {
  position: relative;
  padding: 18px 20px 8px;
}
.nav-sub .cell:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 20px;
  right: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.nav-sub .cell a {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 39px;
  height: 36px;
  border-radius: 4px;
  z-index: 5;
  transition: background-color 0.3s;
}
.nav-sub .cell a:not(:last-child) {
  margin-bottom: 8px;
}
.nav-sub .cell a .icon-sbar {
  position: relative;
  z-index: 6;
}
.nav-sub .cell a span {
  padding-left: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #4F6174;
  z-index: 6;
}
.nav-sub .cell a b.dot {
  top: 7px;
  left: 36px;
  z-index: 6;
}
.nav-sub .cell a:hover, .nav-sub .cell a.hover, .nav-sub .cell a.current {
  background-color: rgba(39, 119, 248, 0.08);
}
.nav-sub .cell a:hover .icon-sbar, .nav-sub .cell a.hover .icon-sbar, .nav-sub .cell a.current .icon-sbar {
  background-position-y: -20px;
}
.nav-sub .cell a:hover [class^=icon-ns], .nav-sub .cell a.hover [class^=icon-ns], .nav-sub .cell a.current [class^=icon-ns] {
  background-position-y: -16px;
}
.nav-sub .cell a:hover [class^=icon-ns].icon-ns-vip, .nav-sub .cell a.hover [class^=icon-ns].icon-ns-vip, .nav-sub .cell a.current [class^=icon-ns].icon-ns-vip {
  background-position-y: -18px;
}
.nav-sub .cell a:hover span, .nav-sub .cell a.hover span, .nav-sub .cell a.current span {
  color: #2777F8;
}
.nav-sub .cell a .icon-new {
  position: absolute;
  top: 50%;
  left: 2px;
  z-index: 6;
  width: 38px;
  height: 16px;
  margin-top: -8px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_new.svg?_vh=49cc66f_91);
  background-repeat: no-repeat;
}
.nav-sub .music-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 0 39px;
  height: 36px;
}
.nav-sub .music-item img {
  flex-shrink: 0;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/logo_music.svg?_vh=32322b9_91);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
}
.nav-sub .music-item .music-name {
  flex: 1;
  font-weight: 500;
  margin: 0 3px 0 10px;
  color: #4F6174;
}
.nav-sub .music-item button {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  padding: 0;
  background: none;
  border: 0 none;
  outline: none;
}
.nav-sub .music-item button i {
  display: block;
  width: 14px;
  height: 14px;
  margin: 3px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_search.svg?_vh=076e775_91);
  background-repeat: no-repeat;
  background-position-x: -14px;
}
.nav-sub .music-item button:hover i {
  opacity: 0.7;
}
.nav-sub .music-item.playing img {
  animation: musicImg 4s linear infinite;
}
.nav-sub .music-item:not(:last-child) {
  margin-bottom: 8px;
}
.nav-sub [class^=icon-ns] {
  position: relative;
  width: 16px;
  height: 16px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_nav_sub.svg?_vh=c82bc21_91);
  background-repeat: no-repeat;
}
.nav-sub .icon-ns-file {
  background-position-x: 0px;
}
.nav-sub .icon-ns-star, .nav-sub .icon-ns-note-star {
  background-position-x: -16px;
}
.nav-sub .icon-ns-current, .nav-sub .icon-ns-note-current {
  background-position-x: -32px;
}
.nav-sub .icon-ns-transfer {
  background-position-x: -48px;
}
.nav-sub .icon-ns-share {
  background-position-x: -64px;
}
.nav-sub .icon-ns-home, .nav-sub .icon-ns-note-home {
  background-position-x: -80px;
}
.nav-sub .icon-ns-focus {
  background-position-x: -96px;
}
.nav-sub .icon-ns-personal {
  background-position-x: -112px;
}
.nav-sub .icon-ns-reply {
  background-position-x: -128px;
}
.nav-sub .icon-ns-good {
  background-position-x: -144px;
}
.nav-sub .icon-ns-resume {
  background-position-x: -160px;
}
.nav-sub .icon-ns-report {
  background-position-x: -176px;
}
.nav-sub .icon-ns-safe {
  background-position-x: -192px;
}
.nav-sub .icon-ns-authentication {
  background-position-x: -208px;
}
.nav-sub .icon-ns-privacy {
  background-position-x: -224px;
}
.nav-sub .icon-ns-setting, .nav-sub .icon-ns-note-setting {
  background-position-x: -240px;
}
.nav-sub .icon-ns-note-recent {
  background-position-x: -256px;
}
.nav-sub .icon-ns-note-chat {
  background-position-x: -272px;
}
.nav-sub .icon-ns-note-noclass {
  background-position-x: -288px;
}
.nav-sub .icon-ns-picture {
  background-position-x: -304px;
}
.nav-sub .icon-ns-mv {
  background-position-x: -320px;
}
.nav-sub .icon-ns-other {
  background-position-x: -336px;
}
.nav-sub .icon-ns-idcard {
  background-position-x: -352px;
}
.nav-sub .icon-ns-driver {
  background-position-x: -368px;
}
.nav-sub .icon-ns-social {
  background-position-x: -384px;
}
.nav-sub .icon-ns-driving {
  background-position-x: -400px;
}
.nav-sub .icon-ns-residence {
  background-position-x: -416px;
}
.nav-sub .icon-ns-education {
  background-position-x: -432px;
}
.nav-sub .icon-ns-hk {
  background-position-x: -448px;
}
.nav-sub .icon-ns-passport {
  background-position-x: -464px;
}
.nav-sub .icon-ns-othercard {
  background-position-x: -480px;
}
.nav-sub .icon-ns-index {
  background-position-x: -496px;
}
.nav-sub .icon-ns-send {
  background-position-x: -512px;
}
.nav-sub .icon-ns-eye {
  background-position-x: -528px;
}
.nav-sub .icon-ns-vip {
  background-position-x: -544px;
}
.nav-sub .icon-ns-tiefen {
  background-position-x: -560px;
}
.nav-sub .icon-ns-vipticket {
  background-position-x: -576px;
}
.nav-sub .icon-ns-spaceticket {
  background-position-x: -592px;
}
.nav-sub .icon-ns-fengbi {
  background-position-x: -608px;
}
.nav-sub .icon-ns-fengbishop {
  background-position-x: -624px;
}
.nav-sub .icon-ns-qcode {
  background-position-x: -640px;
}
.nav-sub .icon-ns-purchase-history {
  background-position-x: -656px;
}
.nav-sub .icon-ns-union {
  background-position-x: -672px;
}
.nav-sub .icon-ns-coupons {
  background-position-x: -688px;
}
.nav-sub .icon-ns-coupons-pack {
  background-position-x: -704px;
}
.nav-sub .icon-ns-wallet {
  background-position-x: -720px;
}
.nav-sub .icon-ns-starmember {
  background-position-x: -736px;
}
.nav-sub .icon-ns-cancelstarmember {
  background-position-x: -752px;
}
.nav-sub .icon-ns-vip {
  width: 18px;
  height: 18px;
  margin: 0 -1px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_nav_sub_vip.svg?_vh=99d22e9_91);
  background-repeat: no-repeat;
  background-position-x: 0;
}

.icon-labels-sbar {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_labels_sbar.svg?_vh=364477c_91);
  background-repeat: no-repeat;
}
.icon-labels-sbar.ils-star {
  background-position-x: 0;
}
.icon-labels-sbar.ils-work {
  background-position-x: -16px;
}
.icon-labels-sbar.ils-personal {
  background-position-x: -32px;
}
.icon-labels-sbar.ils-all {
  background-position-x: -48px;
}

.slide-labels-cell {
  padding: 15px 20px 0;
}
.slide-labels-cell.lc-hide .box {
  display: none;
}
.slide-labels-cell .top {
  margin: 0 auto;
  display: flex;
  padding: 2px 0 5px;
  font-size: 12px;
  line-height: 17px;
  color: #8a929b;
}
.slide-labels-cell .top .left-tvh {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
}
.slide-labels-cell .top .left-tvh .opt {
  font-size: 0;
  margin-left: 3px;
  cursor: pointer;
}
.slide-labels-cell .top .left-tvh .opt .icon-opt-little:hover {
  background-position-y: -14px;
}
.slide-labels-cell .top .side {
  flex-shrink: 0;
  position: relative;
}
.slide-labels-cell .top .side a {
  color: #8a929b;
}
.slide-labels-cell .top .side a:hover {
  color: #2777F8;
}
.slide-labels-cell .top .side a + a {
  margin-left: 10px;
}
.slide-labels-cell .box {
  font-size: 0;
}
.slide-labels-cell .box .slc-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  width: calc((100% + 4px) / 2 - 4px);
  padding: 6px 5px 7px 0;
  margin-top: 1px;
  cursor: pointer;
}
.slide-labels-cell .box .slc-item:nth-child(2n) {
  margin-left: 4px;
}
.slide-labels-cell .box .slc-item:hover u.bg, .slide-labels-cell .box .slc-item.hover u.bg, .slide-labels-cell .box .slc-item.current u.bg {
  background-color: rgba(255, 255, 255, 0.7);
}
.slide-labels-cell .box .slc-item:hover .icon-labels-sbar, .slide-labels-cell .box .slc-item.hover .icon-labels-sbar, .slide-labels-cell .box .slc-item.current .icon-labels-sbar {
  background-position-y: -16px;
}
.slide-labels-cell .box .slc-item:hover span, .slide-labels-cell .box .slc-item.hover span, .slide-labels-cell .box .slc-item.current span {
  font-weight: 600;
  color: #2777F8;
}
.slide-labels-cell .box .slc-item:hover .icon-right, .slide-labels-cell .box .slc-item.hover .icon-right, .slide-labels-cell .box .slc-item.current .icon-right {
  border-color: #2777F8;
}
.slide-labels-cell .box .slc-item:hover .side, .slide-labels-cell .box .slc-item.hover .side {
  display: flex;
}
.slide-labels-cell .box .slc-item:hover .more-box, .slide-labels-cell .box .slc-item.hover .more-box {
  display: block;
}
.slide-labels-cell .box .slc-item.drag-dragging:before {
  position: absolute;
  top: 1px;
  right: 10px;
  bottom: 1px;
  left: 10px;
  z-index: 3;
  height: auto;
  border-radius: 4px;
  border: 1px solid #2777F8;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 2px 25px -7px rgba(39, 119, 248, 0.3);
  transform: translateY(0);
  content: "";
}
.slide-labels-cell .box .slc-item.drag-dragging u.bg {
  background-color: #fff;
}
.slide-labels-cell .box .slc-item.drag-dragging span {
  font-weight: normal;
  color: #4F6174;
}
.slide-labels-cell .box .slc-item.drag-dragging:hover u.bg {
  background-color: #fff !important;
}
.slide-labels-cell .box .slc-item.drag-dragging:hover span {
  font-weight: normal !important;
  color: #4F6174 !important;
}
.slide-labels-cell .box .slc-item i {
  z-index: 2;
}
.slide-labels-cell .box .slc-item .icon-labels {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
.slide-labels-cell .box .slc-item span {
  flex: 1;
  min-width: 0;
  position: relative;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  color: #4F6174;
  z-index: 2;
}
.slide-labels-cell .box .slc-item u.bg {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: background-color 0.3s;
  z-index: 1;
}
.slide-labels-cell .box .slc-item .icon-right {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 5px;
  height: 5px;
  margin-left: 3px;
  border-top: 1px solid #5E6770;
  border-right: 1px solid #5E6770;
  transform: rotate(45deg);
  z-index: 2;
}
.slide-labels-cell .box .slc-item .side {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  align-items: center;
  background: #F7F9FA;
  z-index: 2;
}
.slide-labels-cell .box .slc-item .side:after {
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  right: 100%;
  background-image: linear-gradient(to right, rgba(247, 249, 250, 0), #F7F9FA);
}
.slide-labels-cell .box .slc-item .side a {
  position: relative;
  padding: 5px;
  z-index: 1;
}
.slide-labels-cell .box .slc-item .side a:hover .icon-labels-opt {
  background-position-y: -14px;
}
.slide-labels-cell .box .slc-item .side .icon-labels-opt {
  display: block;
  width: 14px;
  height: 14px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_labels_opt.svg?_vh=32522a5_91);
  background-repeat: no-repeat;
}
.slide-labels-cell .box .slc-item .side .icon-labels-opt.ilo-del {
  background-position-x: -14px;
}
.slide-labels-cell .box .slc-item .more-box {
  display: none;
  position: relative;
  z-index: 3;
}
.slide-labels-cell .box .slc-item .more-box > a {
  display: block;
  margin: -6px -5px;
  padding: 6px 11px;
}
.slide-labels-cell .box .slc-item .more-box > a:hover [class*=ibco-], .slide-labels-cell .box .slc-item .more-box > a.hover [class*=ibco-] {
  opacity: 1;
}
.slide-labels-cell .box .slc-item .more-box [class*=ibco-] {
  display: block;
  background-position-y: -16px;
  opacity: 0.6;
}
.slide-labels-cell .box .placeholder {
  padding: 6px 0;
  font-size: 12px;
  text-align: center;
  color: #8a929b;
}

.popup-moretags {
  display: none;
  position: absolute;
  max-width: 516px;
  max-height: 310px;
  padding: 6px;
  z-index: 100;
  overflow: auto;
}
.popup-moretags li {
  position: relative;
  float: left;
  margin: 8px 4px;
  cursor: pointer;
}
.popup-moretags li .cont {
  display: flex;
  align-items: center;
  width: 142px;
  padding: 6px 10px;
  border-radius: 2px;
}
.popup-moretags li .cont .icon-labels {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}
.popup-moretags li .cont span {
  flex: 1;
  min-width: 0;
  padding-left: 8px;
  font-size: 12px;
  font-weight: 500;
  color: #4F6174;
}
.popup-moretags li .side {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  align-items: center;
  background: #F7F9FA;
}
.popup-moretags li .side:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 0;
  bottom: 0;
  right: 100%;
  background-image: linear-gradient(to right, rgba(247, 249, 250, 0), #F7F9FA);
}
.popup-moretags li .side a {
  position: relative;
  padding: 5px;
  z-index: 1;
}
.popup-moretags li .side a:hover .icon-labels-opt {
  background-position-y: -14px;
}
.popup-moretags li .side .icon-labels-opt {
  display: block;
  width: 14px;
  height: 14px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_labels_opt.svg?_vh=32522a5_91);
  background-repeat: no-repeat;
}
.popup-moretags li .side .icon-labels-opt.ilo-del {
  background-position-x: -14px;
}
.popup-moretags li:hover {
  background: #F7F9FA;
}
.popup-moretags li:hover .cont span {
  color: #2777F8;
}
.popup-moretags li:hover .side {
  display: flex;
}
.popup-moretags li.hover {
  background: #F7F9FA;
}
.popup-moretags li.hover .cont span {
  color: #2777F8;
}

@keyframes musicImg {
  100% {
    transform: rotate(360deg);
  }
}
.icon-sbar {
  width: 20px;
  height: 20px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_side.svg?_vh=01e6699_91);
  background-repeat: no-repeat;
}
.icon-sbar.isb-file {
  background-position-x: 0px;
}
.icon-sbar.isb-album {
  background-position-x: -20px;
}
.icon-sbar.isb-contacts {
  background-position-x: -40px;
}
.icon-sbar.isb-note {
  background-position-x: -60px;
}
.icon-sbar.isb-schedule {
  background-position-x: -80px;
}
.icon-sbar.isb-discovery {
  background-position-x: -100px;
}
.icon-sbar.isb-sq {
  background-position-x: -120px;
}
.icon-sbar.isb-job {
  background-position-x: -140px;
}
.icon-sbar.isb-message {
  background-position-x: -160px;
}
.icon-sbar.isb-life_file {
  background-position-x: -180px;
}
.icon-sbar.isb-select {
  background-position-x: -200px;
}
.icon-sbar.isb-publish {
  background-position-x: -220px;
}
.icon-sbar.isb-safe {
  background-position-x: -240px;
}
.icon-sbar.isb-vip {
  background-position-x: -260px;
}
.icon-sbar.isb-personal {
  background-position-x: -280px;
}
.icon-sbar.isb-report {
  background-position-x: -300px;
}
.icon-sbar.isb-setting {
  background-position-x: -320px;
}
.icon-sbar.isb-life {
  background-position-x: -340px;
}
.icon-sbar.isb-music {
  background-position-x: -360px;
}
.icon-sbar.isb-rights {
  background-position-x: -380px;
}
.icon-sbar.isb-backup {
  background-position-x: -400px;
}
.icon-sbar.isb-bookmark {
  background-position-x: -420px;
}
.icon-sbar.isb-share {
  background-position-x: -440px;
}
.icon-sbar.isb-act {
  background-position-x: -460px;
}
.icon-sbar.isb-union {
  background-position-x: -480px;
}
.icon-sbar.isb-mv {
  background-position-x: -500px;
}
.icon-sbar.isb-software {
  background-position-x: -520px;
}
.icon-sbar.isb-doc {
  background-position-x: -540px;
}
.icon-sbar.isb-more {
  background-position-x: -560px;
}

.icon-screen {
  display: block;
  width: 22px;
  height: 22px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_screen.svg?_vh=28625f8_91);
  background-repeat: no-repeat;
}
.icon-screen.spread {
  background-position-x: -22px;
}

.icon-nav-device {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_nav_device.svg?_vh=50f5f5a_91);
  background-repeat: no-repeat;
}
.icon-nav-device.ind-phone {
  background-position-x: 0;
}
.icon-nav-device.ind-windows {
  background-position-x: -16px;
}
.icon-nav-device.ind-mac {
  background-position-x: -32px;
}
.icon-nav-device.ind-tv {
  background-position-x: -48px;
}

.nav-footer {
  flex-shrink: 0;
  padding: 20px;
}
.nav-footer .link-setting {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  background: #F2F4F8;
}
.nav-footer .link-setting [class^=icon-ns] {
  position: relative;
  width: 16px;
  height: 16px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_nav_sub.svg?_vh=c82bc21_91);
  background-repeat: no-repeat;
}
.nav-footer .link-setting .icon-ns-setting, .nav-footer .link-setting .icon-ns-note-setting {
  background-position-x: -240px;
}
.nav-footer .link-setting i {
  margin-right: 8px;
}
.nav-footer .link-setting s {
  font-size: 14px;
  font-weight: 500;
  color: #4F6174;
}
.nav-footer .link-setting.current [class^=icon-ns] {
  background-position-y: -16px;
}
.nav-footer .link-setting.current s {
  color: #2777F8;
}

.nav-space {
  padding: 0 20px;
}
.nav-space + .nav-sub dl:first-child {
  padding-top: 10px;
}
.nav-space + .nav-sub > .cell:first-child {
  padding-top: 10px;
}

.space-wrap {
  padding: 8px 10px;
  background: #F8F9FB;
  border-radius: 4px;
}
.space-wrap:not(:last-child) {
  margin-bottom: 15px;
}
.space-wrap .bar {
  position: relative;
  height: 5px;
  overflow: hidden;
  background: #DEE1E6;
  border-radius: 3px;
}
.space-wrap .bar i {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 3px;
  background: linear-gradient(90deg, #2777F8 0%, #2794F8 55%, #27B0F8 100%);
}
.space-wrap .bar:not(:last-child) {
  margin-bottom: 5px;
}
.space-wrap .info {
  display: flex;
  position: relative;
  margin: 0 -17px;
  font-size: 12px;
  transform: scale(0.83);
}
.space-wrap .info span {
  flex: 1;
  min-width: 0;
  color: rgba(26, 39, 52, 0.7);
  word-break: break-all;
}
.space-wrap .info a {
  flex-shrink: 0;
  color: #2777F8;
}
.space-wrap .info a + a {
  margin-left: 8px;
}
.space-wrap .info:not(:last-child) {
  margin-bottom: 5px;
}

.nav-device {
  font-size: 0;
  display: flex;
  justify-content: center;
}
.nav-device a {
  position: relative;
  width: 16px;
  height: 16px;
}
.nav-device a:hover i {
  background-position-y: -16px;
}
.nav-device a:hover .common-little-pop {
  display: block;
}
.nav-device a:not(:first-child) {
  margin-left: 24px;
}
.nav-device .common-little-pop {
  left: -14px;
  transform: none;
}
.nav-device .common-little-pop:after {
  left: 16px;
  margin-left: 0;
}
.nav-device:not(:last-child) {
  margin-bottom: 15px;
}

.nav-screen {
  font-size: 0;
}
.nav-screen:not(:last-child) {
  margin-bottom: 15px;
}
.nav-screen a {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.nav-screen a:hover i {
  background-position-y: -22px;
}
.nav-screen a:hover .common-little-pop {
  display: block;
}
.nav-screen .common-little-pop {
  left: -14px;
  transform: none;
}
.nav-screen .common-little-pop:after {
  left: 16px;
  margin-left: 0;
}

.nav-download {
  display: flex;
  align-items: center;
  margin-top: 8px;
  color: #5e6671;
  font-size: 12px;
}
.nav-download:hover .icon-download {
  background-position-y: -14px;
}
.nav-download:hover span {
  color: #2777F8;
}
.nav-download .icon-download {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_download.svg?_vh=c603e27_91);
  background-repeat: no-repeat;
}
.popup-slide-bar {
  position: absolute;
  top: 50px;
  left: 140px;
  width: 130px;
  background: #fff;
  border-radius: 0 4px 4px 4px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
  z-index: 10001;
}
.popup-slide-bar .arrow {
  position: absolute;
  left: 0;
  top: -10px;
  border-bottom: 10px solid #fff;
  border-right: 10px solid transparent;
}

.clp-box {
  position: absolute;
  top: 0;
  right: 0;
}
.clp-box a {
  display: flex;
  width: 9px;
  height: 26px;
  border: 1px solid #DEE4EE;
  border-right-width: 0;
  background: #fff;
  font-size: 12px;
  color: #fff;
  line-height: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.clp-box a:hover {
  width: 19px;
  height: auto;
  border-color: #6F8396;
  background: #6F8396;
}
.clp-box a:hover .icon-telescoping {
  display: none;
}
.clp-box a:hover:before {
  display: block;
}
.clp-box a .icon-telescoping {
  width: 4px;
  height: 8px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_adjust_arrow.svg?_vh=6353a23_91);
  background-repeat: no-repeat;
}
.clp-box a s, .clp-box a span {
  display: none;
}
.clp-box a:before {
  display: none;
  padding: 3px 0;
}
.clp-box .collapse {
  border-radius: 4px 0 0 4px;
}
.clp-box .collapse:hover {
  margin-left: -20px;
}
.clp-box .collapse:before {
  content: "收起";
}
.clp-box .expand {
  border-radius: 0 4px 4px 0;
  border-right-width: 1px;
  border-left-width: 0;
}
.clp-box .expand:hover {
  margin-top: -4px;
}
.clp-box .expand .icon-telescoping {
  background-position-x: 0;
  transform: rotate(180deg);
}
.clp-box .expand:before {
  content: "展开";
}

.common-little-pop {
  display: none;
  position: absolute;
  top: -36px;
  left: 50%;
  padding: 0 10px;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background: rgba(26, 37, 53, 0.95);
  border-radius: 5px;
  transform: translate(-50%, 0);
  z-index: 10;
}
.common-little-pop:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -12px;
  width: 0;
  height: 0;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top-color: rgba(26, 37, 53, 0.95);
  pointer-events: none;
}
.common-little-pop.clp-bottom {
  top: auto;
  bottom: -38px;
}
.common-little-pop.clp-bottom:after {
  bottom: auto;
  top: -12px;
  border-top-color: transparent;
  border-bottom-color: rgba(26, 37, 53, 0.95);
}
.common-little-pop.clp-justify-left {
  left: 0;
  transform: none;
}
.common-little-pop.clp-justify-left:after {
  left: 10px;
  margin-left: 0;
}
.common-little-pop.clp-justify-right {
  left: auto;
  right: 0;
  transform: none;
}
.common-little-pop.clp-justify-right:after {
  right: 10px;
  left: auto;
  margin-left: 0;
}

.clp-mini {
  top: -26px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 22px;
  border-radius: 4px;
}
.clp-mini:after {
  bottom: -10px;
  margin-left: -5px;
  border-width: 5px;
}
.clp-mini.clp-bottom {
  bottom: -28px;
}
.clp-mini.clp-bottom:after {
  top: -10px;
}

.common-little-pop-wheat {
  display: none;
  position: absolute;
  z-index: 104;
  max-width: 240px;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #FFD6A0;
  background: #FFF8E6;
  box-shadow: 0 2px 10px rgba(255, 182, 91, 0.3);
  color: #B06B0B;
  line-height: 20px;
  word-break: break-all;
}
.common-little-pop-wheat .arrow,
.common-little-pop-wheat .arrow:after {
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
}
.common-little-pop-wheat .arrow {
  bottom: -12px;
  border-top-color: #FFD6A0;
}
.common-little-pop-wheat .arrow:after {
  left: -6px;
  top: -7px;
  border-top-color: #FFF8E6;
  content: "";
}
.common-little-pop-wheat.clpw-bottom .arrow {
  bottom: auto;
  top: -12px;
  border-top-color: transparent;
  border-bottom-color: #FFD6A0;
}
.common-little-pop-wheat.clpw-bottom .arrow:after {
  top: -5px;
  border-top-color: transparent;
  border-bottom-color: #FFF8E6;
}
.common-little-pop-wheat.clpw-left .arrow {
  top: 10px;
  right: -12px;
  border: 6px solid transparent;
  border-left-color: #FFD6A0;
}
.common-little-pop-wheat.clpw-left .arrow:after {
  left: -7px;
  top: -6px;
  border: 6px solid transparent;
  border-left-color: #FFF8E6;
}

.folder-empty {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.folder-empty:before {
  position: absolute;
  top: 0;
  right: 145px;
  z-index: 1;
  width: 80px;
  height: 80px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/folder_empty_arrow.svg?_vh=0d1990b_91);
  background-repeat: no-repeat;
  content: "";
}

.empty-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -188px;
  margin-left: -200px;
  color: rgba(26, 39, 52, 0.5);
  text-align: center;
}
.empty-content .icon-empty {
  flex-shrink: 0;
  display: block;
  width: 411px;
  height: 293px;
  margin-top: -100px;
  margin-bottom: -10px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/empty_default.png?_vh=9ac9875_91);
  background-image: -webkit-image-set(url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/empty_default.png?_vh=9ac9875_91) 1x, url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/empty_default@2x.png?_vh=c8eb72c_91) 2x);
  background-repeat: no-repeat;
  background-size: contain;
}
.empty-content:before {
  display: block;
  width: 395px;
  height: 184px;
  margin: 0 auto 17px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/folder_empty.png?_vh=9298802_91);
  background-image: -webkit-image-set(url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/folder_empty.png?_vh=9298802_91) 1x, url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/folder_empty@2x.png?_vh=04f21cf_91) 2x);
  background-repeat: no-repeat;
  content: "";
}
.empty-content h5 {
  margin-bottom: 10px;
  color: rgba(26, 39, 52, 0.5);
  font-size: 18px;
  line-height: 25px;
  font-weight: normal;
}
.empty-content em {
  color: #2777F8;
}
.empty-content em a {
  color: #2777F8;
}
.empty-content .or {
  position: relative;
  width: 30px;
  height: 30px;
  margin: 12px auto;
  line-height: 30px;
  color: #999;
  font-size: 14px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #E8E9EA;
}
.empty-content .or:before, .empty-content .or:after {
  position: absolute;
  top: 50%;
  width: 130px;
  height: 1px;
  background: #f2f2f2;
  content: "";
}
.empty-content .or:before {
  right: calc(50% + 30px);
}
.empty-content .or:after {
  left: calc(50% + 30px);
}
.empty-content .btn-row {
  margin-top: 18px;
}
.empty-content .btn-row a {
  display: inline-block;
  min-width: 100px;
  padding: 0 25px;
  border-radius: 4px;
  background: #2777F8;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
}
.empty-content .btn-row a:hover {
  background: #266EE3;
}
.empty-content .qrcode {
  width: 100px;
  height: 100px;
  margin: 10px auto 0;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/115qrcode.png?_vh=957ff6b_91);
  background-image: -webkit-image-set(url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/115qrcode.png?_vh=957ff6b_91) 1x, url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/115qrcode@2x.png?_vh=848ad40_91) 2x);
  background-repeat: no-repeat;
}
.empty-content .qrcode img {
  display: block;
  width: 100%;
}

.folder-empty-no-arrow:before {
  display: none;
}

.folder-empty-album .empty-content {
  margin-top: 0 !important;
  transform: translateY(-50%);
}
.folder-empty-album .empty-content:before {
  width: 304px;
  height: 171px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/folder_empty_album.png?_vh=63dd93a_91);
  background-image: -webkit-image-set(url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/folder_empty_album.png?_vh=63dd93a_91) 1x, url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/folder_empty_album@2x.png?_vh=8a1f19b_91) 2x);
  background-repeat: no-repeat;
}

.folder-empty-contacts .empty-content {
  margin-top: 0 !important;
  transform: translateY(-50%);
}
.folder-empty-contacts .empty-content:before {
  width: 300px;
  height: 189px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/folder_empty_contacts.png?_vh=36409de_91);
  background-image: -webkit-image-set(url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/folder_empty_contacts.png?_vh=36409de_91) 1x, url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/folder_empty_contacts@2x.png?_vh=a12cf26_91) 2x);
  background-repeat: no-repeat;
}

.folder-empty-note:before {
  display: none;
}
.folder-empty-note .empty-content:before {
  width: 304px;
  height: 187px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/folder_empty_note.png?_vh=78f9fcf_91);
  background-image: -webkit-image-set(url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/folder_empty_note.png?_vh=78f9fcf_91) 1x, url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/folder_empty_note@2x.png?_vh=e1c1a73_91) 2x);
  background-repeat: no-repeat;
}

.folder-empty-checkedfile:before {
  display: none;
}
.folder-empty-checkedfile .empty-content:before {
  width: 260px;
  height: 163px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/folder_empty_checkedfile.png?_vh=33d89f6_91);
  background-image: -webkit-image-set(url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/folder_empty_checkedfile.png?_vh=33d89f6_91) 1x, url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/folder_empty_checkedfile@2x.png?_vh=4d5e8a9_91) 2x);
  background-repeat: no-repeat;
}

.container-empty {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  color: rgba(26, 39, 52, 0.5);
  font-size: 14px;
  line-height: 20px;
  align-items: center;
  justify-content: center;
  word-break: break-all;
}
.container-empty .icon-empty {
  flex-shrink: 0;
  display: block;
  width: 411px;
  height: 293px;
  margin-top: -100px;
  margin-bottom: -10px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/empty_default.png?_vh=9ac9875_91);
  background-image: -webkit-image-set(url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/empty_default.png?_vh=9ac9875_91) 1x, url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/empty_default@2x.png?_vh=c8eb72c_91) 2x);
  background-repeat: no-repeat;
  background-size: contain;
}
.container-empty .icon-empty-network {
  flex-shrink: 0;
  display: block;
  width: 411px;
  height: 293px;
  margin-top: -100px;
  margin-bottom: -10px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/empty_network.png?_vh=8f9f7e8_91);
  background-image: -webkit-image-set(url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/empty_network.png?_vh=8f9f7e8_91) 1x, url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/empty_network@2x.png?_vh=f77b732_91) 2x);
  background-repeat: no-repeat;
  background-size: contain;
}
.container-empty h5 {
  font-size: 18px;
  font-weight: normal;
  line-height: 25px;
  color: #8a929b;
}
.container-empty h5 + p {
  padding-top: 7px;
}
.container-empty h3 {
  font-size: 16px;
  line-height: 22px;
  color: #1A2734;
}
.container-empty p.or {
  position: relative;
  margin: 20px 0;
  width: 300px;
}
.container-empty p.or span {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin: 0 auto;
  border: 1px solid #E8E9EA;
  border-radius: 50%;
}
.container-empty p.or:before, .container-empty p.or:after {
  position: absolute;
  top: 50%;
  height: 1px;
  background: #E8E9EA;
  content: "";
}
.container-empty p.or:before {
  left: 0;
  right: calc(50% + 16px);
}
.container-empty p.or:after {
  left: calc(50% + 16px);
  right: 0;
}
.container-empty p.or + .button {
  margin-top: 0;
}
.container-empty em {
  color: #2777F8;
}
.container-empty .info {
  padding-top: 4px;
  font-size: 12px;
  color: #8a929b;
  text-align: center;
}
.container-empty .info + .button {
  margin-top: 12px;
}
.container-empty .desc {
  width: 530px;
  margin-top: 15px;
  color: #666;
  font-size: 14px;
  text-align: center;
}
.container-empty .button {
  margin-top: 30px;
  min-width: 100px;
  height: 38px;
  line-height: 38px;
}

.security-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.security-panel .security-board {
  padding: 0;
  color: #1A2734;
  text-align: center;
  margin-bottom: 24px;
  background: none;
}
.security-panel .security-board i {
  position: static;
  display: block;
  width: 120px;
  height: 120px;
  margin: 0 auto 16px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_shield.png?_vh=b151145_91);
  background-image: -webkit-image-set(url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_shield.png?_vh=b151145_91) 1x, url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_shield@2x.png?_vh=2fad309_91) 2x);
  background-repeat: no-repeat;
  background-size: contain;
}
.security-panel .security-board strong {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 33px;
  font-weight: 600;
}
.security-panel .security-form {
  width: 360px;
  padding: 0;
}
.security-panel .security-desc {
  position: relative;
  padding: 16px 0;
  margin: 0;
  height: auto;
  font-size: 14px;
  line-height: 20px;
}
.security-panel .security-desc span {
  color: #5e6671;
}
.security-panel .security-desc a {
  position: absolute;
  top: 0;
  right: 0;
  padding: 16px 0;
  color: #2777F8;
}
.security-panel .security-password:not(*:root) {
  position: relative;
  height: 40px;
  margin-bottom: 20px;
  padding-right: 30px;
  margin-right: -30px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/bg_password.svg?_vh=5432e9e_91);
  background-repeat: no-repeat;
}
.security-panel .security-password:not(*:root) input {
  position: absolute;
  top: 0;
  left: 0;
  width: 490px;
  padding: 0;
  height: 40px;
  border: 0 none;
  background: none;
  line-height: 40px;
  font-size: 30px;
  font-family: Georgia;
  font-weight: bold;
  letter-spacing: 46px;
  text-indent: 25px;
}
.security-panel .security-password:not(*:root):after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  background: #fff;
  content: "";
}
.security-panel .security-submit .button {
  display: block;
  font-size: 0;
  background: #2777F8;
}
.security-panel .security-submit .button:hover {
  background: #266EE3;
}
.security-panel .security-submit .btn-large {
  height: 38px;
  line-height: 38px;
}

@media (max-width: 500px) {
  .security-panel .security-board {
    margin-bottom: 14px;
    padding: 0 30px;
  }
  .security-panel .security-board i {
    width: 90px;
    height: 90px;
    margin-top: -20px;
  }
  .security-panel .security-board strong {
    font-size: 16px;
    line-height: 24px;
  }
  .security-panel .security-form {
    width: 260px;
  }
  .security-panel .security-password:not(*:root) {
    background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/bg_password_mini.svg?_vh=f6a3cd2_91);
    background-repeat: no-repeat;
  }
  .security-panel .security-password:not(*:root) input {
    width: 260px;
    letter-spacing: 5px;
    text-indent: 0;
    text-align: center;
  }
}
.scal-head {
  padding: 23px 30px;
  text-align: center;
  border-bottom: 1px solid #EDEEEF;
}

.scal-yyyy-mm {
  position: relative;
  top: 2px;
}
.scal-yyyy-mm > a {
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 18px;
  padding: 5px;
}
.scal-yyyy-mm > a:first-child {
  left: 0;
}
.scal-yyyy-mm > a:last-child {
  right: 0;
}
.scal-yyyy-mm > a:last-child i {
  transform: rotate(180deg);
}
.scal-yyyy-mm > a:hover {
  filter: brightness(0.7);
}
.scal-yyyy-mm > a i {
  display: block;
  width: 18px;
  height: 18px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_scal_arrow.svg?_vh=257f884_91);
  background-repeat: no-repeat;
}
.scal-yyyy-mm span {
  padding: 4px 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.scal-box .scal-weekday {
  height: 30px;
  padding: 15px 31px 0;
  line-height: 30px;
  font-size: 14px;
  color: rgba(26, 39, 52, 0.5);
  -webkit-user-select: none;
}
.scal-box .scal-weekday span, .scal-box .scal-weekday strong {
  float: left;
  width: 69px;
  width: calc(14.2857142857% - 0.1px);
  text-align: center;
  font-weight: 500;
}
.scal-box .scal-weekday .current {
  color: #2777F8;
}
.scal-box .scal-days {
  padding-bottom: 30px;
  -webkit-user-select: none;
}
.scal-box .scal-days ul {
  height: 420px;
  padding: 0 31px;
}
.scal-box .scal-days li {
  float: left;
  width: 68px;
  width: calc(14.2857142857% - 0.1px);
  height: 60px;
  padding: 5px 0;
  color: #1A2734;
  cursor: pointer;
}
.scal-box .scal-days li:hover .day-circle {
  background: #F2F2F3;
}
.scal-box .scal-days li:hover .day-circle span {
  color: #222E3B;
}
.scal-box .scal-days li:hover .day-circle em {
  color: rgba(26, 39, 52, 0.3);
}
.scal-box .scal-days li.selected {
  color: #222E3B;
  cursor: default;
}
.scal-box .scal-days li.selected .day-circle {
  background: #F2F2F3;
}
.scal-box .scal-days li.selected .day-circle em {
  color: rgba(26, 39, 52, 0.3);
}
.scal-box .scal-days li.selected .day-circle s {
  display: none;
  background: white;
}
.scal-box .scal-days li.today {
  color: #2777F8;
}
.scal-box .scal-days li.today .day-circle em {
  color: #2777F8;
}
.scal-box .scal-days li.today.selected {
  color: white;
}
.scal-box .scal-days li.today.selected .day-circle {
  background: #F0F6FF;
}
.scal-box .scal-days li.today.selected .day-circle span,
.scal-box .scal-days li.today.selected .day-circle em {
  color: #2777F8;
}
.scal-box .scal-days li.today.selected .day-circle s {
  background: white;
}
.scal-box .scal-days li.past-days .day-circle s {
  background: #ccc;
}
.scal-box .scal-days li.other-month-day {
  color: rgba(26, 39, 52, 0.3);
}
.scal-box .scal-days li.other-month-day.selected {
  color: #222E3B;
}
.scal-box .scal-days li.other-month-day.selected .day-circle em {
  color: rgba(26, 39, 52, 0.3);
}
.scal-box .scal-days .day-circle {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 60px;
  height: 60px;
  margin: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
}
.scal-box .scal-days .day-circle span, .scal-box .scal-days .day-circle em {
  display: block;
}
.scal-box .scal-days .day-circle span {
  line-height: 24px;
  font-size: 20px;
  font-weight: 500;
  font-family: HelveticaNeue-Medium;
}
.scal-box .scal-days .day-circle em {
  position: relative;
  z-index: -1px;
  padding-top: 2px;
  line-height: 17px;
  font-size: 12px;
  font-weight: normal;
  color: rgba(26, 39, 52, 0.3);
}
.scal-box .scal-days .day-circle s {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  border-radius: 50%;
  background: #2777F8;
}

.image-fail {
  min-width: 60px;
  min-height: 60px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/image_fail.svg?_vh=ee4e9a6_91);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.picture-display .image-fail {
  display: block;
  width: 100%;
  height: 100%;
}

.list-launch-type {
  padding: 5px 7px;
  white-space: nowrap;
  font-size: 0;
}
.list-launch-type a {
  display: inline-block;
  min-width: 60px;
  margin: 10px 1px 8px;
  padding: 4px;
  border-radius: 4px;
  color: #4F6174;
  font-size: 14px;
  text-align: center;
  vertical-align: top;
}
.list-launch-type a:hover, .list-launch-type a.hover {
  text-decoration: none;
}
.list-launch-type a:hover i, .list-launch-type a.hover i {
  transform: translateY(-2px);
}
.list-launch-type a span {
  display: block;
}
.list-launch-type [class*=illt-] {
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  margin: 0 auto 8px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_launch_type.svg?_vh=85b3f30_91);
  background-repeat: no-repeat;
  transition: transform 0.2s;
}

.illt-schedule {
  background-position-x: 0px;
}

.illt-note {
  background-position-x: -44px;
}

.illt-diary {
  background-position-x: -88px;
}

.list-launch-type-file {
  padding: 15px 0;
}
.list-launch-type-file a {
  display: block;
  padding: 7px 22px;
  font-size: 0;
}
.list-launch-type-file a span {
  padding-left: 20px;
  font-size: 16px;
  line-height: 30px;
}
.list-launch-type-file a:hover {
  background: #EEF3FF;
}
.list-launch-type-file a + a {
  margin-top: 1px;
}
.list-launch-type-file [class*=illtf-] {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_launch_type_file.svg?_vh=84dc963_91);
  background-repeat: no-repeat;
}

.illtf-upload {
  background-position-x: 0px;
}

.illtf-newdir {
  background-position-x: -30px;
}

.illtf-offline {
  background-position-x: -60px;
}

.illtf-feedback {
  background-position-x: -90px;
}

.opt-popup-list {
  display: none;
  position: absolute;
  z-index: 12;
}
.opt-popup-list .arrow {
  position: absolute;
  top: -21px;
  right: 15px;
  z-index: 1;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 10px solid;
  border-color: transparent transparent #EDEEEF;
  pointer-events: none;
}
.opt-popup-list s.arrow {
  top: -20px;
  z-index: 2;
  border-bottom-color: #fff;
}
.opt-popup-list .cell {
  padding: 5px 0;
}
.opt-popup-list .cell + .cell {
  border-top: 1px solid #eee;
}
.opt-popup-list .cell a {
  display: block;
  float: none;
  position: relative;
  height: 37px;
  margin: 0;
  padding: 0 20px 0 42px;
  color: #333;
  font-size: 12px;
  font-weight: 500;
  line-height: 37px;
  white-space: nowrap;
  border-radius: 0;
}
.opt-popup-list .cell a:hover {
  background: #2777F8;
  color: #fff;
  text-decoration: none;
}
.opt-popup-list .cell a i {
  position: absolute;
  top: 50%;
  left: 19px;
  margin-top: -8px;
  display: block;
  width: 16px;
  height: 16px;
}
.opt-popup-list .cell a .itp-concern-cancel {
  opacity: 0.5;
}
.opt-popup-list .option-menu a {
  padding: 0 44px;
}
.opt-popup-list .option-menu a:hover:before {
  filter: grayscale(100%) brightness(100);
}
.opt-popup-list .option-menu a.selected:before {
  position: absolute;
  top: 8px;
  left: 10px;
  width: 24px;
  height: 24px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_selected.svg?_vh=3a0b3e9_91);
  background-repeat: no-repeat;
  content: "";
}
.opt-popup-list.popup-left .arrow {
  left: 15px;
  right: auto;
}
.opt-popup-list.popup-down .arrow {
  top: auto;
  bottom: -21px;
  border-color: #EDEEEF transparent transparent;
}
.opt-popup-list.popup-down s.arrow {
  bottom: -20px;
  border-top-color: #fff;
}

.search-box {
  position: relative;
}
.search-box button,
.search-box .clean {
  position: absolute;
  top: 0;
  width: 32px;
  height: 32px;
  font-size: 0;
  margin-top: 0;
  color: transparent;
  cursor: pointer;
}
.search-box button i, .search-box button s,
.search-box .clean i,
.search-box .clean s {
  display: none !important;
}
.search-box button:after,
.search-box .clean:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_search_common.svg?_vh=244708c_91);
  background-repeat: no-repeat;
  background-position-y: 0;
  opacity: 1;
  transition: opacity 0.2s;
}
.search-box button:hover,
.search-box .clean:hover {
  background: none;
}
.search-box button:hover:after,
.search-box .clean:hover:after {
  opacity: 0.6;
}
.search-box button {
  left: 4px;
  padding: 0;
  border: 0 none;
  background: none;
  -webkit-appearance: none;
  outline: none;
}
.search-box .clean {
  right: 0;
}
.search-box .clean:after {
  background-position-x: -18px;
}
.search-box input {
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 2px 28px 2px 40px;
  border: 0 none;
  border-radius: 4px;
  background: #F2F4F8;
  color: #1A2734;
  font-size: 14px;
  -webkit-appearance: none;
}

.panel-title {
  float: left;
  color: #1A2734;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  cursor: default;
}

.button {
  display: inline-block;
  position: relative;
  height: 30px;
  padding: 0 15px;
  border: 1px solid #2777F8;
  background: #2777F8;
  border-radius: 4px;
  color: #fff;
  font-size: 0;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  outline: none;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.button:hover, .button.hover {
  border-color: #266EE3;
  background: #266EE3;
}
.button span {
  display: inline-block;
  position: relative;
  font-size: 12px;
  font-weight: 500;
  vertical-align: middle;
}
.button span:first-child:last-child {
  padding: 0 6px;
}
.button s {
  display: none;
}
.button.with-rightline:after {
  content: "";
  position: absolute;
  right: -7px;
  top: 50%;
  width: 1px;
  height: 20px;
  background: #EDEEEF;
  margin-top: -10px;
}
.button .ibco-add:first-child:last-child {
  margin: 0 -8px;
}
.button .icon-telescoping:first-child:last-child {
  margin: 0 -9px;
}
.button .split-line {
  display: inline-block;
  position: relative;
  width: 1px;
  height: 17px;
  margin: 0 3px 0 8px;
  background: rgba(255, 255, 255, 0.3);
  vertical-align: middle;
}
.button .split-line + .ibco-arrow {
  margin-left: 3px;
  margin-right: -8px;
}

[class*=ibco-] {
  display: inline-block;
  position: relative;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_button.svg?_vh=f88165b_91);
  background-repeat: no-repeat;
  vertical-align: middle;
}
[class*=ibco-].ibco-more {
  width: 3px;
  height: 13px;
  margin-right: -1px;
  margin-left: -1px;
  background-position-x: 0;
}
[class*=ibco-].ibco-more + span {
  margin-left: 10px;
}
[class*=ibco-].ibco-add {
  position: relative;
  width: 12px;
  height: 12px;
  background: none;
}
[class*=ibco-].ibco-add:before, [class*=ibco-].ibco-add:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  margin: -1px 0 0 -6px;
  background: #fff;
}
[class*=ibco-].ibco-add:after {
  transform: rotate(90deg);
}
[class*=ibco-].ibco-arrow {
  width: 10px;
  height: 6px;
  margin-right: -5px;
  margin-left: -5px;
  background-position-x: -32px;
}
[class*=ibco-].ibco-close {
  width: 13px;
  height: 13px;
  margin-right: -6px;
  margin-left: -6px;
  background-position-x: -48px;
}
[class*=ibco-].ibco-back {
  width: 8px;
  height: 14px;
  margin-right: -4px;
  margin-left: -4px;
  background-position-x: -64px;
}
[class*=ibco-].ibco-back + span {
  margin-left: 12px;
}
[class*=ibco-].ibco-arrow-solid {
  width: 7px;
  height: 5px;
  margin-top: -1px;
  margin-right: -3px;
  background-position-x: -80px;
}
[class*=ibco-].ibco-arrowback {
  width: 14px;
  height: 12px;
  margin-left: -7px;
  margin-right: -7px;
  background-position-x: -96px;
}
[class*=ibco-].ibco-arrowback + span {
  margin-left: 14px;
}
[class*=ibco-].ibco-star, [class*=ibco-].ibco-star-highlight {
  width: 20px;
  height: 20px;
  margin: 0 -9px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/ibco_star.svg?_vh=50c4b00_91);
  background-repeat: no-repeat;
}
[class*=ibco-].ibco-star-highlight {
  background-position-y: -20px;
}

[class*=ibco-] + span {
  margin-left: 6px;
}

span + [class*=ibco-] {
  margin-left: 6px;
}
span + [class*=ibco-].ibco-arrow {
  margin-right: -3px;
  margin-left: 7px;
}

.btn-stroke {
  border-color: #2777F8;
  background: #fff;
  color: #2777F8;
}
.btn-stroke:hover, .btn-stroke.hover {
  background: #f2f7ff;
}
.btn-stroke [class*=ibco-] {
  background-position-y: -32px;
}
.btn-stroke [class*=ibco-].ibco-add:before, .btn-stroke [class*=ibco-].ibco-add:after {
  background: #2777F8;
}

.btn-line {
  border-color: #D1D4D6;
  background: #fff;
  color: #1A2734;
}
.btn-line:hover, .btn-line.hover {
  border-color: #D1D4D6;
  background: #f2f2f3;
  color: #1A2734;
}
.btn-line [class*=ibco-] {
  background-position-y: -16px;
}
.btn-line [class*=ibco-].ibco-add:before, .btn-line [class*=ibco-].ibco-add:after {
  background: #1A2734;
}
.btn-line .icon-operate-light {
  background-position-y: -14px;
}

.btn-gray {
  border-color: #f7f7f7;
  background: #f7f7f7;
  color: #1A2734;
}
.btn-gray:hover, .btn-gray.hover {
  border-color: #f2f2f3;
  background: #f2f2f3;
}
.btn-gray [class*=ibco-] {
  background-position-y: -16px;
}
.btn-gray.ibco-add:before, .btn-gray.ibco-add:after {
  background: #1A2734;
}

.btn-light {
  border-color: transparent;
  background: transparent;
  color: #1A2734;
}
.btn-light:hover, .btn-light.hover {
  border-color: transparent;
  background: #f2f2f3;
}
.btn-light [class*=ibco-] {
  background-position-y: -16px;
}
.btn-light [class*=ibco-].ibco-star {
  background-position-y: 0;
}
.btn-light [class*=ibco-].ibco-star-highlight {
  background-position-y: -20px;
}
.btn-light [class*=ibco-].ibco-add:before, .btn-light [class*=ibco-].ibco-add:after {
  background: #1A2734;
}

.btn-stroke-tint {
  border-color: #2777F8;
  background: #f2f7ff;
  color: #2777F8;
}
.btn-stroke-tint:hover, .btn-stroke-tint.hover {
  border-color: #2777F8;
  background: #2777F8;
  color: #fff;
}
.btn-stroke-tint:hover [class*=ibco-], .btn-stroke-tint.hover [class*=ibco-] {
  background-position-y: 0;
}
.btn-stroke-tint:hover [class*=ibco-].ibco-add:before, .btn-stroke-tint:hover [class*=ibco-].ibco-add:after, .btn-stroke-tint.hover [class*=ibco-].ibco-add:before, .btn-stroke-tint.hover [class*=ibco-].ibco-add:after {
  background: #fff;
}
.btn-stroke-tint [class*=ibco-] {
  background-position-y: -32px;
}
.btn-stroke-tint [class*=ibco-].ibco-add:before, .btn-stroke-tint [class*=ibco-].ibco-add:after {
  background: #2777F8;
}

.btn-red {
  background-color: #FF5200;
  border-color: #FF5200;
}
.btn-red:hover {
  background-color: #f04d00;
  border-color: #f04d00;
}

.btn-yun {
  background-color: #ff8c00;
  border-color: #ff8c00;
}
.btn-yun:hover {
  border-color: #f08400;
  background: #f08400;
}

.btn-lightblue {
  background: #EEF5FF;
  border-color: #EEF5FF;
  color: #2777F8;
}
.btn-lightblue:hover {
  background: #e4efff;
  border-color: #e4efff;
}
.btn-lightblue .icon-operate {
  background-position-y: -40px;
}
.btn-lightblue [class*=ibco-] {
  background-position-y: -32px;
}
.btn-lightblue [class*=ibco-].ibco-add:before, .btn-lightblue [class*=ibco-].ibco-add:after {
  background: #2777F8;
}

.btn-disabled,
.btn-disabled:hover,
.btn-disabled:active {
  color: #ABB1B9 !important;
  border-color: #EBEDF2 !important;
  background: #EBEDF2 !important;
  cursor: not-allowed;
}
.btn-disabled [class*=ibco-],
.btn-disabled:hover [class*=ibco-],
.btn-disabled:active [class*=ibco-] {
  background-position-y: -48px !important;
}
.btn-disabled:before,
.btn-disabled:hover:before,
.btn-disabled:active:before {
  display: none;
}
.btn-disabled:after,
.btn-disabled:hover:after,
.btn-disabled:active:after {
  display: none;
}

button.button {
  height: 32px;
  padding: 0 16px;
  line-height: normal;
  border: 0;
}
button.button [class*=ibco-].ibco-add {
  margin-top: 0;
}

[class*=btn-linear-] {
  height: 32px;
  padding: 0 10px;
  border: 0 none;
  line-height: 32px;
  transition: none;
  z-index: 1;
  box-shadow: none;
}
[class*=btn-linear-]:hover:before, [class*=btn-linear-].hover:before {
  opacity: 1;
}
[class*=btn-linear-]:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.3s;
  content: "";
}
[class*=btn-linear-] span {
  color: #fff;
}
[class*=btn-linear-] .ibco-add:first-child:last-child {
  margin: 0 -1px;
}

.btn-linear-orange, .btn-linear-orange:hover, .btn-linear-orange.hover {
  background: linear-gradient(225deg, #FE982F, #FF812E, #FF7D2B);
  border: 0 none;
}
.btn-linear-orange:before {
  background: #FF7D00;
}
.btn-linear-orange:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 48%;
  height: 23px;
  margin-left: -24%;
  background-image: linear-gradient(225deg, #FE982F 0%, #FF812E 100%, #FF7D2B 100%);
  z-index: -1;
}

@supports (filter: blur(10px)) {
  .btn-linear-orange:after {
    content: "";
    filter: blur(10px);
  }
}
.btn-linear-publish, .btn-linear-publish:hover, .btn-linear-publish.hover {
  background-image: linear-gradient(225deg, #2777F8, #2777F8, #2777F8);
}
.btn-linear-publish:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 77%;
  height: 19px;
  margin-left: -38%;
  border-radius: 4px;
  background-image: linear-gradient(225deg, rgba(39, 119, 248, 0.6) 0%, #2777F8, #2777F8);
  z-index: -1;
}
.btn-linear-publish:before {
  background-image: linear-gradient(225deg, #2777F8, #2777F8, #2777F8);
}
.btn-linear-publish [class*=ibco-].ibco-arrow {
  margin-left: 6px;
  margin-right: 0;
}

@supports (filter: blur(6px)) {
  .btn-linear-publish:hover:after {
    content: "";
    filter: blur(6px);
  }
}
.btn-large {
  min-width: 70px;
  height: 38px;
  padding: 0 29px;
  line-height: 38px;
}
.btn-large span {
  font-size: 14px;
}

button.btn-large {
  min-width: 130px;
  height: 40px;
}

.btn-small {
  height: 26px;
  padding: 0 5px;
  line-height: 26px;
}
.btn-small span {
  font-size: 12px;
}

button.btn-small {
  height: 28px;
  padding: 0 6px;
}

.btn-group {
  display: inline-block;
  height: 26px;
  line-height: 24px;
  font-size: 0;
}
.btn-group a {
  display: inline-block;
  position: relative;
  height: 24px;
  padding: 0 16px;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  border: 1px solid rgba(26, 39, 52, 0.1);
  background: #fff;
}
.btn-group a:hover {
  z-index: 2;
  color: #2777F8;
  border-color: #2777F8;
}
.btn-group a + a {
  margin-left: -1px;
}
.btn-group a.current {
  z-index: 2;
  color: #fff;
  border-color: #2777F8;
  background: #2777F8;
  cursor: default;
}
.btn-group a:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group a:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.btn-option {
  position: relative;
  display: inline-block;
}
.btn-option .button {
  float: left;
  margin-left: 0 !important;
  padding: 0 12px 0 12px;
  border-radius: 4px 0 0 4px;
}
.btn-option .btn-more {
  width: 14px;
  padding: 0 8px;
  border-radius: 0 4px 4px 0;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.btn-option-popup {
  position: absolute;
  top: 32px;
  right: 0;
  min-width: 100%;
  z-index: 12;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
}
.btn-option-popup ul {
  padding: 5px 0;
}
.btn-option-popup a {
  position: relative;
  display: block;
  height: 38px;
  padding: 0 20px;
  font-size: 13px;
  font-weight: 500;
  line-height: 38px;
  color: #1A2734;
  white-space: nowrap;
}
.btn-option-popup a:hover {
  background: #2777F8;
  color: #fff;
}

.btn-root-option {
  font-size: 0;
}
.btn-root-option .button {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.btn-root-option .button span {
  padding: 0 !important;
}
.btn-root-option .btn-root {
  padding: 0 10px 0 14px;
  color: #5e6671;
  border-radius: 4px 0 0 4px;
  background: #f2f2f3;
  border-color: #f2f2f3;
}
.btn-root-option .btn-root:hover {
  color: #fff;
  background: #2777F8;
  border-color: #2777F8;
}
.btn-root-option .btn-more {
  padding: 0 9px 0 8px;
  background: #f2f2f3;
  border-color: #f2f2f3;
  border-radius: 0 4px 4px 0;
}
.btn-root-option .btn-more:before {
  position: absolute;
  top: 50%;
  left: -1px;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background: #CCCFD1;
  content: "";
}
.btn-root-option .btn-more:hover {
  background: #2777F8;
  border-color: #2777F8;
}
.btn-root-option .btn-more:hover:before {
  display: none;
}
.btn-root-option .btn-more:hover .ibco-arrow-solid {
  opacity: 1;
  background-position-y: 0;
}
.btn-root-option .btn-more .ibco-arrow-solid {
  margin: 0;
  opacity: 0.7;
  background-position-y: -16px;
}

.btn-hint-wrap {
  position: absolute;
  top: 14px;
  left: 50%;
  z-index: 101;
  transform: translateX(-50%);
}

.btn-hint-load .icon-load {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/btn_hint_loader.png?_vh=f09cc11_91);
  background-image: -webkit-image-set(url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/btn_hint_loader.png?_vh=f09cc11_91) 1x, url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/btn_hint_loader@2x.png?_vh=3b461ed_91) 2x);
  background-repeat: no-repeat;
  animation: rotate 0.9s infinite linear;
}

.btn-hint-suc {
  background: #19B8D0;
  border-color: #19B8D0;
  box-shadow: 0px 2px 10px 0px rgba(0, 178, 204, 0.2);
}
.btn-hint-suc:hover {
  background: #18b0c7;
  border-color: #18b0c7;
}
.btn-hint-suc .icon-suc {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 7px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/btn_hint_suc.svg?_vh=0c00642_91);
  background-repeat: no-repeat;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.popup-box {
  display: none;
  position: absolute;
  z-index: 10011;
}

.arrow-position {
  position: absolute;
  top: -20px;
  right: 20px;
}
.arrow-position .arrow {
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  overflow: hidden;
  border-style: solid;
  border-width: 10px;
  pointer-events: none;
}
.arrow-position i.arrow {
  top: 0;
  border-color: transparent transparent #e1e1e1 transparent;
}
.arrow-position s.arrow {
  top: 1px;
  border-color: transparent transparent #fff transparent;
}
.arrow-position.ap-below {
  top: auto;
  bottom: 0;
}
.arrow-position.ap-below i.arrow {
  border-color: #e1e1e1 transparent transparent transparent;
}
.arrow-position.ap-below s.arrow {
  top: -1px;
  border-color: #fff transparent transparent transparent;
}
.arrow-position.ap-center {
  right: 50%;
  margin-left: -10px;
}

.context-menu {
  position: absolute;
  z-index: 10001;
}
.context-menu a {
  display: block;
  position: relative;
  height: 38px;
  color: #1A2734;
  font-size: 13px;
  font-weight: 500;
  line-height: 38px;
  white-space: nowrap;
  transition: background 0.1s, color 0.1s;
}
.context-menu a .ibco-arrow-solid {
  background-position-y: -16px;
}
.context-menu a:hover, .context-menu a.hover {
  color: #fff;
  background: #2777F8;
}
.context-menu a:hover .icon-operate, .context-menu a:hover .icon-task-ctm, .context-menu a.hover .icon-operate, .context-menu a.hover .icon-task-ctm {
  background-position-y: 0;
}
.context-menu a:hover .icon-filter, .context-menu a.hover .icon-filter {
  background-position-y: -14px;
}
.context-menu a:hover .ibco-arrow-solid, .context-menu a.hover .ibco-arrow-solid {
  background-position-y: 0;
}
.context-menu a.current {
  color: #fff;
  background: #2777F8;
}
.context-menu a.current .icon-filter {
  background-position-y: -14px;
}
.context-menu a.current .ibco-arrow-solid {
  background-position-y: 0;
}
.context-menu a.haspop span {
  padding-right: 10px;
}
.context-menu a.haspop .ibco-arrow-solid {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -3px;
  transform: rotate(-90deg);
}
.context-menu .cell {
  padding: 5px 0;
}
.context-menu .cell a {
  padding: 0 20px;
}
.context-menu .cell-icon, .context-menu .icon-cell {
  padding: 5px 0;
}
.context-menu .cell-icon a, .context-menu .icon-cell a {
  padding: 0 20px 0 44px;
  transition: none;
}
.context-menu .cell-icon [class*=icon-], .context-menu .icon-cell [class*=icon-] {
  position: absolute;
  top: 50%;
  left: 14px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}
.context-menu .cell-icon .icon-filter, .context-menu .icon-cell .icon-filter {
  width: 14px;
  height: 14px;
  margin-top: -7px;
}
.context-menu .cell-icon .icon-labels, .context-menu .icon-cell .icon-labels {
  left: 20px;
  width: 12px;
  height: 12px;
  margin-top: -7px;
}
.context-menu .cell-icon .icon-operate, .context-menu .cell-icon .icon-task-ctm, .context-menu .icon-cell .icon-operate, .context-menu .icon-cell .icon-task-ctm {
  background-position-y: -20px;
}
.context-menu .tags-cell {
  padding: 5px 0;
}
.context-menu .tags-cell li, .context-menu .tags-cell a {
  height: 30px;
  margin: 5px 10px;
  padding: 0;
}
.context-menu .tags-cell li + a, .context-menu .tags-cell li + li, .context-menu .tags-cell a + a, .context-menu .tags-cell a + li {
  margin-top: 10px;
}
.context-menu .tags-cell a:hover {
  background: none;
}
.context-menu .tags-cell > em {
  margin: 6px;
}
.context-menu .tags-cell em {
  position: relative;
  float: left;
  min-width: 40px;
  max-width: 80px;
  height: 30px;
  padding: 0 25px 0 10px;
  text-align: center;
  vertical-align: top;
  line-height: 30px;
  font-size: 15px;
  border-radius: 4px;
  background: #f6f6f6;
  cursor: default;
  transition: opacity 0.2s;
}
.context-menu .tags-cell em:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.context-menu .tags-cell s {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 4px;
  background-color: #FBFCFF;
  border: 1px solid #C4D0F0;
}
.context-menu .tags-cell span {
  display: block;
  position: relative;
  padding-left: 0;
  color: #6BA875;
}
.context-menu .tags-cell .iba-del {
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  cursor: pointer;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_close.svg?_vh=e7b6061_91);
  background-repeat: no-repeat;
}
.context-menu .suffix-cell {
  min-width: 180px;
}
.context-menu .suffix-cell > a {
  display: flex;
}
.context-menu .suffix-cell > a > span {
  flex: 1;
}
.context-menu .suffix-cell > a .suffix {
  flex-shrink: 0;
  display: none;
  align-items: center;
  margin-right: -10px;
}
.context-menu .suffix-cell > a .suffix s {
  display: block;
  font-size: 13px;
}
.context-menu .suffix-cell > a .suffix .icon-filter {
  margin-left: 4px;
  margin-top: 0;
}
.context-menu .suffix-cell > a.current .suffix {
  display: flex;
}
.context-menu .icon-filter {
  flex-shrink: 0;
  margin-left: 10px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_filter.svg?_vh=e036697_91);
  background-repeat: no-repeat;
  cursor: pointer;
}
.context-menu .icon-filter.if-name-asc {
  background-position-x: 0px;
}
.context-menu .icon-filter.if-name-desc {
  background-position-x: -14px;
}
.context-menu .icon-filter.if-time-asc {
  background-position-x: -28px;
}
.context-menu .icon-filter.if-time-desc {
  background-position-x: -42px;
}
.context-menu .icon-filter.if-add-asc {
  background-position-x: -56px;
}
.context-menu .icon-filter.if-add-desc {
  background-position-x: -70px;
}

.menu-regular {
  display: block;
}
.menu-regular .cell {
  display: block;
  padding: 9px;
  width: 418px;
  max-height: 540px;
  overflow: auto;
}
.menu-regular .cell a {
  float: left;
  height: 30px;
  width: 80px;
  width: calc(20% - 16px);
  overflow: hidden;
  margin: 3px;
  padding: 0 5px;
  border-radius: 4px !important;
  text-align: center;
  line-height: 30px;
  word-wrap: break-word;
  white-space: normal;
}
.menu-regular .cell a:hover {
  color: #1A2734;
  background: #E6EAF2;
}
.menu-regular .cell a.current, .menu-regular .cell a.selected {
  background: #2777F8;
  color: #fff;
}
.menu-regular .cell a span {
  padding-left: 0;
}
.menu-regular .cell a s {
  display: none !important;
}
.menu-regular .arrow {
  display: none;
}
.menu-regular .top-search-cell {
  display: flex;
  align-items: center;
  padding: 12px 12px 3px;
}
.menu-regular .top-search-cell .search-box {
  flex: 1;
  min-width: 0;
}
.menu-regular .top-search-cell .icon-filter {
  flex-shrink: 0;
  margin-left: 10px;
  width: 14px;
  height: 14px;
  opacity: 0.8;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_filter.svg?_vh=e036697_91);
  background-repeat: no-repeat;
  cursor: pointer;
}
.menu-regular .top-search-cell .icon-filter:hover, .menu-regular .top-search-cell .icon-filter.current {
  background-position-y: -28px;
  opacity: 1;
}
.menu-regular .top-search-cell .icon-filter.if-name-asc {
  background-position-x: 0px;
}
.menu-regular .top-search-cell .icon-filter.if-name-desc {
  background-position-x: -14px;
}
.menu-regular .top-search-cell .icon-filter.if-time-asc {
  background-position-x: -28px;
}
.menu-regular .top-search-cell .icon-filter.if-time-desc {
  background-position-x: -42px;
}
.menu-regular.mr-autowidth .cell a {
  min-width: calc(20% - 16px);
  width: auto;
}

@media (max-height: 650px) {
  .menu-regular .cell {
    max-height: calc(100vh - 170px);
  }
}
.table-scrollable {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.table-scrollable.table-scrollable-left .table-scrollable-content, .table-scrollable.table-scrollable-right .table-scrollable-content {
  overflow-x: scroll;
}
.table-scrollable.table-scrollable-left:before, .table-scrollable.table-scrollable-left:after, .table-scrollable.table-scrollable-right:before, .table-scrollable.table-scrollable-right:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  border-width: 0;
  border-color: #F88C20;
  border-style: dashed;
  background: #fff;
  pointer-events: none;
}
.table-scrollable.table-scrollable-left:before {
  left: 0;
  border-left-width: 1px;
  box-shadow: 4px 0 10px 2px rgba(248, 140, 32, 0.2);
  content: "";
}
.table-scrollable.table-scrollable-right:after {
  right: 0;
  border-right-width: 1px;
  box-shadow: -4px 0 10px 2px rgba(248, 140, 32, 0.2);
  content: "";
}
.table-scrollable .table-scrollable-content {
  overflow-x: auto;
  overflow-y: hidden;
}
.table-scrollable table {
  width: -moz-max-content !important;
  width: max-content !important;
  margin: 0;
}

.table-normal {
  position: relative;
  display: flex;
  flex-direction: column;
}
.table-normal table {
  flex: 1;
  width: 100%;
}
.table-normal th {
  padding: 8px 20px;
  font-weight: normal;
  color: #8a929b;
  line-height: 28px;
  text-align: left;
  background: #F9FAFD;
}
.table-normal th.th-name {
  width: 160px;
}
.table-normal th.th-cell {
  width: 140px;
}
.table-normal th.th-btn {
  width: 200px;
}
.table-normal th.th-status {
  width: 160px;
}
.table-normal td {
  padding: 20px 20px;
  font-size: 14px;
  color: #1A2734;
  text-align: left;
  word-wrap: break-word;
  word-break: break-all;
  border-bottom: 1px solid #EDEEEF;
}
.table-normal thead td {
  padding: 8px 20px;
  font-weight: normal;
  color: #8a929b;
  line-height: 28px;
  text-align: left;
  background: #F9FAFD;
}
.table-normal tbody th {
  background: #fff;
  color: #1A2734;
}
.table-normal u {
  text-decoration: underline;
}
.table-normal .operate-toolbar {
  flex-shrink: 0;
}
.table-normal .week-cell {
  font-size: 12px;
}
.table-normal .label-cell {
  width: 14px;
  font-size: 0;
  padding-right: 0;
}
.table-normal .label-cell .sel-label {
  margin-right: 0;
}
.table-normal .btn-link-wrap {
  margin-left: -5px;
  white-space: nowrap;
}
.table-normal .btn-link-wrap a {
  padding: 0 8px;
}
.table-normal .txt-sup {
  color: #999;
}
.table-normal .txt-green {
  color: #2fb746;
}
.table-normal .txt-blue {
  color: #2777F8;
}
.table-normal .txt-orange {
  color: #ff8c00;
}
.table-normal .txt-red {
  color: #FF4823;
}
.table-normal .option-switch {
  display: block;
  width: 84px;
  margin: 0 auto;
}
.table-normal .txt-spe {
  color: #ff8c00;
}
.table-normal .cell-limit-2line {
  white-space: normal;
  /* autoprefixer: ignore next */
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.table-normal .cell-limit-break {
  white-space: normal;
}
.table-normal .btn-table-sort {
  display: block;
  height: 28px;
  margin: -5px -20px;
  padding: 5px 20px;
  color: #999;
  line-height: 28px;
  white-space: nowrap;
}
.table-normal .btn-table-sort:hover {
  background: #f6f6f6;
  color: gray;
  text-decoration: none;
}
.table-normal .btn-table-sort.sort-asc i:before {
  border-bottom-color: #a8a8a8;
}
.table-normal .btn-table-sort.sort-desc i:after {
  border-top-color: #a8a8a8;
}
.table-normal .btn-table-sort span, .table-normal .btn-table-sort i {
  display: inline-block;
  vertical-align: top;
}
.table-normal .btn-table-sort i {
  position: relative;
  width: 10px;
  height: 22px;
  margin: 3px 0 3px 5px;
}
.table-normal .btn-table-sort i:before, .table-normal .btn-table-sort i:after {
  position: absolute;
  left: 0;
  border: 5px solid;
  content: "";
}
.table-normal .btn-table-sort i:before {
  top: 0;
  border-color: transparent transparent #ddd transparent;
}
.table-normal .btn-table-sort i:after {
  bottom: 0;
  border-color: #ddd transparent transparent transparent;
}
.table-normal.table-scroll {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.table-normal.table-scroll table {
  position: relative;
  height: 100%;
}
.table-normal.table-scroll tbody {
  position: absolute;
  top: 44px;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  overflow-y: auto;
}
.table-normal.table-scroll thead tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.table-normal.table-scroll tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.table-normal.table-border th, .table-normal.table-border td {
  border-bottom: 1px solid #EDEEEF;
}
.table-normal.table-border th:not(:last-child), .table-normal.table-border td:not(:last-child) {
  border-right: 1px solid #EDEEEF;
}

.table-freeze {
  position: relative;
  overflow: hidden;
}
.table-freeze .table-fixedly, .table-freeze .table-header, .table-freeze .table-subsequent, .table-freeze .table-data {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.table-freeze .table-fixedly .table-normal, .table-freeze .table-header .table-normal, .table-freeze .table-subsequent .table-normal, .table-freeze .table-data .table-normal {
  display: block !important;
  overflow: initial !important;
}
.table-freeze .table-fixedly .table-normal table, .table-freeze .table-header .table-normal table, .table-freeze .table-subsequent .table-normal table, .table-freeze .table-data .table-normal table {
  min-width: 100%;
}
.table-freeze .table-fixedly .table-normal thead,
.table-freeze .table-fixedly .table-normal tbody th, .table-freeze .table-header .table-normal thead,
.table-freeze .table-header .table-normal tbody th, .table-freeze .table-subsequent .table-normal thead,
.table-freeze .table-subsequent .table-normal tbody th, .table-freeze .table-data .table-normal thead,
.table-freeze .table-data .table-normal tbody th {
  white-space: nowrap;
}
.table-freeze .table-fixedly {
  z-index: 2;
  pointer-events: none;
}
.table-freeze .table-fixedly thead td,
.table-freeze .table-fixedly tbody,
.table-freeze .table-fixedly tbody th,
.table-freeze .table-fixedly tbody td {
  visibility: hidden;
  border-color: transparent !important;
}
.table-freeze .table-header {
  z-index: 1;
  pointer-events: none;
}
.table-freeze .table-header thead {
  pointer-events: auto;
}
.table-freeze .table-header thead th,
.table-freeze .table-header tbody,
.table-freeze .table-header tbody th,
.table-freeze .table-header tbody td {
  visibility: hidden;
  border-color: transparent !important;
}
.table-freeze .table-header .table-normal {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}
.table-freeze .table-subsequent {
  z-index: 1;
  pointer-events: none;
}
.table-freeze .table-subsequent thead,
.table-freeze .table-subsequent thead th,
.table-freeze .table-subsequent thead td,
.table-freeze .table-subsequent tbody td {
  visibility: hidden;
  border-color: transparent !important;
}
.table-freeze .table-subsequent .table-normal {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}
.table-freeze .table-data {
  overflow: auto;
}
.table-freeze .table-data th {
  visibility: hidden;
  border-color: transparent !important;
}

.form-default dl {
  position: relative;
  min-height: 36px;
  padding: 7px 30px 7px 120px;
}
.form-default dl.dl-hidden-dt {
  padding-left: 0 !important;
}
.form-default dl.dl-hidden-dt dt {
  display: none;
}
.form-default dl.dl-required > dt span:before {
  content: "*";
  position: absolute;
  top: 2px;
  left: -10px;
  color: #FF4823;
}
.form-default dt {
  position: absolute;
  top: 7px;
  left: 0;
  width: 110px;
  padding: 8px 0;
  line-height: 20px;
  text-align: right;
}
.form-default dt span {
  position: relative;
}
.form-default .input-cell .text,
.form-default .input-cell textarea {
  width: calc(100% - 20px);
  padding: 7px 9px;
}
.form-default .input-cell .text:focus,
.form-default .input-cell textarea:focus {
  padding: 6px 8px;
}
.form-default .textarea-num {
  position: relative;
}
.form-default .textarea-num textarea {
  display: block;
  padding-bottom: 28px;
}
.form-default .textarea-num .num {
  position: absolute;
  bottom: 7px;
  right: 12px;
  font-size: 12px;
  color: #afb3b9;
}
.form-default .select-wrap {
  float: none;
  height: 36px;
}
.form-default .select-wrap select {
  font-size: 14px;
}

.input-cell {
  position: relative;
}
.input-cell .icon-publish {
  position: absolute;
  top: 50%;
  right: 3px;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_publish.svg?_vh=9e8feea_91);
  background-repeat: no-repeat;
}
.input-cell .icon-publish.ipb-date {
  background-position-x: 0px;
}
.input-cell .icon-publish.ipb-position {
  background-position-x: -14px;
}
.input-cell .icon-publish.ipb-positions {
  background-position-x: -28px;
}
.input-cell .icon-publish.ipb-triangle {
  background-position-x: -42px;
}
.input-cell .icon-publish.ipb-time {
  background-position-x: -56px;
}
.input-cell .btn-select {
  display: block;
  height: 34px;
  padding: 0 28px 0 15px;
  line-height: 34px;
  font-size: 14px;
  border: 1px solid #E8E9EA;
  border-radius: 4px;
  background: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.input-cell .btn-select:hover {
  border-color: #ccc;
}
.input-cell .btn-select em {
  color: #afb3b9;
}
.input-cell .btn-select i {
  position: absolute;
  right: 9px;
  font-size: 0;
}
.input-cell .btn-select .icon-publish-btn {
  top: 7px;
}
.input-cell .btn-select.disabled {
  border-color: #BDC1CC;
  background-color: #F4F6F9;
  cursor: default;
}

.input-date {
  position: relative;
  height: 34px;
  border: 1px solid #E8E9EA;
  border-radius: 4px;
  background: #fff;
}
.input-date:before, .input-date:after {
  content: "";
  position: absolute;
  left: 50%;
  z-index: 1;
  border-left: 10px solid;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
}
.input-date:before {
  border-left-color: #E8E9EA;
}
.input-date:after {
  left: calc(50% - 1px);
  border-left-color: #fff;
}
.input-date .input-cell {
  float: left;
  width: calc(50% - 10px);
}
.input-date .input-cell:last-child {
  margin-left: 20px;
}
.input-date .input-cell .text, .input-date .input-cell .btn-select {
  border: 0 none;
}

.input-group .input-cell {
  float: left;
  width: 50%;
}
.input-group .input-cell:not(:last-child) {
  width: calc(50% + 1px);
  margin-right: -1px;
}
.input-group .input-cell:first-child .btn-select,
.input-group .input-cell:first-child .text {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.input-group .input-cell:last-child .btn-select,
.input-group .input-cell:last-child .text {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.input-group .input-cell .text, .input-group .input-cell .btn-select {
  position: relative;
  border-radius: 0;
}
.input-group .input-cell .text:hover, .input-group .input-cell .btn-select:hover {
  z-index: 1;
}

.label-ipt-cell {
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid #D7DAE0;
  background: #fff;
  line-height: 34px;
  color: #1A2734;
  font-size: 14px;
}
.label-ipt-cell .label-ipt label {
  font-size: 14px;
}
.label-ipt-cell .label-other {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.label-ipt-cell .label-other span {
  float: left;
}
.label-ipt-cell .label-other .text {
  float: left;
  width: 30px;
  margin: 3px 8px;
  padding: 3px 9px;
  border-radius: 4px;
  text-align: center;
}
.label-ipt-cell.lic-nobg {
  background: none;
  border-color: transparent;
  padding: 0;
}

.text,
textarea {
  padding: 9px 11px;
  border-radius: 4px;
  border: 1px solid #EDEEEF;
  background: #fff;
  color: #1A2734;
  font-size: 14px;
  transition: border-color 0.15s;
}
.text:hover,
textarea:hover {
  border-color: #2777F8;
}
.text:focus,
textarea:focus {
  padding: 8px 10px;
  border-width: 2px;
  border-color: #2777F8;
  outline: none;
}
.text[disabled],
textarea[disabled] {
  border-color: #f0f0f0;
  background: #fafafa;
  color: #bbb;
}
.text[readonly], .text[readonly]:focus,
textarea[readonly],
textarea[readonly]:focus {
  padding: 9px 11px;
  border-width: 1px;
  border-color: #e6e6e6;
}
.text.text-error,
textarea.text-error {
  box-shadow: 0 0 10px rgba(255, 75, 48, 0.2);
  border-color: #FF4B30;
  color: #FF4B30;
}

.text {
  line-height: 20px;
}

textarea {
  line-height: 1.6;
}

.select-wrap {
  float: left;
  position: relative;
  height: 38px;
  margin-right: 10px;
  border-radius: 4px;
  border: 1px solid #EDEEEF;
  background: #fff;
  transition: border-color 0.15s;
}
.select-wrap:hover {
  border-color: rgba(39, 119, 248, 0.4);
}
.select-wrap:before {
  position: absolute;
  top: 50%;
  right: 7px;
  width: 12px;
  height: 7px;
  margin-top: -3px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_down.svg?_vh=0a92b85_91);
  background-repeat: no-repeat;
  background-position: -10px 0;
  content: "";
}
.select-wrap:last-child {
  margin-right: 0;
}
.select-wrap select {
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 8px;
  padding-right: 30px;
  font-size: 16px;
  color: #666;
  border: 0 none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  padding-right: 0\9 ;
  vertical-align: top;
}
.select-wrap select::-ms-expand {
  display: none;
  display: block\9 ;
}
.select-wrap .op, .select-wrap .op-default {
  position: relative;
  height: 100%;
  display: block;
  padding-left: 15px;
  padding-right: 30px;
  font-size: 16px;
  line-height: 38px;
  color: #1A2734;
  cursor: pointer;
}
.select-wrap .op-default {
  color: #8a929b;
}
.select-wrap.select-triangle:before {
  position: absolute;
  right: 10px;
  width: auto;
  height: auto;
  background: none;
  border-top: 5px solid #405469;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.select-mini {
  height: 28px;
  border-radius: 3px;
}
.select-mini:before {
  right: 5px;
  transform: scale(0.8);
}
.select-mini select, .select-mini .op, .select-mini .op-default {
  padding-right: 25px;
  font-size: 14px;
  line-height: 28px;
}

.sel-label {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
  cursor: pointer;
  font-size: 0;
}
.sel-label input, .sel-label span, .sel-label i, .sel-label .checkbox, .sel-label .icon-widget {
  display: inline-block;
  vertical-align: middle;
}
.sel-label input[type=checkbox],
.sel-label input[type=radio] {
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.sel-label span {
  padding-left: 9px;
  font-size: 14px;
}

@supports (display: flex) {
  .sel-label:hover .checkbox, .sel-label:hover .icon-widget {
    background-position-x: -16px;
  }
  .sel-label.checked .checkbox, .sel-label.checked .icon-widget {
    background-position-x: -32px;
  }
  .sel-label.checkcircle .checkbox, .sel-label.checkcircle .icon-widget, .sel-label.checkcircle input[type=checkbox] {
    background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_checkbox_circle.svg?_vh=47571a7_91);
    background-repeat: no-repeat;
  }
  .sel-label.disabled {
    cursor: default;
  }
  .sel-label.disabled .checkbox, .sel-label.disabled .icon-widget {
    cursor: not-allowed !important;
    background: #dedede;
    border-radius: 2px;
  }
  .sel-label input[type=checkbox],
  .sel-label input[type=radio] {
    width: 16px;
    height: 16px;
    -webkit-appearance: none;
  }
  .sel-label input[type=checkbox]:hover,
  .sel-label input[type=radio]:hover {
    background-position-x: -16px;
  }
  .sel-label input[type=checkbox]:checked,
  .sel-label input[type=radio]:checked {
    background-position-x: -32px;
  }
  .sel-label .checkbox:before {
    display: none;
  }
  .sel-label .checkbox, .sel-label .icon-widget {
    width: 16px;
    height: 16px;
  }
  .sel-label .checkbox, .sel-label .icon-widget, .sel-label input[type=checkbox] {
    background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_checkbox.svg?_vh=21203c5_91);
    background-repeat: no-repeat;
  }
  .sel-label input[type=radio] {
    background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_radio.svg?_vh=464f95e_91);
    background-repeat: no-repeat;
  }
}
.option-switch {
  display: inline-block;
}
.option-switch input {
  float: left;
  width: 14px;
  height: 14px;
  margin: 8px 0 0;
}
.option-switch label {
  display: none;
}

html:root .option-switch {
  position: relative;
  -webkit-user-select: none;
}
html:root .option-switch input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0 none;
  border-radius: 9px;
  background: none;
  -webkit-appearance: none;
  opacity: 0;
  cursor: pointer;
}
html:root .option-switch label {
  display: block;
  position: relative;
  width: 44px;
  height: 24px;
  border: 3px solid #dbdee2;
  border-radius: 15px;
  background: #dbdee2;
}
html:root .option-switch i, html:root .option-switch s {
  display: none;
}
html:root .option-switch b {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  font-size: 0;
  overflow: hidden;
  color: #fff;
  border-radius: 50%;
  background: #fff;
}
html:root .option-switch input:checked + label {
  border-color: #2777F8;
  background: #fff;
}
html:root .option-switch input:checked + label b {
  left: 23px;
  background: #2777F8;
}

@supports (transform: scale(1)) {
  html:root .option-switch label, html:root .option-switch b {
    transition: all 0.3s ease;
  }
  html:root .option-switch input:checked + label b {
    left: 3px;
    transform: translate(20px, 0);
  }
}
html:root .option-mini label {
  width: 30px;
  height: 16px;
  border-width: 2px;
  border-radius: 10px;
}
html:root .option-mini b {
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
}
html:root .option-mini input:checked + label b {
  left: 15px;
}

@supports (transform: scale(1)) {
  html:root .option-mini input:checked + label b {
    left: 2px;
    transform: translate(13px, 0);
  }
}
.panel-tab {
  text-align: center;
}
.panel-tab .con {
  display: inline-block;
  height: 30px;
  vertical-align: top;
  font-size: 0;
  border-radius: 15px;
  background: #f5f5f5;
}
.panel-tab a {
  display: inline-block;
  min-width: 40px;
  height: 30px;
  padding: 0 15px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #666;
  border-radius: 15px;
  transition: background 0.3s, color 0.3s;
}
.panel-tab a:hover {
  background: #ddd;
  color: #333;
}
.panel-tab a.current {
  color: #fff;
  background: #2777F8;
  cursor: default;
}

.panel-nav {
  float: left;
  margin: 0 8px;
  height: 64px;
  line-height: 64px;
}
.panel-nav a {
  float: left;
  position: relative;
  margin: 0 10px;
  padding: 0 5px;
  color: rgba(26, 39, 52, 0.5);
  font-size: 16px;
}
.panel-nav a:hover {
  color: #1A2734;
  text-decoration: none;
}
.panel-nav a.current {
  font-weight: 500;
  color: #1A2734;
}
.panel-nav a.current:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  width: 70%;
  height: 3px;
  max-width: 24px;
  background: #1A2734;
  transform: translateX(-50%);
  content: "";
}
.panel-nav a.current.c-blue {
  color: #2777F8;
}
.panel-nav a.current.c-blue:after {
  background: #2777F8;
}
.panel-nav .pn-item > a.current:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  width: 70%;
  height: 3px;
  margin: 0;
  max-width: 24px;
  background: #1A2734;
  transform: translateX(-50%);
  content: "";
}
.panel-nav a em {
  position: absolute;
  top: 15px;
  left: 80%;
  left: calc(100% - 10px);
  min-width: 8px;
  height: 16px;
  padding: 0 4px;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
  font-family: Arial;
  color: #fff;
  border-radius: 8px;
  background: #f0561d;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.panel-nav .more span, .panel-nav .more s {
  float: left;
}
.panel-nav .more s {
  width: 12px;
  height: 7px;
  margin: 21px 0 0 5px;
  overflow: hidden;
  background-image: url(../images/icon_downward_12.svg);
  background-repeat: no-repeat;
  opacity: 0.8;
}

.panel-btn-wrap {
  float: left;
  display: flex;
  align-items: center;
  height: 100%;
  margin-right: 10px;
}
.panel-btn-wrap > *:not([class*=panel-nav]):not(:last-child) {
  margin-left: 0;
  margin-right: 16px;
}

[class^=promptbar] {
  display: flex;
  padding: 15px 25px;
  font-size: 14px;
  line-height: 20px;
  align-items: center;
  word-wrap: break-word;
  word-break: break-all;
}
[class^=promptbar] [class^=icon-prompt] {
  flex-shrink: 0;
  display: inline-block;
  width: 32px;
  height: 28px;
  margin-right: 20px;
}

.promptbar-caution {
  background: #ffe296;
  color: #A9611D;
}
.promptbar-caution.promptbar-invflow {
  flex-shrink: 0;
  padding: 10px 30px;
}
.promptbar-caution a {
  color: #2777F8;
}
.promptbar-caution .icon-prompt-caution {
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_prompt_caution.svg?_vh=9f36eaf_91);
  background-repeat: no-repeat;
}

.icon-labels,
.txt-labels {
  border-radius: 50%;
}
.icon-labels.il-default,
.txt-labels.il-default {
  background-color: #fff;
  border: 1px solid rgba(26, 39, 52, 0.2);
  color: rgba(26, 39, 52, 0.2);
}
.icon-labels.il-red,
.txt-labels.il-red {
  background-color: #FF4B30;
  border: 1px solid #ff3517;
  color: #FF4B30;
}
.icon-labels.il-orange,
.txt-labels.il-orange {
  background-color: #F88C27;
  border: 1px solid #f77f0e;
  color: #F88C27;
}
.icon-labels.il-yellow,
.txt-labels.il-yellow {
  background-color: #FFC132;
  border: 1px solid #ffb919;
  color: #FFC132;
}
.icon-labels.il-green,
.txt-labels.il-green {
  background-color: #43BA81;
  border: 1px solid #3ca774;
  color: #43BA81;
}
.icon-labels.il-blue,
.txt-labels.il-blue {
  background-color: #2671FC;
  border: 1px solid #0d61fc;
  color: #2671FC;
}
.icon-labels.il-purple,
.txt-labels.il-purple {
  background-color: #8B69FF;
  border: 1px solid #7750ff;
  color: #8B69FF;
}
.icon-labels.il-gray,
.txt-labels.il-gray {
  background-color: #CCCCCC;
  border: 1px solid #bfbfbf;
  color: #CCCCCC;
}

.icon-labels-all {
  width: 20px;
  height: 16px;
  margin-right: 8px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_labels_all.svg?_vh=3ad5ce1_91);
  background-repeat: no-repeat;
}

.txt-labels {
  border-radius: 0;
  background-color: transparent !important;
  border: 0 none !important;
  font-size: 12px;
  cursor: pointer;
}

.list-operate {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
  height: 32px;
  padding: 20px 30px 7px 30px;
  background: #fff;
  line-height: 32px;
}
.list-operate .sel-label {
  float: left;
}
.list-operate ul {
  float: left;
}
.list-operate li {
  float: left;
  position: relative;
  padding: 0 12px;
  border: 1px solid #E8E9EA;
  color: #2777F8;
  font-size: 0;
  line-height: 30px;
  cursor: pointer;
}
.list-operate li.disabled {
  pointer-events: none;
}
.list-operate li.disabled .icon-operate {
  background-position-y: -60px;
}
.list-operate li.disabled span {
  color: #afb3b9;
}
.list-operate li:hover, .list-operate li.hover {
  z-index: 1;
  border-color: #2777F8;
  background: #2777F8;
  color: #fff;
}
.list-operate li:hover .icon-operate, .list-operate li.hover .icon-operate {
  background-position-y: 0;
}
.list-operate li:hover .arrow:before, .list-operate li:hover .arrow:after, .list-operate li.hover .arrow:before, .list-operate li.hover .arrow:after {
  background: #fff;
}
.list-operate li:first-child:last-child {
  border-radius: 4px;
}
.list-operate li:first-child {
  border-radius: 4px 0 0 4px;
}
.list-operate li:last-child {
  border-radius: 0 4px 4px 0;
}
.list-operate li:not(:first-child) {
  margin-left: -1px;
}
.list-operate li .icon-operate {
  float: left;
  margin: 5px 5px 5px -2px;
  background-position-y: -40px;
}
.list-operate li span {
  float: left;
  font-size: 14px;
  font-weight: 500;
}
.list-operate li .arrow {
  float: left;
  position: relative;
  width: 5px;
  height: 8px;
  margin: 10px 0 0 10px;
}
.list-operate li .arrow:before, .list-operate li .arrow:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 8px;
  overflow: hidden;
  border-radius: 2px;
  background: #2777F8;
  content: "";
}
.list-operate li .arrow:before {
  right: 1px;
  transform-origin: right bottom;
  transform: rotate(45deg);
}
.list-operate li .arrow:after {
  left: 1px;
  transform-origin: left bottom;
  transform: rotate(-45deg);
}
.list-operate .btn-cancel {
  float: left;
  margin-left: 10px;
}
.list-operate .desc {
  float: left;
  margin-left: 10px;
}

.icon-operate, .icon-task-ctm {
  display: inline-block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_file_operate.svg?_vh=b18a7c0_91);
  background-repeat: no-repeat;
}
.button .icon-operate, .button .icon-task-ctm {
  margin-left: -5px;
  vertical-align: middle;
}
.button .icon-operate + span, .button .icon-task-ctm + span {
  margin-left: 8px;
}
.button .icon-operate:first-child:last-child, .button .icon-task-ctm:first-child:last-child {
  margin: 0 -10px;
}
.btn-line .icon-operate, .btn-line .icon-task-ctm {
  background-position-y: -20px;
}
.btn-stroke .icon-operate, .btn-stroke .icon-task-ctm {
  background-position-y: -40px;
}
.btn-gray .icon-operate, .btn-gray .icon-task-ctm {
  background-position-y: -20px;
}
.icon-operate + .ibco-arrow-solid, .icon-task-ctm + .ibco-arrow-solid {
  margin-left: 5px;
  margin-right: -7px;
}

.ifo-download {
  background-position-x: 0px;
}

.itctm-download {
  background-position-x: 0px;
}

.ifo-move {
  background-position-x: -20px;
}

.itctm-move {
  background-position-x: -20px;
}

.ifo-rename {
  background-position-x: -40px;
}

.itctm-rename {
  background-position-x: -40px;
}

.ifo-fav {
  background-position-x: -60px;
}

.itctm-fav {
  background-position-x: -60px;
}

.ifo-remove {
  background-position-x: -80px;
}

.itctm-remove {
  background-position-x: -80px;
}

.ifo-copy {
  background-position-x: -100px;
}

.itctm-copy {
  background-position-x: -100px;
}

.ifo-share {
  background-position-x: -120px;
}

.itctm-share {
  background-position-x: -120px;
}

.ifo-unshare {
  background-position-x: -140px;
}

.itctm-unshare {
  background-position-x: -140px;
}

.ifo-prop {
  background-position-x: -160px;
}

.itctm-prop {
  background-position-x: -160px;
}

.ifo-more {
  background-position-x: -180px;
}

.itctm-more {
  background-position-x: -180px;
}

.ifo-encrypt {
  background-position-x: -200px;
}

.itctm-encrypt {
  background-position-x: -200px;
}

.ifo-unencrypt {
  background-position-x: -220px;
}

.itctm-unencrypt {
  background-position-x: -220px;
}

.ifo-renew {
  background-position-x: -240px;
}

.itctm-renew {
  background-position-x: -240px;
}

.ifo-autorenew {
  background-position-x: -260px;
}

.itctm-autorenew {
  background-position-x: -260px;
}

.ifo-unautorenew {
  background-position-x: -280px;
}

.itctm-unautorenew {
  background-position-x: -280px;
}

.ifo-restore {
  background-position-x: -300px;
}

.itctm-restore {
  background-position-x: -300px;
}

.ifo-recently {
  background-position-x: -320px;
}

.itctm-recently {
  background-position-x: -320px;
}

.ifo-refresh {
  background-position-x: -340px;
}

.itctm-refresh {
  background-position-x: -340px;
}

.ifo-linktask {
  background-position-x: -360px;
}

.itctm-linktask {
  background-position-x: -360px;
}

.ifo-opendir {
  background-position-x: -380px;
}

.itctm-opendir {
  background-position-x: -380px;
}

.ifo-auth {
  background-position-x: -400px;
}

.itctm-auth {
  background-position-x: -400px;
}

.ifo-group {
  background-position-x: -420px;
}

.itctm-group {
  background-position-x: -420px;
}

.ifo-sort {
  background-position-x: -440px;
}

.itctm-sort {
  background-position-x: -440px;
}

.ifo-setop {
  background-position-x: -460px;
}

.itctm-setop {
  background-position-x: -460px;
}

.ifo-drag {
  background-position-x: -480px;
}

.itctm-drag {
  background-position-x: -480px;
}

.ifo-trabsfer {
  background-position-x: -500px;
}

.itctm-trabsfer {
  background-position-x: -500px;
}

.ifo-cancelfav {
  background-position-x: -520px;
}

.itctm-cancelfav {
  background-position-x: -520px;
}

.ifo-album {
  background-position-x: -540px;
}

.itctm-album {
  background-position-x: -540px;
}

.ifo-attr {
  background-position-x: -560px;
}

.itctm-attr {
  background-position-x: -560px;
}

.ifo-changevisitcode {
  background-position-x: -580px;
}

.itctm-changevisitcode {
  background-position-x: -580px;
}

.ifo-appeal {
  background-position-x: -600px;
}

.itctm-appeal {
  background-position-x: -600px;
}

.ifo-upload {
  background-position-x: -620px;
}

.itctm-upload {
  background-position-x: -620px;
}

.ifo-tag {
  background-position-x: -640px;
}

.itctm-tag {
  background-position-x: -640px;
}

.ifo-saveto {
  background-position-x: -660px;
}

.itctm-saveto {
  background-position-x: -660px;
}

.ifo-qrcode {
  background-position-x: -680px;
}

.itctm-qrcode {
  background-position-x: -680px;
}

.ifo-edit {
  background-position-x: -700px;
}

.itctm-edit {
  background-position-x: -700px;
}

.ifo-copyto {
  background-position-x: -720px;
}

.itctm-copyto {
  background-position-x: -720px;
}

.ifo-cover {
  background-position-x: -740px;
}

.itctm-cover {
  background-position-x: -740px;
}

.ifo-delsame {
  background-position-x: -760px;
}

.itctm-delsame {
  background-position-x: -760px;
}

.ifo-exportdir {
  background-position-x: -780px;
}

.itctm-exportdir {
  background-position-x: -780px;
}

.ifo-magic {
  background-position-x: -800px;
}

.itctm-magic {
  background-position-x: -800px;
}

.ifo-addpeople {
  background-position-x: -820px;
}

.itctm-addpeople {
  background-position-x: -820px;
}

.ifo-people {
  background-position-x: -840px;
}

.itctm-people {
  background-position-x: -840px;
}

.ifo-setting {
  background-position-x: -860px;
}

.itctm-setting {
  background-position-x: -860px;
}

.ifo-rsetop {
  background-position-x: -880px;
}

.itctm-rsetop {
  background-position-x: -880px;
}

.ifo-unrsetop {
  background-position-x: -900px;
}

.itctm-unrsetop {
  background-position-x: -900px;
}

.ifo-forbid {
  background-position-x: -920px;
}

.itctm-forbid {
  background-position-x: -920px;
}

.ifo-movein {
  background-position-x: -940px;
}

.itctm-movein {
  background-position-x: -940px;
}

.ifo-detach {
  background-position-x: -960px;
}

.itctm-detach {
  background-position-x: -960px;
}

.ifo-tsfalbum {
  background-position-x: -980px;
}

.itctm-tsfalbum {
  background-position-x: -980px;
}

.ifo-newdir {
  background-position-x: -1000px;
}

.itctm-newdir {
  background-position-x: -1000px;
}

.ifo-receive {
  background-position-x: -1020px;
}

.itctm-receive {
  background-position-x: -1020px;
}

.ifo-filter {
  background-position-x: -1040px;
}

.itctm-filter {
  background-position-x: -1040px;
}

.ifo-onekey {
  background-position-x: -1060px;
}

.itctm-onekey {
  background-position-x: -1060px;
}

.ifo-election {
  background-position-x: -1080px;
}

.itctm-election {
  background-position-x: -1080px;
}

.ifo-batch-tag-add {
  background-position-x: -1100px;
}

.itctm-batch-tag-add {
  background-position-x: -1100px;
}

.ifo-batch-tag-reset {
  background-position-x: -1120px;
}

.itctm-batch-tag-reset {
  background-position-x: -1120px;
}

.ifo-batch-tag-replace {
  background-position-x: -1140px;
}

.itctm-batch-tag-replace {
  background-position-x: -1140px;
}

.ifo-batch-tag-remove {
  background-position-x: -1160px;
}

.itctm-batch-tag-remove {
  background-position-x: -1160px;
}

.ifo-open {
  background-position-x: -1180px;
}

.itctm-open {
  background-position-x: -1180px;
}

.ifo-remark {
  background-position-x: -1200px;
}

.itctm-remark {
  background-position-x: -1200px;
}

.ifo-video-play {
  background-position-x: -1220px;
}

.itctm-video-play {
  background-position-x: -1220px;
}

.ifo-other {
  background-position-x: -1240px;
}

.itctm-other {
  background-position-x: -1240px;
}

.ifo-fastsaveto {
  background-position-x: -1260px;
}

.itctm-fastsaveto {
  background-position-x: -1260px;
}

.ifo-video-duration {
  background-position-x: -1280px;
}

.itctm-video-duration {
  background-position-x: -1280px;
}

.ifo-video-duration-hide {
  background-position-x: -1300px;
}

.itctm-video-duration-hide {
  background-position-x: -1300px;
}

.ifo-addtomusic {
  background-position-x: -1320px;
}

.itctm-addtomusic {
  background-position-x: -1320px;
}

.ifo-delcover {
  background-position-x: -1340px;
}

.itctm-delcover {
  background-position-x: -1340px;
}

.ifo-setshare {
  background-position-x: -1360px;
}

.itctm-setshare {
  background-position-x: -1360px;
}

.ifo-cancelshare {
  background-position-x: -1380px;
}

.itctm-cancelshare {
  background-position-x: -1380px;
}

.ifo-quitshare {
  background-position-x: -1400px;
}

.itctm-quitshare {
  background-position-x: -1400px;
}

.ifo-setroot {
  background-position-x: -1420px;
}

.itctm-setroot {
  background-position-x: -1420px;
}

.ifo-all {
  background-position-x: -1440px;
}

.itctm-all {
  background-position-x: -1440px;
}

.ifo-up {
  background-position-x: -1460px;
}

.itctm-up {
  background-position-x: -1460px;
}

.ifo-report {
  background-position-x: -1480px;
}

.itctm-report {
  background-position-x: -1480px;
}

.ifo-classify {
  background-position-x: -1500px;
}

.itctm-classify {
  background-position-x: -1500px;
}

.ifo-unclassify {
  background-position-x: -1520px;
}

.itctm-unclassify {
  background-position-x: -1520px;
}

.ifo-datareport {
  background-position-x: -1540px;
}

.itctm-datareport {
  background-position-x: -1540px;
}

.ifo-advanced-setting {
  background-position-x: -1560px;
}

.itctm-advanced-setting {
  background-position-x: -1560px;
}

.ifo-hiddenmode {
  background-position-x: -1580px;
}

.itctm-hiddenmode {
  background-position-x: -1580px;
}

.ifo-quit-hiddenmode {
  background-position-x: -1600px;
}

.itctm-quit-hiddenmode {
  background-position-x: -1600px;
}

.ifo-batch {
  background-position-x: -1620px;
}

.itctm-batch {
  background-position-x: -1620px;
}

.ifo-page {
  background-position-x: -1640px;
}

.itctm-page {
  background-position-x: -1640px;
}

.ifo-idcard {
  background-position-x: -1660px;
}

.itctm-idcard {
  background-position-x: -1660px;
}

.ifo-back {
  background-position-x: -1680px;
}

.itctm-back {
  background-position-x: -1680px;
}

.ifo-contact {
  background-position-x: -1700px;
}

.itctm-contact {
  background-position-x: -1700px;
}

.ifo-birthday-reminder {
  background-position-x: -1720px;
}

.itctm-birthday-reminder {
  background-position-x: -1720px;
}

.ifo-empty-suc {
  background-position-x: -1740px;
}

.itctm-empty-suc {
  background-position-x: -1740px;
}

.ifo-empty-failed {
  background-position-x: -1760px;
}

.itctm-empty-failed {
  background-position-x: -1760px;
}

.ifo-emptying {
  background-position-x: -1780px;
}

.itctm-emptying {
  background-position-x: -1780px;
}

.ifo-uploaddir {
  background-position-x: -1800px;
}

.itctm-uploaddir {
  background-position-x: -1800px;
}

.ifo-person {
  background-position-x: -1820px;
}

.itctm-person {
  background-position-x: -1820px;
}

.ifo-chat {
  background-position-x: -1840px;
}

.itctm-chat {
  background-position-x: -1840px;
}

.ifo-loseinterest {
  background-position-x: -1860px;
}

.itctm-loseinterest {
  background-position-x: -1860px;
}

.ifo-appraise {
  background-position-x: -1880px;
}

.itctm-appraise {
  background-position-x: -1880px;
}

.ifo-score {
  background-position-x: -1900px;
}

.itctm-score {
  background-position-x: -1900px;
}

.ifo-manage {
  background-position-x: -1920px;
}

.itctm-manage {
  background-position-x: -1920px;
}

.ifo-manageclassify {
  background-position-x: -1940px;
}

.itctm-manageclassify {
  background-position-x: -1940px;
}

.ifo-faved {
  background-position: -60px -80px !important;
}

.icon-operate-light {
  display: inline-block;
  width: 14px;
  height: 14px;
  overflow: hidden;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_file_operate_light.svg?_vh=d015308_91);
  background-repeat: no-repeat;
}
.button .icon-operate-light {
  margin-left: -2px;
  vertical-align: middle;
}
.button .icon-operate-light + span {
  margin-left: 8px;
}

.ifol-download {
  background-position-x: 0px;
}

.ifol-move {
  background-position-x: -14px;
}

.ifol-rename {
  background-position-x: -28px;
}

.ifol-fav {
  background-position-x: -42px;
}

.ifol-remove {
  background-position-x: -56px;
}

.ifol-copy {
  background-position-x: -70px;
}

.ifol-share {
  background-position-x: -84px;
}

.ifol-unshare {
  background-position-x: -98px;
}

.ifol-prop {
  background-position-x: -112px;
}

.ifol-more {
  background-position-x: -126px;
}

.ifol-encrypt {
  background-position-x: -140px;
}

.ifol-unencrypt {
  background-position-x: -154px;
}

.ifol-renew {
  background-position-x: -168px;
}

.ifol-autorenew {
  background-position-x: -182px;
}

.ifol-unautorenew {
  background-position-x: -196px;
}

.ifol-restore {
  background-position-x: -210px;
}

.ifol-recently {
  background-position-x: -224px;
}

.ifol-refresh {
  background-position-x: -238px;
}

.ifol-linktask {
  background-position-x: -252px;
}

.ifol-opendir {
  background-position-x: -266px;
}

.ifol-auth {
  background-position-x: -280px;
}

.ifol-group {
  background-position-x: -294px;
}

.ifol-sort {
  background-position-x: -308px;
}

.ifol-setop {
  background-position-x: -322px;
}

.ifol-drag {
  background-position-x: -336px;
}

.ifol-trabsfer {
  background-position-x: -350px;
}

.ifol-cancelfav {
  background-position-x: -364px;
}

.ifol-album {
  background-position-x: -378px;
}

.ifol-attr {
  background-position-x: -392px;
}

.ifol-changevisitcode {
  background-position-x: -406px;
}

.ifol-appeal {
  background-position-x: -420px;
}

.ifol-upload {
  background-position-x: -434px;
}

.ifol-tag {
  background-position-x: -448px;
}

.ifol-saveto {
  background-position-x: -462px;
}

.ifol-qrcode {
  background-position-x: -476px;
}

.ifol-edit {
  background-position-x: -490px;
}

.ifol-copyto {
  background-position-x: -504px;
}

.ifol-cover {
  background-position-x: -518px;
}

.ifol-delsame {
  background-position-x: -532px;
}

.ifol-exportdir {
  background-position-x: -546px;
}

.ifol-magic {
  background-position-x: -560px;
}

.ifol-addpeople {
  background-position-x: -574px;
}

.ifol-people {
  background-position-x: -588px;
}

.ifol-setting {
  background-position-x: -602px;
}

.ifol-rsetop {
  background-position-x: -616px;
}

.ifol-unrsetop {
  background-position-x: -630px;
}

.ifol-forbid {
  background-position-x: -644px;
}

.ifol-movein {
  background-position-x: -658px;
}

.ifol-detach {
  background-position-x: -672px;
}

.ifol-tsfalbum {
  background-position-x: -686px;
}

.ifol-newdir {
  background-position-x: -700px;
}

.ifol-receive {
  background-position-x: -714px;
}

.ifol-filter {
  background-position-x: -728px;
}

.ifol-onekey {
  background-position-x: -742px;
}

.ifol-election {
  background-position-x: -756px;
}

.ifol-batch-tag-add {
  background-position-x: -770px;
}

.ifol-batch-tag-reset {
  background-position-x: -784px;
}

.ifol-batch-tag-replace {
  background-position-x: -798px;
}

.ifol-batch-tag-remove {
  background-position-x: -812px;
}

.ifol-open {
  background-position-x: -826px;
}

.ifol-remark {
  background-position-x: -840px;
}

.ifol-video-play {
  background-position-x: -854px;
}

.ifol-other {
  background-position-x: -868px;
}

.ifol-fastsaveto {
  background-position-x: -882px;
}

.ifol-video-duration {
  background-position-x: -896px;
}

.ifol-video-duration-hide {
  background-position-x: -910px;
}

.ifol-addtomusic {
  background-position-x: -924px;
}

.ifol-delcover {
  background-position-x: -938px;
}

.ifol-setshare {
  background-position-x: -952px;
}

.ifol-cancelshare {
  background-position-x: -966px;
}

.ifol-quitshare {
  background-position-x: -980px;
}

.ifol-setroot {
  background-position-x: -994px;
}

.ifol-all {
  background-position-x: -1008px;
}

.ifol-up {
  background-position-x: -1022px;
}

.ifol-report {
  background-position-x: -1036px;
}

.ifol-classify {
  background-position-x: -1050px;
}

.ifol-unclassify {
  background-position-x: -1064px;
}

.ifol-datareport {
  background-position-x: -1078px;
}

.ifol-advanced-setting {
  background-position-x: -1092px;
}

.ifol-hiddenmode {
  background-position-x: -1106px;
}

.ifol-quit-hiddenmode {
  background-position-x: -1120px;
}

.ifol-batch {
  background-position-x: -1134px;
}

.ifol-page {
  background-position-x: -1148px;
}

.ifol-idcard {
  background-position-x: -1162px;
}

.ifol-back {
  background-position-x: -1176px;
}

.ifol-contact {
  background-position-x: -1190px;
}

.ifol-birthday-reminder {
  background-position-x: -1204px;
}

.ifol-empty-suc {
  background-position-x: -1218px;
}

.ifol-empty-failed {
  background-position-x: -1232px;
}

.ifol-emptying {
  background-position-x: -1246px;
}

.ifol-uploaddir {
  background-position-x: -1260px;
}

.ifol-person {
  background-position-x: -1274px;
}

.ifol-chat {
  background-position-x: -1288px;
}

.ifol-loseinterest {
  background-position-x: -1302px;
}

.ifol-appraise {
  background-position-x: -1316px;
}

.ifol-score {
  background-position-x: -1330px;
}

.ifol-manage {
  background-position-x: -1344px;
}

.ifol-manageclassify {
  background-position-x: -1358px;
}

.hiddenmode span {
  color: #35BEB8 !important;
}
.hiddenmode:hover, .hiddenmode.hover {
  background: #e4e6ef !important;
}

[class^=icon-shareto] {
  display: inline-block;
  width: 38px;
  height: 38px;
  overflow: hidden;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_list_shareto.png?_vh=39fc341_91);
  background-image: -webkit-image-set(url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_list_shareto.png?_vh=39fc341_91) 1x, url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_list_shareto@2x.png?_vh=1ef0600_91) 2x);
  background-repeat: no-repeat;
}

.icon-shareto-im {
  background-position-x: 0px;
}

.icon-shareto-home {
  background-position-x: -38px;
}

.icon-shareto-wechat {
  background-position-x: -76px;
}

.icon-shareto-weibo {
  background-position-x: -114px;
}

.icon-shareto-qzone {
  background-position-x: -152px;
}

.icon-shareto-copy {
  background-position-x: -190px;
}

.icon-shareto-link {
  background-position-x: -228px;
}

.icon-shareto-friend {
  background-position-x: -266px;
}

.icon-opt-little {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/icon_opt_little.svg?_vh=a4e2676_91);
  background-repeat: no-repeat;
}
.icon-opt-little.iol-focus {
  background-position-x: 0px;
}
.icon-opt-little.iol-ignore {
  background-position-x: -14px;
}
.icon-opt-little.iol-down {
  background-position-x: -28px;
}

.ex-popoup-hint {
  position: fixed;
  z-index: 11111;
  width: 170px;
  min-height: 48px;
  padding: 138px 15px 14px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}
.ex-popoup-hint:after {
  content: "";
  display: inline-block;
  height: 48px;
  vertical-align: middle;
}
.ex-popoup-hint s {
  position: absolute;
  top: 42px;
  left: 50%;
  height: 80px;
  overflow: hidden;
  background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/ext_hint_icon.png?_vh=8714e1d_91&v=none);
  background-repeat: no-repeat;
}
.ex-popoup-hint span {
  display: inline-block;
  width: 170px;
  padding: 0;
  line-height: 24px;
  vertical-align: middle;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  font-size: 18px;
  font-family: "Yuanti SC", "Microsoft Yahei", "Heiti";
  color: white;
}
.ex-popoup-hint span b {
  font-weight: normal;
  color: white;
}

.exph-suc {
  background-image: url(about:blank);
  background-color: rgba(47, 183, 70, 0.95);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F22FB746", endColorstr="#F22FB746");
}
html:root .exph-suc {
  filter: none;
}
.exph-suc s {
  width: 100px;
  margin-left: -50px;
  background-position: 0 0;
  -webkit-animation: suc 0.5s ease;
  -webkit-animation-fill-mode: both;
}

.exph-war {
  background-image: url(about:blank);
  background-color: rgba(248, 149, 0, 0.95);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F2F89500", endColorstr="#F2F89500");
}
html:root .exph-war {
  filter: none;
}
.exph-war s {
  width: 16px;
  margin-left: -8px;
  background-position: -100px 0;
  -webkit-animation: war 1.2s ease 0.3s;
  -webkit-animation-fill-mode: both;
}

.exph-err {
  background-image: url(about:blank);
  background-color: rgba(181, 12, 3, 0.95);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F2B50C03", endColorstr="#F2B50C03");
}
html:root .exph-err {
  filter: none;
}
.exph-err s {
  width: 80px;
  margin-left: -40px;
  background-position: -116px 0;
  -webkit-animation: err 1.2s ease 0.3s;
  -webkit-animation-fill-mode: both;
}

.exph-loader {
  background-image: url(about:blank);
  background-color: rgba(102, 102, 102, 0.95);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F2666666", endColorstr="#F2666666");
}
html:root .exph-loader {
  filter: none;
}
.exph-loader s {
  top: 54px;
  width: 66px;
  height: 66px;
  margin-left: -33px;
  background: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/ext_hint_loader.gif?_vh=9d8119c_91&v=none) no-repeat 0 0;
}

@supports (animation-timing-function: steps(1)) {
  .exph-loader s {
    display: none;
  }
  .exph-loader::before {
    content: "";
    position: absolute;
    top: 42px;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    background-image: url(//cdnres-prerelease.115.com/site/static/style_v11.1/common/images/ext_hint_loader.png?_vh=6d26ac9_91&v=none);
    animation: loader 1.5s steps(24) infinite;
  }
}
@keyframes loader {
  100% {
    transform: rotate(360deg);
  }
}