/* CSS Document */
@font-face {
  font-family: Roboto-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif, pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;
  font-style: normal;
  font-weight: 400;
  src: url(/resmod/fonts/Roboto-Regular.woff2) format("woff2"), url(/resmod/fonts/Roboto-Regular.woff) format("woff"), url(/resmod/fonts/Roboto-Regular.ttf) format("truetype");
}
@font-face {
  font-family: Roboto-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif, pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;
  font-style: normal;
  font-weight: 500;
  src: url(/resmod/fonts/Roboto-Medium.woff2) format("woff2"), url(/resmod/fonts/Roboto-Medium.woff) format("woff"), url(/resmod/fonts/Roboto-Medium.ttf) format("truetype");
}
/*@font-face {
    font-family: Roboto-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif, pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;
    font-style: normal;
    font-weight: 300;
    src: url(/resmod/fonts/NotoSansSC-Light.woff2) format('woff2'),
		url(/resmod/fonts/NotoSansSC-Light.woff) format('woff'),
		url(/resmod/fonts/NotoSansSC-Light.otf) format('opentype');
}
$body-max-width
@font-face {
    font-family: Roboto-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif, pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;
    font-style: normal;
    font-weight: 400;
    src: url(/resmod/fonts/NotoSansSC-Regular.woff2) format('woff2'),
		url(/resmod/fonts/NotoSansSC-Regular.woff) format('woff'),
		url(/resmod/fonts/NotoSansSC-Regular.otf) format('opentype');
}

@font-face {
    font-family: Roboto-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif, pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;
    font-style: normal;
    font-weight: 500;
    src: url(/resmod/fonts/NotoSansSC-Medium.woff2) format('woff2'),
		url(/resmod/fonts/NotoSansSC-Medium.woff) format('woff'),
		url(/resmod/fonts/NotoSansSC-Medium.otf) format('opentype');
}*/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(/resmod/fonts/MaterialIcons-Regular.woff2) format("woff2"), url(/resmod/fonts/MaterialIcons-Regular.woff) format("woff"), url(/resmod/fonts/MaterialIcons-Regular.ttf) format("truetype");
}
/* * {
  margin: 0;
  padding: 0;
  outline: 0;
  font-family: Roboto-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif, pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;
  -webkit-tap-highlight-color: none;
} */

body {
  color: rgba(0, 0, 0, 0.87);
}

/*span, a {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit !important;
}*/

input, textarea {
  border: none;
  resize: none;
  font-family: Roboto-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif, pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.54) !important;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: rgba(0, 0, 0, 0.54) !important;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.54) !important;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.54) !important;
}

a {
  text-decoration: none !important;
  cursor: pointer;
}

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

ul {
  list-style: none;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none !important;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  user-select: none;
}

/*Divider Styles*/
/*Item Background Styles*/
/*Font Color*/
/*Font Styles*/
/*Multipleline*/
.multipleline-ellipsis__content-box {
  float: right;
  width: 100%;
  margin-left: -2px;
  white-space: pre-wrap;
  cursor: pointer;
  /*	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;*/
}

.ripple-effect {
  position: relative;
  overflow: hidden;
}
.ripple-effect.circle-active-state .ripple-effect__circle {
  transition: transform 196ms cubic-bezier(0.4, 0, 1, 0.2);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.ripple-effect.circle-release-state .ripple-effect__circle {
  transition: transform 240ms cubic-bezier(0, 0.4, 0.2, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.ripple-effect .ripple-effect__circle {
  cursor: pointer;
  pointer-events: none;
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
  background-color: rgba(186, 186, 186, 0.32);
  transition: none;
  transform: scale3d(0, 0, 1);
  opacity: 1;
}

.multiple-button-container {
  flex-shrink: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.multiple-button-container .button__model_rect {
  margin: 0 8px;
}
.multiple-button-container .button__model_rect:first-child {
  margin-left: 0px;
}
.multiple-button-container .button__model_rect:last-child {
  margin-right: 0px;
}

.button__model_rect {
  margin-right: 4px;
}

.button__box {
  flex-shrink: 0;
  vertical-align: middle;
  display: flex;
}
.button__box * {
  margin: 0;
}
.button__box > a {
  display: flex;
}
.button__box[disabled] {
  pointer-events: none;
}
.button__box[disabled] .button__color-plain {
  color: rgba(0, 0, 0, 0.24) !important;
}
.button__box[disabled] .button__color-reverse {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.24) !important;
}
.button__box[disabled] .button__color-outline {
  color: rgba(0, 0, 0, 0.24) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
}
.button__box.button__model_rect .button__main.button__color-plain.color-display_blue, .button__box.button__model_icon .button__main.button__color-plain.color-display_blue {
  color: #2882d8;
}
.button__box.button__model_rect .button__main.button__color-reverse.color-display_blue, .button__box.button__model_icon .button__main.button__color-reverse.color-display_blue {
  background-color: #2882d8;
  color: white;
}
.button__box.button__model_rect .button__main.button__color-outline.color-display_blue, .button__box.button__model_icon .button__main.button__color-outline.color-display_blue {
  color: #2882d8;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #2882d8;
}
.button__box.button__model_rect .button__main.button__color-plain.color-display_grey, .button__box.button__model_icon .button__main.button__color-plain.color-display_grey {
  color: rgba(0, 0, 0, 0.54);
}
.button__box.button__model_rect .button__main.button__color-reverse.color-display_grey, .button__box.button__model_icon .button__main.button__color-reverse.color-display_grey {
  background-color: rgba(0, 0, 0, 0.54);
  color: white;
}
.button__box.button__model_rect .button__main.button__color-outline.color-display_grey, .button__box.button__model_icon .button__main.button__color-outline.color-display_grey {
  color: rgba(0, 0, 0, 0.54);
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.54);
}
.button__box.button__model_rect .button__main.button__color-plain.color-display_lightgrey, .button__box.button__model_icon .button__main.button__color-plain.color-display_lightgrey {
  color: rgba(0, 0, 0, 0.24);
}
.button__box.button__model_rect .button__main.button__color-reverse.color-display_lightgrey, .button__box.button__model_icon .button__main.button__color-reverse.color-display_lightgrey {
  background-color: rgba(0, 0, 0, 0.24);
  color: white;
}
.button__box.button__model_rect .button__main.button__color-outline.color-display_lightgrey, .button__box.button__model_icon .button__main.button__color-outline.color-display_lightgrey {
  color: rgba(0, 0, 0, 0.24);
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.24);
}
.button__box.button__model_rect .button__main.button__color-plain.color-display_red, .button__box.button__model_icon .button__main.button__color-plain.color-display_red {
  color: orangered;
}
.button__box.button__model_rect .button__main.button__color-reverse.color-display_red, .button__box.button__model_icon .button__main.button__color-reverse.color-display_red {
  background-color: orangered;
  color: white;
}
.button__box.button__model_rect .button__main.button__color-outline.color-display_red, .button__box.button__model_icon .button__main.button__color-outline.color-display_red {
  color: orangered;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: orangered;
}
.button__box.button__model_rect .button__main {
  min-width: 64px;
  border-radius: 2px;
  box-sizing: border-box;
  cursor: pointer;
  border: 0;
  outline: none;
  user-select: none;
  background: transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.2px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.button__box.button__model_rect .button__main.button__style_flat {
  padding-left: 8px;
  padding-right: 8px;
}
.button__box.button__model_rect .button__main.button__style_raised {
  padding-left: 16px;
  padding-right: 16px;
}
.button__box.button__model_rect .button__main.button__style_raised:hover {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.button__box.button__model_rect .button__main.button__size_normal {
  min-height: 36px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.button__box.button__model_rect .button__main.button__size_dense {
  min-height: 32px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.button__box.button__model_rect .button__main .button__inline-icon {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 6px;
}
.button__box.button__model_icon .button__main {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-sizing: content-box;
  cursor: pointer;
  border: 0;
  outline: none;
  user-select: none;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.button__box.button__model_icon .button__main.button__size_normal {
  padding: 8px;
}
.button__box.button__model_icon .button__main.button__size_normal .ripple-effect__circle {
  width: 40px !important;
  height: 40px !important;
  top: 0px !important;
  left: 0px !important;
}
.button__box.button__model_icon .button__main.button__size_dense {
  padding: 0px;
}
.button__box.button__model_icon .button__main .button__icon-container {
  display: flex;
  justify-content: center;
  align-content: center;
}

.button_main {
  display: inline-block;
  position: relative;
  cursor: pointer;
  min-height: 28px;
  line-height: 28px;
  min-width: 82px;
  border-radius: 3px;
  /*    min-height: 36px;
      min-width: 64px;
      line-height: 36px;
  	border-radius: 2px;*/
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  outline: none;
  border: 0;
  padding: 0 8px;
  margin: 0 8px;
  background: transparent;
  overflow: hidden;
  white-space: nowrap;
  /*    text-transform: uppercase;*/
  font-weight: 500;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.87);
  text-decoration: none;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.button_main.button_dense {
  min-width: 82px;
  min-height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.button_main.button_clickable {
  cursor: pointer;
}
.button_main.button_clickable:hover {
  font-size: 16px;
  background-color: #288AED;
  color: #FFFFFF !important;
}
.button_main.button_link {
  min-width: 0px;
  min-height: 20px;
  line-height: 20px;
  font-weight: 400;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
}
.button_main.button_link:hover {
  color: #2882d8;
}
.button_main.button_icon {
  margin: 0 6px;
  padding: 8px;
  min-width: 0;
  width: 40px;
  height: 40px;
  line-height: 24px;
  border-radius: 50%;
}
.button_main.button_icon:hover {
  color: #c03228;
}
.button_main.google__icon-close {
  color: #333 !important;
}
.button_main.google__icon-close:hover {
  color: #c03228 !important;
}
.button_main.button_primary {
  color: #2882d8;
  border-radius: 3px;
  border: 1px solid #fff;
}
.button_main.button_primary:hover {
  border: 1px solid #2882d8;
  color: #2882d8;
}
.button_main.button_grey {
  color: rgba(0, 0, 0, 0.54);
  border: 1px solid #ddd !important;
}
.button_main.button_grey:hover {
  color: #2882d8;
  border: 1px solid #2882d8 !important;
}
.button_main.button_send-specil_style {
  border-radius: 0 !important;
  padding: 0px !important;
  margin: 0px !important;
}
.button_main.button_light-grey {
  color: rgba(0, 0, 0, 0.24);
  background-color: #f4f4f4;
}
.button_main.button_light-grey .button_main-sendmessage_tip {
  background: url("/resmod/smate-pc/img/add-Achievements2.png") no-repeat scroll;
  display: inline-block;
  height: 24px;
  width: 24px;
}
.button_main.button_light-grey .button_main-sendmessage_tip:hover {
  background: url("/resmod/smate-pc/img/add-Achievements1.png") no-repeat scroll;
}
.button_main.button_light-grey .button_main-sendfile_tip {
  background: url("/resmod/smate-pc/img/add-Files2.png") no-repeat scroll;
  display: inline-block;
  height: 24px;
  width: 24px;
}
.button_main.button_light-grey .button_main-sendfile_tip:hover {
  background: url("/resmod/smate-pc/img/add-Files1.png") no-repeat scroll;
}
.button_main.button_light-grey .button_main-addfile_tip {
  background: url("/resmod/smate-pc/img/acquiescence-add-file1.png") no-repeat scroll;
  display: inline-block;
  height: 24px;
  width: 24px;
}
.button_main.button_light-grey .button_main-addfile_tip:hover {
  background: url("/resmod/smate-pc/img/acquiescence-add-file2.png") no-repeat scroll;
}
.button_main.button_light-grey .button_main-filebox_tip {
  background-image: url(/resmod/smate-pc/img/smate_cssspirit01.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: -147px -517px;
  margin-left: 7px;
}
.button_main.button_light-grey .button_main-filebox_tip:hover {
  background-position: -150px -578px;
}
.button_main.button_light-grey .button_main-addfile_tip {
  background: url("/resmod/smate-pc/img/acquiescence-add-file1.png") no-repeat scroll;
  display: inline-block;
  height: 24px;
  width: 24px;
}
.button_main.button_light-grey .button_main-addfile_tip:hover {
  background: url("/resmod/smate-pc/img/acquiescence-add-file2.png") no-repeat scroll;
}
.button_main.button_error {
  color: orangered;
}
.button_main[disabled], .button_main.button_primary[disabled], .button_main.button_error[disabled] {
  color: rgba(0, 0, 0, 0.38);
  pointer-events: none;
  cursor: default;
}
.button_main.button_primary-reverse {
  background-color: #2882d8;
  border: 1px solid #2882d8;
  background-color: #2882d8;
  color: #FFFFFF;
}
.button_main.button_primary-reverse:hover {
  background-color: #218aed;
  border: 1px solid #218aed;
}
.button_main.button_primary-changestyle {
  border: 1px solid #2882d8;
  color: #288AED;
}
.button_main.button_primary-changestyle:hover {
  /*background-color: #f8f8f8;*/
  color: #218aed;
}
.button_main.button_primary-overstyle:hover {
  color: #218aed;
}
.button_main.button_error-reverse {
  background-color: orangered;
  color: white;
}
.button_main.button_primary-reverse[disabled], .button_main.button_error-reverse[disabled] {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.38);
  pointer-events: none;
  cursor: default;
}

.button_primary-cancle:hover {
  color: #288aed;
}

.action-dropdown {
  position: relative;
}
.action-dropdown .action-dropdown__list {
  font-size: 14px;
  opacity: 0;
  position: absolute;
  top: -8px;
  right: 0;
  padding: 8px 0;
  z-index: -10;
  background-color: white;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.action-dropdown .action-dropdown__list.list_shown {
  opacity: 1;
  z-index: 10;
}
.action-dropdown .action-dropdown__list .action-dropdown__item {
  min-width: 136px;
  height: 36px;
  line-height: 36px;
  word-break: keep-all;
  text-align: left;
  padding: 0 16px;
  cursor: pointer;
}
.action-dropdown .action-dropdown__list .action-dropdown__item:hover {
  background-color: rgba(0, 0, 0, 0.12);
}

.css-spirit__main:hover .css-spirit__large-icon.spirit-icon__me-profile {
  background-position: -8px -578px;
}
.css-spirit__main:hover .css-spirit__large-icon.spirit-icon__me-project {
  background-position: -36px -578px;
}
.css-spirit__main:hover .css-spirit__large-icon.spirit-icon__me-publication {
  background-position: -65px -578px;
}
.css-spirit__main:hover .css-spirit__large-icon.spirit-icon__friend-rcmd {
  background-position: -93px -578px;
}
.css-spirit__main:hover .css-spirit__large-icon.spirit-icon__mygroup {
  background-position: -122px -578px;
}
.css-spirit__main:hover .css-spirit__large-icon.spirit-icon__myfile {
  /*background-position: -150px -578px;*/
  background-position: -150px -548px;
}
.css-spirit__main .css-spirit__icon {
  background-image: url(/resmod/smate-pc/img/smate_cssspirit01.png);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.css-spirit__main .css-spirit__icon.spirit-icon__thumbup-outline-flag {
  background-position: -8px -295px;
}
.css-spirit__main .css-spirit__icon.spirit-icon__thumbup-outline {
  background-position: -8px -319px;
}
.css-spirit__main .css-spirit__icon.spirit-icon__thumbup {
  background-position: -8px -389px;
}
.css-spirit__main .css-spirit__icon.spirit-icon__comment-flag {
  background-position: -30px -295px;
}
.css-spirit__main .css-spirit__icon.spirit-icon__comment {
  background-position: -30px -319px;
}
.css-spirit__main .css-spirit__icon.spirit-icon__share-flag {
  background-position: -52px -295px;
}
.css-spirit__main .css-spirit__icon.spirit-icon__share {
  background-position: -52px -318px;
}
.css-spirit__main .css-spirit__icon.spirit-icon__favorite-outline-flag {
  background-position: -75px -296px;
}
.css-spirit__main .css-spirit__icon.spirit-icon__favorite-outline {
  background-position: -75px -319px;
}
.css-spirit__main .css-spirit__icon.spirit-icon__favorite {
  background-position: -75px -389px;
}
.css-spirit__main .css-spirit__icon.spirit-icon__cite-flag {
  background-position: -98px -296px;
}
.css-spirit__main .css-spirit__icon.spirit-icon__cite {
  background-position: -98px -319px;
}
.css-spirit__main .css-spirit__large-icon {
  background-image: url(/resmod/smate-pc/img/smate_cssspirit01.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.css-spirit__main .css-spirit__large-icon.spirit-icon__me-profile {
  background-position: -8px -518px;
}
.css-spirit__main .css-spirit__large-icon.spirit-icon__me-project {
  background-position: -36px -518px;
}
.css-spirit__main .css-spirit__large-icon.spirit-icon__me-publication {
  background-position: -65px -518px;
}
.css-spirit__main .css-spirit__large-icon.spirit-icon__friend-rcmd {
  background-position: -93px -518px;
}
.css-spirit__main .css-spirit__large-icon.spirit-icon__mygroup {
  background-position: -122px -518px;
}
.css-spirit__main .css-spirit__large-icon.spirit-icon__myfile {
  /*background-position: -150px -518px;*/
  background-position: -150px -518px;
}

.css-spirit__icon-title {
  color: #333;
}

.datepicker__footer .button_dense {
  margin: 0px;
}

.main-list {
  min-height: 0px;
  width: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.main-list .main-list__header {
  min-height: 56px;
  flex-shrink: 0;
  flex-grow: 0;
  padding: 0 16px;
  box-sizing: border-box;
  border-bottom: 1px solid #dddddd;
  display: flex;
  align-items: center;
}
.main-list .main-list__header .main-list-header__title {
  margin-right: 8px;
  flex-grow: 1;
  min-width: 0px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-list .main-list__header .main-list-header__title .main-list-header__title-item_tip {
  color: #ccc !important;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 215px;
}
.main-list .main-list__header .main-list-header__title .main-list-header__title-item {
  font-size: 15px !important;
}
.main-list .main-list__header .main-list-header__searchbox {
  flex-shrink: 0;
  width: 200px;
  margin: 0 8px;
}
.main-list .main-list__top-flexbox {
  flex-shrink: 0;
  padding: 0 16px;
  box-sizing: border-box;
  border-bottom: 1px solid #dddddd;
  display: flex;
}
.main-list__list {
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.main-list__list.item_no-border {
  padding-top: 12px;
  padding-bottom: 12px;
}
.main-list__list.item_no-border .main-list__item {
  /*padding: 12px 16px;*/
  padding: 0 16px;
  border-bottom: none;
  /*margin-bottom: 16px;*/
  margin-bottom: 4px;
}
.main-list__list.item_no-padding .main-list__item {
  padding: 0 16px;
  margin-bottom: 16px;
  display: block;
}
.main-list__list.item_zero-space {
  padding: 0 !important;
}
.main-list__list.item_zero-space .main-list__item {
  padding: 0 !important;
}
.main-list__list.item_zero-space .main-list__item .main-list__item_checkbox {
  padding: 0 !important;
}
.main-list__list.item_zero-space .main-list__item .main-list__item_actions {
  padding: 0 !important;
}
.main-list__list.item_text-style {
  padding: 0;
}
.main-list__list.item_text-style .main-list__item {
  height: 48px;
  line-height: 48px;
  display: block;
  padding: 0 16px;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-list__list.item_vert-style .main-list__item {
  flex-direction: column;
}
.main-list__list.item_vert-style .main-list__item .main-list__item_actions {
  justify-content: center;
  padding: 8px;
}
.main-list__list.item_vert-style .main-list__item .main-list__item_actions:last-child {
  padding-bottom: 0px;
}
.main-list__list.item_no-checkbox .main-list__item_checkbox {
  display: none !important;
}
.main-list__list.item_no-action .main-list__item_actions {
  display: none !important;
}
.main-list__list .preloader {
  margin: 48px 0;
}
.main-list__list .response_no-result {
  margin: 48px auto;
  text-align: center;
  width: 100%;
  max-width: 528px;
  padding: 0 24px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.54);
}
.main-list__list .main-list__item-botStyle {
  border: 1px dashed #eee;
  border-left: none;
  border-right: none;
}
.main-list__list .main-list__item {
  flex-shrink: 0;
  display: flex;
  padding: 0px 16px;
  /*border-bottom: $divider-dashed-lightgrey;*/
}
.main-list__list .main-list__item:last-child {
  border-bottom: none;
}
.main-list__list .main-list__item.item_selected {
  background-color: #f4f4f4;
}
.main-list__list .main-list__item .main-list__item_checkbox {
  width: 24px;
  flex-shrink: 0;
  padding-right: 16px;
  display: flex;
  align-items: center;
}
.main-list__list .main-list__item .main-list__item_content {
  flex-grow: 1;
  min-width: 0px;
  display: flex;
  align-items: center;
}
.main-list__list .main-list__item .main-list__item_actions {
  flex-shrink: 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
  margin-left: -200px;
}
.main-list__list .main-list__item .main-list__item_actions-opacity {
  opacity: 0;
}
.main-list__list .main-list__item:hover {
  background-color: #fafafa;
}
.main-list__list .main-list__item:hover .main-list__item_actions-opacity {
  opacity: 1;
}
.main-list__list .main-list__list-title {
  /*margin:0px 0px 8px 16px;*/
  margin: 0px 0px 8px 0px;
}
.main-list .main-list__footer {
  min-height: 56px;
  flex-shrink: 0;
  flex-grow: 0;
  padding: 0 16px;
  box-sizing: border-box;
  border-top: 1px solid #dddddd;
  display: flex;
  align-items: center;
}

.sort-container {
  position: relative;
  font-size: 14px !important;
  cursor: pointer;
}
.sort-container:hover .sort-container_item {
  display: block;
}
.sort-container .sort-container_header {
  display: flex;
  justify-content: space-between;
  border: 1px solid #fff;
  width: 108px;
  height: 36px;
  line-height: 36px;
  color: #666;
}
.sort-container .sort-container_header .sort-container_header-title {
  cursor: pointer;
  width: 90px;
  display: flex;
  justify-content: flex-start;
}
.sort-container .sort-container_header .sort-container_header-tip {
  line-height: 32px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.sort-container .sort-container_item {
  position: absolute;
  width: 130px !important;
  line-height: 32px;
  opacity: 1;
  background-color: #fff;
  border: 1px solid #ddd;
  display: none;
}
.sort-container .sort-container_item .sort-container_item-list {
  width: 100% !important;
  padding-left: 4px;
  line-height: 32px;
  cursor: pointer;
}
.sort-container .sort-container_item .sort-container_item-list:hover {
  background-color: #ccc;
}

.main-list__item_actions .grp-list__action_pending {
  color: olivedrab;
  width: 120px;
  text-align: right;
  visibility: hidden;
}
.main-list__item_actions .grp-list__action_pending.has-pending {
  visibility: visible;
}
.main-list__item_actions .grp-correlation {
  background-image: url(/resmod/smate-pc/img/smate_cssspirit01.png);
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  margin-right: 8px;
}
.main-list__item_actions .grp-correlation.degree_0 {
  background-position: -153px -181px;
}
.main-list__item_actions .grp-correlation.degree_1 {
  background-position: -132px -181px;
}
.main-list__item_actions .grp-correlation.degree_2 {
  background-position: -111px -181px;
}
.main-list__item_actions .grp-correlation.degree_3 {
  background-position: -90px -181px;
}
.main-list__item_actions .grp-correlation.degree_4 {
  background-position: -69px -181px;
}
.main-list__item_actions .fileupload__box {
  width: 144px;
  height: 88px;
}

.dialogs__box {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.87);
  max-width: calc(100% - 8px);
  max-height: calc(100% - 8px);
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: white;
  visibility: hidden;
  opacity: 0;
  display: flex;
  flex-direction: column;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  z-index: 52;
  transition-property: none;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.dialogs__box#grp_member_pub_box {
  background-color: transparent;
  box-shadow: none;
}
.dialogs__box .dialogs__childbox_fixed {
  width: 100%;
  flex-shrink: 0;
  flex-grow: 0;
}
.dialogs__box .dialogs__childbox_fixed .dialogs__header {
  width: 100%;
  height: 100%;
  min-height: 56px;
  box-sizing: border-box;
  padding: 0 8px;
  border-bottom: 1px solid #eeeeee;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.dialogs__box .dialogs__childbox_fixed .dialogs__header .dialogs__header_title {
  font-size: 16px;
  font-weight: 500;
  padding: 0 8px 0 16px;
  flex-grow: 1;
  display: flex;
}
.dialogs__box .dialogs__childbox_fixed .dialogs__header .dialogs__header_title .dialogs__header_title-checked {
  background: url("/resmod/smate-pc/img/radio_bg_01.png") no-repeat left center;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  line-height: 17px;
}
.dialogs__box .dialogs__childbox_fixed .dialogs__header .dialogs__header_title .dialogs__header_title-unchecked {
  background: url("/resmod/smate-pc/img/radio_bg_02.png") no-repeat left center;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  line-height: 17px;
}
.dialogs__box .dialogs__childbox_fixed .dialogs__header .dialogs__header_searchbox {
  flex-shrink: 0;
  width: 200px;
  margin: 0 8px;
}
.dialogs__box .dialogs__childbox_fixed .dialogs__header .dialogs__header_sort-box {
  display: flex;
  align-items: center;
  position: relative;
}
.dialogs__box .dialogs__childbox_fixed .dialogs__header .dialogs__header_sort-box .dialogs__header_sort-box_detaile {
  width: 81px;
  text-align: center;
}
.dialogs__box .dialogs__childbox_fixed .dialogs__header .dialogs__header_sort-box .dialogs__header_sort-box_item {
  position: absolute;
  width: 88px;
  height: 64px;
  top: 24px;
  left: 18px;
  border: 1px solid #ccc;
  background: #fff;
  flex-direction: column;
  display: none;
}
.dialogs__box .dialogs__childbox_fixed .dialogs__header .dialogs__header_sort-box .dialogs__header_sort-box_item .dialogs__header_sort-box_list {
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}
.dialogs__box .dialogs__childbox_fixed .dialogs__header .dialogs__header_sort-box .dialogs__header_sort-box_item .dialogs__header_sort-box_list:hover {
  background: #f4f4f4;
}
.dialogs__box .dialogs__childbox_fixed .dialogs__header .dialogs__header_sort-box:hover .dialogs__header_sort-box_item {
  display: flex;
}
.dialogs__box .dialogs__childbox_fixed .dialogs__header_adpated {
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
  border-bottom: 1px solid #eeeeee;
}
.dialogs__box .dialogs__childbox_fixed .dialogs__footer {
  padding: 0 16px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 56px;
  border-top: 1px solid #eeeeee;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  line-height: 56px;
}
.dialogs__box .dialogs__childbox_fixed .dialogs__footer .dialogs__footer_grow-box {
  flex-grow: 1;
  padding: 0 8px 0 16px;
  display: flex;
  align-items: center;
}
.dialogs__box .dialogs__childbox_adapted {
  width: 100%;
  flex-shrink: 1;
  overflow-y: auto;
  box-sizing: border-box;
  height: 386px;
}
.dialogs__box .dialogs__childbox_adapted .dialogs__content .dialogs__header_title {
  font-size: 16px;
  font-weight: 500;
  padding: 0 8px 0 16px;
  flex-grow: 1;
  display: flex;
}
.dialogs__box .dialogs__childbox_adapted .dialogs__content .dialogs__header_title .dialogs__header_title-checked {
  background: url("/resmod/smate-pc/img/radio_bg_01.png") no-repeat left center;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  line-height: 17px;
}
.dialogs__box .dialogs__childbox_adapted .dialogs__content .dialogs__header_title .dialogs__header_title-unchecked {
  background: url("/resmod/smate-pc/img/radio_bg_02.png") no-repeat left center;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  line-height: 17px;
}
.dialogs__box .dialogs__childbox_adapted .dialogs__content .dialogs__header_searchbox {
  flex-shrink: 0;
  width: 200px;
  margin: 0 8px;
}
.dialogs__box .dialogs__childbox_adapted .upload-fulltext__box {
  padding: 20px 24px 24px;
  display: flex;
  flex-direction: column;
}
.dialogs__box .dialogs__childbox_adapted .upload-fulltext__box .upload-fulltext__pub-info {
  margin-bottom: 16px;
}
.dialogs__box .dialogs__childbox_adapted .upload-fulltext__box .upload-fulltext__upload-file {
  height: 160px;
}
.dialogs__box .dialogs__childbox_adapted .connections__invite-friends_box {
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dialogs__box .dialogs__childbox_adapted .connections__invite-friends_box .connections__invite-friends_text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.87);
  text-align: center;
  margin-bottom: 16px;
  width: 100%;
  word-wrap: break-word;
}
.dialogs__box .dialogs__childbox_adapted .update-citation {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.87);
  text-align: center;
}
.dialogs__box .dialogs__childbox_adapted .update-citation .update-citation__hint {
  width: 100%;
}
.dialogs__box .dialogs__childbox_adapted .update-citation .update-citation__counter {
  margin-top: 24px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
}
.dialogs__box .dialogs__modal_text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.87);
  min-width: 120px;
  /*width: 200px;*/
  width: 200px;
  /*padding: 20px 24px 12px;*/
  margin-top: 8px;
  padding: 8px 16px;
  text-align: center;
}
.dialogs__box .dialogs__modal_actions {
  padding: 14px 0;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.dialogs__childbox_footer {
  border-top: 1px solid #ccc;
  height: 32px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 24px;
}
.dialogs__childbox_footer .dialogs__childbox_footer-tip {
  color: #999;
}
.dialogs__childbox_footer .dialogs__childbox_footer-content {
  color: #333;
  line-height: 32px;
  margin-top: 2px;
  margin-left: 4px;
}

/*Module Card*/
.module-card__box {
  width: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.module-card__box .module-card__header {
  width: 100%;
  min-height: 56px;
  box-sizing: border-box;
  border-bottom: 1px solid #dddddd;
  padding: 0 16px 0px 0px;
  display: flex;
  align-items: center;
  padding-left: 16px;
}
.module-card__box .module-card__header .module-card-header__title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 16px;
  flex-grow: 1;
  min-width: 0px;
}
.module-card__box .module-card__header .module-card-header__title .module-card-header__title-stats {
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.54) !important;
}
.module-card__box .friend-selection__box {
  max-height: 392px;
  overflow: auto;
}

.drawer-batch__box {
  position: fixed;
  z-index: 80;
  width: 600px;
  height: 600px;
  opacity: 1;
  bottom: 0;
  right: 120px;
  display: flex;
  flex-direction: column;
  background-color: white;
  box-shadow: 0px 1px 4px #999;
  overflow: hidden;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
.drawer-batch__box.drawer_folded {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  bottom: 140px;
  right: 40px;
}
.drawer-batch__box.drawer_folded .drawer-batch__mask {
  opacity: 0.88;
  z-index: 2;
}
.drawer-batch__box.drawer_hidden {
  width: 0px;
  height: 0px;
  bottom: 70px;
  right: 70px;
  opacity: 0;
}
.drawer-batch__box .drawer-batch__header {
  opacity: 0;
  flex-shrink: 0;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0 0 0 16px;
  background-color: lightgrey;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  display: flex;
  align-items: center;
}
.drawer-batch__box .drawer-batch__header .drawer-batch__header_title {
  flex-grow: 1;
}
.drawer-batch__box .drawer-batch__header .drawer-batch__header_title .drawer-batch__header_stats {
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.54) !important;
}
.drawer-batch__box .drawer-batch__actions {
  flex-shrink: 0;
  height: 56px;
  border-bottom: 1px solid #eeeeee;
  display: flex;
  align-items: center;
}
.drawer-batch__box .drawer-batch__actions .drawer_batch__actions_custom {
  flex-grow: 1;
  display: flex;
  flex-direction: row-reverse;
}
.drawer-batch__box .drawer-batch__content {
  flex-grow: 1;
  overflow-y: auto;
}
.drawer-batch__box .drawer-batch__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2882d8 url(../img/Batch-process.png) no-repeat;
  background-position: center;
  cursor: pointer;
  opacity: 0;
  z-index: -2;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.drawer-batch__box .drawer-batch__mask .drawer-batch__mask_stats {
  color: white;
  /*font-size: 16px;*/
  width: 16px;
  height: 16px;
  border: 1px solid #f10000;
  text-align: center;
  line-height: 16px;
  background-color: red;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  right: 9px;
  font-size: 12px;
}

.drawer-batch__tip-container {
  position: fixed;
  border: 1px solid #ccc;
  width: 144px;
  height: 56px;
  z-index: 99;
  bottom: 184px;
  background: #fff;
  right: 98px;
  padding: 16px;
  text-align: center;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  display: none;
}

.pro-header {
  width: 100%;
  min-height: 216px;
  background-color: #FAFAFA;
  display: flex;
  flex-direction: column;
  margin: 0 auto 24px;
  border-bottom: 1px solid #eeeeee;
}
.pro-header .pro-header__container {
  flex-grow: 1;
  margin: 0 auto;
  padding: 24px;
  width: 100%;
  max-width: 1280px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
}
.pro-header .pro-header__container .pro-header__left-panel {
  flex-grow: 1;
  min-width: 0px;
  width: 100%;
  margin-right: 40px;
  display: flex;
  flex-direction: column;
}
.pro-header__base-info {
  flex-grow: 1;
  display: flex;
}
.pro-header__base-info .pro-header__avatar {
  cursor: pointer;
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 24px;
  position: relative;
}
.pro-header__base-info .pro-header__avatar .pro-header__avator-tip {
  position: absolute;
  top: 60px;
  background-color: #fff;
  opacity: 0.4;
  font-size: 14px;
  color: #666;
  border: 1px solid #fff;
  width: 100%;
  height: 24px;
  line-height: 24px;
  text-align: center;
  display: none;
}
.pro-header__base-info .pro-header__avatar:hover .pro-header__avator-tip {
  display: block;
}
.pro-header__base-info .pro-header__main {
  margin-top: 12px;
  min-width: 0px;
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.pro-header__base-info .pro-header__main .pro-header__main_psn-name {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pro-header__base-info .pro-header__main .pro-header__main_psn-inst, .pro-header__base-info .pro-header__main .pro-header__main_psn-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 26px;
}
.pro-header__base-info .pro-header__main .pro-header__main_psn-loc, .pro-header__base-info .pro-header__main .pro-header__main_grp-stats {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.54);
}
.pro-header__base-info .pro-header__main .pro-header__main_psn-loc span, .pro-header__base-info .pro-header__main .pro-header__main_grp-stats span {
  margin-right: 48px;
}
.pro-header__base-info .pro-header__main .pro-header__main_grp-name {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.pro-header .pro-header__container .pro-header__right-panel {
  flex-shrink: 0;
  min-width: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.pro-header .pro-header__container .pro-header__right-panel .pro-header__actions {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.pro-header .pro-header__container .pro-header__right-panel .cancle-focus_box {
  width: 76px;
  max-height: 81px;
  background: #fff;
  border: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: absolute;
  top: -3px;
  left: 8px;
  display: none;
}
.pro-header .pro-header__container .pro-header__right-panel .cancle-focus_box-items {
  width: 100%;
  line-height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  cursor: pointer;
}
.pro-header .pro-header__container .pro-header__right-panel .cancle-focus_box-items:hover {
  background: #ccc;
}
.pro-header .pro-header__container .pro-header__right-panel .pro-header__right-panel-list {
  display: flex;
  flex-direction: column;
}
.pro-header .pro-header__container .pro-header__right-panel .pro-header__right-panel-list .pro-header__right-panel-item {
  border: 1px solid #ddd;
  height: 28px;
  min-width: 82px;
  line-height: 28px;
  text-align: center;
  color: #666;
  margin: 4px 0;
  border-radius: 3px;
}
.pro-header .pro-header__container .pro-header__right-panel .pro-header__right-panel-list .pro-header__right-panel-item:hover {
  color: #fff;
  background: #218aed;
  border: 1px solid #218aed;
}
.pro-header .pro-header__container .pro-header__right-panel .pro-header__right-panel-list .pro-header__right-panel-resume {
  display: none;
  border: 1px solid #ddd;
  height: 28px;
  width: 200px;
  line-height: 28px;
  text-align: center;
  color: #666;
  cursor: pointer;
  position: absolute;
  top: 34px;
  left: 0px;
}
.pro-header .pro-header__container .pro-header__right-panel .pro-header__right-panel-list .pro-header__right-panel-resume:hover {
  background: #288aed;
  color: #fff;
  border: 1px solid #288aed;
}
.pro-header .pro-header__nav {
  flex-shrink: 0;
}
.pro-header .pro-header__nav .pro-header__nav-box {
  margin: 0 auto;
  width: 100%;
  height: 48px;
  max-width: 1280px;
  box-sizing: border-box;
  padding: 0 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pro-header .pro-header__nav .pro-header__nav-box .pro-header__url {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  height: 48px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.pro-header .pro-header__nav .pro-header__nav-box .pro-header__url:hover {
  color: #2882D8;
}
.pro-header .pro-header__nav .pro-header__nav-box .pro-header__url .pro-header__url-share {
  flex-shrink: 0;
  font-size: 22px;
  width: 24px;
  height: 24px;
  margin-left: 4px;
  line-height: 24px;
  cursor: pointer;
  text-align: center;
}
.pro-header .pro-header__nav .pro-header__nav-box .pro-header__url .pro-header__url-share:hover {
  color: #2882D8;
}

.pro-stats__list {
  display: flex;
  flex-wrap: nowrap;
}
.pro-stats__list.pub-list-stats .pro-stats__item {
  width: 64px;
  margin-left: 12px;
}
.pro-stats__list.pub-list_innergroup {
  cursor: pointer;
}
.pro-stats__list.pub-list_innergroup:hover {
  color: #288aed;
}
.pro-stats__list .pro-stats__item {
  flex-shrink: 0;
  flex-grow: 1;
  width: 0%;
  min-width: 0;
  line-height: 1;
  color: rgba(0, 0, 0, 0.54);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.pro-stats__list .pro-stats__item:first-child {
  margin-left: 0px;
}
.pro-stats__list .pro-stats__item .pro-stats__item_number {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}
.pro-stats__list .pro-stats__item .pro-stats__item_title {
  width: 100%;
  text-align: center;
  margin-top: 4px;
  font-size: 14px;
}

.pro-stats__panel {
  width: 100%;
  padding: 24px 12px;
  box-sizing: border-box;
  background-color: aliceblue;
}
.pro-stats__panel .pro-stats__list {
  justify-content: space-around;
}

.pro-manage {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.87);
  width: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.pro-manage .pro-manage__content {
  width: 100%;
  padding: 32px;
  box-sizing: border-box;
}
.pro-manage .pro-manage__footer {
  padding: 0 0 32px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

.pub-idx_medium {
  flex-grow: 1;
  width: 100%;
  min-width: 0px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.pub-idx_medium.no-full-text .pub-idx__full-text_box {
  margin-right: 0;
}
.pub-idx_medium.no-full-text .pub-idx__full-text_box .pub-idx__full-text_img {
  display: none;
}
.pub-idx_medium .pub-idx__base-info {
  flex-shrink: 0;
  display: flex;
  overflow: hidden;
}
.pub-idx_medium .pub-idx__base-info .pub-idx__full-text_box {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}
.pub-idx_medium .pub-idx__base-info .pub-idx__full-text_box .pub-idx__full-text_img {
  cursor: pointer;
  width: 70px;
  height: 92px;
  border: 1px solid #eeeeee;
  margin: 2px 0px;
}
.pub-idx_medium .pub-idx__base-info .pub-idx__full-text_box .pub-idx__full-text_img .dev_fulltext_download {
  cursor: pointer;
}
.pub-idx_medium .pub-idx__base-info .pub-idx__full-text_box .pub-idx__full-text_img .pub-idx__full-text_img-tip {
  position: absolute;
  width: 74px;
  height: 92px;
  background: rgba(0, 0, 0, 0.24);
  top: 0px;
  color: #fff;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 14px;
}
.pub-idx_medium .pub-idx__base-info .pub-idx__main_box {
  min-width: 0px;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pub-idx_medium .pub-idx__base-info .pub-idx__main_box .pub-idx__main {
  min-width: 0px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.pub-idx_medium .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.87);
  /*font-weight: 500;*/
  color: #333333 !important;
  font-weight: bold;
  color: #005cac;
}
.pub-idx_medium .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_title .pub-idx__icon_pub-mark {
  vertical-align: text-top;
  display: inline-block;
  background: url(/resmod/smate-pc/img/smate_cssspirit01.png) -6px -181px;
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  margin-left: 4px;
}
.pub-idx_medium .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_title .pub-idx__icon_grant-mark {
  vertical-align: text-top;
  display: inline-block;
  background: url(/resmod/smate-pc/img/smate_cssspirit01.png) -27px -181px;
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  margin-left: 4px;
}
.pub-idx_medium .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_title:hover {
  color: #218aed !important;
}
.pub-idx_medium .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_title .charImg {
  width: 12px !important;
  height: 12px !important;
}
.pub-idx_medium .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_author {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
}
.pub-idx_medium .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_author strong {
  font-size: 14px !important;
  /* font-weight: 500;*/
}
.pub-idx_medium .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_src {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.54);
}
.pub-idx_medium .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_add {
  display: flex;
  line-height: 24px;
}
.pub-idx_medium .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_add .pub-idx__main_add-tip {
  width: 12px;
  height: 12px;
  color: #ccc;
  font-size: 18px;
  line-height: 24px;
}
.pub-idx_medium .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_add .pub-idx__main_add-detail {
  margin-left: 8px;
  font-size: 12px;
  color: #ccc !important;
}

.pub-idx_small {
  flex-grow: 1;
  width: 100%;
  min-width: 0px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.pub-idx_small.full-text-confirm .pub-idx__base-info {
  flex-direction: column-reverse;
}
.pub-idx_small.full-text-confirm .pub-idx__base-info .pub-idx__full-text_img {
  width: 100px;
  height: 124px;
  border: 1px solid #eeeeee;
  margin: 8px 0;
  align-self: center;
}
.pub-idx_small .pub-idx__base-info {
  flex-shrink: 0;
  display: flex;
  overflow: hidden;
}
.pub-idx_small .pub-idx__base-info .pub-idx__full-text_box {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  margin-right: 8px;
}
.pub-idx_small .pub-idx__base-info .pub-idx__full-text_box .pub-idx__full-text_img {
  width: 56px;
  height: 64px;
  border: 1px solid #eeeeee;
}
.pub-idx_small .pub-idx__base-info .pub-idx__full-text_box .pub-idx__full-text_img .pub-idx__full-text_img-tip {
  position: absolute;
  width: 74px;
  height: 92px;
  background: rgba(0, 0, 0, 0.24);
  top: 0px;
  color: #fff;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 14px;
}
.pub-idx_small .pub-idx__base-info .pub-idx__full-text_box .dev_pub_fulltext {
  cursor: pointer;
}
.pub-idx_small .pub-idx__base-info .pub-idx__main_box {
  min-width: 0px;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pub-idx_small .pub-idx__base-info .pub-idx__main_box .pub-idx__main {
  min-width: 0px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 20px;
}
.pub-idx_small .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_title {
  font-weight: 500;
  color: #333;
  cursor: pointer;
  height: 19px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pub-idx_small .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_author {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pub-idx_small .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_author strong {
  font-size: 14px !important;
  font-weight: 500;
}
.pub-idx_small .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_src {
  color: rgba(0, 0, 0, 0.54);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pub-idx_small .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_add {
  display: flex;
  line-height: 24px;
}
.pub-idx_small .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_add .pub-idx__main_add-tip {
  width: 12px;
  height: 12px;
  color: #ccc;
  font-size: 18px;
  line-height: 24px;
}
.pub-idx_small .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_add .pub-idx__main_add-detail {
  margin-left: 8px;
  font-size: 12px;
  color: #ccc !important;
}

.pub-idx_x-small {
  flex-grow: 1;
  width: 100%;
  min-width: 0px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.pub-idx_x-small .pub-idx__base-info {
  flex-shrink: 0;
  display: flex;
  overflow: hidden;
}
.pub-idx_x-small .pub-idx__base-info .pub-idx__full-text_box {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.pub-idx_x-small .pub-idx__base-info .pub-idx__full-text_box .pub-idx__full-text_img {
  display: none;
  width: 56px;
  height: 64px;
  border: 1px solid #eeeeee;
}
.pub-idx_x-small .pub-idx__base-info .pub-idx__full-text_box .pub-idx__full-text_img .pub-idx__full-text_img-tip {
  position: absolute;
  width: 74px;
  height: 92px;
  background: rgba(0, 0, 0, 0.24);
  top: 0px;
  color: #fff;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 14px;
}
.pub-idx_x-small .pub-idx__base-info .pub-idx__main_box {
  min-width: 0px;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pub-idx_x-small .pub-idx__base-info .pub-idx__main_box .pub-idx__main {
  min-width: 0px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 18px;
}
.pub-idx_x-small .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_title:hover {
  color: #218aed;
}
.pub-idx_x-small .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_author {
  color: rgba(0, 0, 0, 0.54);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pub-idx_x-small .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_author strong {
  font-size: 14px !important;
  font-weight: 500;
}
.pub-idx_x-small .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_src {
  display: none;
  color: rgba(0, 0, 0, 0.54);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pub-idx_x-small .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_add {
  display: flex;
  line-height: 24px;
}
.pub-idx_x-small .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_add .pub-idx__main_add-tip {
  width: 12px;
  height: 12px;
  color: #ccc;
  font-size: 18px;
  line-height: 24px;
}
.pub-idx_x-small .pub-idx__base-info .pub-idx__main_box .pub-idx__main .pub-idx__main_add .pub-idx__main_add-detail {
  margin-left: 8px;
  font-size: 12px;
  color: #ccc !important;
}

.grp-idx_medium {
  flex-grow: 1;
  width: 100%;
  min-width: 0px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.grp-idx_medium .grp__invite-confirm {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 16px;
}
.grp-idx_medium .grp-idx__base-info {
  flex-shrink: 0;
  display: flex;
  overflow: hidden;
}
.grp-idx_medium .grp-idx__base-info .grp-idx__logo_position {
  position: relative;
}
.grp-idx_medium .grp-idx__base-info .grp-idx__logo_box {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  margin-right: 16px;
  align-items: center;
}
.grp-idx_medium .grp-idx__base-info .grp-idx__logo_box .grp-idx__logo_img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.grp-idx_medium .grp-idx__base-info .grp-idx__logo_box .grp-idx__grp-type {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
  margin-top: 4px;
  text-align: center;
}
.grp-idx_medium .grp-idx__base-info .grp-idx__logo_box .grp-idx__logo_box-tip {
  position: absolute;
  width: 24px;
  height: 24px;
  border: 1px solid red;
  background: red;
  color: #fff;
  top: 0px;
  display: none;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  right: -12px;
  font-size: 12px;
}
.grp-idx_medium .grp-idx__base-info .grp-idx__main_box {
  min-width: 0px;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.grp-idx_medium .grp-idx__base-info .grp-idx__main_box .grp-idx__main {
  min-width: 0px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.54);
}
.grp-idx_medium .grp-idx__base-info .grp-idx__main_box .grp-idx__main .grp-idx__main_name {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
}
.grp-idx_medium .grp-idx__base-info .grp-idx__main_box .grp-idx__main .grp-idx__main_name .grp-idx__main_icon {
  height: 24px;
  margin-left: 4px;
  color: forestgreen;
  vertical-align: top;
}
.grp-idx_medium .grp-idx__base-info .grp-idx__main_box .grp-idx__main .grp-idx__main_name:hover {
  color: #2882D8;
}
.grp-idx_medium .grp-idx__base-info .grp-idx__main_box .grp-idx__main .grp-idx__main_stats {
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grp-idx_medium .grp-idx__base-info .grp-idx__main_box .grp-idx__main .grp-idx__main_stats .grp-idx__main_stats-item {
  margin-right: 24px;
}
.grp-idx_medium .grp-idx__intro {
  line-height: 20px;
  max-height: 60px;
  transition: height 100ms linear;
  font-size: 14px;
  /*line-height: 22px;
  max-height: 66px;*/
  overflow: hidden;
  margin: 8px 0 12px 0;
}
.grp-idx_medium .grp-idx__intro:before {
  content: "";
  float: left;
  width: 2px;
  height: 100%;
}
.grp-idx_medium .grp-idx__intro:after {
  content: "...";
  color: #1265cf;
  box-sizing: content-box;
  float: right;
  position: relative;
  top: -20px;
  height: 20px;
  left: 100%;
  width: 80px;
  margin-left: -80px;
  padding-right: 2px;
  text-align: right;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  font-size: 32px;
  line-height: 2px;
  cursor: pointer;
}

.psn-idx_medium {
  flex-grow: 1;
  width: 100%;
  min-width: 0px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.psn-idx_medium .psn-idx__base-info {
  flex-shrink: 0;
  display: flex;
  overflow: hidden;
}
.psn-idx_medium .psn-idx__base-info .psn-idx__avatar_box {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  margin-right: 16px;
}
.psn-idx_medium .psn-idx__base-info .psn-idx__avatar_box .psn-idx__avatar_img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.psn-idx_medium .psn-idx__base-info .psn-idx__main_box {
  min-width: 0px;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.psn-idx_medium .psn-idx__base-info .psn-idx__main_box .psn-idx__main {
  min-width: 0px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
}
.psn-idx_medium .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_name-length_abbreviations {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 50%;
}
.psn-idx_medium .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_name-length_limit {
  width: 90px;
}
.psn-idx_medium .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
}
.psn-idx_medium .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_name:hover {
  color: #2882d8;
}
.psn-idx_medium .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_title1 {
  color: rgba(0, 0, 0, 0.54);
}
.psn-idx_medium .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90px;
  color: rgba(0, 0, 0, 0.54);
}
.psn-idx_medium .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_title-Customized {
  max-width: 425px !important;
}
.psn-idx_medium .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_stats {
  color: rgba(0, 0, 0, 0.54);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.psn-idx_medium .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_stats .psn-idx__main_stats-item {
  margin-right: 24px;
}

.psn-idx_medium-new {
  flex-grow: 1;
  width: 100%;
  min-width: 0px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.psn-idx_medium-new .psn-idx__base-info {
  flex-shrink: 0;
  display: flex;
  overflow: hidden;
}
.psn-idx_medium-new .psn-idx__base-info .psn-idx__avatar_box {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  margin-right: 16px;
}
.psn-idx_medium-new .psn-idx__base-info .psn-idx__avatar_box .psn-idx__avatar_img {
  border-radius: 50%;
  width: 72px;
  height: 72px;
  overflow: hidden;
}
.psn-idx_medium-new .psn-idx__base-info .psn-idx__main_box {
  min-width: 0px;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.psn-idx_medium-new .psn-idx__base-info .psn-idx__main_box .psn-idx__main {
  min-width: 0px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.psn-idx_medium-new .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_title-info {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.psn-idx_medium-new .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_title-info .psn-idx__main_name {
  font-weight: 500;
}
.psn-idx_medium-new .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_title-info .psn-idx__main_title {
  margin-left: 4px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54) !important;
}
.psn-idx_medium-new .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_title-info:hover {
  color: #218aed;
}
.psn-idx_medium-new .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_ins-info {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.psn-idx_medium-new .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_research-area {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.38);
}
.psn-idx_medium-new .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_research-area .psn-idx__main_area-list {
  color: rgba(0, 0, 0, 0.87) !important;
}
.psn-idx_medium-new .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_stats {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.psn-idx_medium-new .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_stats .psn-idx__main_stats-item {
  color: rgba(0, 0, 0, 0.38) !important;
  margin-right: 24px;
}
.psn-idx_medium-new .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_stats .psn-idx__main_stats-item .psn-idx__main_stats-num {
  color: rgba(0, 0, 0, 0.87) !important;
}

.psn-idx_small {
  flex-grow: 1;
  width: 100%;
  min-width: 0px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.psn-idx_small .psn-idx__base-info {
  flex-shrink: 0;
  display: flex;
  overflow: hidden;
}
.psn-idx_small .psn-idx__base-info .psn-idx__avatar_box {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  margin-right: 12px;
}
.psn-idx_small .psn-idx__base-info .psn-idx__avatar_box .psn-idx__avatar_img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.psn-idx_small .psn-idx__base-info .psn-idx__main_box {
  min-width: 0px;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.psn-idx_small .psn-idx__base-info .psn-idx__main_box .psn-idx__main {
  min-width: 0px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  justify-content: center;
  line-height: 18px;
}
.psn-idx_small .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_name-length_limit {
  width: 90px;
}
.psn-idx_small .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.psn-idx_small .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_name:hover {
  color: #2882D8;
}
.psn-idx_small .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_title1 {
  color: rgba(0, 0, 0, 0.54);
}
.psn-idx_small .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_width {
  width: 120px;
}
.psn-idx_small .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90px;
  color: rgba(0, 0, 0, 0.54);
}
.psn-idx_small .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_title-Customized {
  max-width: 425px !important;
}
.psn-idx_small .psn-idx__base-info .psn-idx__main_box .psn-idx__main .psn-idx__main_title-length {
  max-width: 420px !important;
}
.psn-idx_small .psn-idx__base-center {
  display: flex;
  align-items: center;
}

.file-idx_medium {
  flex-grow: 1;
  width: 100%;
  min-width: 0px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.file-idx_medium .file-idx__base-info {
  flex-shrink: 0;
  display: flex;
  overflow: hidden;
  overflow: visible;
}
.file-idx_medium .file-idx__base-info .file-idx__snap_box {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 16px;
}
.file-idx_medium .file-idx__base-info .file-idx__snap_box .file-idx__snap_img {
  width: 70px;
  height: 92px;
  border: 1px solid #eeeeee;
  cursor: pointer;
}
.file-idx_medium .file-idx__base-info .file-idx__main_box {
  min-width: 0px;
  flex-grow: 1;
  overflow: visible;
  display: flex;
  justify-content: space-around;
  /*align-items: center;*/
}
.file-idx_medium .file-idx__base-info .file-idx__main_box .file-idx__main {
  flex-grow: 1;
  justify-content: space-between;
  padding-left: 8px;
  min-width: 0px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow: visible;
}
.file-idx_medium .file-idx__base-info .file-idx__main_box .file-idx__main .file-idx__main_title {
  font-size: 16px;
  letter-spacing: 0.1px;
  overflow: hidden;
  font-weight: bold;
  color: #333333 !important;
  line-height: 24px;
  display: flex;
  cursor: auto;
}
.file-idx_medium .file-idx__base-info .file-idx__main_box .file-idx__main .file-idx__main_title a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  max-width: 400px;
}
.file-idx_medium .file-idx__base-info .file-idx__main_box .file-idx__main .file-idx__main_title .file-idx__icon_courseware {
  vertical-align: middle;
  display: inline-block;
  background: url(/resmod/smate-pc/img/smate_cssspirit01.png) -48px -181px;
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  margin-left: 4px;
}
.file-idx_medium .file-idx__base-info .file-idx__main_box .file-idx__main .file-idx__main_title:hover {
  color: #2882D8 !important;
}
.file-idx_medium .file-idx__base-info .file-idx__main_box .file-idx__main .file-idx__main_intro {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 20px;
  max-height: 40px;
  transition: height 100ms linear;
  /*max-height: 40px;*/
  overflow: hidden;
  margin-left: -2px !important;
}
.file-idx_medium .file-idx__base-info .file-idx__main_box .file-idx__main .file-idx__main_intro:before {
  content: "";
  float: left;
  width: 2px;
  height: 100%;
}
.file-idx_medium .file-idx__base-info .file-idx__main_box .file-idx__main .file-idx__main_intro:after {
  content: "...";
  color: #1265cf;
  box-sizing: content-box;
  float: right;
  position: relative;
  top: -20px;
  height: 20px;
  left: 100%;
  width: 80px;
  margin-left: -80px;
  padding-right: 2px;
  text-align: right;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  font-size: 32px;
  line-height: 2px;
  cursor: pointer;
}
.file-idx_medium .file-idx__base-info .file-idx__main_box .file-idx__main .file-idx__main_intro-multiline {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.file-idx_medium .file-idx__base-info .file-idx__main_box .file-idx__main_src {
  flex-shrink: 0;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
  width: 220px;
}
.file-idx_medium .file-idx__base-info .file-idx__main_box .file-idx__main_src .file-idx__src_time {
  text-align: center;
}
.file-idx_medium .file-idx__base-info .file-idx__main_box .file-idx__main_src .file-idx__src_uploader {
  text-align: center;
}

.file-idx_small {
  flex-grow: 1;
  width: 100%;
  min-width: 0px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.file-idx_small .file-idx__base-info {
  flex-shrink: 0;
  display: flex;
  overflow: hidden;
}
.file-idx_small .file-idx__base-info .file-idx__snap_box {
  display: none;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  margin-right: 8px;
}
.file-idx_small .file-idx__base-info .file-idx__snap_box .file-idx__snap_img {
  width: 56px;
  height: 64px;
  border: 1px solid #eeeeee;
}
.file-idx_small .file-idx__base-info .file-idx__main_box {
  min-width: 0px;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.file-idx_small .file-idx__base-info .file-idx__main_box .file-idx__main {
  min-width: 0px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 20px;
}
.file-idx_small .file-idx__base-info .file-idx__main_box .file-idx__main .file-idx__main_title {
  font-weight: 500;
}
.file-idx_small .file-idx__base-info .file-idx__main_box .file-idx__main .file-idx__main_intro {
  max-height: 40px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.54);
}

.file-share-history__box {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.file-share-history__box .file-share-history__info {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
  margin-bottom: 4px;
}
.file-share-history__box .file-share-history__info .file-share-history__share-time {
  color: rgba(0, 0, 0, 0.54);
  margin-right: 4px;
}
.file-share-history__box .file-share-history__info .file-share-history__receiver-list {
  display: inline-block;
  color: rgba(0, 0, 0, 0.87);
}
.file-share-history__box .file-share-history__info .file-share-history__receiver-list .file-share-history__receiver {
  font-weight: 500;
}
.file-share-history__box .file-share-history__file-name {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
  color: #005cac;
}

.exp-idx_medium {
  flex-grow: 1;
  width: 100%;
  min-width: 0px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.exp-idx_medium .exp-idx__base-info {
  flex-shrink: 0;
  display: flex;
  overflow: hidden;
}
.exp-idx_medium .exp-idx__base-info .exp-idx__logo_box {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  margin-right: 24px;
}
.exp-idx_medium .exp-idx__base-info .exp-idx__logo_box .exp-idx__logo_img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.exp-idx_medium .exp-idx__base-info .exp-idx__main_box {
  min-width: 0px;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  justify-content: center;
}
.exp-idx_medium .exp-idx__base-info .exp-idx__main_box .exp-idx__main {
  min-width: 0px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.exp-idx_medium .exp-idx__base-info .exp-idx__main_box .exp-idx__main .exp-idx__main_inst {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.exp-idx_medium .exp-idx__base-info .exp-idx__main_box .exp-idx__main .exp-idx__main_dept {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.54);
}
.exp-idx_medium .exp-idx__base-info .exp-idx__main_box .exp-idx__main .exp-idx__main_intro {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 20px;
  max-height: 60px;
  transition: height 100ms linear;
  /*max-height: 44px;*/
}
.exp-idx_medium .exp-idx__base-info .exp-idx__main_box .exp-idx__main .exp-idx__main_intro:before {
  content: "";
  float: left;
  width: 2px;
  height: 100%;
}
.exp-idx_medium .exp-idx__base-info .exp-idx__main_box .exp-idx__main .exp-idx__main_intro:after {
  content: "...";
  color: #1265cf;
  box-sizing: content-box;
  float: right;
  position: relative;
  top: -20px;
  height: 20px;
  left: 100%;
  width: 80px;
  margin-left: -80px;
  padding-right: 2px;
  text-align: right;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  font-size: 32px;
  line-height: 2px;
  cursor: pointer;
}

.kw__box {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.54);
}
.kw__box .kw-chip_small {
  background-color: #ebf5ff;
  text-align: center;
  border-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 22px;
  padding: 0 6px;
  font-size: 14px;
  line-height: 22px;
  margin: 4px 8px 4px 0;
}
.kw__box .kw-chip_small .kw-chip_small-num {
  min-width: 0px;
}
.kw__box .kw-chip_small .normal-global_del-icon {
  /* display: none;*/
}
.kw__box .kw-chip_small .normal-global_del-icon_show {
  visibility: hidden;
}
.kw__box .kw-chip_small:hover .normal-global_del-icon_show {
  visibility: visible;
}
.kw__box .kw-chip_small:hover .normal-global_del-icon {
  display: flex;
}
.kw__box .kw-chip_container {
  display: flex;
  align-items: center;
  margin: 0px 6px;
}
.kw__box .kw-chip_container .kw-chip_small {
  background-color: #ebf5ff;
  text-align: center;
  border-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 22px;
  padding: 0 6px;
  font-size: 14px;
  line-height: 22px;
  margin: 4px 0px 4px 0;
  display: flex;
}
.kw__box .kw-chip_container .kw-chip_small .kw-chip_small-num {
  min-width: 0px;
}
.kw__box .kw-chip_container .kw-chip_container-func {
  /*margin-right: 12px;*/
  visibility: hidden;
}
.kw__box .kw-chip_container:hover .kw-chip_container-func {
  visibility: visible;
}
.kw__box .kw-chip_container .normal-global_del-icon_show {
  visibility: hidden;
}
.kw__box .kw-chip_container:hover .normal-global_del-icon_show {
  visibility: visible;
}
.kw__box .kw-chip_medium {
  background-color: #ebf5ff;
  text-align: center;
  border-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 8px;
  font-size: 16px;
  line-height: 28px;
  margin: 6px 12px 6px 0;
}
.kw__box .kw-stick {
  overflow: hidden;
  border-radius: 4px;
  height: 32px;
  border: 1px solid #eeeeee;
  margin: 8px 16px 8px 0;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  display: flex;
}
.kw__box .kw-stick .kw-stick__stats {
  flex-shrink: 0;
  line-height: 32px;
  background-color: rgba(0, 0, 0, 0.12);
  padding: 0 8px;
  cursor: pointer;
}
.kw__box .kw-stick .kw-stick__word {
  line-height: 32px;
  border-left: 1px solid #eeeeee;
  padding: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kw__box .kw-stick .kw-stick__endorse {
  width: 32px;
  border-left: 1px solid #eeeeee;
  color: green;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.kw__box .kw-stick:hover {
  /*border:1px solid #288aed;*/
}
.kw__box .kw-stick:hover .kw-stick__word {
  /*color: #288aed;*/
}
.kw__box .kw-stick_box-add {
  color: #333 !important;
}
.kw__box .kw-stick_box-add:hover {
  color: green !important;
}

.drawer-batch__content .kw__box {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.54);
}
.drawer-batch__content .kw__box .kw-chip_small {
  background-color: #ebf5ff;
  text-align: center;
  border-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 22px;
  padding: 0 6px;
  font-size: 14px;
  line-height: 22px;
  margin: 4px 4px 4px 0;
}
.drawer-batch__content .kw__box .kw-chip_small .kw-chip_small-num {
  min-width: 0px;
}
.drawer-batch__content .kw__box .kw-chip_small .normal-global_del-icon {
  display: none;
}
.drawer-batch__content .kw__box .kw-chip_small .normal-global_del-icon_show {
  display: none;
}
.drawer-batch__content .kw__box .kw-chip_container {
  display: flex;
  align-items: center;
}
.drawer-batch__content .kw__box .kw-chip_container .kw-chip_small {
  background-color: #ebf5ff;
  text-align: center;
  border-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 22px;
  padding: 0 6px;
  font-size: 14px;
  line-height: 22px;
  margin: 4px 4px 4px 0;
  display: flex;
}
.drawer-batch__content .kw__box .kw-chip_container .kw-chip_small .kw-chip_small-num {
  min-width: 0px;
}
.drawer-batch__content .kw__box .kw-chip_container .kw-chip_container-func {
  margin-right: 12px;
  display: none;
}
.drawer-batch__content .kw__box .kw-chip_medium {
  background-color: #ebf5ff;
  text-align: center;
  border-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 8px;
  font-size: 16px;
  line-height: 28px;
  margin: 6px 12px 6px 0;
}
.drawer-batch__content .kw__box .kw-stick {
  overflow: hidden;
  border-radius: 4px;
  height: 32px;
  border: 1px solid #eeeeee;
  margin: 8px 16px 8px 0;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  display: flex;
}
.drawer-batch__content .kw__box .kw-stick .kw-stick__stats {
  flex-shrink: 0;
  line-height: 32px;
  background-color: rgba(0, 0, 0, 0.12);
  padding: 0 8px;
  cursor: pointer;
}
.drawer-batch__content .kw__box .kw-stick .kw-stick__word {
  line-height: 32px;
  border-left: 1px solid #eeeeee;
  padding: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.drawer-batch__content .kw__box .kw-stick .kw-stick__endorse {
  width: 32px;
  border-left: 1px solid #eeeeee;
  color: green;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.drawer-batch__content .kw__box .kw-stick .kw-stick__endorse .kw-stick_box-add:hover {
  color: green !important;
}
.drawer-batch__content .kw__box .kw-stick .kw-stick__endorse .kw-stick__endorse:hover .kw-stick_box-add {
  color: green !important;
}

form .form__sxn_row .input__box {
  margin-top: 16px;
  margin-bottom: 16px;
}

.form__sxn_row {
  display: flex;
  flex-direction: row;
}
.input__box {
  color: rgba(0, 0, 0, 0.54);
  font-size: 16px;
  line-height: 22px;
  position: relative;
  vertical-align: middle;
  margin-right: 12px;
  box-sizing: border-box;
  flex-grow: 1;
  flex-shrink: 1;
  width: 0%;
}
.input__box:last-child {
  margin-right: 0;
}
.input__box.no-flex {
  flex-grow: 0;
  flex-shrink: 0;
  width: auto;
}
.input__box.icon-label {
  padding-left: 36px;
}
.input__box.icon-label .input__title {
  height: 24px;
  width: auto;
  top: 2px;
  transform: none !important;
}
.input__box.input_focused .input__title {
  transform: translate3d(0, 8px, 0) scale(0.75);
  color: #2882d8;
}
.input__box.input_focused input, .input__box.input_focused textarea {
  border-bottom-color: #2882d8 !important;
  border-bottom-width: 2px;
  padding-bottom: 3px;
}
.input__box.input_not-null .input__title, .input__box.readonly .input__title {
  transform: translate3d(0, 8px, 0) scale(0.75);
  overflow: visible !important;
  /*margin-bottom: 8px!important;*/
}
.input__box.input_not-null .selector-area, .input__box.readonly .selector-area {
  color: rgba(0, 0, 0, 0.87);
}
.input__box.input_invalid {
  color: orangered !important;
}
.input__box.input_invalid .input__title {
  color: orangered !important;
}
.input__box.input_invalid input, .input__box.input_invalid textarea {
  border-bottom-color: orangered !important;
  border-bottom-width: 2px;
  padding-bottom: 3px;
}
.input__box.input_invalid .input__helper:before {
  content: attr(invalid-message);
}
.input__box.input_disabled {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.38);
}
.input__box.input_disabled input, .input__box.input_disabled textarea {
  border-bottom-style: dashed;
}
.input__box.input_disabled .input__helper {
  opacity: 0;
}
.input__box.readonly .input__helper {
  opacity: 0;
}
.input__box.readonly input, .input__box.readonly textarea {
  border: none;
}
.input__box.no-input-area {
  width: 100%;
}
.input__box.no-input-area .input__title {
  transform: none;
  position: static;
  color: rgba(0, 0, 0, 0.54);
}
.input__box:not(.input_focused) input, .input__box:not(.input_focused) textarea {
  border-bottom-color: rgba(0, 0, 0, 0.38);
}
.input__box .input__title {
  width: 100%;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: auto;
  transform-origin: top left;
  transform: translate3d(0, 26px, 0) scale(1);
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  order: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.input__area {
  position: relative;
  width: 100%;
  min-height: 26px;
  display: flex;
  flex-wrap: nowrap;
  color: rgba(0, 0, 0, 0.87);
}
.input__area.input_no-border input, .input__area.input_no-border textarea {
  border: none;
}
.input__area.input_no-border input:hover, .input__area.input_no-border textarea:hover {
  padding-bottom: 4px;
}
.input__area input, .input__area textarea {
  background: none;
  font-size: inherit;
  line-height: inherit;
  width: 100%;
  box-sizing: border-box;
  padding: 4px 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  order: 2;
}
.input__area input:hover, .input__area textarea:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
  border-bottom-width: 2px;
  padding-bottom: 3px;
}
.input__area textarea {
  resize: none;
  min-height: 26px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: pre-wrap;
  word-break: normal;
  word-wrap: break-word;
}
.input__area .input-area__pwd-visible {
  position: absolute;
  vertical-align: middle;
  right: 0;
  width: 24px;
  height: 24px;
  color: rgba(0, 0, 0, 0.54);
}
.input__area input[type=password] ~ .input-area__pwd-visible:before {
  content: "visibility_off";
}
.input__area input[type=text] ~ .input-area__pwd-visible:before {
  content: "visibility";
}
.input__area .textarea-autoresize-div {
  color: transparent;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  padding: 4px 0;
  z-index: -1;
  white-space: pre-wrap;
  word-break: normal;
  word-wrap: break-word;
}
.input__area .input-radio__sxn {
  height: 30px;
}
.sel__container {
  font-size: 14px;
  line-height: 22px;
  display: flex;
  cursor: pointer;
}
.sel__container .sel__value-edit {
  display: flex;
  align-items: center;
}
.sel__container .sel__value-btn__content {
  border-bottom: none;
  justify-content: center;
}
.sel__container .sel__value {
  flex-grow: 1;
  display: flex;
  align-items: center;
  min-height: 22px;
  min-width: 64px;
  padding: 4px 0;
  position: relative;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.sel__container .sel__value .sel__value-online__edit {
  border: 1px solid #ddd;
  height: 26px;
  width: 120px;
  text-align: center;
  line-height: 26px;
  font-size: 14px;
  color: #288aed;
  border: 1px solid #288aed;
  border-radius: 3px;
}
.sel__container .sel__value .sel__value-online__edit:hover {
  background: #1265cf;
  color: #fff !important;
  border: 1px solid #1265cf;
}
.sel__container .sel__value .sel__value_selected {
  max-width: 100%;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  color: #CCCCCC;
}
.sel__container .sel__value .sel__value_selected.sel__value_placeholder {
  color: rgba(0, 0, 0, 0.38) !important;
}
.sel__container .sel__value .sel__dropdown-icon {
  height: 22px;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.54);
  transform: translateX(6px);
}
.input__box .input__helper {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  line-height: 14px;
  color: inherit;
  height: 14px;
  margin-top: 4px;
}
.input__box .input__helper:before {
  content: attr(helper-text);
  width: 80%;
  text-align: left;
}
.input__box .input-radio__box_horiz, .input__box .input-radio__box_vert {
  padding: 8px 0;
}

.input-radio__box_horiz, .input-radio__box_vert {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
}
.input-radio__sxn {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
}
.input-radio__sxn .input-custom-style input {
  z-index: -2;
}
.input-radio__sxn .input-radio__label {
  font-size: 16px;
  font-weight: 500;
  margin-left: 12px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.input-radio__sxn .input-radio_grp-auth {
  color: rgba(0, 0, 0, 0.54);
  font-size: 16px;
  line-height: 40px;
  position: absolute;
  left: 145px;
  top: 0px;
  white-space: nowrap;
}

.input-radio__box_horiz {
  flex-wrap: wrap;
}
.input-radio__box_horiz .input-radio__sxn {
  margin-right: 36px;
  padding: 8px 0;
}

.input-radio__box_vert {
  flex-direction: column;
}
.input-radio__box_vert .input-radio__sxn {
  margin-right: 0px;
  padding: 8px 0;
}

.searchbox__container-limit {
  max-width: 60% !important;
  width: 380px !important;
}

.searchbox__container {
  border-radius: 2px;
  width: 100%;
  position: relative;
  transition: background 0.2s;
  margin-left: 12px;
}
.searchbox__container .searchbox__main {
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 240px !important;
  position: relative;
  display: flex;
  align-items: center;
  background: #fff;
}
.searchbox__container .searchbox__main input {
  background: transparent;
  border: 0;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  transition: color 0.2s;
  width: 100%;
  height: 30px;
  padding: 4px 32px 4px 6px;
  box-sizing: border-box;
  font-family: Roboto-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif, pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;
}
.searchbox__container .searchbox__main .searchbox__icon {
  top: calc(50% - 10px);
  right: 0px;
  color: rgba(0, 0, 0, 0.54);
  transition: color 0.2s;
  position: absolute;
  margin-right: 8px;
}
.searchbox__container .searchbox__main .searchbox__icon-select {
  color: #3faffa;
}
.searchbox__container .searchbox__main .searchbox__main-left {
  border-right: 1px solid #ddd;
  position: relative;
  width: 65px;
  height: 16px;
  font-size: 14px;
  display: flex;
  line-height: 22px;
  align-items: center;
  justify-content: space-between;
  color: #eee;
}
.searchbox__container .searchbox__main .searchbox__main-left .searchbox__keyboard-content {
  width: 55px;
  height: 22px;
  text-align: left;
  line-height: 22px;
  font-size: 14px;
  color: #333;
  padding-left: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.searchbox__container .searchbox__main .searchbox__main-left .searchbox__keyboard-arrow {
  color: #999;
  font-size: 20px;
  margin-right: 4px;
  line-height: 25px;
}
.searchbox__container .searchbox__main .searchbox__main-left .searchbox__keyboard-select {
  position: absolute;
  top: 23px;
  width: 65px;
  left: 0px;
  height: auto;
  min-height: 44px;
  border: 1px solid #ddd;
  background: #fff;
  flex-direction: column;
  font-size: 14px;
  color: #666;
  display: none;
}
.searchbox__container .searchbox__main .searchbox__main-left .searchbox__keyboard-select .searchbox__keyboard-select_item {
  height: 24px;
  line-height: 24px;
  cursor: pointer;
  padding: 2px 4px;
}
.searchbox__container .searchbox__main .searchbox__main-left .searchbox__keyboard-select .searchbox__keyboard-select_item:hover {
  background: #f8f8f8;
}
.searchbox__container .search-friend_container-tip {
  background: url(../img/send-message1.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-left: 12px;
}
.searchbox__container .search-friend_container-tip:hover {
  background: url(../img/send-message2.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-left: 12px;
}

.sugg-picker {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 600px;
}
.sugg-picker .sugg-picker__header {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.54);
  margin-bottom: 16px;
}
.sugg-picker .sugg-picker__panel {
  flex-grow: 1;
  height: 0%;
  display: flex;
  justify-content: space-between;
}
.sugg-panel {
  width: 46%;
  box-sizing: border-box;
  border: 1px solid #eeeeee;
  display: flex;
  flex-direction: column;
}
.sugg-panel.right-panel .sugg-panel__content {
  /*background-color: hsla(0,0%,96%,1.00);*/
}
.sugg-panel .sugg-panel__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.38);
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #eeeeee;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sugg-panel .sugg-panel__content {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.sugg-panel .sugg-panel__custom {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  flex-shrink: 0;
  height: 48px;
  border-top: 1px solid #eeeeee;
  display: flex;
  align-items: center;
  padding: 0 12px;
}

.promo__box {
  width: 100%;
  /*padding: 32px 48px;*/
  padding: 24px 20px;
  box-sizing: border-box;
  background-color: aliceblue;
  position: relative;
  display: flex;
}
.promo__box .promo__content {
  flex-grow: 1;
  margin-right: 24px;
  display: flex;
  flex-direction: column;
}
.promo__box .promo__content .promo-content__main-text {
  font-size: 24px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.87);
}
.promo__box .promo__content .promo-content__sub-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.87);
}
.promo__box .promo__action {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.promo__box .promo__close {
  position: absolute;
  right: 8px;
  top: 8px;
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
}
.promo__box .promo__box-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.promo__box .promo__box-header .promo__box-title {
  margin-bottom: 8px;
  font-size: 18px;
}
.promo__box .promo__box-header .promo__box-check_all {
  display: flex;
  justify-content: flex-end;
  color: #2882d8;
  cursor: pointer;
}
.promo__box .promo__box-header .promo__box-check_all:hover {
  color: #134fa6;
}
.promo__box .promo__box-container {
  display: flex;
}
.promo__box .promo__box-container .promo__box-check {
  margin-left: 8px;
  font-size: 14px;
}
.promo__box .promo__box-container .promo__box-check .promo__box-comfirm {
  height: 28px;
  line-height: 28px;
  min-width: 82px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid #2882d8;
  background: #2882d8;
  color: #fff;
  margin-bottom: 8px;
  cursor: pointer;
}
.promo__box .promo__box-container .promo__box-check .promo__box-comfirm:hover {
  background-color: #218aed;
  border: 1px solid #218aed;
  color: #fff;
  /*					  font-weight: 600;*/
}
.promo__box .promo__box-container .promo__box-check .promo__box-refuse {
  width: 108px;
  text-align: center;
  cursor: pointer;
  color: #666;
}

.switch-site__box {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 72px;
  min-height: 620px;
}
.switch-site__box .switch-site__title {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 24px;
}
.switch-site__box .switch-site__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.switch-site__box .switch-site__list .switch-site__item {
  width: 33.3%;
  box-sizing: border-box;
  padding: 24px;
}
.switch-site__box .switch-site__list .switch-site__item.site_selected .switch-site__main_box {
  border-width: 2px;
  border-color: green;
}
.switch-site__box .switch-site__list .switch-site__item.site_selected .switch-site__main_box .switch-site__actions button {
  color: green;
  pointer-events: none;
}
.switch-site__box .switch-site__list .switch-site__item.site_selected .switch-site__main_box .switch-site__actions:hover button {
  border: 1px solid green;
  background-color: green;
  color: #fff;
}
.switch-site__box .switch-site__list .switch-site__item .switch-site__main_box {
  padding: 12px;
  border: 1px solid #eeeeee;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.switch-site__box .switch-site__list .switch-site__item .switch-site__main_box:hover {
  border: 2px solid green;
}
.switch-site__box .switch-site__list .switch-site__item .switch-site__main_box:hover .button_main {
  color: green;
}
.switch-site__box .switch-site__list .switch-site__item .switch-site__main_box .switch-site__main {
  flex-grow: 1;
  height: 60px;
  display: flex;
  overflow: hidden;
}
.switch-site__box .switch-site__list .switch-site__item .switch-site__main_box .switch-site__main .switch-site__main_logo {
  flex-shrink: 0;
  margin-right: 8px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.switch-site__box .switch-site__list .switch-site__item .switch-site__main_box .switch-site__main .switch-site__main_ins-name {
  flex-grow: 1;
  flex-basis: 0;
  display: block;
  line-height: 60px !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /*@include multipleline-ellipsis(2,20px);*/
  color: #005cac;
}
.switch-site__box .switch-site__list .switch-site__item .switch-site__main_box .switch-site__actions {
  margin-left: 8px;
}
.switch-site__box .switch-site__list .switch-site__item .switch-site__main_box .switch-site__actions button:hover {
  border: 1px solid green;
  background-color: green;
  color: #fff;
}

.filter-list__specStyle {
  /* margin-top: 32px;*/
  margin-top: 6px;
}

.filter-list:not(.filter-list_custom-style) {
  box-sizing: border-box;
  width: 100%;
  display: flex;
}
.filter-list:not(.filter-list_custom-style) .filter-list__section {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
}
.filter-list:not(.filter-list_custom-style) .filter-list__section[filter-method="compulsory"] .filter-value__cancel, .filter-list:not(.filter-list_custom-style) .filter-list__section[filter-method="master"] .filter-value__cancel {
  display: none;
}
.filter-list:not(.filter-list_custom-style) .filter-list__section[filter-method="master"] .filter-value__option {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
}
.filter-list:not(.filter-list_custom-style) .filter-list__section .filter-section__header {
  width: 100%;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.87);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eee;
}
.filter-list:not(.filter-list_custom-style) .filter-list__section .filter-section__header .filter-section__title {
  min-width: 0;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-list:not(.filter-list_custom-style) .filter-list__section .filter-section__header .filter-section__toggle {
  flex-shrink: 0;
  font-size: 22px;
  margin-left: 4px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.4s;
}
.filter-list:not(.filter-list_custom-style) .filter-list__section .filter-section__header .filter-section__toggle.section_toggle-off {
  transform: rotate(180deg);
}
.filter-value__list {
  width: 100%;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.54);
  display: flex;
  flex-direction: column;
}
.filter-value__list .filter-value__item {
  margin: 4px 0;
  display: flex;
  min-height: 36px;
  align-items: center;
  box-sizing: border-box;
  padding: 6px 0;
}
.filter-value__list .filter-value__item:hover {
  background-color: #f4f4f4;
}
.filter-value__list .filter-value__item .input-custom-style {
  display: none;
}
.filter-value__list .filter-value__item .filter-value__option {
  z-index: 2;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-value__list .filter-value__item .filter-value__cancel {
  font-size: 22px;
  flex-shrink: 0;
  margin-left: 4px;
  cursor: pointer;
  visibility: hidden;
}
.filter-value__list .filter-value__item .filter-value__stats {
  text-align: right;
  flex-shrink: 0;
  margin: 0 2px 0 8px;
  font-size: 15px;
  display: none;
}
.filter-value__list .filter-value__item.option_no-data {
  color: rgba(0, 0, 0, 0.24);
  pointer-events: none;
}
.filter-value__list .filter-value__item.option_selected {
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
  pointer-events: auto !important;
}
.filter-value__list .filter-value__item.option_selected .filter-value__cancel {
  visibility: visible;
}
.filter-value__list .filter-value__item.option_selected .filter-value__stats {
  display: none;
}
.filter-value__list .filter-section__create {
  height: 36px;
  margin-top: 6px;
  display: flex;
  justify-content: center;
}
.filter-value__list .filter-section__create.input_shown .filter-create__add {
  display: none;
}
.filter-value__list .filter-section__create.input_shown .filter-create__input {
  display: block;
}
.filter-value__list .filter-section__create .filter-create__add {
  display: flex;
  align-items: center;
}
.filter-value__list .filter-section__create .filter-create__input {
  display: none;
  width: 100%;
  height: 36px;
  border: 1px solid #eeeeee;
  border-radius: 4px;
}
.filter-value__list .filter-section__create .filter-create__input input {
  background: transparent;
  border: 0;
  color: rgba(0, 0, 0, 0.54);
  width: 100%;
  height: 36px;
  padding: 8px;
  box-sizing: border-box;
}
.filter-list:not(.filter-list_custom-style).vert-style {
  flex-direction: column;
}
.filter-list:not(.filter-list_custom-style).vert-style .filter-list__section {
  padding: 0 12px;
}
.filter-list:not(.filter-list_custom-style).vert-style .filter-list__section .filter-value__item {
  width: 245px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-list:not(.filter-list_custom-style).vert-style .filter-list__section .filter-value__item .filter-value__option {
  flex-grow: 1;
  padding-left: 16px;
}
.filter-list:not(.filter-list_custom-style).horiz-style {
  flex-direction: row;
  justify-content: center;
}
.filter-list:not(.filter-list_custom-style).horiz-style .filter-list__section {
  margin: 0 16px;
}
.filter-list:not(.filter-list_custom-style).horiz-style .filter-list__section .filter-section__header {
  border-bottom: 1px solid #eeeeee;
}
.filter-list:not(.filter-list_custom-style).horiz-style .filter-list__section .filter-section__header .filter-section__toggle {
  display: none;
}
.filter-list:not(.filter-list_custom-style).horiz-style .filter-list__section .filter-value__list {
  padding: 8px 0;
}
.filter-list:not(.filter-list_custom-style).checkbox-style .filter-list__section .input-custom-style {
  display: inline-block;
  position: absolute;
  top: calc(50% - 12px);
  left: 0;
}
.filter-list:not(.filter-list_custom-style).checkbox-style .filter-list__section .filter-value__option {
  padding: 0;
  padding-left: 27px;
}
.filter-list:not(.filter-list_custom-style).checkbox-style .filter-list__section .filter-value__cancel {
  display: none;
}
.filter-list:not(.filter-list_custom-style).option_has-stats .filter-list__section .filter-value__option {
  flex-grow: 1;
}
.filter-list:not(.filter-list_custom-style).option_has-stats .filter-list__section .filter-value__stats {
  display: block;
}
.filter-list:not(.filter-list_custom-style).option_has-stats .filter-list__section .filter-value__cancel {
  display: none;
}
.filter-list:not(.filter-list_custom-style).option_has-stats .filter-list__section .filter-value__item.option_selected .filter-value__cancel {
  display: block;
}
.filter-list:not(.filter-list_custom-style).option_has-stats .filter-list__section .filter-value__item.option_selected .filter-value__stats {
  display: none;
}

.filter-search__box {
  display: flex;
  align-items: center;
}
.filter-search__box .button_main {
  margin-right: 0px;
}
.filter-search__box input {
  width: 120px !important;
}

.dynamic__box {
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #dddddd;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.dynamic__box:hover {
  background-color: #fafafa;
}
.dynamic__box.create-new-post .dynamic-cmt {
  border-top: none;
}
.dynamic__box.create-new-post .dynamic-cmt .dynamic-cmt__post {
  border-top: none;
}
.dynamic__box .dynamic-post__operation-box {
  margin-left: 8px;
  flex-shrink: 0;
  display: none;
  position: relative;
}
.dynamic__box .dynamic-post__operation-box .dynamic-operation__icon {
  height: 20px;
  width: 20px;
  overflow: hidden;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.54);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.dynamic__box .dynamic-post__operation-box .dynamic-operation__icon .material-icons {
  font-size: 20px;
}
.dynamic__box .dynamic-post__operation-box .dynamic-operation__actions-box {
  position: absolute;
  right: 0;
  top: -10px;
  background-color: white;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  z-index: 2;
}
.dynamic__box .dynamic-creator__box {
  box-sizing: border-box;
  padding: 0 16px;
  height: 40px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  border-bottom: 1px solid #dddddd;
}
.dynamic__box .dynamic-creator__box .dynamic-creator__info {
  flex-grow: 1;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.54);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dynamic__box .dynamic-creator__box .dynamic-creator__info .dynamic-creator__name {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87) !important;
  margin-right: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dynamic-content {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.dynamic-content__post-container {
  border-bottom: 1px solid #ccc;
  width: 93% !important;
  position: relative;
  margin-bottom: -1px;
}
.dynamic-content__post {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  padding: 16px;
  display: flex;
  justify-content: space-between;
}
.dynamic-content__post .dynamic-post__avatar {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 16px;
  cursor: pointer;
}
.dynamic-content__post .dynamic-post__linelimit-icon {
  cursor: pointer;
  width: 64px;
  height: 64px;
  background-image: url(../../images/add-Achievements2.png);
  background-repeat: no-repeat;
  background-position: center;
  line-height: 64px;
  background-color: #f4f4f4;
}
.dynamic-content__post .dynamic-post__linelimit-icon:hover {
  background-image: url(../../images/add-Achievements1.png);
}
.dynamic-content__post .dynamic-content__post-count {
  position: absolute;
  bottom: 0;
  right: 8px;
  display: flex;
}
.dynamic-content__post .dynamic-content__post-count .dynamic-content__post-count_Curve {
  font-size: 14px;
  color: #333;
}
.dynamic-content__post .dynamic-content__post-count .dynamic-content__post-count_total {
  font-size: 14px;
  color: #999;
}
.dynamic-content__post .dynamic-post__linelimit {
  height: 40px;
  overflow: auto;
  overflow-x: hidden;
}
.dynamic-content__post .dynamic-post__sendmes {
  cursor: pointer;
  width: 64px;
  height: 64px;
  background-image: url(../img/add-Files2.png);
  background-repeat: no-repeat;
  background-position: center;
  line-height: 64px;
  background-color: #f4f4f4;
  border-left: 1px solid #ccc;
}
.dynamic-content__post .dynamic-post__sendmes:hover {
  background-image: url(../img/add-Files1.png);
}
.dynamic-content__post .dynamic-post__main {
  min-width: 0px;
  flex-basis: 0px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
}
.dynamic-content__post .dynamic-post__main textarea {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 0.2px !important;
  color: rgba(0, 0, 0, 0.87);
}
.dynamic-content__post .dynamic-post__main .dynamic-post__author {
  display: flex;
}
.dynamic-post__author_name {
  font-weight: 500;
  margin-right: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dynamic-post__author_name:hover {
  color: #2882d8;
}
.dynamic-content__post .dynamic-post__main .dynamic-post__author .dynamic-post__author_action {
  flex-shrink: 0;
}
.dynamic-content__post .dynamic-post__main .dynamic-post__author_inst {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.54) !important;
}
.dynamic-content__post .dynamic-post__main .dynamic-post__cmt-sample {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.dynamic-content__post .dynamic-post__main .dynamic-post__cmt-sample .dynamic-post__cmt-sample-content {
  max-height: 40px;
  overflow: hidden;
}
.dynamic-content__post .dynamic-post__main .dynamic-divider {
  margin: 8px 0 6px 0 !important;
}
.dynamic-content__post .dynamic-post__time {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
  width: 72px;
  text-align: right;
  margin-left: 8px;
  flex-shrink: 0;
}
.dynamic-content .dynamic-content__main {
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
}
.dynamic-main__box {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
}
.dynamic-main__box.no-attachment .dynamic-divider {
  display: none;
}
.dynamic-main__box.no-attachment .dynamic-main__att {
  display: none;
}
.dynamic-main__box textarea {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 0.2px !important;
  /*color: $font-color-primary !important;*/
  color: rgba(0, 0, 0, 0.87);
}
.dynamic-main__box .dynamic-divider {
  height: 0;
  border-bottom: 1px dashed #eeeeee;
  margin: 12px 0;
}
.dynamic-main__box .dynamic-main__att {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
}
.att-delete-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-left: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 4px solid transparent;
  background-color: rgba(0, 0, 0, 0.54);
  background-clip: content-box;
  border-radius: 50%;
  cursor: pointer;
}
.att-delete-icon .material-icons {
  font-size: 14px;
  color: white;
}
.dynamic__box .dynamic-cmt__sample {
  width: 100%;
  border-top: 1px solid #dddddd;
}
.dynamic-cmt {
  width: 100%;
  border-top: 1px solid #dddddd;
}
.dynamic-cmt .dynamic-cmt__list-box {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
.dynamic-cmt .dynamic-cmt__list-box .dynamic-cmt__list {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.dynamic-cmt .dynamic-cmt__list-box .dynamic-cmt__list .dynamic-cmt__item {
  flex-shrink: 0;
  margin: 0 16px;
  padding: 24px 0;
  border-bottom: 1px dashed #eeeeee;
}
.dynamic-cmt .dynamic-cmt__list-box .dynamic-cmt__list .dynamic-cmt__item:last-child {
  border-bottom: none;
}
.dynamic-cmt .dynamic-cmt__list-box .dynamic-cmt__list .dynamic-cmt__item .dynamic-content__post {
  padding: 0;
}
.dynamic-cmt .dynamic-cmt__post {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-top: 1px solid #dddddd;
}
.dynamic-cmt .dynamic-cmt__post .dynamic-post__linelimit-icon {
  cursor: pointer;
  width: 64px;
  height: 100%;
  background-image: url(../img/add-Achievements2.png);
  background-repeat: no-repeat;
  background-position: center;
  line-height: 95px;
  background-color: #f4f4f4;
  border-bottom: 1px solid #ccc;
}
.dynamic-cmt .dynamic-cmt__post .dynamic-post__linelimit-icon:hover {
  background-image: url(../img/add-Achievements1.png);
}
.dynamic-cmt .dynamic-cmt__post .dynamic-cmt__post_actions {
  height: 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  overflow: hidden;
}
.dynamic-cmt .dynamic-cmt__post .dynamic-cmt__new-post_deactive {
  flex-grow: 1;
  min-width: 0;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.42);
  cursor: text;
}

.dynamic-social__list {
  width: 100%;
  min-height: 52px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 16px;
  box-sizing: border-box;
}
.dynamic-social__list .dynamic-social__item {
  /*color: $button-primary-color;*/
  color: rgba(0, 0, 0, 0.54);
  min-width: 64px;
  text-align: center;
  line-height: 14px;
  padding: 0 8px;
  margin: 4px 0;
  border-left: 1px solid #eeeeee;
}
.dynamic-social__list .dynamic-social__item:first-child {
  border: none;
}
.dynamic-social__list .dynamic-social__item:hover {
  color: #2882D8;
}
.dynamic-social__list .dynamic-social__item .dynamic-social__item-content_detaile {
  margin-top: 8px;
}
.dynamic-social__list .dynamic-social__item-normal-size {
  font-size: 12px !important;
}

.preloader {
  opacity: 0;
  transition: all 0.3s cubic-bezier(1, 0, 1, 0);
  border-color: #4285f4;
  display: flex;
  justify-content: center;
  align-items: center;
}
.preloader.active {
  opacity: 1;
  transition: all 0.3s cubic-bezier(1, 0, 1, 0);
}
.preloader.green-style {
  border-color: #349800;
}
.preloader .preloader-ind-cir__box {
  width: 100%;
  height: 100%;
  border-color: inherit;
  position: relative;
  animation: preloader-ind-cir__box 1568ms linear infinite;
}
.preloader .preloader-ind-cir__box .preloader-ind-cir__fill {
  position: absolute;
  width: 100%;
  height: 100%;
  border-color: inherit;
  animation: preloader-ind-cir__fill 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.preloader .preloader-ind-cir__box .preloader-ind-cir__fill .preloader-ind-cir__arc-box {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}
.preloader .preloader-ind-cir__box .preloader-ind-cir__fill .preloader-ind-cir__arc-box.left-half {
  float: left;
}
.preloader .preloader-ind-cir__box .preloader-ind-cir__fill .preloader-ind-cir__arc-box.left-half .preloader-ind-cir__arc {
  border-right-color: transparent;
  transform: rotate(129deg);
  animation: preloader-ind-cir__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.preloader .preloader-ind-cir__box .preloader-ind-cir__fill .preloader-ind-cir__arc-box.right-half {
  float: right;
}
.preloader .preloader-ind-cir__box .preloader-ind-cir__fill .preloader-ind-cir__arc-box.right-half .preloader-ind-cir__arc {
  left: -100%;
  border-left-color: transparent;
  transform: rotate(-129deg);
  animation: preloader-ind-cir__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.preloader .preloader-ind-cir__box .preloader-ind-cir__fill .preloader-ind-cir__arc-box .preloader-ind-cir__arc {
  width: 200%;
}
.preloader .preloader-ind-cir__box .preloader-ind-cir__fill .preloader-ind-cir__gap {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}
.preloader .preloader-ind-cir__box .preloader-ind-cir__fill .preloader-ind-cir__gap .preloader-ind-cir__arc {
  width: 1000%;
  left: -450%;
}
.preloader-ind-cir__arc {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent;
  border-radius: 50%;
  animation: none;
}

.preloader_ind-linear .preloader-ind-linear__box {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 4px;
  position: relative;
  background-color: #aad2fa;
}
.preloader_ind-linear .preloader-ind-linear__box .preloader-ind-linear__bar1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #4285f4;
  animation: preloader-ind-linear__bar1-scale 2s infinite,preloader-ind-linear__bar1-position 2s infinite;
  transition: transform 0.2s linear;
}
.preloader_ind-linear .preloader-ind-linear__box .preloader-ind-linear__bar2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #4285f4;
  animation: preloader-ind-linear__bar2-scale 2s infinite,preloader-ind-linear__bar2-position 2s infinite;
  transition: 0.2s linear;
}

@keyframes preloader-ind-cir__box {
  to {
    transform: rotate(360deg);
  }
}
@keyframes preloader-ind-cir__fill {
  12.5% {
    transform: rotate(135deg);
  }
  25% {
    transform: rotate(270deg);
  }
  37.5% {
    transform: rotate(405deg);
  }
  50% {
    transform: rotate(540deg);
  }
  62.5% {
    transform: rotate(675deg);
  }
  75% {
    transform: rotate(810deg);
  }
  87.5% {
    transform: rotate(945deg);
  }
  to {
    transform: rotate(1080deg);
  }
}
@keyframes preloader-ind-cir__left-spin {
  0% {
    transform: rotate(130deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(130deg);
  }
}
@keyframes preloader-ind-cir__right-spin {
  0% {
    transform: rotate(-130deg);
  }
  50% {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-130deg);
  }
}
@keyframes preloader-ind-linear__bar1-scale {
  0% {
    transform: scaleX(0.1);
    animation-timing-function: linear;
  }
  36.6% {
    transform: scaleX(0.1);
    animation-timing-function: cubic-bezier(0.33, 0.12, 0.79, 1);
  }
  69.15% {
    transform: scaleX(0.83);
    animation-timing-function: cubic-bezier(0.23, 0, 0.23, 1.37);
  }
  to {
    transform: scaleX(0.1);
  }
}
@keyframes preloader-ind-linear__bar1-position {
  0% {
    left: -105%;
    animation-timing-function: linear;
  }
  20% {
    left: -105%;
    animation-timing-function: cubic-bezier(0.5, 0, 0.7, 0.5);
  }
  69.15% {
    left: 21.5%;
    animation-timing-function: cubic-bezier(0.3, 0.38, 0.55, 0.96);
  }
  to {
    left: 95%;
  }
}
@keyframes preloader-ind-linear__bar2-scale {
  0% {
    transform: scaleX(0.1);
    animation-timing-function: cubic-bezier(0.2, 0.06, 0.58, 0.45);
  }
  19.15% {
    transform: scaleX(0.57);
    animation-timing-function: cubic-bezier(0.15, 0.2, 0.65, 1);
  }
  44.15% {
    transform: scaleX(0.91);
    animation-timing-function: cubic-bezier(0.26, 0, 0.2, 1.38);
  }
  to {
    transform: scaleX(0.1);
  }
}
@keyframes preloader-ind-linear__bar2-position {
  0% {
    left: -55%;
    animation-timing-function: cubic-bezier(0.15, 0, 0.52, 0.4);
  }
  25% {
    left: -17.25%;
    animation-timing-function: cubic-bezier(0.3, 0.28, 0.8, 0.72);
  }
  48.35% {
    left: 29.5%;
    animation-timing-function: cubic-bezier(0.4, 0.62, 0.6, 0.9);
  }
  to {
    left: 118%;
  }
}
.chip__box {
  background-color: #dedede;
  color: rgba(0, 0, 0, 0.87);
  height: 32px;
  margin: 4px;
  box-sizing: border-box;
  border-radius: 16px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.87);
}
.chip__box.white-style {
  background-color: white;
  border: 1px solid #eeeeee;
}
.chip__box.has-avatar .chip__avatar {
  display: block;
}
.chip__box.no-icon .chip-icon {
  display: none;
}
.chip__box.chip_selected {
  background-color: steelblue;
  color: white;
}
.chip__box.chip_selected .chip__icon.icon_delete {
  background-color: rgba(0, 0, 0, 0.38);
}
.chip__box .chip__avatar {
  display: none;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: -4px;
}
.chip__box .chip__text {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
  max-width: 320px;
  margin: 0 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chip__box .chip__icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0 4px 0 -8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 4px solid transparent;
  cursor: pointer;
}
.chip__box .chip__icon.icon_delete {
  background-color: rgba(0, 0, 0, 0.54);
  background-clip: content-box;
}
.chip__box .chip__icon.icon_delete .material-icons {
  font-size: 14px;
  color: white;
  pointer-events: none;
}
.chip__box .chip__icon.icon_add .material-icons {
  font-size: 20px;
  color: forestgreen;
}

.chip-panel__box {
  border: 1px solid #eeeeee;
  width: 100%;
  min-height: 140px;
  max-height: 264px;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 4px 4px 12px 4px;
  margin: 8px 0;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}
.chip-panel__box.inline-style {
  border-width: 0px !important;
  min-height: 0px;
  height: auto;
  margin: 0;
  padding: 4px;
}
.chip-panel__box.count_exceed {
  border-width: 1px;
  border-color: orangered;
}
.chip-panel__box.count_exceed .chip-panel__stats {
  color: orangered;
}
.chip-panel__box .chip-panel__manual-input {
  color: rgba(0, 0, 0, 0.87);
  min-width: 200px;
  max-width: 100%;
  height: 40px;
  line-height: 24px;
  box-sizing: border-box;
  padding: 8px;
  width: auto;
  background-color: transparent;
  font-size: 14px;
  border: none;
  outline: none;
  word-wrap: break-word;
}
.chip-panel__box .chip-panel__manual-input:empty:before {
  content: attr(placeholder);
  color: rgba(0, 0, 0, 0.54);
}
.chip-panel__box .chip-panel__manual-input.input_hidden {
  position: absolute;
  top: -100%;
}
.chip-panel__box .chip-panel__stats {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: right;
  width: calc(100% - 8px);
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.54);
}

.inbox__box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
}
.inbox__box .inbox-messenger__box {
  width: 25%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #eeeeee;
  box-sizing: border-box;
}
.inbox__box .inbox-messenger__box .inbox-messenger__banner {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 48px;
  border-bottom: 1px solid #eeeeee;
}
.inbox__box .inbox-messenger__box .inbox-messenger__banner .inbox-messenger__create-new {
  color: #2882d8;
  font-size: 24px;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box {
  flex-grow: 1;
  flex-basis: 0px;
  overflow: hidden;
  display: flex;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__search {
  height: 36px;
  padding: 12px 16px;
  flex-shrink: 0;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__list {
  flex-grow: 1;
  overflow-x: hidden;
  display: flex;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__list .inbox-messenger__label {
  background-color: #f4f4f4;
  padding: 4px 16px;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.54);
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__list .inbox-messenger__item {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 16px;
  display: flex;
  flex-wrap: nowrap;
  cursor: pointer;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__list .inbox-messenger__item.has-unread-messages .inbox-messenger__unread-count {
  display: block !important;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__list .inbox-messenger__item.has-unread-messages .inbox-messenger__newest-record {
  color: rgba(0, 0, 0, 0.87) !important;
  font-weight: 500;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__list .inbox-messenger__item .inbox-messenger__avatar-box {
  position: relative;
  flex-shrink: 0;
  margin-right: 16px;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__list .inbox-messenger__item .inbox-messenger__avatar-box .inbox-messenger__avatar {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__list .inbox-messenger__item .inbox-messenger__avatar-box .inbox-messenger__avatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__list .inbox-messenger__item .inbox-messenger__avatar-box .inbox-messenger__unread-count {
  display: none;
  position: absolute;
  right: -2px;
  bottom: -2px;
  background-color: #bf3127;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border-radius: 50px;
  border: 2px solid white;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__list .inbox-messenger__item .inbox-messenger__info {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__list .inbox-messenger__item .inbox-messenger__info .inbox-messenger__psn-info {
  width: 100%;
  display: flex;
  align-items: center;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__list .inbox-messenger__item .inbox-messenger__info .inbox-messenger__psn-info .inbox-messenger__psn-name {
  flex-grow: 1;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__list .inbox-messenger__item .inbox-messenger__info .inbox-messenger__psn-info .inbox-messenger__operations {
  flex-shrink: 0;
  width: 40px;
  margin-left: 16px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__list .inbox-messenger__item .inbox-messenger__info .inbox-messenger__psn-info .inbox-messenger__operations:hover .inbox-messenger__time {
  display: none;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__list .inbox-messenger__item .inbox-messenger__info .inbox-messenger__psn-info .inbox-messenger__operations:hover .inbox-messenger__settings {
  display: block;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__list .inbox-messenger__item .inbox-messenger__info .inbox-messenger__psn-info .inbox-messenger__operations .inbox-messenger__time {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__list .inbox-messenger__item .inbox-messenger__info .inbox-messenger__psn-info .inbox-messenger__operations .inbox-messenger__settings {
  display: none;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.24);
  cursor: pointer;
}
.inbox__box .inbox-messenger__box .inbox-messenger__list-box .inbox-messenger__list-main .inbox-messenger__list .inbox-messenger__item .inbox-messenger__info .inbox-messenger__newest-record {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.54);
}
.inbox__box .inbox-messages__box {
  width: 75%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.inbox__box .inbox-messages__box .inbox-messages__banner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 48px;
  border-bottom: 1px solid #eeeeee;
}
.inbox__box .inbox-messages__box .inbox-messages__banner .inbox-messages__messenger-name {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box {
  flex-grow: 1;
  overflow-x: hidden;
  display: flex;
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box .hidden-scrollbar__box .inbox-chat__namecard {
  display: flex;
  flex-wrap: nowrap;
  padding: 24px;
  border-bottom: 1px solid #eeeeee;
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box .hidden-scrollbar__box .inbox-chat__namecard .inbox-chat__psn-info {
  flex-grow: 1;
  overflow: hidden;
  margin-right: 24px;
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box .hidden-scrollbar__box .inbox-chat__namecard .inbox-chat__relation {
  max-width: 240px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box .hidden-scrollbar__box .inbox-chat__namecard .inbox-chat__relation .inbox-chat__relation_text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.54);
  margin-bottom: 16px;
  text-align: center;
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box .hidden-scrollbar__box .inbox-chat__date {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
  text-align: center;
  margin: 12px 0;
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box .hidden-scrollbar__box .inbox-chat__batch-messages {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 16px;
  padding: 0 16px;
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box .hidden-scrollbar__box .inbox-chat__batch-messages.messages_self {
  flex-direction: row-reverse;
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box .hidden-scrollbar__box .inbox-chat__batch-messages.messages_self .inbox-chat__content {
  align-items: flex-end;
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box .hidden-scrollbar__box .inbox-chat__batch-messages.messages_self .inbox-chat__content .inbox-chat__record {
  justify-content: flex-end;
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box .hidden-scrollbar__box .inbox-chat__batch-messages.messages_self .inbox-chat__content .inbox-chat__record .inbox-chat__record_content {
  flex-direction: row-reverse !important;
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box .hidden-scrollbar__box .inbox-chat__batch-messages .inbox-chat__avatar {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  overflow: hidden;
  flex-shrink: 0;
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box .hidden-scrollbar__box .inbox-chat__batch-messages .inbox-chat__content {
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  max-width: calc(100% - 112px);
  margin: 0 16px;
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box .hidden-scrollbar__box .inbox-chat__batch-messages .inbox-chat__content .inbox-chat__record {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 2px;
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box .hidden-scrollbar__box .inbox-chat__batch-messages .inbox-chat__content .inbox-chat__record:last-child {
  margin-bottom: 0px;
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box .hidden-scrollbar__box .inbox-chat__batch-messages .inbox-chat__content .inbox-chat__record:hover .inbox-chat__record_delete {
  opacity: 1 !important;
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box .hidden-scrollbar__box .inbox-chat__batch-messages .inbox-chat__content .inbox-chat__record .inbox-chat__record_content {
  max-width: 600px;
  width: 100%;
  display: flex;
  align-items: center;
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box .hidden-scrollbar__box .inbox-chat__batch-messages .inbox-chat__content .inbox-chat__record .inbox-chat__record_content .inbox-chat__record_text {
  max-width: calc(100% - 36px);
  display: inline-flex;
  background-color: rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  padding: 6px 12px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
}
.inbox__box .inbox-messages__box .inbox-messages__chat-box .hidden-scrollbar__box .inbox-chat__batch-messages .inbox-chat__content .inbox-chat__record .inbox-chat__record_content .inbox-chat__record_delete {
  flex-shrink: 0;
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.24);
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
}
.inbox__box .inbox-messages__box .inbox-messages__post {
  flex-shrink: 0;
  padding: 16px;
  border-top: 1px solid #eeeeee;
  display: flex;
  align-items: flex-end;
}
.inbox__box .inbox-messages__box .inbox-messages__post .inbox-messages__post_content {
  flex-grow: 1;
  flex-basis: 0px;
  margin-right: 16px;
  margin-bottom: 6px;
}
.inbox__box .inbox-messages__box .inbox-messages__post .inbox-messages__post_actions {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.notification__box {
  width: 100%;
  padding: 12px 8px;
}
.notification__box > a {
  display: block;
}
.notification__box .notification__content {
  display: flex;
}
.notification__box .notification__content .notification__text {
  flex-grow: 1;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
}
.notification__box .notification__content .notification__text span {
  padding-left: 4px;
}
.notification__box .notification__content .notification__text span:first-child {
  padding-left: 0px;
}
.notification__box .notification__content .notification__text .text_link-style {
  color: #005cac !important;
}
.notification__box .notification__content .notification__text .text_emphasis-style {
  font-weight: 500;
}
.notification__box .notification__content .notification__actions {
  flex-shrink: 0;
  width: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.notification__box .notification__content .notification__actions:hover .notification__time {
  display: none;
}
.notification__box .notification__content .notification__actions:hover .notification__settings {
  display: flex;
}
.notification__box .notification__content .notification__actions .notification__time {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
}
.notification__box .notification__content .notification__actions .notification__settings {
  display: none;
  align-items: center;
}
.notification__box .notification__content .notification__actions .notification__settings .notification__settings_item {
  font-size: 20px;
  margin: 0 6px;
  color: rgba(0, 0, 0, 0.24);
}

.request__box {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.request__box .request__header {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
}
.request__box .request__header .request__psn-name {
  font-weight: 500;
  padding-right: 4px;
}
.request__box .request__pub {
  margin-top: 8px;
}

.request__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
}

.header__box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  z-index: 40;
  border-bottom: 1px solid #1e5cb3;
}
.header__box .header__main {
  width: 100%;
  height: 48px;
  background-color: #f5f5f5;
}
.header__box .header__main .header-main__box {
  margin: 0 auto;
  height: 100%;
  max-width: 1280px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 1280px;
  justify-content: space-between;
}
.header__box .header__main .header-main__box .header-main__logo {
  flex-shrink: 0;
  cursor: pointer;
}
.header__box .header__main .header-main__box .header-main__search {
  flex-grow: 1;
  margin: 0 32px 0 20px;
  max-width: 320px;
}
.header__box .header__main .header-main__box .header-main__actions {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__actions_link {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87) !important;
  margin: 0 12px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__actions_link:hover {
  color: #2882d8;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__actions_item {
  position: relative;
  width: 34px;
  height: 34px;
  box-sizing: border-box;
  border-radius: 50%;
  padding: 8px;
  cursor: pointer;
  margin: 0px 5px !important;
  background: #fff;
  border: 1px solid #ddd !important;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__actions_item:hover {
  border-color: #1E51B3;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__actions_item:hover .header-main__actions_icon.fulltext-request {
  background-position: -248px -36px;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__actions_item:hover .header-main__actions_icon.inbox-messages {
  background-position: -274px -36px;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__actions_item:hover .header-main__actions_icon.system-notifications {
  background-position: -300px -36px;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__actions_item:hover .header-main__actions_item-tip {
  display: block;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__actions_item .header-main__action_unread {
  position: absolute;
  top: -6px;
  left: 20px;
  background-color: red;
  border-radius: 10px;
  box-sizing: border-box;
  min-width: 20px;
  height: 20px;
  padding: 0 3px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: white;
  border: 1px solid white;
  z-index: 2;
  white-space: nowrap;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__actions_item .header-main__actions_icon {
  width: 100%;
  height: 100%;
  background-image: url(/resmod/smate-pc/img/smate_cssspirit01.png);
  background-repeat: no-repeat;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__actions_item .header-main__actions_icon.fulltext-request {
  background-position: -248px -13px;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__actions_item .header-main__actions_icon.inbox-messages {
  background-position: -274px -13px;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__actions_item .header-main__actions_icon.system-notifications {
  background-position: -300px -13px;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__actions_item .header-main__actions_item-tip {
  display: none;
  position: fixed;
  height: 20px;
  line-height: 20px;
  min-width: 60px;
  width: auto;
  padding: 0px 8px;
  background: #fff;
  border-radius: 4px;
  top: 48px;
  color: #333;
  font-size: 14px;
  border: 1px solid #ccc;
  z-index: 2;
  text-align: left;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__psn {
  position: relative;
  margin: 0 12px;
  width: 34px;
  height: 34px;
  cursor: pointer;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__psn .header-main__psn-avatar {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__psn .header-main__dropdown_psn {
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  box-shadow:0 -1px 5px 0 rgba(0, 0, 0, 0.5), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  background-color: white;
  width: 81px;
  text-align: center;
  display: none;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__psn .header-main__dropdown_psn .chevron-icon_up {
  position: absolute;
  right: 24px;
  top: -15px;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__psn .header-main__dropdown_psn .chevron-icon_up .chevron-icon__div1 {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ebebeb;
  border-left: 8px solid transparent;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__psn .header-main__dropdown_psn .chevron-icon_up .chevron-icon__div2 {
  position: absolute;
  top: 1px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 8px solid transparent;
}
.header__box .header__main .header-main__box .header-main__actions .header-main__psn:hover .header-main__dropdown_psn {
  display: block;
}
.header__box .header__nav {
  width: 100%;
  height: 32px;
  background: #f5f5f5;
  margin-left: 55px;
}
.header__box .header__nav .header__nav_box {
  position: relative;
  margin: 0 auto;
  height: 100%;
  max-width: 1280px;
}
.header__box .header__nav .header__nav_box .header-nav__item-bottom {
  position: absolute;
  border-bottom: 2px solid #1e5cb3;
  transition: all 100ms;
  top: 39px;
  min-width: 72px;
}
.header__box .header__nav .header__nav_box .header-nav__list {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
}
.header__box .header__nav .header__nav_box .header-nav__list .header-nav__item-selected {
  color: #1e5cb3 !important;
  font-size: 16px !important;
}
.header__box .header__nav .header__nav_box .header-nav__list .header-nav__item {
  text-align: center;
  height: 100%;
  /*min-width: 96px;*/
  box-sizing: border-box;
  /* padding: 0 16px;
   color: white;*/
  font-size: 14px;
  line-height: 32px;
  position: relative;
  color: #333;
  padding: 0px;
  min-width: 72px;
  cursor: pointer;
  /*.header-nav__item-list a:hover{
      background-color:#e5e5e5;

  }*/
}
.header__box .header__nav .header__nav_box .header-nav__list .header-nav__item:hover {
  color: #218aed !important;
  background: #f5f5f5 !important;
  font-size: 16px;
}
.header__box .header__nav .header__nav_box .header-nav__list .header-nav__item:hover .header-nav__item-list {
  display: block;
}
.header__box .header__nav .header__nav_box .header-nav__list .header-nav__item .header-nav__item-list {
  position: absolute;
  background: #fff;
  top: 32px;
  left: 0px;
  display: flex;
  color: #333;
  font-size: 14px;
  width: 103px;
  height: auto;
  display: none;
  box-shadow: 5px 5px 5px rgba(51, 51, 51, 0.3);
}
.header__box .header__nav .header__nav_box .header-nav__list .header-nav__item .header-nav__item-list .header-nav__item-list__grp {
  line-height: 32px;
  text-align: center;
  height: 32px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 103px !important;
}
.header__box .header__nav .header__nav_box .header-nav__list .header-nav__item .header-nav__item-list .header-nav__item-list__grp .header-nav__item-list__grp-fund {
  background: url(../img/seclevel-fund.png);
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  background-position: -1px -1px;
}
.header__box .header__nav .header__nav_box .header-nav__list .header-nav__item .header-nav__item-list .header-nav__item-list__grp .header-nav__item-list__grp-project {
  background: url(../img/seclevel-project.png);
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  background-position: -1px -1px;
}
.header__box .header__nav .header__nav_box .header-nav__list .header-nav__item .header-nav__item-list .header-nav__item-list__grp .header-nav__item-list__grp-paper {
  background: url(../img/seclevel-paper.png);
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  margin-top: 14px;
  background-position: -1px -1px;
}
.header__box .header__nav .header__nav_box .header-nav__list .header-nav__item .header-nav__item-list .header-nav__item-list__grp .header-nav__item-list__grp-patent {
  background: url(../img/seclevel-patent.png);
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  background-position: -1px -1px;
}
.header__box .header__nav .header__nav_box .header-nav__list .header-nav__item .header-nav__item-list .header-nav__item-list__grp .header-nav__item-list__grp-file {
  background: url(../img/seclevel-file.png);
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  background-position: 0px 1px;
}
.header__box .header__nav .header__nav_box .header-nav__list .header-nav__item .header-nav__item-list .header-nav__item-list__grp:hover {
  background-color: #e5e5e5;
}
.header__box .header__nav .header__nav_box .header-nav__list .header-nav__item .header-nav__item-list .header-nav__item-list__grp .header-nav__item-list__grp-tip {
  width: auto;
  /*text-align: center;*/
  margin-left: 8px;
}
.header__box .header__nav .header__nav_box .header-nav__list .header-nav__item .header-nav__item-list .header-nav__item-list__grp-line {
  border-bottom: 1px solid #666;
}
.header__box .header__nav .header__nav_box .header-nav__list .header-nav__item .header-nav__item-list a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__box .header__nav .header__nav_box .header-nav__list .header-nav__item .header-nav__item-redball {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: red;
  border: 1px solid red;
  border-radius: 50%;
  top: 5px;
  right: 17px;
}
.header__box .header__nav .header__nav_box .header-nav__list .header-nav__item:hover {
  background-color: #134fa6;
}
.header__box .header__nav .header__nav_box .header-nav__list .item_selected {
  background-color: #09439b;
}

.header__placeholder_inside1 {
  /*height: 80px;*/
  height: 50px;
}

.header__placeholder_inside2 {
  height: 128px;
}

.header__placeholder_outside {
  height: 48px;
}

.menu__list {
  width: 100%;
  padding: 8px 0;
}
.menu__list.style_dense-item .menu__item {
  min-height: 24px;
}
.menu__list.style_dense-item .menu__item > a {
  min-height: 24px;
}
.menu__list.style_medium-nowrap .menu__header {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
}
.menu__list.style_medium-nowrap .menu__item {
  height: 40px;
}
.menu__list.style_medium-nowrap .menu__item .menu-item__content .menu-item__content_main {
  white-space: nowrap;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.menu__list .menu__header {
  color: rgba(0, 0, 0, 0.54);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.menu__list .menu__item {
  width: 100%;
  min-height: 32px;
  font-size: 14px;
  display: flex;
}
.menu__list .menu__item > a {
  width: 100%;
  height: 100%;
  min-height: 32px;
  padding: 0 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.menu__list .menu__item:hover {
  background-color: #f7f7f7;
}
.menu__list .menu__item .menu-item__content {
  width: 100%;
  display: flex;
  align-items: center;
}
.menu__list .menu__item .menu-item__content .menu-item__content_main {
  flex-grow: 1;
  white-space: nowrap;
}
.menu__list .menu__item .menu-item__content .menu-item__content_icon {
  flex-shrink: 0;
}

.home-quickaccess__box {
  display: flex;
  flex-direction: column;
}
.home-quickaccess__box .home-quickaccess__label {
  height: 40px;
  margin-bottom: 8px;
  padding: 16px 0px 8px 8px;
  /*background: $item-selected-background;*/
  display: flex;
  /*margin-left: 16px;*/
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.87);
  font-size: 18px;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
  /*color: $font-color-secondary;*/
}
.home-quickaccess__box .home-quickaccess__list {
  display: flex;
  flex-direction: column;
}
.home-quickaccess__box .home-quickaccess__list .home-quickaccess__item {
  height: 48px;
  display: flex;
  align-items: center;
}
.home-quickaccess__box .home-quickaccess__list .home-quickaccess__item:hover {
  background-color: #f7f7f7;
}
.home-quickaccess__box .home-quickaccess__list .home-quickaccess__item:hover .home-quickaccess-item__main .home-quickaccess-item__text {
  color: #1265cf;
  font-weight: 500;
}
.home-quickaccess__box .home-quickaccess__list .home-quickaccess__item > a {
  width: 100%;
  height: 100%;
  padding: 0 16px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.home-quickaccess__box .home-quickaccess__list .home-quickaccess__item .home-quickaccess-item__main {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.home-quickaccess__box .home-quickaccess__list .home-quickaccess__item .home-quickaccess-item__main .home-quickaccess-item__logo {
  flex-shrink: 0;
  margin-right: 12px;
}
.home-quickaccess__box .home-quickaccess__list .home-quickaccess__item .home-quickaccess-item__main .home-quickaccess-item__text {
  flex-grow: 1;
  flex-basis: 0px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-quickaccess__box .home-quickaccess__list .home-quickaccess__item .header-nav__item-list__grp-fund {
  background: url(../img/seclevel-fund.png);
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  background-position: -1px -1px;
}
.home-quickaccess__box .home-quickaccess__list .home-quickaccess__item .header-nav__item-list__grp-project {
  background: url(../img/seclevel-project.png);
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  background-position: -1px -1px;
}
.home-quickaccess__box .home-quickaccess__list .home-quickaccess__item .header-nav__item-list__grp-paper {
  background: url(../img/seclevel-paper.png);
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  margin-top: 14px;
  background-position: -1px -1px;
}
.home-quickaccess__box .home-quickaccess__list .home-quickaccess__item .header-nav__item-list__grp-patent {
  background: url(../img/seclevel-patent.png);
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  background-position: -1px -1px;
}
.home-quickaccess__box .home-quickaccess__list .home-quickaccess__item .header-nav__item-list__grp-file {
  background: url(../img/seclevel-file.png);
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  background-position: 0px 1px;
}
.home-quickaccess__box .home-quickaccess__list .home-quickaccess__sublist .home-quickaccess-subitem__group-main {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding: 8px 16px 8px 24px;
  position: relative;
}
.home-quickaccess__box .home-quickaccess__list .home-quickaccess__sublist .home-quickaccess-subitem__group-main:hover {
  background-color: #f7f7f7;
}
.home-quickaccess__box .home-quickaccess__list .home-quickaccess__sublist .home-quickaccess-subitem__group-main .home-quickaccess-subitem__group-logo {
  flex-shrink: 0;
  margin-right: 12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
}
.home-quickaccess__box .home-quickaccess__list .home-quickaccess__sublist .home-quickaccess-subitem__group-main .home-quickaccess-subitem__group-name {
  flex-grow: 1;
  flex-basis: 0px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-quickaccess__box .home-quickaccess__list .home-quickaccess__sublist .home-quickaccess-subitem__group-main .grp-idx__logo_box-tip {
  width: 32px;
  height: 22px;
  border: 1px solid red;
  background: red;
  color: #fff;
  top: 0px;
  display: none;
  line-height: 22px;
  text-align: center;
  border-radius: 13px;
  left: 38px;
}

.sub-heading_select-container {
  width: 100%;
  margin: 0 auto;
  position: fixed;
  top: 48px;
  left: 0px;
  justify-content: center;
  align-items: center;
  height: 38px;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 3px 3px 0px;
  display: none;
}
.sub-heading_select-container .sub-heading_select-item {
  display: flex;
  position: absolute;
  justify-content: space-between;
  align-items: center;
  display: none;
  top: 3px;
}
.sub-heading_select-container .sub-heading_select-item .sub-heading_item-title {
  min-width: 72px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  color: #666 !important;
  margin: 0px 6px;
}
.sub-heading_select-container .sub-heading_select-item .sub-heading_item-title:hover {
  color: #2882d8 !important;
  font-size: 16px !important;
}
.sub-heading_select-container .sub-heading_select-item .sub-heading_item-selected {
  color: #2882d8 !important;
}
.sub-heading_select-container .sub-heading_select-item .sub-heading_select-container_bottom {
  position: absolute;
  border-bottom: 2px solid #2882d8;
  transition: all 50ms;
  top: 34px;
  min-width: 75px;
}

.detail-header__box {
  width: 100%;
  height: 72px;
  position: fixed;
  top: 80px;
  background: white;
  z-index: 35;
}
.detail-header__box .detail-header__main {
  width: 100%;
  height: 100%;
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.detail-header__box .detail-header__main .detail-header__title {
  flex-grow: 1;
  padding: 0 0 0 16px;
  display: flex;
}
.detail-header__box .detail-header__main .detail-header__title .detail-header__pub-stats {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  margin-right: 32px;
}
.detail-header__box .detail-header__main .detail-header__title .detail-header__pub-stats .detail-header__pub-stats_number {
  font-size: 24px;
  font-weight: 500;
  margin-right: 2px;
}
.detail-header__box .detail-header__main .detail-header__actions {
  flex-shrink: 0;
  margin-left: 16px;
}
.detail-header__box .detail-header__main .detail-header__actions .detail-header__actions-check_language {
  cursor: pointer;
  color: #288aed;
  margin: 0px 12px;
}
.detail-header__box .detail-header__main .detail-header__actions .detail-header__actions-check_language:hover {
  color: #1265cf;
}

.detail-main__box {
  margin-top: 64px;
  width: 100%;
}
.detail-main__box .detail-main__main {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.detail-main__box .detail-main__main .detail-main__left-box {
  flex-grow: 1;
  padding: 16px;
  margin-top: 56px;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box {
  display: flex;
  flex-direction: column;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__main {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__main .detail-pub__title {
  font-size: 24px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
  margin-bottom: 24px;
  word-break: break-all;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__main .detail-pub__title img {
  width: 14px;
  height: 14px;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__main .detail-pub__author {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 2px;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__main .detail-pub__source {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.54);
  margin-bottom: 6px;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__main .detail-pub__DOI {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.54);
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__main .detail-pub__DOI:hover {
  color: #1265CF !important;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__main .detail-pub__abstract {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__main .detail-pub__abstract .detail-pub__abstract_title {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 4px;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__main .detail-pub__abstract .detail-pub__abstract_content {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  white-space: pre-wrap;
  word-break: break-all;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__main .detail-pub__keyword {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__main .detail-pub__keyword .detail-pub__keyword_Enclosure {
  display: flex;
  margin-top: 12px;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__main .detail-pub__keyword .detail-pub__keyword_Enclosure .detail-pub__keyword_pic {
  margin: 0px 16px;
  cursor: pointer;
  margin-left: 0px;
  position: relative;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__main .detail-pub__keyword .detail-pub__keyword_Enclosure .detail-pub__keyword_pic img {
  width: 64px;
  height: 72px;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__main .detail-pub__keyword .detail-pub__keyword_title {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 4px;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__main .detail-pub__keyword .detail-pub__keyword_content {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__action {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__action .detail-action__item {
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__action .detail-action__item .detail-action__item-text {
  margin-left: 4px;
  font-size: 16px;
  line-height: 16px;
  color: #2882d8;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__action-alignment {
  margin-left: -10px;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__action-footer__function {
  display: flex !important;
  justify-content: space-around !important;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__tabs {
  margin-top: 48px;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__tabs .detail-pub__tabs_header {
  border-bottom: 1px solid #eeeeee;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__tabs .detail-comment__box {
  display: flex;
  flex-direction: column;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__tabs .detail-comment__box .detail-post__box {
  margin: 28px 0;
  display: flex;
  flex-wrap: nowrap;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__tabs .detail-comment__box .detail-post__box .detail-post__avatar {
  flex-shrink: 0;
  margin-right: 16px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__tabs .detail-comment__box .detail-post__box .detail-post__main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__tabs .detail-comment__box .detail-post__box .detail-post__main .detail-post__input {
  margin-bottom: 8px;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__tabs .detail-comment__box .detail-post__box .detail-post__main .detail-post__actions {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__tabs .detail-comment__box .detail-comment__list {
  display: flex;
  flex-direction: column;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__tabs .detail-comment__box .detail-comment__list .detail-comment__item {
  width: 100%;
  margin: 16px 0px 28px 0px;
  display: flex;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__tabs .detail-comment__box .detail-comment__list .detail-comment__item .detail-comment__avatar {
  flex-shrink: 0;
  margin-right: 16px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__tabs .detail-comment__box .detail-comment__list .detail-comment__item .detail-comment__main {
  display: flex;
  flex-direction: column;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__tabs .detail-comment__box .detail-comment__list .detail-comment__item .detail-comment__main .detail-comment__authorship {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__tabs .detail-comment__box .detail-comment__list .detail-comment__item .detail-comment__main .detail-comment__authorship .detail-comment__author-name {
  display: inline-block;
  font-weight: 500;
  margin-right: 16px;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__tabs .detail-comment__box .detail-comment__list .detail-comment__item .detail-comment__main .detail-comment__authorship .detail-comment__post-time {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
  color: rgba(0, 0, 0, 0.54) !important;
}
.detail-main__box .detail-main__main .detail-main__left-box .detail-pub__box .detail-pub__tabs .detail-comment__box .detail-comment__list .detail-comment__item .detail-comment__main .detail-comment__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
}

.detail-comment__box {
  display: flex;
  flex-direction: column;
}
.detail-comment__box .detail-post__box {
  margin: 28px 0;
  display: flex;
  flex-wrap: nowrap;
}
.detail-comment__box .detail-post__box .detail-post__avatar {
  flex-shrink: 0;
  margin-right: 16px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.detail-comment__box .detail-post__box .detail-post__main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.detail-comment__box .detail-post__box .detail-post__main .detail-post__input {
  margin-bottom: 8px;
}
.detail-comment__box .detail-post__box .detail-post__main .detail-post__actions {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.detail-comment__box .detail-comment__list {
  display: flex;
  flex-direction: column;
}
.detail-comment__box .detail-comment__list .detail-comment__item {
  width: 100%;
  margin: 16px 0px 28px 0px;
  display: flex;
}
.detail-comment__box .detail-comment__list .detail-comment__item .detail-comment__avatar {
  flex-shrink: 0;
  margin-right: 16px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.detail-comment__box .detail-comment__list .detail-comment__item .detail-comment__main {
  display: flex;
  flex-direction: column;
}
.detail-comment__box .detail-comment__list .detail-comment__item .detail-comment__main .detail-comment__authorship {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-comment__box .detail-comment__list .detail-comment__item .detail-comment__main .detail-comment__authorship .detail-comment__author-name {
  display: inline-block;
  font-weight: 500;
  margin-right: 16px;
}
.detail-comment__box .detail-comment__list .detail-comment__item .detail-comment__main .detail-comment__authorship .detail-comment__post-time {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
  color: rgba(0, 0, 0, 0.54) !important;
}
.detail-comment__box .detail-comment__list .detail-comment__item .detail-comment__main .detail-comment__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
}

.request-fulltext__box {
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.request-fulltext__box .request-alternative__header {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.87);
}
.request-fulltext__box .request-alternative__img_box {
  display: flex;
  justify-content: center;
  margin: 16px 0 24px;
}
.request-fulltext__box .request-alternative__img_box .request-alternative__fulltext-img {
  border: 1px solid #eeeeee;
  width: 120px;
  height: 160px;
}
.request-fulltext__box .request-alternative__actions {
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
}

.detail-comment__item {
  width: 100%;
  margin: 16px 0px 28px 0px;
  display: flex;
}
.detail-comment__item .detail-comment__avatar {
  flex-shrink: 0;
  margin-right: 16px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.detail-comment__item .detail-comment__main {
  display: flex;
  flex-direction: column;
}
.detail-comment__item .detail-comment__main .detail-comment__authorship {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-comment__item .detail-comment__main .detail-comment__authorship .detail-comment__author-name {
  display: inline-block;
  font-weight: 500;
  margin-right: 16px;
}
.detail-comment__item .detail-comment__main .detail-comment__authorship .detail-comment__post-time {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
  color: rgba(0, 0, 0, 0.54) !important;
}
.detail-comment__item .detail-comment__main .detail-comment__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
}

.detail-comment__authorship {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-comment__authorship .detail-comment__author-name {
  display: inline-block;
  font-weight: 500;
  margin-right: 16px;
}
.detail-comment__authorship .detail-comment__post-time {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
  color: rgba(0, 0, 0, 0.54) !important;
}

.detail-pub__cognize {
  display: flex;
  flex-wrap: wrap;
  width: 700px;
  height: auto;
  margin: 12px 0px;
}
.detail-pub__cognize .detail-pub__cognize-item {
  width: 120px;
  height: 48px;
  border: 1px solid #ddd;
  border-radius: 3px;
  display: flex;
  align-items: center;
  padding: 0px 8px;
  cursor: pointer;
  background: #fff;
  position: relative;
  margin: 8px;
}
.detail-pub__cognize .detail-pub__cognize-item:hover {
  border: 1px solid #288aed;
  background: #f4f4f4;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-item_avator {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-item_avator img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-item_detail {
  width: 80px;
  margin-left: 4px;
  color: #999;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-toast {
  position: absolute;
  background: #f8f8f8;
  width: 240px;
  height: auto;
  top: 49px;
  left: 0px;
  border: 1px solid #ddd;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 12;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-toast .detail-pub__cognize-toast_container {
  width: 90%;
  height: 170px;
  border-bottom: 1px solid #ddd;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-toast .detail-pub__cognize-toast_container .detail-pub__cognize-toast_header {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 12px;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-toast .detail-pub__cognize-toast_container .detail-pub__cognize-toast_header .detail-pub__cognize-toast_header-avator {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-toast .detail-pub__cognize-toast_container .detail-pub__cognize-toast_header .detail-pub__cognize-toast_header-avator img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-toast .detail-pub__cognize-toast_container .detail-pub__cognize-toast_header .detail-pub__cognize-toast_header-infor {
  margin-left: 8px;
  font-size: 14px;
  width: 150px;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-toast .detail-pub__cognize-toast_container .detail-pub__cognize-toast_header .detail-pub__cognize-toast_header-infor .detail-pub__cognize-toast_header-author {
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-toast .detail-pub__cognize-toast_container .detail-pub__cognize-toast_header .detail-pub__cognize-toast_header-infor .detail-pub__cognize-toast_header-work {
  color: #999;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 150px;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-toast .detail-pub__cognize-toast_container .detail-pub__cognize-toast_body {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin: 12px 0px;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-toast .detail-pub__cognize-toast_container .detail-pub__cognize-toast_body .detail-pub__cognize-toast_body-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-toast .detail-pub__cognize-toast_container .detail-pub__cognize-toast_body .detail-pub__cognize-toast_body-item .detail-pub__cognize-toast_body-item_cnt {
  color: #999;
  font-size: 14px;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-toast .detail-pub__cognize-toast_container .detail-pub__cognize-toast_body .detail-pub__cognize-toast_body-item .detail-pub__cognize-toast_body-item_name {
  color: #1265CF;
  font-size: 14px;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-toast .detail-pub__cognize-toast_container .detail-pub__cognize-toast_footer {
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-toast .detail-pub__cognize-toast_container .detail-pub__cognize-toast_footer .detail-pub__cognize-toast_footer-add {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  border: 1px solid #288aed;
  background: #288aed;
  color: #fff;
  cursor: pointer;
  height: 30px;
  width: 82px;
  font-size: 14px;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-toast .detail-pub__cognize-toast_container .detail-pub__cognize-toast_footer .detail-pub__cognize-toast_footer-add:hover {
  border: 1px solid #218aed;
  background: #218aed;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-toast .detail-pub__cognize-toast_container-footer {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  height: 24px;
  font-size: 14px;
  color: #999;
}
.detail-pub__cognize .detail-pub__cognize-item .detail-pub__cognize-toast .detail-pub__cognize-toast_container-footer .detail-pub__cognize-toast_container-footer_detaile {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  height: 24px;
  font-size: 14px;
  color: #999;
  padding-right: 12px;
}

.background-cover {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.background-cover.cover_colored {
  background-color: rgba(0, 0, 0, 0.12);
  z-index: 50;
}
.background-cover.cover_transparent {
  background-color: transparent;
  z-index: 100;
}

.background-screen_cover {
  background-color: rgba(0, 0, 0, 0.12);
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
.background-screen_cover .input-verificationcode_container {
  width: 360px;
  height: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ddd;
  border-radius: 3px;
  position: absolute;
  transition: all 100ms;
  background: #fff;
  left: 240px;
  bottom: -240px;
}
.background-screen_cover .input-verificationcode_container .input-verificationcode_container-header {
  width: 320px;
  line-height: 32px;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.background-screen_cover .input-verificationcode_container .input-verificationcode_container-header .input-verificationcode_container-header_infor {
  color: #333;
  font-size: 14px;
}
.background-screen_cover .input-verificationcode_container .input-verificationcode_container-header .input-verificationcode_container-header_icon {
  cursor: pointer;
  font-size: 22px;
  color: #999;
}
.background-screen_cover .input-verificationcode_container .input-verificationcode_container-header .input-verificationcode_container-header_icon:hover {
  color: green;
}
.background-screen_cover .input-verificationcode_container .input-verificationcode_container-body {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 320px;
}
.background-screen_cover .input-verificationcode_container .input-verificationcode_container-body .input-verificationcode_container-body_tip {
  color: #333;
  font-size: 14px;
}
.background-screen_cover .input-verificationcode_container .input-verificationcode_container-body .input-verificationcode_container-body_input {
  outline: none;
  border: 1px solid #ddd;
  width: 140px;
  height: 24px;
}
.background-screen_cover .input-verificationcode_container .input-verificationcode_container-footer {
  width: 320px;
  height: 48px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #ddd;
}
.background-screen_cover .input-verificationcode_container .input-verificationcode_container-footer .input-verificationcode_container-footer_cancle {
  border: 1px solid #ddd;
  background: #f8f8f8;
  color: #333;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  height: 28px;
  width: 80px;
  margin: 0 8px;
}
.background-screen_cover .input-verificationcode_container .input-verificationcode_container-footer .input-verificationcode_container-footer_cancle:hover {
  border: 1px solid #218aed;
  color: #218aed;
}
.background-screen_cover .input-verificationcode_container .input-verificationcode_container-footer .input-verificationcode_container-footer_confirm {
  border: 1px solid #2882d8;
  background: #2882d8;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  height: 28px;
  width: 80px;
  margin: 0 8px;
}
.background-screen_cover .input-verificationcode_container .input-verificationcode_container-footer .input-verificationcode_container-footer_confirm:hover {
  border: 1px solid #218aed;
  background: #218aed;
}

.selected-oneself {
  width: 18px;
  height: 18px;
  background: url(../../images/importiconlist.png);
  background-repeat: no-repeat;
  background-position: -124px 0;
  cursor: pointer;
}

.selected-oneself:hover {
  background-position: -124px -18px;
}

.selected-oneself_confirm {
  width: 18px;
  height: 18px;
  background: url(../../images/importiconlist.png);
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: -142px 0;
}

.selected-author {
  width: 18px;
  height: 18px;
  background: url(../../images/importiconlist.png);
  background-repeat: no-repeat;
  background-position: -92px 0;
  cursor: pointer;
}

.selected-author:hover {
  background-position: -92px -18px;
}

.selected-author_confirm {
  width: 18px;
  height: 18px;
  background: url(../../images/importiconlist.png);
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: -110px 0;
}

.selected-func_delete {
  width: 18px;
  height: 18px;
  background: url(../../images/delete_icon1.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

.selected-func_delete:hover {
  background: url("../../images/delete_icon2.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.selected-func_down {
  width: 18px;
  height: 18px;
  background: url("../../images/importiconlist.png");
  background-repeat: no-repeat;
  background-position: -53px 0;
  cursor: pointer;
}

.selected-func_down:hover {
  background-position: -53px -18px;
}

.selected-func_up {
  width: 18px;
  height: 18px;
  background: url("../../images/importiconlist.png");
  background-repeat: no-repeat;
  background-position: -72px 0;
  cursor: pointer;
}

.selected-func_up:hover {
  background-position: -72px -18px;
}

.selected-func_field {
  width: 18px;
  height: 18px;
  background: url("../../images/importiconlist.png");
  background-repeat: no-repeat;
  background-position: -37px 0;
  cursor: pointer;
  margin-right: 8px;
}

.selected-func_field:hover {
  background-position: -37px -18px;
}

.selected-func_close {
  width: 18px;
  height: 18px;
  background: url("../../images/importiconlist.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  cursor: pointer;
  margin-left: 8px;
}

.selected-func_close:hover {
  background-position: 0 -18px;
}

.selected-func_close-open {
  width: 18px;
  height: 18px;
  background: url("../../images/importiconlist.png");
  background-repeat: no-repeat;
  background-position: -18px 0;
  cursor: pointer;
  margin-left: 8px;
}

.selected-func_close-open:hover {
  background-position: -18px -18px;
}

.upload-fulltext_icon {
  width: 245px;
  height: 145px;
  background: url("../../images/upload-icon.png");
  background-repeat: no-repeat;
  background-position: 86px 35px;
  cursor: pointer;
}

.upload-fulltext_icon:hover {
  background: url("../../images/upload-icon2.png");
  background-repeat: no-repeat;
  background-position: 86px 35px;
}
.handin_import-content_container-right_upload:hover .handin_import-content_container-right_upload-tip{
  color: #288aed;
}
.handin_import-container {
  width: 1200px;
  margin: 0 auto;
}

.handin_import-container_title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ddd;
  line-height: 32px;
}

.handin_import-container_title-left {
  display: flex;
  align-items: center;
}

.handin_import-container_title-left_content {
  font-size: 20px;
  color: #333;
}

.handin_import-container_title-left_tip {
  color: #999;
  font-size: 14px;
}

.handin_import-container_title-left_tip span {
  color: red;
}

.handin_import-container_title-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.handin_import-container_title-right div {
  margin-right: 8px;
  font-size: 14px;
  color: #999;
}

.handin_import-content_container {
  width: 100%;
}

.handin_import-content_container-right {
  width: 87%;
  padding-left: 12px;
}

.handin_import-content_container-right_input {
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 80%;
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.handin_import-content_container-right_area .handin_import-content_container-right_input {
  border: none;
}

.handin_import-content_container-center {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin: 20px;
}

.handin_import-content_container-start {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  margin: 20px;
}

.handin_import-content_container-around {
  display: flex;
  width: 100%;
  align-items: center;
  margin: 20px;
  justify-content: flex-start;
}

.handin_import-content_container-left {
  width: 12%;
  text-align: right;
  font-size: 14px;
}

.handin_import-content_container-right_upload {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.handin_import-content_container-right_upload:hover .handin_import-content_container-right_upload-tip {
  color: #1265cf!important;
}

.handin_import-content_container-right_upload-box {
  border: 1px dashed #ddd;
  width: 245px;
  height: 145px;
  border-radius: 3px;
  z-index: 15;
}

.handin_import-content_container-right_upload-box:hover {
  border: 1px dashed #288aed;
}

.handin_import-content_container-right_upload-tip {
  color: #999;
  font-size: 14px;
  margin-top: 8px;
  position: absolute;
  top: 100px;
  left: 0;
  width: 245px;
  text-align: center;
  z-index: 1;
}

.handin_import-content_container-save {
  width: 80px;
  height: 30px;
  border: 1px solid #2882d8;
  background: #2882d8;
  color: #fff;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
}

.handin_import-content_container-save:hover {
  border: 1px solid #288aed;
  background: #288aed;
}

.handin_import-content_container-cancle {
  width: 80px;
  height: 30px;
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  margin-left: 10px;
}

.handin_import-content_container-cancle:hover {
  border: 1px solid #288aed;
  color: #288aed;
}

.handin_import-content_container-right_select {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 245px;
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.handin_import-content_container-right_select-tip {
  width: 10%;
  padding-right: 8px;
  cursor: pointer;
}

.handin_import-content_container-right_select-box {
  width: 90%;
  padding-left: 8px;
  color: #333;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.handin_import-content_container-right_select-detail {
  position: absolute;
  top: 32px;
  height: auto;
  width: 100%;
  left: -1px;
  border: 1px solid #ddd;
  display: none;
  background: #fff;
  z-index: 50;
}

.handin_import-content_container-right_select-item {
  width: 100%;
  height: 24px;
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.handin_import-content_container-right_select-item:hover {
  background: #f4f4f4;
  cursor: pointer;
}

.handin_import-content_container-right_select-item_detail {
  width: 100%;
  padding-left: 9px;
  color: #333;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.handin_import-content_container-right_area {
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 30%;
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.handin_import-content_container-right_area-content {
  width: 94% !important;
  height: 100%;
}

.handin_import-content_container-right_sub-area {
  width: 19%;
  text-align: right;
  font-size: 14px;
  padding-right: 10px;
}

.handin_import-content_container-right_author-title {
  border: 1px solid #ddd;
  width: 86%;
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f4f4f4;
  border-left: none;
  border-right: none;
}

.handin_import-content_container-right_author-oneself {
  color: #333;
  font-size: 14px;
  width: 7%;
  border-right: 1px solid #ddd;
  text-align: center;
}

.handin_import-content_container-right_author-name {
  color: #333;
  font-size: 14px;
  width: 15%;
  border-right: 1px solid #ddd;
  text-align: center;
}

.handin_import-content_container-right_author-work {
  color: #333;
  font-size: 14px;
  width: 25%;
  border-right: 1px solid #ddd;
  text-align: center;
}

.handin_import-content_container-right_author-email {
  color: #333;
  font-size: 14px;
  width: 22%;
  border-right: 1px solid #ddd;
  text-align: center;
}

.handin_import-content_container-right_author-Communication {
  color: #333;
  font-size: 14px;
  width: 15%;
  border-right: 1px solid #ddd;
  text-align: center;
}

.handin_import-content_container-right_author-edit {
  color: #333;
  font-size: 14px;
  width: 15%;
  text-align: center;
}

.handin_import-content_container-right_author-body {
  width:100%;
  display: flex;
  align-items: center;
  margin-top: 12px;
  box-sizing: content-box;
}

.handin_import-content_container-right_author-body_item {
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 95%;
  height: 30px;
  display: flex;
  align-items: center;
  color: #666;
  font-size: 14px;
}

.handin_import-content_container-right_author-body_item span {
  padding-left: 8px;
}

.handin_import-content_container-right_author-body_oneself {
  width: 7%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.handin_import-content_container-right_author-body_name {
  width: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.handin_import-content_container-right_author-body_work {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.handin_import-content_container-right_author-body_email {
  width: 23%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 4px;
}

.handin_import-content_container-right_author-body_Communication {
  width: 14%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.handin_import-content_container-right_author-body_edit {
  width: 16%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.handin_import-content_container-right_collect {
  width: 70%;
  padding-left: 12px;
  display: flex;
  justify-content: space-between;
}

.handin_import-content_container-right_collect-item {
  display: flex;
  align-items: center;
}

.handin_import-content_container-right_collect-item span {
  margin-left: 4px;
}

.handin_import-content_container-right_Citation {
  width: 71%;
  padding-left: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.handin_import-content_container-right_Citation-item {
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 30%;
  height: 32px;
}

.handin_import-content_container-right_Citation-center {
  margin: 0 32px;
}

.handin_import-content_container-right_infor {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.handin_import-content_container-right_select-subcontainer {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 30%;
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.handin_import-content_container-right_select-container {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 25%;
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 12px;
}

.handin_import-content_container-right_state {
  width: 73%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 32px;
}

.handin_import-content_container-right_state-sub {
  display: flex;
  width: 75%;
  align-items: center;
  justify-content: space-between;
  margin: 20px 27px;
}

.handin_import-content_container-right_state-sub_title {
  width: 10%;
  text-align: right;
  font-size: 14px;
}

.handin_import-content_container-right_state-sub_body {
  width: 90%;
  padding-left: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.handin_import-content_container-right_author-add {
  width: 20px;
  height: 20px;
  background: url(../../images/icon_news_6.png);
  background-repeat: no-repeat;
  background-position: 4px -29px;
  cursor: pointer;
}

.handin_import-content_container-right_author-addbtn {
  height: 28px;
  width: 79px;
  background: #fff;
  color: #2882d8;
  border: 1px solid #2882d8;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: normal;
  border-radius: 3px;
}

.handin_import-content_container-right_author-addbtn:hover {
  background: #288aed;
  border: 1px solid #288aed;
  color: #fff;
}

.handin_import-content_container-right_author-addbtn:hover .handin_import-content_container-right_author-add {
  background-position: 4px 7px;
}

.handin_import-content_container-start_neck {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
}

.handin_import-content_container-start_neck-detail {
  width: 70%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 32px;
  padding-left: 9px;
}

.selected-func_down-none {
  background-position: -53px -55px;
  pointer-events: none;
}

.selected-func_up-none {
  background-position: -72px -54px;
  pointer-events: none;
}

.handin_import-content_container-right_upload-container {
  display: flex;
  flex-direction: column;
  margin-left: 12px;
}

.handin_import-content_container-right_upload-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 4px 0;
}
.handin_import-content_container-right_upload-item:hover .handin_import-content_upload-item_icon {
  display: block;
}

.handin_import-content_container-right_upload-item_detaile {
  font-size: 14px;
  color: #666;
  max-width: 360px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.handin_import-content_upload-item_icon {
  font-size: 18px;
  color: #666;
  cursor: pointer;
  display: none;
}
.handin_import-content_upload-item_icon:hover {
  color: green;
}

.handin_import-content_container-left_public {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

.dev-detailinput_container {
  width: 95%;
  height: 83%;
  margin-left: 6px;
  outline: none;
  border: none;
}

.new-importantkey_container {
  display: flex;
  flex-direction: flex-start;
  align-items: center;
  height: 30px;
  width: 100%;
  flex-wrap: wrap;
  /*background: #fff;*/
  padding: 0 12px;
}

.new-importantkey_container-input {
  border: none;
  outline: none;
  margin-left: 8px;
  padding-left: 4px;
  flex-grow: 1;
}

.new-importantkey_container-item {
  min-width: 0;
  position: relative;
  background: #fafafa;
  height: 24px;
  border: 1px solid #eee;
  border-radius: 3px;
  margin: 8px;
}

.new-importantkey_container-item_checked {
  background: #ddd;
}

.new-importantkey_container-item:hover .new-importantkey_container-item_colse {
  display: block;
}

.new-importantkey_container-item_detaile {
  max-width: 108px;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 4px;
  line-height: 24px;
}

.new-importantkey_container-item_colse {
  position: absolute;
  width: 16px;
  height: 16px;
  border: 1px solid #eee;
  border-radius: 50%;
  background: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  top: -9px;
  right: -9px;
  display: none;
}

.new-importantkey_container-item_colse i {
  color: #333;
  font-size: 16px;
}

.new-importantkey_container-item_colse:hover i {
  color: green;
}

.dev-detailinput_container-input {
  display: flex;
  align-items: center;
}

.pubv8-enter_add_file2_avator {
  display: none;
}

.fileupload__initial:hover .pubv8-enter_add_file2_avator {
  display: block;
}
.fileupload__initial:hover .pubv8-enter_add_file1_avator {
  display: none;
}

/* CSS Document */
.container__horiz {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  min-height: 560px;
  /*padding-bottom: 130px;*/
}
.container__horiz .container__horiz_left, .container__horiz .container__horiz_right {
  box-sizing: border-box;
  padding: 0px 16px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.container__horiz .container__horiz_left .container__card, .container__horiz .container__horiz_right .container__card {
  width: 100%;
  /*margin-bottom: 16px;*/
}
.container__horiz .container__horiz_left .container__card.no-boxshadow, .container__horiz .container__horiz_right .container__card.no-boxshadow {
  box-shadow: none;
  padding: 8px 0;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 0;
}
.container__horiz .container__horiz_left .container__card.no-boxshadow:first-child, .container__horiz .container__horiz_right .container__card.no-boxshadow:first-child {
  padding-top: 0;
}
.container__horiz .container__horiz_left .container__card.no-boxshadow:last-child, .container__horiz .container__horiz_right .container__card.no-boxshadow:last-child {
  border-bottom: none;
}
.container__horiz .container__horiz_left {
  border-right: 1px solid #dddddd;
}

.container__card-item {
  border-top: 1px solid #ccc;
  height: auto;
}
.container__card-item .container__card-item_list {
  padding: 0 16px;
}
.container__card-item .container__card-item_list .container__card-item_list-title {
  font-size: 18px;
  margin-top: 8px;
  line-height: 48px;
}
.container__card-item .container__card-item_list .container__card-item_list-detail {
  font-size: 14px;
  color: #333;
  padding-bottom: 12px;
}
.container__card-item .container__card-item_add {
  width: 250px;
  height: 42px;
  border: 1px dashed #ccc;
  margin: 0 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.container__card-item .container__card-item_add .container__card-item_add-tip {
  color: #288aed;
  cursor: pointer;
}
.container__card-item .container__card-item_add .container__card-item_add-tip:hover {
  color: #1265cf;
}
.container__card-item .container__card-item_add .container__card-item_add-detaile {
  font-size: 16px;
}
.container__card-item .container__card-item_add:hover .container__card-item_add-tip {
  color: #1265cf;
}
.container__card-item .container__card-item_add:hover .container__card-item_add-detaile {
  color: #1265cf;
}

.body-container__inner-scroll {
  width: 100%;
  max-width: 1280px;
  height: calc(100% - 80px);
  margin: 0 auto;
  box-sizing: border-box;
}

body.no-scrollbar {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
}

.module-home__box {
  width: 100%;
  max-width: 1280px;
  margin: 64px auto 0;
  min-height: 560px;
  /*padding-bottom: 130px;*/
}
.module-home__box .module-home__fixed-layer {
  position: fixed;
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  /*height: calc(100% - 160px);*/
  top: 144px;
}
.module-home__box .module-home__fixed-layer .module-home__fixed-layer_filter {
  width: 25%;
  box-sizing: border-box;
  padding: 8px 24px 0;
  border-right: 1px solid #eeeeee;
  z-index: 2;
  display: flex;
  flex-direction: column;
  background: #fff;
}
.module-home__box .module-home__fixed-layer .module-home__fixed-layer_filter .module-home__fixed-layer_search-box {
  flex-shrink: 0;
  margin-bottom: 16px;
}
.module-home__box .module-home__fixed-layer .module-home__fixed-layer_filter .module-home__fixed-layer_filter-box {
  flex-grow: 1;
  overflow-x: hidden;
  display: flex;
}
.module-home__box .module-home__fixed-layer .module-home__fixed-layer_filter .module-home__fixed-layer_filter-box .hidden-scrollbar__box {
  flex-grow: 1;
}
.module-home__box .module-home__fixed-layer .module-home__fixed-layer_filter .module-home__fixed-layer_filter-box .scrollbar__set-box {
  min-width: 300px;
  height: 615px;
  overflow-y: auto;
}
.module-home__box .module-home__box-spce {
  margin-top: 26px !important;
}
.module-home__box .module-home__list-layer {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
}
.module-home__box .module-home__list-layer .module-home__list-layer_list {
  width: 75%;
  box-sizing: border-box;
  padding: 0 24px;
  z-index: 2;
}
.module-home__box .module-home__list-layer .module-home__list-set__scroll {
  height: 615px;
  overflow-y: auto;
  width: 1008px;
  overflow-x: hidden;
}

.hidden-scrollbar__box {
  flex-grow: 1;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-right: -17px;
}

.nav_horiz {
  position: relative;
  height: 100%;
}
.nav_horiz .nav__list {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
}
.nav_horiz .nav__list .nav__item {
  display: inline-block;
  color: rgba(0, 0, 0, 0.87);
  min-width: 64px;
  min-height: 44px;
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav_horiz .nav__list .nav__item:hover {
  font-size: 16px;
  color: #2882D8;
}
.nav_horiz .nav__list .nav__item.item_selected {
  color: #2882d8;
  font-weight: 500;
}
.nav_horiz .nav__list .nav__item.item_selected:hover {
  font-size: 16px !important;
}
.nav_horiz .nav__underline {
  position: absolute;
  bottom: 0;
  left: 0;
  min-width: 96px;
  height: 2px;
  background-color: #2882d8;
}

.nav_vert {
  position: relative;
  width: 100%;
}
.nav_vert .nav__list {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.nav_vert .nav__list .nav__item {
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #eeeeee;
  cursor: pointer;
}

.nav__item {
  font-size: 14px;
  padding: 0 24px;
}
.nav__item.item_selected {
  color: #2882d8;
  font-weight: 500;
}
.nav__item.item_disabled {
  color: rgba(0, 0, 0, 0.38);
  pointer-events: none;
}

.nav-cascade {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.nav-cascade .nav-cascade__section {
  min-height: 40px;
  border-bottom: 1px solid #eeeeee;
}
.nav-cascade .nav-cascade__section .nav-cascade__item {
  flex-shrink: 0;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding-left: 16px;
  display: flex;
  cursor: pointer;
}
.nav-cascade .nav-cascade__section .nav-cascade__item.list_toggle-off + .nav-cascade__toggle-list {
  height: 0 !important;
}
.nav-cascade .nav-cascade__section .nav-cascade__item.list_toggle-off .nav-cascade__icon {
  transform: rotate(-180deg);
}
.nav-cascade .nav-cascade__section .nav-cascade__item + .nav-cascade__toggle-list {
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-cascade .nav-cascade__section .nav-cascade__item .nav-cascade__title {
  flex-grow: 1;
  min-width: 0;
  font-size: 16px;
  line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-cascade .nav-cascade__section .nav-cascade__item .nav-cascade__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  color: #999;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.input-custom-style {
  flex-shrink: 0;
  min-width: 0;
  position: relative;
  height: 24px;
  width: 24px;
  font-size: 24px;
}
.input-custom-style input {
  position: relative;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.input-custom-style input[type="radio"]:checked + .custom-style:before {
  content: "radio_button_checked";
  color: #2882d8;
}
.input-custom-style input[type="radio"] + .custom-style:before {
  content: "radio_button_unchecked";
  color: rgba(0, 0, 0, 0.54);
}
.input-custom-style input[type="checkbox"]:checked + .custom-style:before {
  content: "check_box";
  color: #2882d8;
}
.input-custom-style input[type="checkbox"] + .custom-style:before {
  content: "check_box_outline_blank";
  color: rgba(0, 0, 0, 0.54);
}
.input-custom-style input:disabled {
  cursor: default;
}
.input-custom-style input:disabled + .custom-style:before {
  color: rgba(0, 0, 0, 0.24) !important;
}
.input-custom-style .custom-style {
  position: absolute;
  height: 100%;
  width: 100%;
  font-size: inherit;
  top: 0;
  left: 0;
}

.header__2nd-nav {
  width: 100%;
  height: 44px;
  position: fixed;
  /*top: 80px;*/
  top: 48px;
  background-color: white;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  z-index: 35;
}
.header__2nd-nav .header__2nd-nav_box {
  width: 100%;
  max-width: 1280px;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__2nd-nav .header__2nd-nav_box .header__2nd-nav_action-list {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.background-cover {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.background-cover.cover_colored {
  background-color: rgba(0, 0, 0, 0.12);
  z-index: 50;
}
.background-cover.cover_transparent {
  background-color: transparent;
  z-index: 100;
}

.sel-dropdown__box {
  z-index: 102;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: white;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  overflow-y: auto;
  max-height: 260px;
  padding: 8px 0;
  min-width: 108px !important;
  box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.sel-dropdown__box .sel-dropdown__list {
  width: 100%;
}
.sel-dropdown__box .sel-dropdown__list .sel-dropdown__item {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
.sel-dropdown__box .sel-dropdown__list .sel-dropdown__item:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.sel-dropdown__box .sel-dropdown__list .sel-dropdown__item.item_selected {
  color: cornflowerblue;
  background-color: rgba(0, 0, 0, 0.12);
}
.sel-dropdown__box .sel-dropdown__list input {
  display: none !important;
}

.ac__box {
  z-index: 102;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: white;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  max-height: 350px;
  /*  min-width: 288px; */
  z-index: 999999;
}
.ac__box .ac__list {
  width: 100%;
}
.ac__box .ac__list .ac__item {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  padding: 0 6px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ac__box .ac__list .ac__item.item_hovered {
  background-color: #288aed;
  color: #fff;
}

.datepicker__box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 252px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  background-color: white;
  z-index: 102;
}
.datepicker__box .datepicker__header {
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  padding-left: 8px;
  margin-bottom: 4px;
  border-bottom: 1px solid #eeeeee;
}
.datepicker__box .datepicker__content {
  width: 100%;
  height: 288px;
}
.datepicker__box .datepicker__content.show_year-panel .datepicker__year_box {
  display: block;
}
.datepicker__box .datepicker__content.show_month-panel .datepicker__month_box {
  display: flex;
}
.datepicker__box .datepicker__content.show_date-panel .datepicker__date_box {
  display: flex;
}
.datepicker__box .datepicker__content .datepicker__year_box {
  display: none;
  position: relative;
  width: calc(100% + 24px);
  height: 100%;
  overflow-y: auto;
}
.datepicker__box .datepicker__content .datepicker__year_box .datepicker__year_content {
  width: 252px;
  padding: 6px 0 6px 6px;
  display: flex;
  flex-wrap: wrap;
}
.datepicker__box .datepicker__content .datepicker__year_box .datepicker__year_content .datepicker__year_number {
  font-size: 16px;
  width: 80px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
.datepicker__box .datepicker__content .datepicker__year_box .datepicker__year_content .datepicker__year_number.year_selected {
  background-color: rgba(0, 0, 0, 0.12);
}
.datepicker__box .datepicker__content .datepicker__month_box {
  display: none;
  width: 100%;
  flex-direction: column;
}
.datepicker__box .datepicker__content .datepicker__month_box .datepicker__month_header {
  font-size: 16px;
  height: 36px;
  display: flex;
  align-items: center;
}
.datepicker__box .datepicker__content .datepicker__month_box .datepicker__month_header .datepicker__month_icon {
  flex-shrink: 0;
  flex-grow: 0;
  width: 32px;
  margin: 0 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.datepicker__box .datepicker__content .datepicker__month_box .datepicker__month_header .datepicker__month_icon.icon_disabled {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.38);
}
.datepicker__box .datepicker__content .datepicker__month_box .datepicker__month_header .datepicker__month_year {
  flex-grow: 1;
  text-align: center;
}
.datepicker__box .datepicker__content .datepicker__month_box .datepicker__month_header .datepicker__month_year span {
  cursor: pointer;
}
.datepicker__box .datepicker__content .datepicker__month_box .datepicker__month_content {
  padding: 0 6px;
  display: flex;
  flex-wrap: wrap;
}
.datepicker__box .datepicker__content .datepicker__month_box .datepicker__month_content .datepicker__month_number {
  font-size: 14px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
}
.datepicker__box .datepicker__content .datepicker__month_box .datepicker__month_content .datepicker__month_number.icon_disabled {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.38);
}
.datepicker__box .datepicker__content .datepicker__month_box .datepicker__month_content .datepicker__month_number.month_selected {
  background-color: rgba(0, 0, 0, 0.12);
}
.datepicker__box .datepicker__content .datepicker__date_box {
  display: none;
  width: 100%;
  flex-direction: column;
}
.datepicker__box .datepicker__content .datepicker__date_box .datepicker__date_header {
  font-size: 16px;
  height: 36px;
  display: flex;
  align-items: center;
}
.datepicker__box .datepicker__content .datepicker__date_box .datepicker__date_header .datepicker__date_icon {
  flex-shrink: 0;
  flex-grow: 0;
  width: 32px;
  margin: 0 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.datepicker__box .datepicker__content .datepicker__date_box .datepicker__date_header .datepicker__date_icon.icon_disabled {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.38);
}
.datepicker__box .datepicker__content .datepicker__date_box .datepicker__date_header .datepicker__date_year {
  flex-grow: 1;
  text-align: right;
}
.datepicker__box .datepicker__content .datepicker__date_box .datepicker__date_header .datepicker__date_year span {
  cursor: pointer;
}
.datepicker__box .datepicker__content .datepicker__date_box .datepicker__date_header .datepicker__date_month {
  flex-grow: 1;
  text-align: left;
  margin-left: 32px;
}
.datepicker__box .datepicker__content .datepicker__date_box .datepicker__date_header .datepicker__date_month span {
  cursor: pointer;
}
.datepicker__box .datepicker__content .datepicker__date_box .datepicker__date_day {
  height: 36px;
  background-color: rgba(0, 0, 0, 0.12);
  display: flex;
  flex-wrap: wrap;
}
.datepicker__box .datepicker__content .datepicker__date_box .datepicker__date_day .datepicker__date_number {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
}
.datepicker__box .datepicker__content .datepicker__date_box .datepicker__date_content {
  display: flex;
  flex-wrap: wrap;
}
.datepicker__box .datepicker__content .datepicker__date_box .datepicker__date_content .datepicker__date_number {
  font-size: 14px;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
}
.datepicker__box .datepicker__content .datepicker__date_box .datepicker__date_content .datepicker__date_number.icon_disabled {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.38);
}
.datepicker__box .datepicker__content .datepicker__date_box .datepicker__date_content .datepicker__date_number.date_selected {
  background-color: rgba(0, 0, 0, 0.12);
}
.datepicker__box .datepicker__footer {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.share-plugin_destination-list {
  width: 100%;
  box-sizing: border-box;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.share-plugin_destination-list .share-plugin_destination-list-title {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.54);
}
.share-plugin_destination-list .share-plugin_destination {
  margin: 12px 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.share-plugin_destination-list .share-plugin_destination .share-plugin_destination-logo {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  overflow: hidden;
  margin-right: 16px;
}
.share-plugin_destination-list .share-plugin_destination .share-plugin_destination-name {
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
}

.share-panel__tabs {
  padding: 8px 24px 0;
  height: 56px;
  box-sizing: border-box;
  border-bottom: 1px solid #eeeeee;
}

.share-panel__selection.share-on-dyn {
  display: none;
}
.share-panel__selection.share-to-friends .share-panel__select-group {
  display: none;
}
.share-panel__selection.share-to-group .share-panel__select-friends {
  display: none;
}
.share-panel__selection .share-panel__select-friends .share-panel__selection_desc, .share-panel__selection .share-panel__select-group .share-panel__selection_desc {
  flex-shrink: 0;
  margin-right: 8px;
  height: 48px;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.54) !important;
}
.share-panel__selection .share-panel__select-friends .share-panel__selection_action, .share-panel__selection .share-panel__select-group .share-panel__selection_action {
  flex-shrink: 0;
  margin-left: 8px;
  height: 48px;
  display: flex;
  align-items: center;
}
.share-panel__selection .share-panel__select-group {
  padding: 0 16px 0 24px;
  height: 48px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eeeeee;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
}
.share-panel__selection .share-panel__select-group .share-group__input_box {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.share-panel__selection .share-panel__select-friends {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #eeeeee;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
}
.share-panel__selection .share-panel__select-friends .share-friends__rcmd_box {
  padding: 0 24px;
  height: 48px;
  box-sizing: border-box;
  background-color: #f5f5f5;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
}
.share-panel__selection .share-panel__select-friends .share-friends__rcmd_box .share-friends__rcmd_chips-container {
  flex-grow: 1;
  flex-shrink: 1;
  padding-top: 4px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.share-panel__selection .share-panel__select-friends .share-friends__selection_box {
  padding: 0 16px 0 24px;
  display: flex;
  flex-wrap: nowrap;
}
.share-panel__selection .share-panel__select-friends .share-friends__selection_box .chip-panel__box {
  flex-grow: 1;
}

.share-panel__attachments-box {
  padding: 0 24px;
  background-color: #f5f5f5;
  max-height: 176px;
  overflow: auto;
}
.share-panel__attachments-box .share-attachmemts__list {
  display: flex;
  flex-direction: column;
}
.share-panel__attachments-box .share-attachmemts__list .share-attachments__item {
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.share-panel__attachments-box .share-attachmemts__list .share-attachments__item:first-child {
  margin-top: 8px;
}
.share-panel__attachments-box .share-attachmemts__list .share-attachments__item:last-child {
  margin-bottom: 8px;
}
.share-panel__attachments-box .share-attachmemts__list .share-attachments__item .share-attachments__file-name {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
}
.share-panel__attachments-box .share-attachmemts__list .share-attachments__item .share-attachments__cancel {
  flex-shrink: 0;
  margin-left: 8px;
  height: 24px;
}

.share-panel__main-content {
  padding: 24px;
  min-height: 320px;
}
.share-panel__main-content.share-to-friend .dynamic-content__post {
  display: none;
}
.share-panel__main-content .dynamic-content__post {
  padding: 0 0 16px 0;
}
.share-panel__main-content .input__area {
  /*min-height: 200px !important;*/
  min-height: 120px !important;
}
.share-panel__main-content .input__area-container {
  margin-top: 2px;
  padding-top: 4px;
}

.dialogs-container .reset-password_title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}

.create-grp__select-type_container {
  width: 100%;
  padding: 8px 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.create-grp__select-type_container .create-grp__select-type_item {
  width: 240px;
  height: 56px;
  font-size: 16px;
  line-height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.54);
  filter: grayscale(100%);
  cursor: pointer;
}
.create-grp__select-type_container .create-grp__select-type_item.item_selected {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
  font-weight: 500;
  color: #1077d5;
  filter: grayscale(0%);
  pointer-events: none;
}
.create-grp__select-type_container .create-grp__select-type_item:hover {
  background-color: #f2f2f2;
}
.create-grp__select-type_container .create-grp__select-type_item .create-grp__type_project {
  background: url(/resmod/smate-pc/img/smate_cssspirit01.png) no-repeat -4px -102px;
  height: 52px;
  width: 52px;
  margin-right: 8px;
}
.create-grp__select-type_container .create-grp__select-type_item .create-grp__type_course {
  background: url(/resmod/smate-pc/img/smate_cssspirit01.png) no-repeat -60px -102px;
  height: 52px;
  width: 52px;
  margin-right: 8px;
}

.import-methods__box {
  padding: 16px 20px;
  display: flex;
  flex-wrap: nowrap;
}
.import-methods__box .import-methods__sxn {
  width: 120px;
  margin: 0 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.import-methods__box .import-methods__sxn .imporet-methods__recong-num {
  position: absolute;
  display: flex;
  top: 9px;
  right: 16px;
  width: 30px;
  height: 30px;
  background-color: red;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #fff;
}
.import-methods__box .import-methods__sxn .imporet-methods__recong-num .imporet-result__num {
  margin-left: 2px;
}
.import-methods__box .import-methods__sxn .imporet-methods__recong-num .material-icons {
  font-size: 12px;
}
.import-methods__box .import-methods__sxn .import-methods__sxn_logo {
  height: 72px;
  width: 72px;
  box-sizing: border-box;
  border-radius: 50%;
  padding: 8px;
  margin: 16px 0 8px 0;
  background-clip: content-box;
  background-repeat: no-repeat;
  border: 1px solid #1077d5;
  cursor: pointer;
}
.import-methods__box .import-methods__sxn .import-methods__sxn_logo:hover {
  background-color: #1077d5;
  background-clip: border-box;
  padding: 0;
  border-width: 9px;
}
.import-methods__box .import-methods__sxn .import-methods__sxn_logo.file-import {
  background-image: url(/resmod/smate-pc/img/smate_cssspirit01.png);
  background-position: -88px 4px;
}
.import-methods__box .import-methods__sxn .import-methods__sxn_logo.file-import:hover {
  background-position: -96px -52px;
}
.import-methods__box .import-methods__sxn .import-methods__sxn_logo.manual-entry {
  background-image: url(/resmod/smate-pc/img/smate_cssspirit01.png);
  background-position: -40px 4px;
}
.import-methods__box .import-methods__sxn .import-methods__sxn_logo.manual-entry:hover {
  background-position: -48px -52px;
}
.import-methods__box .import-methods__sxn .import-methods__sxn_logo.member-results {
  background-image: url(../img/iconlist1.png);
  background-position: -137px -91px;
}
.import-methods__box .import-methods__sxn .import-methods__sxn_logo.member-results:hover {
  background-position: -193px -100px;
}
.import-methods__box .import-methods__sxn .import-methods__sxn_logo.library-import {
  background-image: url(/resmod/smate-pc/img/smate_cssspirit01.png);
  background-position: -184px 4px;
}
.import-methods__box .import-methods__sxn .import-methods__sxn_logo.library-import:hover {
  background-position: -192px -52px;
}
.import-methods__box .import-methods__sxn .import-methods__sxn_logo.local-import {
  background-image: url(/resmod/smate-pc/img/smate_cssspirit01.png);
  background-position: -138px 4px;
}
.import-methods__box .import-methods__sxn .import-methods__sxn_logo.local-import:hover {
  background-position: -146px -52px;
}
.import-methods__box .import-methods__sxn .import-methods__sxn_logo.online-search {
  background-image: url(/resmod/smate-pc/img/smate_cssspirit01.png);
  background-position: 8px 4px;
}
.import-methods__box .import-methods__sxn .import-methods__sxn_logo.online-search:hover {
  background-position: 0 -52px;
}
.import-methods__box .import-methods__sxn .import-methods__sxn_name {
  width: 100%;
  text-align: center;
  margin: 8px 0 4px 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px !important;
}
.import-methods__box .import-methods__sxn .import-methods__sxn_explain {
  width: 100%;
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
}

.idx-social__list {
  width: 100%;
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
}
.idx-social__list .idx-social__item {
  position: relative;
  cursor: pointer;
  font-size: 13px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.54);
  text-align: center;
  padding: 0 12px;
  margin: 4px 0;
  border-left: 1px solid #eeeeee;
}
.idx-social__list .idx-social__item:first-child {
  border: none;
  padding-left: 0;
}
.idx-social__list .idx-social__item:hover {
  color: #2882D8 !important;
}
.idx-social__list .idx-social__item .idx-social__item-show {
  display: none;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 9;
  position: absolute;
  width: 240px;
  height: auto;
  min-height: 32px;
  left: 12px;
  top: 20px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 150px;
}
.idx-social__list .idx-social__item .idx-social__item-show .idx-social__item-show_item {
  cursor: pointer;
  height: 32px;
  padding: 4px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%;
  text-align: left;
  color: #333 !important;
  display: flex;
  align-items: center;
}
.idx-social__list .idx-social__item .idx-social__item-show .idx-social__item-show_item:hover {
  background: #f4f4f4;
  color: #333 !important;
}
.idx-social__list .idx-social__item:hover .idx-social__item-show {
  /* display: flex;*/
}

.pagination__box {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.54);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 24px;
  box-sizing: border-box;
}
.pagination__box .pagination__main {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination__box .pagination__main .pagination__pages_box {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.pagination__box .pagination__main .pagination__pages_box .pagination__pages_prev, .pagination__box .pagination__main .pagination__pages_box .pagination__pages_next {
  padding: 4px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.pagination__box .pagination__main .pagination__pages_box .pagination__pages_prev.item_disabled, .pagination__box .pagination__main .pagination__pages_box .pagination__pages_next.item_disabled {
  color: rgba(0, 0, 0, 0.24);
  pointer-events: none;
}
.pagination__box .pagination__main .pagination__pages_box .pagination__pages_list {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.pagination__box .pagination__main .pagination__pages_box .pagination__pages_list .pagination__pages_item {
  min-width: 8px;
  padding: 2px 8px;
  margin: 0 2px;
  border-radius: 2px;
  cursor: pointer;
}
.pagination__box .pagination__main .pagination__pages_box .pagination__pages_list .pagination__pages_item:hover {
  background-color: #eeeeee;
}
.pagination__box .pagination__main .pagination__pages_box .pagination__pages_list .pagination__pages_item.item_selected {
  font-weight: 500;
  color: cornflowerblue;
  background-color: lightblue;
  pointer-events: none;
}
.pagination__box .pagination__main .pagination__pages_box .pagination__pages_list .pagination__pages_item.item_ellipsis {
  letter-spacing: 0.4px;
  pointer-events: none;
}
.pagination__box .pagination__main .pagination__redirect {
  flex-shrink: 0;
  margin-left: 32px;
  display: flex;
  align-items: center;
}
.pagination__box .pagination__main .pagination__redirect input {
  width: 28px;
  margin-left: 4px;
  border-bottom: 1px solid #eeeeee;
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.54);
}

.dynamic-add-hover:hover {
  background-color: #f4f4f4;
  color: #1265cf;
}

.friend-selection__box {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 4px;
  flex-grow: 1;
  flex-shrink: 1;
}
.friend-selection__box .friend-selection__item-1 {
  width: 100%;
  box-sizing: border-box;
  padding: 4px;
}
.friend-selection__box .friend-selection__item-2 {
  width: 50%;
  box-sizing: border-box;
  padding: 4px;
}
.friend-selection__box .friend-selection__item-3 {
  width: 33.33333%;
  box-sizing: border-box;
  padding: 4px;
}
.friend-selection__box .friend-selection__item-4 {
  width: 25%;
  box-sizing: border-box;
  padding: 4px;
}
.friend-selection__box .friend-selection__item-2 {
  /*min-width: 125px;*/
  flex-grow: 0;
}
.friend-selection__box .psn-idx_small {
  /*min-width: 125px;*/
  padding: 8px;
  cursor: pointer;
}
.friend-selection__box .psn-idx_small.psn_chosen {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  background-color: #f6f6f6;
  background-color: #f6f6f6;
}
.friend-selection__box .psn-idx_small.psn_chosen .psn-idx__main_name {
  font-weight: 500;
}
.friend-selection__box .psn-idx_small.psn_disabled {
  pointer-events: none;
}
.friend-selection__box .psn-idx_small.psn_disabled img {
  filter: grayscale(100%) contrast(80%) brightness(120%);
}
.friend-selection__box .psn-idx_small.psn_disabled .psn-idx__main_name {
  color: rgba(0, 0, 0, 0.38) !important;
}
.friend-selection__box .psn-idx_small.psn_disabled .psn-idx__main_name a:hover {
  color: #134fa6 !important;
}
.friend-selection__box .psn-idx_small.psn_disabled .psn-idx__main_title {
  color: rgba(0, 0, 0, 0.38) !important;
}
.friend-selection__box .psn-idx_small:hover {
  background-color: #eee;
}

.dev_Achieve-Claim {
  width: 100%;
  margin-bottom: 16px;
}
.dev_Achieve-Claim .dev_Achieve-Claim_title {
  padding: 0 15px;
  height: 38px;
  border-bottom: 1px solid #ddd;
  background: #f4f4f4;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  justify-content: space-between;
  align-items: center;
}
.dev_Achieve-Claim .dev_Achieve-Claim_title h1 {
  font-size: 18px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dev_Achieve-Claim .dev_Achieve-Claim_title .Claim_title-check {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none !important;
  width: 64px;
  text-align: center;
}
.dev_Achieve-Claim .dev_Achieve-Claim_title .Claim_title-check:hover {
  color: #288AED;
}
.dev_Achieve-Claim .dev_Achieve-Claim_content {
  padding: 0 15px;
  background: #fafafa;
}
.dev_Achieve-Claim .dev_Achieve-Claim_content .dev_Achieve-Claim_content-author {
  padding: 6px 0 4px 0;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dev_Achieve-Claim .dev_Achieve-Claim_content .dev_Achieve-Claim_content-infor .dev_Achieve-Claim_content-infor_avatar {
  width: 56px;
  height: 64px;
  margin: 0 auto;
  padding: 8px 0;
  cursor: pointer;
}
.dev_Achieve-Claim .dev_Achieve-Claim_content .dev_Achieve-Claim_content-infor .dev_Achieve-Claim_content-infor_avatar:hover .new-tip_container-content {
  display: flex;
}
.dev_Achieve-Claim .dev_Achieve-Claim_content .dev_Achieve-Claim_content-infor h2 {
  /*max-height: 48px;*/
  height: auto;
  font-size: 14px;
  color: #333;
  line-height: 24px;
  overflow: hidden;
  /* @include single-line-text;*/
}
.dev_Achieve-Claim .dev_Achieve-Claim_content .dev_Achieve-Claim_content-infor .p1 {
  font-size: 14px;
  color: #333;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dev_Achieve-Claim .dev_Achieve-Claim_content .dev_Achieve-Claim_content-infor .p2 {
  font-size: 14px;
  color: #999;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dev_Achieve-Claim .dev_Achieve-Claim_content .dev_Achieve-Claim_content-select {
  padding: 12px 0;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  justify-content: center;
}
.dev_Achieve-Claim .dev_Achieve-Claim_content .dev_Achieve-Claim_content-select .content-select-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 8px;
  text-decoration: none;
  color: black;
  min-width: 82px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  border-radius: 3px;
  padding: 0px 12px;
  /* &:hover{
     color: #2882D8!important;
   }*/
}
.dev_Achieve-Claim .dev_Achieve-Claim_content .dev_Achieve-Claim_content-select .content-select-style {
  border: 1px solid #ddd;
}
.dev_Achieve-Claim .dev_Achieve-Claim_content .dev_Achieve-Claim_content-select .content-select-style:hover {
  color: #2882d8;
  border: 1px solid #2882d8;
}
.dev_Achieve-Claim .dev_Achieve-Claim_content .dev_Achieve-Claim_content-select .content-selected {
  background-color: #2882d8;
  color: #fff !important;
  border-radius: 3px;
}
.dev_Achieve-Claim .dev_Achieve-Claim_content .dev_Achieve-Claim_content-select .content-selected:hover {
  background-color: #134fa6 !important;
  color: #FFFFFF;
}
.ac__box .ac__list .ac__new-add{
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ac__box .ac__list .ac__new-add.item_hovered {
  background-color: #288aed;
  color: #fff;
}
/*.footer {*/
/*width: 100%;*/
/*background: #fff;*/
/*border-top: 1px solid #dddddd;*/
/*padding: 20px 0;*/
/*overflow: hidden;*/
/*display: flex;*/
/*}*/

.footer_wrap {
  padding: 0 20px;
  width: 940px;
  margin: 0 auto;
  text-align: center;
  display: inline-flex;
  justify-content: center;
}

.footer_wrap .scholarmate-code {
  width: 85px;
  text-align: center;
  float: left;
  /* margin-left: 240px;*/
}

.footer_wrap .scholarmate-code span {
  margin-top: 5px;
  display: inline-block;
  width: 170px;
  margin-left: -45px;
  font-size: 12px !important;
  color: #666 !important;
}

.footer_cont {
  width: 580px;
  float: left;
  margin-top: 30px;
  overflow: hidden;
  color: #666;
}

.footer_cont p {
  font-size: 12px;
  line-height: 26px;
  color: #666;
  text-align: center;
}

.footer_cont p a {
  color: #666;
  margin: 0 10px;
}

.footer_cont p img {
  width: 12px;
  height: 12px;
}

.footer-container .footer_wrap {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
}
.footer-container .footer_wrap .scholarmate-code {
  margin-left: 0px;
}
.footer-container .footer_wrap .footer_cont {
  margin-top: 0px;
}

.check-more_info {
  width: 100%;
  height: 32px;
  line-height: 32px;
  color: #333;
  font-size: 15px;
  /*	display: flex;
  	justify-content: center;
  	align-items: center;*/
  text-align: center;
  margin: 0 auto;
  padding: 8px 0px;
}
.check-more_info:hover span {
  color: #2882d8 !important;
  cursor: pointer;
}

.main-list__item_content-S_size {
  margin: 0px !important;
}

.main-list__item_content {
  /*margin:12px 0px 20px 0px!important;*/
  margin: 12px 0px !important;
}

.main-list__list-item__container-header {
  /*padding-left: 12px;*/
  display: flex;
  align-items: center;
}

.main-list__list-item__container-avator {
  width: 52px;
  height: 52px;
  border-radius: 50%;
}

.main-list__list-item__container-body {
  margin-left: 8px;
}

.main-list__list-item__container-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 24px;
  line-height: 24px;
  width: 210px;
  font-size: 14px;
}

.main-list__list-item__container-name .kw-chip_medium {
  margin: 0px !important;
}

.main-list__list-item__container-duty {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 24px;
  line-height: 24px;
  width: 224px;
  color: rgba(0, 0, 0, 0.54);
}

.main-list__list-item__container-target {
  max-height: 45px;
  line-height: 24px;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main-list__list-item__container-target b:hover {
  color: #1265cf;
}

.main-list__list-item__container-footer {
  margin: 8px 16px 0px 0px;
  display: flex;
  justify-content: flex-end;
}

.main-list__list-item__container-footer .button_main {
  width: 82px;
  height: 30px;
}

.global__para_body {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  white-space: pre-wrap;
}

.global__para_caption {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
  white-space: pre-wrap;
}

.global_no-border {
  border: none !important;
}

.dynamic-social__item_mobile:hover {
  color: rgba(0, 0, 0, 0.54) !important;
}

.global__padding_0 {
  padding: 0px !important;
}

.global__padding_4 {
  padding: 4px !important;
}

.global__padding_8 {
  padding: 8px !important;
}

.global__padding_12 {
  padding: 12px !important;
}

.global__padding_16 {
  padding: 16px !important;
}

.global__padding_20 {
  padding: 20px !important;
}

.global__padding_24 {
  padding: 24px !important;
}

.global__padding_28 {
  padding: 28px !important;
}

.global__padding_32 {
  padding: 32px !important;
}

.width-1 {
  width: 8.33333%;
}

.width-2 {
  width: 16.66667%;
}

.width-3 {
  width: 25%;
}

.width-4 {
  width: 33.33333%;
}

.width-5 {
  width: 41.66667%;
}

.width-6 {
  width: 50%;
}

.width-7 {
  width: 58.33333%;
}

.width-8 {
  width: 66.66667%;
}

.width-9 {
  width: 75%;
}

.width-10 {
  width: 83.33333%;
}

.width-11 {
  width: 91.66667%;
}

.width-12 {
  width: 100%;
}

.depth1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.depth2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.depth3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
}

.depth4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.depth5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12);
}

.depth6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}

.depth7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.depth8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.depth9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.depth10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.depth11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.depth12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.depth13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.depth14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.depth15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.depth16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.depth17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.depth18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.depth19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.depth20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.depth21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.depth22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.depth23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.depth24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
}

/*new add normal style*/
.new-standard__style-Abbr_215 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 215px;
}

.new-standard__style-Abbr_250 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 250px;
}

.new-standard__style-Abbr_300 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 300px;
}

.new-standard__style-Abbr_350 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 300px;
}

.new-standard__style-Abbr_400 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 300px;
}

.new-standard__style-Abbr_450 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 300px;
}

.new-standard__style-title {
  color: #333333;
  font-size: 16px;
  font-weight: 500;
}

.new-standard__style-sec_title {
  color: #333333;
  font-size: 15px;
  font-weight: 500;
}

.new-standard__style-content {
  color: #666;
  font-size: 14px;
}

.new-standard__style-func {
  color: #1265CF;
  font-size: 14px;
}
.new-standard__style-func:hover {
  color: #134FA6;
}

.new-standard__style-func_title {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}
.new-standard__style-func_title:hover {
  color: #134FA6;
}

.new-standard__style-func_content {
  color: #666;
  font-size: 14px;
  text-decoration: none;
}
.new-standard__style-func_content:hover {
  color: #134FA6;
}

.new-standard__style-btn_confirm {
  width: 108px;
  text-align: center;
  height: 28px;
  line-height: 28px;
  border: 1px solid #288aed;
  cursor: pointer;
  color: #FFFFFF;
  background-color: #288AED;
  border-radius: 4px;
}
.new-standard__style-btn_confirm:hover {
  background-color: #134FA6;
  border: 1px solid #134FA6;
}

.new-standard__style-btn_cancel {
  width: 108px;
  text-align: center;
  height: 28px;
  line-height: 28px;
  border: 1px solid #288aed;
  cursor: pointer;
  color: #288AED;
  border-radius: 4px;
}
.new-standard__style-btn_cancel:hover {
  color: #134FA6;
  border: 1px solid #134FA6;
}

.pub-idx__full-text_newbox {
  position: relative;
}

.pub-idx__full-text_newbox:hover .pub-idx__full-text_newbox-box {
  display: block;
}

.fileupload__box-border :hover .pub-idx__full-text_newbox-box {
  display: none;
}

.fileupload__box-border:hover .pub-idx__full-text_newbox-box_request {
  display: block;
  border: 1px solid #1077d5;
}

fileupload__box-border:hover {
  /*border: 1px solid #1077d5;*/
}

.pub-idx__full-text_newbox-box {
  position: absolute;
  /*display: none;*/
  top: 0px;
  left: 0px;
  width: 71px;
  height: 91px;
  background-color: #f4f4f4;
  border: 1px solid #e9e9e9;
  background-image: url("../img/file_ upload1.png");
  background-repeat: no-repeat;
  background-position: 19px 26px;
  opacity: 0.5;
}

.pub-idx__full-text_newbox:hover .pub-idx__full-text_newbox-box_request {
  display: block;
  border: 1px solid #1077d5;
  opacity: 0.5;
}

.pub-idx__full-text_newbox-box_request {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 70px;
  height: 90px;
  background-color: #f4f4f4;
  border: 1px solid #e9e9e9;
  background-image: url("../../images/file_ upload.png");
  background-repeat: no-repeat;
  background-position: 19px 26px;
  opacity: 0.5;
  /*transform: rotateX(180deg);*/
}

.pub-idx__full-text_newbox-box_load {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 71px;
  height: 91px;
  background-color: #e9e9e9;
  border: 1px solid #e9e9e9;
  background-image: url("../../images/file_ upload1.png");
  background-repeat: no-repeat;
  background-position: 19px 26px;
  opacity: 0.35;
  transform: rotateX(180deg);
}

/*new add download tip*/
.pub-idx__full-text__tip1 {
  line-height: 72px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.pub-idx__full-text__tip {
  position: absolute;
  top: 0;
  left: 0;
  height: 92px;
  font-size: 14px;
  opacity: 1;
  width: 72px;
  line-height: 22px;
  background: #f4f4f4;
  opacity: 0.5;
}

.pub-idx__full-text__tip:hover .request-add__tip1_avator {
  display: none;
}

.pub-idx__full-text__tip:hover .request-add__tip2_avator {
  display: inline-block;
}

.request-add__tip1_avator {
  width: 32px !important;
  height: 32px !important;
  vertical-align: middle;
}

.request-add__tip2_avator {
  width: 32px !important;
  height: 32px !important;
  display: none;
  vertical-align: middle;
}

.add__friend-close:hover {
  color: #c03228;
}

.formwork__infor .formwork__infor-title {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
  width: 585px;
  text-decoration: none;
}
.formwork__infor .formwork__infor-abstracts {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 20px;
  max-height: 60px;
  transition: height 100ms linear;
  overflow: hidden;
  margin-left: -2px !important;
  margin-top: 8px;
  margin-bottom: 8px;
}
.formwork__infor .formwork__infor-abstracts:before {
  content: "";
  float: left;
  width: 2px;
  height: 100%;
}
.formwork__infor .formwork__infor-abstracts:after {
  content: "...";
  color: #1265cf;
  box-sizing: content-box;
  float: right;
  position: relative;
  top: -20px;
  height: 20px;
  left: 100%;
  width: 80px;
  margin-left: -80px;
  padding-right: 2px;
  text-align: right;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  font-size: 32px;
  line-height: 2px;
  cursor: pointer;
}

.full-request__content-title {
  line-height: 20px;
  max-height: 40px;
  transition: height 100ms linear;
}
.full-request__content-title:before {
  content: "";
  float: left;
  width: 2px;
  height: 100%;
}
.full-request__content-title:after {
  content: "...";
  color: #1265cf;
  box-sizing: content-box;
  float: right;
  position: relative;
  top: -20px;
  height: 20px;
  left: 100%;
  width: 80px;
  margin-left: -80px;
  padding-right: 2px;
  text-align: right;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  font-size: 32px;
  line-height: 2px;
  cursor: pointer;
}

.formwork__content {
  padding: 8px;
}

.formwork__header {
  width: 100%;
  height: 36px;
  background: #f2f2f2;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  padding-left: 8px;
}

.formwork__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 96px;
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 1px solid #ccc;
}

.formwork__avator {
  height: 81px;
  width: 65px;
}

.formwork__item-container {
  display: flex;
  width: 95%;
  align-items: center;
  justify-content: space-between;
}

.formwork__infor {
  display: flex;
  flex-direction: column;
  margin-left: 12px;
}

.formwork__infor-title {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 595px;
}

.formwork__infor-title:hover {
  color: #288aed;
}

.formwork__infor-author {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 595px;
}

.no__link-download:hover {
  color: #333 !important;
  cursor: default !important;
}

.dev_pub_similar-results {
  width: 100%;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #333;
}

.dev_pub_similar-results_tip {
  color: #333333;
  margin-right: 4px;
}

.dev_pub_similar-results_detail {
  color: #288aed !important;
  margin-left: 4px;
  cursor: pointer;
}
.dev_pub_similar-results_detail:hover {
  color: #1265cf !important;
}

.sel__change-work__container {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.sel__value-add__newwork {
  line-height: 32px;
  font-size: 14px;
  text-align: right;
  color: #288aed;
}
.sel__value-add__newwork:hover {
  color: #1265cf;
}
.sel__value-add__newwork a {
  text-decoration: none;
}

.input__area-position {
  line-height: 24px;
  height: 108px;
  overflow-y: auto;
  width: 606px;
  overflow-x: hidden;
  padding-right: 12px;
}

.kw_box_search {
  margin-left: 72px;
  width: 500px;
}

.element__piblic-block {
  display: block !important;
}

.element__piblic-none {
  display: none !important;
}

.element__piblic-visib {
  visibility: visible !important;
}

.element__piblic-hid {
  visibility: hidden !important;
}

.demo-tip_inlineimport-icon {
  background-image: url(../img/inline-import.png);
  background-repeat: no-repeat;
  background-position: 1px 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
}

.demo-tip_onlineimport-icon {
  background-image: url(../img/outline-import.png);
  background-repeat: no-repeat;
  background-position: 1px 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
}

.sel__value_selected-content {
  padding-bottom: 4px;
  border-bottom: 1px solid #999;
  color: #333 !important;
  font-size: 14px;
}

.dev_template_deal-download_file {
  color: #288aed !important;
}
.dev_template_deal-download_file:hover {
  color: #1265CF !important;
}

.dev_template_deal-upload_file {
  border: 1px solid #288aed !important;
  padding: 0 12px;
  border-radius: 4px;
  background: #288aed !important;
  color: #fff !important;
  cursor: pointer;
}
.dev_template_deal-upload_file:hover {
  border: 1px solid #1265cf !important;
  background: #1265cf !important;
  color: #fff !important;
}

.pub-idx__main_add {
  display: flex;
  line-height: 24px;
}
.pub-idx__main_add .pub-idx__main_add-tip {
  width: 12px;
  height: 12px;
  color: #ccc;
  font-size: 18px;
  line-height: 24px;
}
.pub-idx__main_add .pub-idx__main_add-detail {
  margin-left: 8px;
  font-size: 12px;
  color: #ccc !important;
}

.paper_footer-fabulous_like {
  color: #288aed !important;
}
.paper_footer-fabulous_like i {
  background-position: -4px -385px;
}

.dyn-publish_content {
  padding: 12px 0;
}
.dyn-publish_content .dyn-publish_content-author {
  color: #333;
  font-size: 14px;
  font-weight: bold;
}
.dyn-publish_content .dyn-publish_content-detail {
  color: #333333;
  font-size: 14px;
  margin-top: 8px;
  width: 100%;
}

.dyn-publish_content-func {
  position: absolute !important;
  display: none;
  right: 8px;
  top: 8px;
}

.normal-global_icon {
  background: url(../../images/iconlist1.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.normal-global_del-icon_show {
  /*display: none;*/
  visibility: hidden;
}

.normal-global_identification-icon {
  background-position: 3px -289px;
  width: 32px;
  height: 31px;
}
.normal-global_identification-icon:hover {
  background-position: 3px -312px;
}

.normal-global_identification-icon_flag {
  background-position: -1px -314px;
}

.normal-global_save-icon {
  background-position: -71px -290px;
}

.normal-global_save-icon_flag {
  background-position: -71px -384px;
}

.normal-global_share-icon {
  background-position: -48px -291px;
}

.normal-global_Setup-icon {
  background-position: -193px -292px;
}

.normal-global_edit-icon {
  background-position: -219px -291px;
}

.normal-global_del-icon {
  background-position: -244px -291px;
  display: block;
}

.normal-global_delect-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  /*background:url(../../smate-pc/img/delete_btn.png) 0px 0px no-repeat;*/
  background: url(../img/delete_btn.png) 0 0 no-repeat;
}

.setup-keyword__box {
  width: 390px;
  padding: 16px;
}
.setup-keyword__box .setup-keyword__box-input_tip-new {
  border-bottom: 2px solid #288aed !important;
}
.setup-keyword__box .setup-keyword__box-input {
  border-bottom: 1px solid #ccc;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 160px;
  width: 395px;
  margin-left: -16px;
  position: relative;
}
.setup-keyword__box .setup-keyword__box-input .setup-keyword__box-input_tip {
  position: absolute;
  top: 12px;
  left: 22px;
  color: #999 !important;
  font-size: 14px;
  transition: all;
  transition-delay: 300ms;
}
.setup-keyword__box .setup-keyword__box-input .setup-keyword__box-input_icon {
  width: 24px;
  height: 24px;
  font-size: 20px;
  color: #ccc;
  margin-top: 8px;
  position: absolute;
  top: -1px;
  transition: all 300ms;
  left: 0;
  z-index: 9;
}
.setup-keyword__box .setup-keyword__box-input .setup-keyword__input-tip2 {
  right: 0;
  left: auto;
  display: none;
}
.setup-keyword__box .setup-keyword__box-input .setup-keyword__input-tip2 .setup-keyword__input-tip2:hover {
  font-size: 26px !important;
  color: #218AED !important;
}
.setup-keyword__box .setup-keyword__box-input .setup-keyword__box-input_import {
  width: 89%;
  border: none;
  height: 32px;
  background: #fff;
  padding-left: 20px;
}
.setup-keyword__box:hover .setup-keyword__box-input {
  border-bottom: 2px solid #333 !important;
}

.kw-chip_container {
  display: flex;
  align-items: center;
}

.set__result-label {
  margin-top: -18px;
  width: 108px;
  height: 32px;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.set__result-label .set__result-label_title {
  width: 90%;
  text-align: center;
}
.set__result-label .set__result-label_item {
  position: absolute;
  top: 32px;
  left: 0;
  width: 280px;
  min-height: 24px;
  max-height: 150px;
  border: 1px solid #ccc;
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
  background: #fff;
  z-index: 99;
}
.set__result-label .set__result-label_item .set__result-label_item-list {
  width: 97%;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px;
}
.set__result-label .set__result-label_item .set__result-label_item-list:hover {
  background: #f4f4f4;
}

.inbox-messages_send-messagebtn {
  border: 1px solid #288aed;
  height: 32px;
  width: 108px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: #288aed;
  color: #fff;
  border-radius: 4px;
}
.inbox-messages_send-messagebtn:hover {
  border: 1px solid #1265cf;
  background: #1265cf;
}

.filter-left_list-container li {
  width: 170px !important;
}

.application_bomb {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #ccc;
  height: auto;
  width: 280px;
  display: none;
  position: absolute;
  background: #fff;
  left: -6px;
  top: 40px;
}

.application_bomb-body {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  align-items: center;
}

.application_bomb-body_content-list_img {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #fff;
}

.application_bomb-body_content-fund {
  background-image: url(../img/fund.png);
}

.application_bomb-body_content-project {
  background-image: url(../img/project.png);
}

.application_bomb-body_content-paper {
  background-image: url(../img/paper.png);
}

.application_bomb-body_content-patent {
  background-image: url(../img/patent.png);
}

.application_bomb-body_content-file {
  background-image: url(../img/file-edit.png);
}

.application_bomb-body_content-list_detail {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
  text-align: center;
  line-height: 14px;
}

.application_bomb-body_content-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.application_bomb-body_content-list a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 13px;
}

.application_bomb-body_content-list:hover .application_bomb-body_content-list_img {
  border: 1px solid #288aed;
}

.application_bomb-body_content-serverse_list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 16px;
}
.application_bomb-body_content-serverse_list a {
  text-align: left;
}

.application_bomb-body_content-serverse_list-detail {
  color: #666;
  cursor: pointer;
  line-height: 24px;
  font-size: 14px;
}

.application_bomb-body_content-serverse_list-detail:hover {
  color: #1265cf;
}

.application_bomb-body_content-serverse_list-title {
  font-size: 14px;
  color: #333;
  line-height: 14px;
}

.application_bomb-body_content-serverse {
  padding: 0 12px;
}

.application_bomb-body_content-container {
  display: flex;
  justify-content: space-around;
  margin: 20px 0 32px 0;
  align-items: center;
}

.application_bomb-body_content {
  width: 100%;
  padding: 0 12px;
}
.application_bomb-body_content .application_bomb-body_content-title {
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  color: #333;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: bold;
  padding-bottom: 16px;
  padding-left: 16px;
  line-height: 16px;
}

.application_bomb-footer {
  border-top: 1px solid #ccc;
}
.application_bomb-footer .application_bomb-footer_content {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}
.application_bomb-footer .application_bomb-footer_content i {
  padding: 0;
  margin: 0;
}
.application_bomb-footer .application_bomb-footer_content .application_bomb-footer_tip {
  background-image: url(../img/add.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 16px;
  height: 16px;
}
.application_bomb-footer .application_bomb-footer_content .application_bomb-footer_content-detail {
  font-size: 16px;
  color: #333;
  cursor: pointer;
  font-weight: bold;
  line-height: 16px;
  margin-left: 8px;
}
.application_bomb-footer .application_bomb-footer_content .application_bomb-footer_content-detail:hover {
  color: #1265cf;
}

.border-bottom_style-dashed {
  border-bottom: 1px dashed #ccc;
}

.new_edit-psninfor {
  width: 320px;
  height: auto;
  border: 1px solid #ddd;
  padding: 0 20px;
  background: #fff;
  border-radius: 3px;
  position: fixed;
  bottom: -360px;
  transition: all 300ms;
}
.new_edit-psninfor .new_edit-psninfor_title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 46px;
  border-bottom: 1px solid #ddd;
}
.new_edit-psninfor .new_edit-psninfor_title .new_edit-psninfor_title-container {
  font-size: 18px;
  margin: 20px 0 8px 0;
}
.new_edit-psninfor .new_edit-psninfor_body {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px 0;
}
.new_edit-psninfor .new_edit-psninfor_body .new_edit-psninfor_body-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}
.new_edit-psninfor .new_edit-psninfor_body .new_edit-psninfor_body-item .new_edit-psninfor_body-phone {
  background: url(../img/phone.png);
  width: 28px;
  height: 24px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 28px 24px;
}
.new_edit-psninfor .new_edit-psninfor_body .new_edit-psninfor_body-item .new_edit-psninfor_body-email {
  background: url(../img/email.png);
  width: 28px;
  height: 24px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 28px 24px;
}
.new_edit-psninfor .new_edit-psninfor_body .new_edit-psninfor_body-item .new_edit-psninfor_body-content_tip {
  width: 88%;
}
.new_edit-psninfor .new_edit-psninfor_body .new_edit-psninfor_body-item .new_edit-psninfor_body-content_tip .new_edit-psninfor_body-bottom {
  border-bottom: 2px solid #288aed !important;
}
.new_edit-psninfor .new_edit-psninfor_body .new_edit-psninfor_body-item .new_edit-psninfor_body-content_tip .new_edit-psninfor_body-phone_content {
  width: 100%;
  border-bottom: 1px solid #ddd;
  margin-right: 8px;
}
.new_edit-psninfor .new_edit-psninfor_body .new_edit-psninfor_body-item .new_edit-psninfor_body-content_tip .new_edit-psninfor_body-phone_content .new_edit-psninfor_body-phone_input {
  width: 100%;
  border: none;
  outline: none;
  line-height: 24px;
  padding-left: 4px;
}
.new_edit-psninfor .new_edit-psninfor_body .new_edit-psninfor_body-item .new_edit-psninfor_body-content_tip .new_edit-psninfor_body-phone_content:hover {
  border-bottom: 2px solid #333;
}
.new_edit-psninfor .new_edit-psninfor_body .new_edit-psninfor_body-item .new_edit-psninfor_body-content_tip .new_edit-psninfor_body-email_content {
  width: 100%;
  border-bottom: 1px solid #ddd;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.new_edit-psninfor .new_edit-psninfor_body .new_edit-psninfor_body-item .new_edit-psninfor_body-content_tip .new_edit-psninfor_body-email_content .new_edit-psninfor_body-email_content-email_input {
  width: 65%;
  border: none;
  outline: none;
  line-height: 24px;
  padding-left: 4px;
  padding-bottom: 4px;
}
.new_edit-psninfor .new_edit-psninfor_body .new_edit-psninfor_body-item .new_edit-psninfor_body-content_tip .new_edit-psninfor_body-email_content .new_edit-psninfor_body-email_edit {
  color: #1265cf !important;
  font-size: 14px;
  cursor: pointer;
}
.new_edit-psninfor .new_edit-psninfor_body .new_edit-psninfor_body-item .new_edit-psninfor_body-content_tip .new_edit-psninfor_body-email_content .new_edit-psninfor_body-email_edit:hover {
  color: #218aed;
}
.new_edit-psninfor .new_edit-psninfor_body .new_edit-psninfor_body-item .new_edit-psninfor_body-content_tip .new_edit-psninfor_body-email_content:hover {
  border-bottom: 2px solid #333;
}
.new_edit-psninfor .new_edit-psninfor_footer {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: auto;
  padding: 20px 0;
  align-items: center;
  border-top: 1px solid #ddd;
}
.new_edit-psninfor .new_edit-psninfor_footer .new_edit-psninfor_footer-continue {
  min-width: 64px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ddd;
  background: #f8f8f8;
  color: #333;
  font-size: 14px;
  border-radius: 3px;
  margin-right: 12px;
  padding: 0 8px;
  cursor: pointer;
}
.new_edit-psninfor .new_edit-psninfor_footer .new_edit-psninfor_footer-continue:hover {
  border: 1px solid #218aed;
  color: #218AED;
}
.new_edit-psninfor .new_edit-psninfor_footer .new_edit-psninfor_footer-cancle {
  min-width: 64px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #2882d8;
  border-radius: 3px;
  background: #2882d8;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  padding: 0 8px;
}
.new_edit-psninfor .new_edit-psninfor_footer .new_edit-psninfor_footer-cancle:hover {
  background: #218aed;
}

.bckground-cover {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.24);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.bckground-cover .confirm-fulltext {
  width: 520px;
  /* height: 350px;*/
  height: 280px;
  border: 1px solid #ddd;
  background: #fff;
  position: absolute;
  transition: all 500ms;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_header {
  height: 56px;
  line-height: 56px;
  border-bottom: 1px solid #ddd;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_header span {
  font-size: 18px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_header i {
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_header i:hover {
  color: green;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_body {
  padding: 0 20px;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_body .confirm-fulltext_body-title {
  color: #333;
  font-size: 14px;
  line-height: 24px;
  margin: 12px 0;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_body .confirm-fulltext_body-title .confirm-fulltext_body-title_check {
  color: #288aed !important;
  cursor: pointer;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_body .confirm-fulltext_body-title .confirm-fulltext_body-title_check:hover {
  color: #1265cf !important;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_body .confirm-fulltext_body-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_body .confirm-fulltext_body-content .confirm-fulltext_body-content_avator {
  width: 72px;
  height: 92px;
  margin-top: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_body .confirm-fulltext_body-content .confirm-fulltext_body-content_avator img {
  width: 100%;
  height: 100%;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_body .confirm-fulltext_body-content .confirm-fulltext_body-content_avator .new-tip_container-content {
  display: none;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_body .confirm-fulltext_body-content .confirm-fulltext_body-content_avator:hover .new-tip_container-content {
  display: flex;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_body .confirm-fulltext_body-content .confirm-fulltext_body-content_infor {
  width: 380px;
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 92px;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_body .confirm-fulltext_body-content .confirm-fulltext_body-content_infor .confirm-fulltext_body-content_infor-box .confirm-fulltext_body-content_infor-title {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  cursor: pointer;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_body .confirm-fulltext_body-content .confirm-fulltext_body-content_infor .confirm-fulltext_body-content_infor-box .confirm-fulltext_body-content_infor-author {
  line-height: 24px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_body .confirm-fulltext_body-content .confirm-fulltext_body-content_infor .confirm-fulltext_body-content_infor-box .confirm-fulltext_body-content_infor-time {
  line-height: 24px;
  color: #ccc;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_body .confirm-fulltext_body-content .confirm-fulltext_body-content_infor .confirm-fulltext_body-content_infor-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /*margin: 8px 0px;*/
}
.bckground-cover .confirm-fulltext .confirm-fulltext_body .confirm-fulltext_body-content .confirm-fulltext_body-content_infor .confirm-fulltext_body-content_infor-btn .confirm-fulltext_body-content_infor-btn_cancle {
  cursor: pointer;
  height: 32px;
  padding: 0 8px;
  background: #fff;
  color: #666;
  border: 1px solid #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  font-size: 14px;
  background: #F8F8F8;
  margin: 0 16px;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_body .confirm-fulltext_body-content .confirm-fulltext_body-content_infor .confirm-fulltext_body-content_infor-btn .confirm-fulltext_body-content_infor-btn_cancle:hover {
  color: #1265cf;
  border: 1px solid #1265cf;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_body .confirm-fulltext_body-content .confirm-fulltext_body-content_infor .confirm-fulltext_body-content_infor-btn .confirm-fulltext_body-content_infor-btn_confirm {
  cursor: pointer;
  height: 32px;
  padding: 0 8px;
  background: #288aed;
  border: 1px solid #288aed;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  font-size: 14px;
}
.bckground-cover .confirm-fulltext .confirm-fulltext_body .confirm-fulltext_body-content .confirm-fulltext_body-content_infor .confirm-fulltext_body-content_infor-btn .confirm-fulltext_body-content_infor-btn_confirm:hover {
  background: #1265cf;
  border: 1px solid #1265cf;
}

.repeat_achive-container {
  width: 640px;
  height: auto;
  border: 1px solid #ddd;
  padding: 0 20px;
  background: #fff;
  border-radius: 3px;
  position: fixed;
  bottom: -360px;
  transition: all 300ms;
}
.repeat_achive-container .repeat_achive-container_header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 46px;
  border-bottom: 1px solid #ddd;
}
.repeat_achive-container .repeat_achive-container_header .repeat_achive-container_header-title {
  font-size: 18px;
  margin: 18px 0 8px 0;
}
.repeat_achive-container .repeat_achive-container_body {
  width: 103%;
  margin: 0 auto;
  padding: 16px 0;
  max-height: 333px;
  overflow-y: auto;
}
.repeat_achive-container .repeat_achive-container_body .repeat_achive-container_body-content {
  width: 80%;
  color: #333;
  font-size: 14px;
}
.repeat_achive-container .repeat_achive-container_body .repeat_achive-container_body-check {
  width: 80%;
  min-width: 0;
  text-align: right;
  margin-top: 10px;
  color: #1265cf;
  font-size: 14px;
  cursor: pointer;
}
.repeat_achive-container .repeat_achive-container_body .repeat_achive-container_body-item {
  width: 97%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #ddd;
  padding: 12px 0;
}
.repeat_achive-container .repeat_achive-container_body .repeat_achive-container_body-item .repeat_achive-container_body-item_avator {
  width: 72px;
  height: 92px;
  border: 1px solid #ddd;
}
.repeat_achive-container .repeat_achive-container_body .repeat_achive-container_body-item .repeat_achive-container_body-item_avator img {
  width: 100%;
  height: 100%;
}
.repeat_achive-container .repeat_achive-container_body .repeat_achive-container_body-item .repeat_achive-container_body-item_infor {
  margin-left: 12px;
}
.repeat_achive-container .repeat_achive-container_body .repeat_achive-container_body-item .repeat_achive-container_body-item_infor .repeat_achive-container_body-item_infor-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 320px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}
.repeat_achive-container .repeat_achive-container_body .repeat_achive-container_body-item .repeat_achive-container_body-item_infor .repeat_achive-container_body-item_infor-author {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 320px;
  margin: 8px 0;
  font-size: 14px;
  color: #333;
}
.repeat_achive-container .repeat_achive-container_body .repeat_achive-container_body-item .repeat_achive-container_body-item_infor .repeat_achive-container_body-item_infor-time {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 320px;
  font-size: 14px;
  color: #999;
}
.repeat_achive-container .repeat_achive-container_body .repeat_achive-container_body-item .repeat_achive-container_body-item_reflash {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 26px;
}
.repeat_achive-container .repeat_achive-container_body .repeat_achive-container_body-item .repeat_achive-container_body-item_reflash .repeat_achive-container_body-item_reflash-time {
  color: #999 !important;
  font-size: 14px;
}
.repeat_achive-container .repeat_achive-container_body .repeat_achive-container_body-item .repeat_achive-container_body-item_reflash .repeat_achive-container_body-item_reflash-content {
  color: #999 !important;
  font-size: 14px;
}
.repeat_achive-container .repeat_achive-container_body .repeat_achive-container_body-item .repeat_achive-container_body-item_check {
  min-width: 80px;
  height: 28px;
  border: 1px solid #2882d8;
  background: #2882d8;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  font-size: 14px;
}
.repeat_achive-container .repeat_achive-container_body .repeat_achive-container_body-item .repeat_achive-container_body-item_check:hover {
  background: #218aed;
  border: 1px solid #218aed;
}
.repeat_achive-container .repeat_achive-container_body .repeat_achive-container_body-item .repeat_achive-container_body-item_check a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.repeat_achive-container .repeat_achive-container_footer {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: auto;
  padding: 20px 0;
  align-items: center;
  border-top: 1px solid #ddd;
  background: #fff;
}
.repeat_achive-container .repeat_achive-container_footer .repeat_achive-container_footer-continue {
  min-width: 82px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ddd;
  background: #f8f8f8;
  color: #333;
  font-size: 14px;
  border-radius: 3px;
  margin-right: 12px;
  padding: 0 8px;
  cursor: pointer;
}
.repeat_achive-container .repeat_achive-container_footer .repeat_achive-container_footer-continue:hover {
  color: #218aed;
  border: 1px solid #218aed;
}
.repeat_achive-container .repeat_achive-container_footer .repeat_achive-container_footer-cancle {
  min-width: 82px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #2882d8;
  border-radius: 3px;
  background: #2882d8;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  padding: 0 8px;
}
.repeat_achive-container .repeat_achive-container_footer .repeat_achive-container_footer-cancle:hover {
  border: 1px solid #218aed;
  background: #218aed;
}

.pub-idx__full-text_img .new-tip_container-content {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  background: #f4f4f4;
  z-index: 0;
  border: 1px solid #ddd;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  z-index: 10;
  cursor: pointer;
  opacity: 0.35;
  display: none;
}
.pub-idx__full-text_img .new-tip_container-content .new-tip_container-content_tip1 {
  width: 32px !important;
  height: 32px !important;
  transform: rotate(180deg);
}
.pub-idx__full-text_img .new-tip_container-content .new-tip_container-content_tip2 {
  width: 32px;
  height: 32px;
  transform: rotate(180deg);
  display: none;
}
.pub-idx__full-text_img:hover .new-tip_container-content {
  display: flex !important;
}

.fileupload__box-border:hover {
  /*border: 1px solid #1077d5!important;*/
}

.line_overflow_hide {
  line-height: 1rem;
  height: 2.1rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.searchbox__main form {
  width: 90%;
}

.container__effect {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  min-height: 560px;
}

.container__effect-paper {
  width: 800px;
}

.container__effect-paper_how {
  color: #288aed !important;
  font-size: 14px;
  cursor: pointer;
  font-weight: normal;
}
.container__effect-paper_how:hover {
  color: #1265cf !important;
}

.container__effect-fuctool {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
}
.container__effect-fuctool .container__effect-fuctool_item {
  border-radius: 3px;
  border: 1px dashed #ddd;
  width: 240px;
  height: 105px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.container__effect-fuctool .container__effect-fuctool_item .container__effect-fuctool_item-title {
  font-size: 14px;
  color: #333;
}
.container__effect-fuctool .container__effect-fuctool_item .container__effect-fuctool_item-cnt {
  font-size: 18px;
  color: #333;
  font-weight: bold;
}
.container__effect-fuctool .container__effect-fuctool_item:hover {
  border: 1px solid #288aed;
  color: #288aed;
}
.container__effect-fuctool .container__effect-fuctool_item:hover span {
  color: #288aed !important;
}

.container__effect-title {
  height: 32px;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #ddd;
  margin-top: 40px;
}
.container__effect-title .container__effect-array {
  display: flex;
  justify-content: space-between;
}
.container__effect-title .container__effect-paper_box {
  color: #999 !important;
  font-size: 14px;
  font-weight: normal;
}
.container__effect-title .container__effect-paper_box .container__effect-paper_content {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  padding: 0px 4px;
}
.container__effect-title .container__effect-paper_container {
  width: 100%;
  height: 240px;
  border: 1px solid #ddd;
  margin-top: 20px;
}

.container__effect-reader {
  width: 460px;
}
.container__effect-reader .container__effect-title {
  height: 32px;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #ddd;
  margin-top: 40px;
}
.container__effect-reader .container__effect-reader_container {
  width: 100%;
  height: 240px;
  border: 1px solid #ddd;
  margin-top: 20px;
}

.container__effect-work {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: auto;
  align-items: flex-start;
  margin-top: 44px;
}
.container__effect-work .container__effect-title_left {
  width: 800px;
}
.container__effect-work .container__effect-title_left .container__effect-title_box-title {
  background: #f8f8f8;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: #999;
  font-size: 14px;
}
.container__effect-work .container__effect-title_left .container__effect-title_box-item {
  height: 36px;
  width: 100%;
  border-top: 1px solid #ddd;
  color: #333 !important;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container__effect-work .container__effect-title_left .container__effect-title_box-item .container__effect-title_box-item_title {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container__effect-work .container__effect-title_left .container__effect-title_box-item .container__effect-title_box-item_cnt {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container__effect-work .container__effect-title_right {
  width: 460px;
}
.container__effect-work .container__effect-title_right .container__effect-title_box-title {
  background: #f8f8f8;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: #999;
  font-size: 14px;
}
.container__effect-work .container__effect-title_right .container__effect-title_box-item {
  height: 36px;
  width: 100%;
  border-top: 1px solid #ddd;
  color: #333 !important;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container__effect-work .container__effect-title_right .container__effect-title_box-item .container__effect-title_box-item_title {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container__effect-work .container__effect-title_right .container__effect-title_box-item .container__effect-title_box-item_cnt {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container__effect-quote_container {
  width: 100%;
  height: 240px;
  border: 1px solid #ddd;
  margin-top: 20px;
}

.container__effect-rank {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: auto;
  align-items: flex-start;
  margin-top: 44px;
}
.container__effect-rank .container__effect-title_left {
  width: 48%;
}
.container__effect-rank .container__effect-title_left .container__effect-hindex_title {
  height: 36px;
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
}
.container__effect-rank .container__effect-title_left .container__effect-hindex_title .container__effect-hindex_title-content {
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.container__effect-rank .container__effect-title_left .container__effect-hindex_title .container__effect-hindex_title-rank {
  color: #999 !important;
  font-size: 14px;
  margin-left: 4px;
}
.container__effect-rank .container__effect-title_left .container__effect-hindex_title .container__effect-hindex_title-rank label {
  margin-left: 4px;
  font-size: 16px;
  color: #288aed;
}
.container__effect-rank .container__effect-title_left .container__effect-hindex-container {
  height: 340px;
  width: 100%;
  margin-top: 20px;
  border: 1px solid #ddd;
}
.container__effect-rank .container__effect-title_right {
  width: 48%;
}
.container__effect-rank .container__effect-title_right .container__effect-hindex_right {
  height: 36px;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.container__effect-rank .container__effect-title_right .container__effect-hindex_right .container__effect-hindex_right-title {
  color: #333;
  font-size: 16px !important;
  font-weight: bold;
}
.container__effect-rank .container__effect-title_right .container__effect-hindex_right .container__effect-hindex_right-cnt {
  color: #999 !important;
  font-size: 14px;
  width: 310px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container__effect-rank .container__effect-title_right .container__effect-hindex_right .container__effect-hindex_right-item_checkall {
  height: 24px;
  width: 84px;
  color: #1265cf !important;
  cursor: pointer;
  font-size: 14px;
  margin-left: 72px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container__effect-rank .container__effect-hindex_right-container {
  width: 100%;
  margin-top: 20px;
}
.container__effect-rank .container__effect-hindex_right-container .container__effect-hindex_right-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  align-items: flex-start;
  margin: 4px 0;
}
.container__effect-rank .container__effect-hindex_right-container .container__effect-hindex_right-item .container__effect-hindex_right-item_content {
  width: 90%;
  height: 100%;
}
.container__effect-rank .container__effect-hindex_right-container .container__effect-hindex_right-item .container__effect-hindex_right-item_content .container__effect-hindex_right-item_detaile {
  color: #333 !important;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.container__effect-rank .container__effect-hindex_right-container .container__effect-hindex_right-item .container__effect-hindex_right-item_content .container__effect-hindex_right-item_footer {
  display: flex;
  align-items: center;
  color: #999;
  font-size: 14px;
}
.container__effect-rank .container__effect-hindex_right-container .container__effect-hindex_right-item .container__effect-hindex_right-item_content .container__effect-hindex_right-item_footer .upload_icon {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background: url(../img/upload.png);
  background-repeat: no-repeat;
  background-position: 2px 3px;
  margin-top: 3px;
}
.container__effect-rank .container__effect-hindex_right-container .container__effect-hindex_right-item .container__effect-hindex_right-item_content .container__effect-hindex_right-item_footer .share_icon {
  width: 24px;
  height: 24px;
  background: url(../img/iconlist1.png);
  background-repeat: no-repeat;
  background-position: -47px -287px;
}
.container__effect-rank .container__effect-hindex_right-container .container__effect-hindex_right-item .container__effect-hindex_right-item_content .container__effect-hindex_right-item_footer .fabulous_icon {
  width: 24px;
  height: 24px;
  background: url(../img/iconlist1.png);
  background-repeat: no-repeat;
  background-position: -5px -289px;
}
.container__effect-rank .container__effect-hindex_right-container .container__effect-hindex_right-item .container__effect-hindex_right-item_content .container__effect-hindex_right-item_footer .quote_icon {
  width: 24px;
  height: 24px;
  background: url(../img/iconlist1.png);
  background-repeat: no-repeat;
  background-position: -94px -288px;
}
.container__effect-rank .container__effect-hindex_right-container .container__effect-hindex_right-item .container__effect-hindex_right-item_content .container__effect-hindex_right-item_footer .fabulous_icon-checked {
  background-position: -5px -336px !important;
}
.container__effect-rank .container__effect-hindex_right-container .container__effect-hindex_right-item .container__effect-hindex_right-item_content .container__effect-hindex_right-item_footer .share_icon-checked {
  background-position: -47px -335px !important;
}
.container__effect-rank .container__effect-hindex_right-container .container__effect-hindex_right-item .container__effect-hindex_right-item_content .container__effect-hindex_right-item_footer .container__effect-hindex_right-item_footer-upload {
  padding: 4px 0 !important;
  color: #666 !important;
}
.container__effect-rank .container__effect-hindex_right-container .container__effect-hindex_right-item .container__effect-hindex_right-item_content .container__effect-hindex_right-item_footer .container__effect-hindex_right-item_footer-share {
  padding: 4px 0 !important;
  color: #666 !important;
}
.container__effect-rank .container__effect-hindex_right-container .container__effect-hindex_right-item .container__effect-hindex_right-item_content .container__effect-hindex_right-item_footer .container__effect-hindex_right-item_footer-quote {
  padding: 4px 0 !important;
  color: #666 !important;
}
.container__effect-rank .container__effect-hindex_right-container .container__effect-hindex_right-item .container__effect-hindex_right-item_content .container__effect-hindex_right-item_footer .container__effect-hindex_right-item_footer-fabulous {
  padding: 4px 0 !important;
  color: #666 !important;
}
.container__effect-rank .container__effect-hindex_right-container .container__effect-hindex_right-item .container__effect-hindex_right-item_func {
  width: 10%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  font-size: 14px;
  color: #999;
  height: 100%;
}
.new-quote_container {
  width: 640px;
  height: 600px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.new-quote_container .new-quote_container-header {
  width: 100%;
  display: flex;
  height: 48px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
}
.new-quote_container .new-quote_container-header .new-quote_container-header_title {
  font-size: 18px;
  color: #333;
}
.new-quote_container .new-quote_container-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 496px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 12px;
}
.new-quote_container .new-quote_container-body .new-quote_container-body_title {
  margin: 16px 0 0 0;
  color: #333 !important;
  font-size: 16px;
  text-align: left;
  width: 100%;
}
.new-quote_container .new-quote_container-body .new-quote_container-body_item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 10px 0px;
}
.new-quote_container .new-quote_container-body .new-quote_container-body_item .new-quote_container-body_item-title {
  width: 20%;
  color: #999 !important;
  font-size: 14px;
  text-align: right;
  padding-right: 6px;
  line-height: 20px;
}
.new-quote_container .new-quote_container-body .new-quote_container-body_item .new-quote_container-body_item-content {
  width: 80%;
  color: #333 !important;
  font-size: 14px;
  line-height: 20px;
}
.new-quote_container .new-quote_container-footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 56px;
  border-top: 1px solid #ddd;
}
.new-quote_container .new-quote_container-footer .new-quote_container-footer_close {
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #2882d8;
  background: #2882d8;
  color: #fff;
  font-size: 14px;
  height: 28px;
  width: 79px;
  cursor: pointer;
}
.new-quote_container .new-quote_container-footer .new-quote_container-footer_close:hover {
  border: 1px solid #288aed;
  background: #288aed;
}
.new-quote_container {
  position: fixed;
  bottom: -600px;
}

.new-quote_container-closetip {
  cursor: pointer;
}

.new-quote_container-closetip:hover {
  color: green;
}
/** 部门弹出框样式 **/
.dialogs__childbox_botom{
  border-bottom: 1px solid #aaa;
}

/*20200509*/
.ShowInfor_AvatorTarget {
  position: relative;
}

.new_FloatInfor-container {
  width: 325px;
  height: auto;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
  padding: 16px;
  position: absolute;
  top: 25px !important;
  transition: all 300ms;
  display: none;
  opacity: 0;
  z-index: 51;
  box-shadow: 1px 2px 9px 2px rgba(0, 0, 0, 0.24);
}

.new_FloatInfor-containerHeader {
  display: flex;
  align-items: flex-start;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.new_FloatInfor-containerHeader_avator {
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 20px;
  flex-shrink: 0;
}
.new_FloatInfor-containerHeader_avator img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  padding-left: 0;
}

.new_FloatInfor-containerHeader_infor {
  margin-left: 8px;
}

.new_FloatInfor-containerHeader_inforTitle {
  color: #333;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 260px;
}
.new_FloatInfor-containerHeader_inforTitle:hover {
  color: #288aed;
}

.new_FloatInfor-containerHeader_inforContent {
  color: #333;
  font-size: 14px;
  line-height: 24px;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 270px;
  text-align: left;
}

.new_FloatInfor-containerBody {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0px 0px;
  flex-wrap: wrap;
}

.new_FloatInfor-containerBody_Item {
  font-size: 13px;
  text-align: center;
  max-width: 100%;
  min-width: 102px;
  width: auto;
  flex-grow: 0;
  margin-bottom: 0px;
  margin-top: 10px;
}

.new_FloatInfor-containerBody_ItemNum {
  line-height: 20px;
  color: #333;
  text-align: center;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
}

.new_FloatInfor-containerBody_ItemTitle {
  line-height: 20px;
  color: #999;
  text-align: center;
  width: 100%;
}

.new_FloatInfor-containerFooter {
  width: 100%;
  height: 34px;
  border: 1px solid #2882d8;
  background: #2882d8;
  color: #fff;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 3px;
  text-decoration: none;
  margin-top: 12px;
}

.new_FloatInfor-containerFooter:hover {
  border: 1px solid #288aed;
  background: #288aed;
  color: #fff !important;
}

.new_FloatInfor-containerHeader_inforwork {
  color: #666;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 270px;
  text-align: left;
}
.setting-list_page-item_hidden {
  display: none !important;
}

.setting-list_page-item_show {
  display: block !important;
}

/*20200509*/
.new_FloatInfor-containerAdd {
  display: flex;
  align-items: center;
  margin: 12px auto;
  padding-top: 20px;
  border-top: 1px dashed #ddd;
}
.new_FloatInfor-containerAdd .new_FloatInfor-containerAdd_Title {
  color: #333;
  font-size: 14px;
}
.new_FloatInfor-containerAdd .new_FloatInfor-containerAdd_Box {
  width: 230px;
  height: 29px;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-left: 8px;
  border-radius: 3px;
}
.new_FloatInfor-containerAdd .new_FloatInfor-containerAdd_Box input {
  border: none;
  outline: none;
  height: 95%;
  width: 85%;
  padding-left: 6px;
  cursor: pointer;
}
.new_FloatInfor-containerAdd .new_FloatInfor-containerAdd_Box .new_FloatInfor-containerAdd_SubBox {
  position: absolute;
  background: #fff;
  width: 100%;
  top: 29px;
  left: -1px;
  display: none;
  height: auto;
}
.new_FloatInfor-containerAdd .new_FloatInfor-containerAdd_Box .new_FloatInfor-containerAdd_SubBox .new_FloatInfor-containerAdd_SubBoxItem {
  width: 100%;
  height: auto;
  line-height: 24px;
  cursor: pointer;
  background: #fff;
  max-height: 120px;
  border: 1px solid #ddd;
  overflow-x: hidden;
  overflow-y: auto;
}
.new_FloatInfor-containerAdd .new_FloatInfor-containerAdd_Box .new_FloatInfor-containerAdd_SubBox .new_FloatInfor-containerAdd_SubBoxItem .new_FloatInfor-containerAdd_SubBoxDetail {
  color: #333;
  font-size: 14px;
  padding-left: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  cursor:pointer;
  background: #fff;
}
.new_FloatInfor-containerAdd .new_FloatInfor-containerAdd_Box .new_FloatInfor-containerAdd_SubBox .new_FloatInfor-containerAdd_SubBoxItem .new_FloatInfor-containerAdd_SubBoxDetail:hover {
  background: #fafafa;
}

.new_FloatInfor-containerList {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.new_FloatInfor-containerList .new_FloatInfor-containerList-Box {
  display: flex;
  align-items: center;
}
.new_FloatInfor-containerList .new_FloatInfor-containerList-Box .new_FloatInfor-containerList-BoxItem {
  min-width: 24px;
  padding: 0px 6px;
  border: 1px solid #eee;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  background: #fafafa;
  margin-right: 6px;
}
.new_FloatInfor-containerList .new_FloatInfor-containerList-Time {
  color: #999;
  font-size: 12px;
}

/*20200424*/
.SID-container_avator {
  width: 20px;
  height: 20px;
  background: url(../../images/SID.svg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 20px 20px;
  margin-right: 6px;
}
.SID-container_text{
  width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.SID-container_text:hover{
  color:#2b8def;
}
.SID-container_href{
  display: flex;
  align-items: center;
  line-height: 20px;
  height: 20px;
  width: auto;
  max-width: 185px;
}

/*20200514*/
.new_FloatInfor-containerList .new_FloatInfor-containerList-Box .new_FloatInfor-containerList-BoxItem {
  min-width: 24px;
  padding: 0px 6px;
  border: 1px solid #eee;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  background: #ebf4ff;
  margin-right: 6px;
  color: rgba(0, 0, 0, 0.54)
}