[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  line-height: 14px;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.icon-sprite, .icon-app-xxs-203, .icon-app-xxs-402, .icon-app-xxs-902, .icon-apply, .icon-approval-ing, .icon-box-add, .icon-box-four, .icon-change-version, .icon-chapter-highlight, .icon-clock-mark, .icon-clock-t, .icon-cycle, .icon-daily-calendar-daily, .icon-daily-submit-status-1, .icon-daily-submit-status-2, .icon-date, .icon-dialogue-dark, .icon-dialogue, .icon-emotion, .icon-hand-dark, .icon-hand-round-active, .icon-hand-round-highlight, .icon-hand, .icon-heart-dark, .icon-heart-highlight, .icon-heart, .icon-lock-open, .icon-lock-round, .icon-meet-small, .icon-meet, .icon-message-hightlight, .icon-minus, .icon-note-fixed, .icon-notepad-pen, .icon-page-pen-edit, .icon-person-add, .icon-person-right, .icon-person, .icon-plane-small, .icon-plane, .icon-plus, .icon-point-round, .icon-position-big, .icon-position, .icon-seal, .icon-status-0, .icon-status-1, .icon-status-2, .icon-status-3, .icon-status-4, .icon-status-5, .icon-status-6, .icon-status-7, .icon-status-8, .icon-task-lighthight, .icon-task, .icon-upfile-highlight, .icon-upfile, .icon-xs-203, .icon-xs-403, .icon-xs-906, .icon-xs-907, .icon-xs-okr {
  background-image: url('../../../images/components/tita-widget/src/icon-s9d197e2b2f.png');
  background-repeat: no-repeat;
}

.icon-app-xxs-203 {
  background-position: 0 0;
  height: 16px;
  width: 15px;
}

.icon-app-xxs-402 {
  background-position: 0 -16px;
  height: 16px;
  width: 15px;
}

.icon-app-xxs-902 {
  background-position: 0 -32px;
  height: 16px;
  width: 15px;
}

.icon-apply {
  background-position: 0 -48px;
  height: 22px;
  width: 38px;
}

.icon-approval-ing {
  background-position: 0 -70px;
  height: 31px;
  width: 96px;
}

.icon-box-add {
  background-position: 0 -101px;
  height: 16px;
  width: 16px;
}

.icon-box-four {
  background-position: 0 -117px;
  height: 16px;
  width: 16px;
}

.icon-change-version {
  background-position: 0 -133px;
  height: 1px;
  width: 1px;
}

.icon-chapter-highlight {
  background-position: 0 -134px;
  height: 20px;
  width: 20px;
}

.icon-clock-mark {
  background-position: 0 -154px;
  height: 15px;
  width: 13px;
}

.icon-clock-t {
  background-position: 0 -169px;
  height: 24px;
  width: 22px;
}

.icon-cycle {
  background-position: 0 -193px;
  height: 12px;
  width: 16px;
}

.icon-daily-calendar-daily {
  background-position: 0 -205px;
  height: 28px;
  width: 28px;
}

.icon-daily-submit-status-1 {
  background-position: 0 -233px;
  height: 56px;
  width: 56px;
}

.icon-daily-submit-status-2 {
  background-position: 0 -289px;
  height: 56px;
  width: 56px;
}

.icon-date {
  background-position: 0 -345px;
  height: 16px;
  width: 16px;
}

.icon-dialogue-dark {
  background-position: 0 -361px;
  height: 13px;
  width: 14px;
}

.icon-dialogue {
  background-position: 0 -374px;
  height: 13px;
  width: 14px;
}
.icon-dialogue:hover, .icon-dialogue.dialogue-hover {
  background-position: 0 -387px;
}

.icon-emotion {
  background-position: 0 -400px;
  height: 16px;
  width: 16px;
}
.icon-emotion:hover, .icon-emotion.emotion-hover {
  background-position: 0 -416px;
}

.icon-hand-dark {
  background-position: 0 -432px;
  height: 13px;
  width: 14px;
}

.icon-hand-round-active {
  background-position: 0 -445px;
  height: 30px;
  width: 30px;
}

.icon-hand-round-highlight {
  background-position: 0 -475px;
  height: 30px;
  width: 30px;
}

.icon-hand {
  background-position: 0 -505px;
  height: 13px;
  width: 14px;
}
.icon-hand:hover, .icon-hand.hand-hover {
  background-position: 0 -518px;
}

.icon-heart-dark {
  background-position: 0 -531px;
  height: 12px;
  width: 14px;
}

.icon-heart-highlight {
  background-position: 0 -543px;
  height: 12px;
  width: 14px;
}

.icon-heart {
  background-position: 0 -555px;
  height: 12px;
  width: 14px;
}
.icon-heart:hover, .icon-heart.heart-hover {
  background-position: 0 -567px;
}

.icon-lock-open {
  background-position: 0 -579px;
  height: 16px;
  width: 14px;
}

.icon-lock-round {
  background-position: 0 -595px;
  height: 22px;
  width: 22px;
}

.icon-meet-small {
  background-position: 0 -617px;
  height: 18px;
  width: 18px;
}

.icon-meet {
  background-position: 0 -635px;
  height: 20px;
  width: 20px;
}

.icon-message-hightlight {
  background-position: 0 -655px;
  height: 21px;
  width: 20px;
}

.icon-minus {
  background-position: 0 -676px;
  height: 11px;
  width: 11px;
}

.icon-note-fixed {
  background-position: 0 -687px;
  height: 30px;
  width: 30px;
}

.icon-notepad-pen {
  background-position: 0 -717px;
  height: 19px;
  width: 19px;
}

.icon-page-pen-edit {
  background-position: 0 -736px;
  height: 20px;
  width: 19px;
}

.icon-person-add {
  background-position: 0 -756px;
  height: 16px;
  width: 16px;
}

.icon-person-right {
  background-position: 0 -772px;
  height: 16px;
  width: 16px;
}

.icon-person {
  background-position: 0 -788px;
  height: 16px;
  width: 15px;
}

.icon-plane-small {
  background-position: 0 -804px;
  height: 16px;
  width: 16px;
}

.icon-plane {
  background-position: 0 -820px;
  height: 22px;
  width: 22px;
}

.icon-plus {
  background-position: 0 -842px;
  height: 11px;
  width: 11px;
}

.icon-point-round {
  background-position: 0 -853px;
  height: 8px;
  width: 8px;
}

.icon-position-big {
  background-position: 0 -861px;
  height: 50px;
  width: 50px;
}

.icon-position {
  background-position: 0 -911px;
  height: 16px;
  width: 15px;
}

.icon-seal {
  background-position: 0 -927px;
  height: 16px;
  width: 16px;
}

.icon-status-0 {
  background-position: 0 -943px;
  height: 56px;
  width: 56px;
}

.icon-status-1 {
  background-position: 0 -999px;
  height: 56px;
  width: 56px;
}

.icon-status-2 {
  background-position: 0 -1055px;
  height: 56px;
  width: 56px;
}

.icon-status-3 {
  background-position: 0 -1111px;
  height: 56px;
  width: 56px;
}

.icon-status-4 {
  background-position: 0 -1167px;
  height: 56px;
  width: 56px;
}

.icon-status-5 {
  background-position: 0 -1223px;
  height: 56px;
  width: 56px;
}

.icon-status-6 {
  background-position: 0 -1279px;
  height: 56px;
  width: 56px;
}

.icon-status-7 {
  background-position: 0 -1335px;
  height: 56px;
  width: 56px;
}

.icon-status-8 {
  background-position: 0 -1391px;
  height: 56px;
  width: 56px;
}

.icon-task-lighthight {
  background-position: 0 -1447px;
  height: 20px;
  width: 19px;
}

.icon-task {
  background-position: 0 -1467px;
  height: 13px;
  width: 13px;
}

.icon-upfile-highlight {
  background-position: 0 -1480px;
  height: 16px;
  width: 13px;
}

.icon-upfile {
  background-position: 0 -1496px;
  height: 17px;
  width: 10px;
}

.icon-xs-203 {
  background-position: 0 -1513px;
  height: 26px;
  width: 26px;
}

.icon-xs-403 {
  background-position: 0 -1539px;
  height: 26px;
  width: 26px;
}

.icon-xs-906 {
  background-position: 0 -1565px;
  height: 30px;
  width: 30px;
}

.icon-xs-907 {
  background-position: 0 -1595px;
  height: 26px;
  width: 26px;
}

.icon-xs-okr {
  background-position: 0 -1621px;
  height: 26px;
  width: 26px;
}

[class^="file-"],
[class*=" file-"] {
  display: inline-block;
  line-height: 14px;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.file-sprite, .file-aac, .file-ape, .file-asf, .file-avi, .file-doc, .file-docx, .file-exe, .file-file, .file-flac, .file-flv, .file-folder, .file-folder2, .file-gif, .file-image, .file-jpeg, .file-jpg, .file-m4a, .file-m4v, .file-mkv, .file-mmap, .file-mov, .file-mp3, .file-mp4, .file-mpeg, .file-mpg, .file-music, .file-none, .file-ogg, .file-pdf, .file-pic, .file-png, .file-ppt, .file-pptx, .file-rar, .file-rm, .file-rmvb, .file-tif, .file-ts, .file-txt, .file-video, .file-wav, .file-wma, .file-wmv, .file-xls, .file-xlsx, .file-zip {
  background-image: url('../../../images/components/tita-widget/src/file-s6be56e19dd.png');
  background-repeat: no-repeat;
}

.file-aac {
  background-position: 0 0;
  height: 60px;
  width: 60px;
}

.file-ape {
  background-position: 0 -60px;
  height: 60px;
  width: 60px;
}

.file-asf {
  background-position: 0 -120px;
  height: 60px;
  width: 60px;
}

.file-avi {
  background-position: 0 -180px;
  height: 60px;
  width: 60px;
}

.file-doc {
  background-position: 0 -240px;
  height: 60px;
  width: 60px;
}

.file-docx {
  background-position: 0 -300px;
  height: 60px;
  width: 60px;
}

.file-exe {
  background-position: 0 -360px;
  height: 60px;
  width: 60px;
}

.file-file {
  background-position: 0 -420px;
  height: 48px;
  width: 48px;
}

.file-flac {
  background-position: 0 -468px;
  height: 60px;
  width: 60px;
}

.file-flv {
  background-position: 0 -528px;
  height: 60px;
  width: 60px;
}

.file-folder {
  background-position: 0 -588px;
  height: 48px;
  width: 48px;
}

.file-folder2 {
  background-position: 0 -636px;
  height: 32px;
  width: 46px;
}

.file-gif {
  background-position: 0 -668px;
  height: 48px;
  width: 48px;
}

.file-image {
  background-position: 0 -716px;
  height: 48px;
  width: 48px;
}

.file-jpeg {
  background-position: 0 -764px;
  height: 48px;
  width: 48px;
}

.file-jpg {
  background-position: 0 -812px;
  height: 48px;
  width: 48px;
}

.file-m4a {
  background-position: 0 -860px;
  height: 60px;
  width: 59px;
}

.file-m4v {
  background-position: 0 -920px;
  height: 60px;
  width: 60px;
}

.file-mkv {
  background-position: 0 -980px;
  height: 60px;
  width: 60px;
}

.file-mmap {
  background-position: 0 -1040px;
  height: 48px;
  width: 48px;
}

.file-mov {
  background-position: 0 -1088px;
  height: 60px;
  width: 60px;
}

.file-mp3 {
  background-position: 0 -1148px;
  height: 60px;
  width: 60px;
}

.file-mp4 {
  background-position: 0 -1208px;
  height: 60px;
  width: 60px;
}

.file-mpeg {
  background-position: 0 -1268px;
  height: 60px;
  width: 60px;
}

.file-mpg {
  background-position: 0 -1328px;
  height: 60px;
  width: 60px;
}

.file-music {
  background-position: 0 -1388px;
  height: 48px;
  width: 48px;
}

.file-none {
  background-position: 0 -1436px;
  height: 60px;
  width: 60px;
}

.file-ogg {
  background-position: 0 -1496px;
  height: 60px;
  width: 60px;
}

.file-pdf {
  background-position: 0 -1556px;
  height: 60px;
  width: 60px;
}

.file-pic {
  background-position: 0 -1616px;
  height: 48px;
  width: 48px;
}

.file-png {
  background-position: 0 -1664px;
  height: 48px;
  width: 48px;
}

.file-ppt {
  background-position: 0 -1712px;
  height: 60px;
  width: 60px;
}

.file-pptx {
  background-position: 0 -1772px;
  height: 60px;
  width: 60px;
}

.file-rar {
  background-position: 0 -1832px;
  height: 60px;
  width: 60px;
}

.file-rm {
  background-position: 0 -1892px;
  height: 60px;
  width: 60px;
}

.file-rmvb {
  background-position: 0 -1952px;
  height: 60px;
  width: 60px;
}

.file-tif {
  background-position: 0 -2012px;
  height: 48px;
  width: 48px;
}

.file-ts {
  background-position: 0 -2060px;
  height: 60px;
  width: 60px;
}

.file-txt {
  background-position: 0 -2120px;
  height: 60px;
  width: 60px;
}

.file-video {
  background-position: 0 -2180px;
  height: 48px;
  width: 48px;
}

.file-wav {
  background-position: 0 -2228px;
  height: 60px;
  width: 60px;
}

.file-wma {
  background-position: 0 -2288px;
  height: 60px;
  width: 60px;
}

.file-wmv {
  background-position: 0 -2348px;
  height: 60px;
  width: 60px;
}

.file-xls {
  background-position: 0 -2408px;
  height: 60px;
  width: 60px;
}

.file-xlsx {
  background-position: 0 -2468px;
  height: 60px;
  width: 60px;
}

.file-zip {
  background-position: 0 -2528px;
  height: 60px;
  width: 60px;
}

@charset "UTF-8";
/*!
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.common-sprite, .common-action-delete, .common-all-active, .common-all-icon, .common-app-xxs-902, .common-approval, .common-arrow-down-3, .common-arrow-down-disabled, .common-arrow-down-hover-2t, .common-arrow-down-hover, .common-arrow-up-3, .common-arrow-up-disabled, .common-arrow-up-hover-2t, .common-arrow-up-hover, .common-arrow_bar_right, .common-arrow_bar_right_selected, .common-base-all-icon, .common-chart-default, .common-chart-hover, .common-chat, .common-checkbox-checked, .common-checkbox-default-disable, .common-checkbox-disabled, .common-checkbox, .common-closed, .common-crown, .common-dialog-closed, .common-dot, .common-drop-down, .common-drop-up, .common-enterprise_icon, .common-hand, .common-help, .common-icon-action-delete, .common-icon-app-micro-203, .common-icon-app-micro-400, .common-icon-app-micro-402, .common-icon-app-micro-500, .common-icon-app-micro-600, .common-icon-app-micro-901, .common-icon-approval, .common-icon-arrow-down-double, .common-icon-arrow-down-solid-blue, .common-icon-arrow-down-solid, .common-icon-arrow-up-double, .common-icon-arrow-up-solid-blue, .common-icon-arrow-up-solid, .common-icon-blue-angle-left, .common-icon-blue-triangle-down, .common-icon-blue-triangle-top, .common-icon-dark-angle-left, .common-icon-dark-triangle-down, .common-icon-delete-enabled, .common-icon-delete, .common-icon-dot-top, .common-icon-end, .common-icon-green-triangle-down, .common-icon-import-task, .common-icon-meet, .common-icon-milepost, .common-icon-minus, .common-icon-num, .common-icon-ok, .common-icon-plan-attachment, .common-icon-w-arrow-down-double, .common-icon-w-arrow-left-double, .common-icon-w-arrow-right-double, .common-icon-w-arrow-up-double, .common-icon-work-hour, .common-img-delete, .common-img-down, .common-img-left-dark, .common-img-left, .common-img-next-small, .common-img-origin, .common-img-pre-small, .common-img-right-dark, .common-img-right, .common-kefu, .common-light_v2, .common-line-bridge, .common-line-end-highlight, .common-line-end, .common-line-start-v2, .common-minus-square-grayscale, .common-minus-square-highlight, .common-minus-square, .common-new, .common-personal_img, .common-plus-square-grayscale, .common-plus-square-highlight, .common-plus-square, .common-position, .common-quotes-left, .common-quotes-right, .common-radio-checked, .common-radio-default, .common-radio-disable, .common-radio-hover, .common-radius-error, .common-radius-success, .common-right-delay, .common-right-small-default, .common-right-small-select, .common-right, .common-round-pen, .common-round-the-thumb, .common-task-follow, .common-task-quick, .common-upfile, .common-work, .common-zoom-in, .common-zoom-out, .icon-quotes-left, .icon-quotes-right, .icon-arrow-up, .icon-arrow-up:hover, .icon-arrow-down, .icon-arrow-down:hover, .feed_list_v2 .more_fl:hover .icon-arrow-down, .feed_item_box_v2 .down_fb:hover .icon-arrow-down, .icon-arrow-down-double, .icon-arrow-up-double, .icon-right, .icon-drop-down, .icon-drop-down:hover, .slide_fb:hover .icon-drop-down, .icon-drop-down-active, .icon-drop-up, .icon-drop-up:hover, .slide_fb:hover .icon-drop-up, .icon-drop-up-active, .icon-app-micro-203, .icon-app-micro-400, .icon-app-micro-402, .icon-app-micro-500, .icon-app-micro-600, .icon-app-micro-901, .checkbox, .checkbox:hover, .checkbox-checked, .checkbox-checked:hover, .checkbox-default-disable, .checkbox-disable, .checkbox-disable:hover, .radio, .radio:hover, .radio-checked, .radio-checked:hover, .radio-disable, .radio-disable:hover {
  background-image: url('../../../images/components/tita-widget/src/common-s9badd02425.png');
  background-repeat: no-repeat;
}

.common-action-delete {
  background-position: 0 -21px;
}
.common-action-delete:hover, .common-action-delete.action-delete-hover {
  background-position: 0 0;
}

.common-all-active {
  background-position: 0 -42px;
}

.common-all-icon {
  background-position: 0 -52px;
}

.common-app-xxs-902 {
  background-position: 0 -62px;
}

.common-approval {
  background-position: 0 -78px;
}

.common-arrow-down-3 {
  background-position: 0 -96px;
}

.common-arrow-down-disabled {
  background-position: 0 -103px;
}

.common-arrow-down-hover-2t {
  background-position: 0 -110px;
}

.common-arrow-down-hover {
  background-position: 0 -117px;
}

.common-arrow-up-3 {
  background-position: 0 -124px;
}

.common-arrow-up-disabled {
  background-position: 0 -131px;
}

.common-arrow-up-hover-2t {
  background-position: 0 -138px;
}

.common-arrow-up-hover {
  background-position: 0 -145px;
}

.common-arrow_bar_right {
  background-position: 0 -152px;
}

.common-arrow_bar_right_selected {
  background-position: 0 -163px;
}

.common-base-all-icon {
  background-position: 0 -174px;
}

.common-chart-default {
  background-position: 0 -354px;
}

.common-chart-hover {
  background-position: 0 -377px;
}

.common-chat {
  background-position: 0 -426px;
}
.common-chat:hover, .common-chat.chat-hover {
  background-position: 0 -413px;
}
.common-chat:active, .common-chat.chat-active {
  background-position: 0 -400px;
}

.common-checkbox-checked {
  background-position: 0 -456px;
}
.common-checkbox-checked:hover, .common-checkbox-checked.checkbox-checked-hover {
  background-position: 0 -439px;
}

.common-checkbox-default-disable {
  background-position: 0 -473px;
}

.common-checkbox-disabled {
  background-position: 0 -490px;
}

.common-checkbox {
  background-position: 0 -524px;
}
.common-checkbox:hover, .common-checkbox.checkbox-hover {
  background-position: 0 -507px;
}

.common-closed {
  background-position: 0 -541px;
}

.common-crown {
  background-position: 0 -553px;
}

.common-dialog-closed {
  background-position: 0 -585px;
}
.common-dialog-closed:hover, .common-dialog-closed.dialog-closed-hover {
  background-position: 0 -572px;
}

.common-dot {
  background-position: 0 -598px;
}

.common-drop-down {
  background-position: 0 -619px;
}
.common-drop-down:hover, .common-drop-down.drop-down-hover {
  background-position: 0 -612px;
}
.common-drop-down:active, .common-drop-down.drop-down-active {
  background-position: 0 -605px;
}

.common-drop-up {
  background-position: 0 -640px;
}
.common-drop-up:hover, .common-drop-up.drop-up-hover {
  background-position: 0 -633px;
}
.common-drop-up:active, .common-drop-up.drop-up-active {
  background-position: 0 -626px;
}

.common-enterprise_icon {
  background-position: 0 -647px;
}

.common-hand {
  background-position: 0 -685px;
}
.common-hand:hover, .common-hand.hand-hover {
  background-position: 0 -672px;
}
.common-hand:active, .common-hand.hand-active {
  background-position: 0 -659px;
}

.common-help {
  background-position: 0 -698px;
}

.common-icon-action-delete {
  background-position: 0 -727px;
}
.common-icon-action-delete:hover, .common-icon-action-delete.icon-action-delete-hover {
  background-position: 0 -712px;
}

.common-icon-app-micro-203 {
  background-position: 0 -742px;
}

.common-icon-app-micro-400 {
  background-position: 0 -758px;
}

.common-icon-app-micro-402 {
  background-position: 0 -774px;
}

.common-icon-app-micro-500 {
  background-position: 0 -790px;
}

.common-icon-app-micro-600 {
  background-position: 0 -806px;
}

.common-icon-app-micro-901 {
  background-position: 0 -822px;
}

.common-icon-approval {
  background-position: 0 -838px;
}

.common-icon-arrow-down-double {
  background-position: 0 -858px;
}

.common-icon-arrow-down-solid-blue {
  background-position: 0 -865px;
}

.common-icon-arrow-down-solid {
  background-position: 0 -870px;
}

.common-icon-arrow-up-double {
  background-position: 0 -875px;
}

.common-icon-arrow-up-solid-blue {
  background-position: 0 -882px;
}

.common-icon-arrow-up-solid {
  background-position: 0 -887px;
}

.common-icon-blue-angle-left {
  background-position: 0 -892px;
}

.common-icon-blue-triangle-down {
  background-position: 0 -912px;
}

.common-icon-blue-triangle-top {
  background-position: 0 -918px;
}

.common-icon-dark-angle-left {
  background-position: 0 -924px;
}

.common-icon-dark-triangle-down {
  background-position: 0 -944px;
}

.common-icon-delete-enabled {
  background-position: 0 -950px;
}

.common-icon-delete {
  background-position: 0 -980px;
}
.common-icon-delete:hover, .common-icon-delete.icon-delete-hover {
  background-position: 0 -965px;
}

.common-icon-dot-top {
  background-position: 0 -995px;
}

.common-icon-end {
  background-position: 0 -999px;
}

.common-icon-green-triangle-down {
  background-position: 0 -1007px;
}

.common-icon-import-task {
  background-position: 0 -1027px;
}
.common-icon-import-task:hover, .common-icon-import-task.icon-import-task-hover {
  background-position: 0 -1013px;
}

.common-icon-meet {
  background-position: 0 -1041px;
}

.common-icon-milepost {
  background-position: 0 -1061px;
}

.common-icon-minus {
  background-position: 0 -1073px;
}

.common-icon-num {
  background-position: 0 -1084px;
}

.common-icon-ok {
  background-position: 0 -1093px;
}

.common-icon-plan-attachment {
  background-position: 0 -1113px;
}

.common-icon-w-arrow-down-double {
  background-position: 0 -1126px;
}

.common-icon-w-arrow-left-double {
  background-position: 0 -1133px;
}

.common-icon-w-arrow-right-double {
  background-position: 0 -1140px;
}

.common-icon-w-arrow-up-double {
  background-position: 0 -1147px;
}

.common-icon-work-hour {
  background-position: 0 -1154px;
}

.common-img-delete {
  background-position: 0 -1175px;
}

.common-img-down {
  background-position: 0 -1187px;
}

.common-img-left-dark {
  background-position: 0 -1198px;
}

.common-img-left {
  background-position: 0 -1242px;
}

.common-img-next-small {
  background-position: 0 -1286px;
}

.common-img-origin {
  background-position: 0 -1298px;
}

.common-img-pre-small {
  background-position: 0 -1309px;
}

.common-img-right-dark {
  background-position: 0 -1321px;
}

.common-img-right {
  background-position: 0 -1365px;
}

.common-kefu {
  background-position: 0 -1430px;
}
.common-kefu:hover, .common-kefu.kefu-hover {
  background-position: 0 -1409px;
}

.common-light_v2 {
  background-position: 0 -1451px;
}

.common-line-bridge {
  background-position: 0 -1471px;
}

.common-line-end-highlight {
  background-position: 0 -1513px;
}

.common-line-end {
  background-position: 0 -1565px;
}

.common-line-start-v2 {
  background-position: 0 -1617px;
}

.common-minus-square-grayscale {
  background-position: 0 -1669px;
}

.common-minus-square-highlight {
  background-position: 0 -1683px;
}

.common-minus-square {
  background-position: 0 -1697px;
}

.common-new {
  background-position: 0 -1711px;
}

.common-personal_img {
  background-position: 0 -1726px;
}

.common-plus-square-grayscale {
  background-position: 0 -1738px;
}

.common-plus-square-highlight {
  background-position: 0 -1752px;
}

.common-plus-square {
  background-position: 0 -1766px;
}

.common-position {
  background-position: 0 -1780px;
}

.common-quotes-left {
  background-position: 0 -1796px;
}

.common-quotes-right {
  background-position: 0 -1807px;
}

.common-radio-checked {
  background-position: 0 -1835px;
}
.common-radio-checked:hover, .common-radio-checked.radio-checked-hover {
  background-position: 0 -1818px;
}

.common-radio-default {
  background-position: 0 -1852px;
}

.common-radio-disable {
  background-position: 0 -1869px;
}

.common-radio-hover {
  background-position: 0 -1886px;
}

.common-radius-error {
  background-position: 0 -1919px;
}
.common-radius-error:hover, .common-radius-error.radius-error-hover {
  background-position: 0 -1903px;
}

.common-radius-success {
  background-position: 0 -1951px;
}
.common-radius-success:hover, .common-radius-success.radius-success-hover {
  background-position: 0 -1935px;
}

.common-right-delay {
  background-position: 0 -1967px;
}

.common-right-small-default {
  background-position: 0 -1980px;
}

.common-right-small-select {
  background-position: 0 -1987px;
}

.common-right {
  background-position: 0 -1994px;
}

.common-round-pen {
  background-position: 0 -2007px;
}

.common-round-the-thumb {
  background-position: 0 -2057px;
}
.common-round-the-thumb:active, .common-round-the-thumb.round-the-thumb-active {
  background-position: 0 -2027px;
}

.common-task-follow {
  background-position: 0 -2108px;
}
.common-task-follow:hover, .common-task-follow.task-follow-hover {
  background-position: 0 -2087px;
}

.common-task-quick {
  background-position: 0 -2129px;
}

.common-upfile {
  background-position: 0 -2326px;
}
.common-upfile:hover, .common-upfile.upfile-hover {
  background-position: 0 -2309px;
}

.common-work {
  background-position: 0 -2359px;
}
.common-work:target, .common-work.work-target {
  background-position: 0 -2343px;
}

.common-zoom-in {
  background-position: 0 -2375px;
}

.common-zoom-out {
  background-position: 0 -2404px;
}

/*$btnPrimaryBackground:              #4797de !default;
$btnPrimaryBackgroundHighlight:     adjust-hue($btnPrimaryBackground, 20%) !default;

$btnInfoBackground:                 #5bc0de !default;
$btnInfoBackgroundHighlight:        #2f96b4 !default; */
/* $btnWarningBackground:              lighten($orange, 15%) !default;
$btnWarningBackgroundHighlight:     $orange !default;

$btnDangerBackground:               #ee5f5b !default;
$btnDangerBackgroundHighlight:      #bd362f !default;

$btnInverseBackground:              #444 !default;
$btnInverseBackgroundHighlight:     $grayDarker !default; */
/*$btnPrimaryBackground:              #4797de !default;
$btnPrimaryBackgroundHighlight:     adjust-hue($btnPrimaryBackground, 20%) !default;

$btnInfoBackground:                 #5bc0de !default;
$btnInfoBackgroundHighlight:        #2f96b4 !default; */
/* $btnWarningBackground:              lighten($orange, 15%) !default;
$btnWarningBackgroundHighlight:     $orange !default;

$btnDangerBackground:               #ee5f5b !default;
$btnDangerBackgroundHighlight:      #bd362f !default;

$btnInverseBackground:              #444 !default;
$btnInverseBackgroundHighlight:     $grayDarker !default; */
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

.caret-top {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-bottom: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

.cursor-pointer {
  cursor: pointer;
}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: middle;
  background-repeat: no-repeat;
}

/* .icon-superadmin    {width:25px;height:19px; @include common-sprite(crown)}
.icon-v             {width:15px;height:14px; @include common-sprite(v)}
.icon-search 		{
						width:17px;height:17px; @include common-sprite(search);cursor: pointer;
						&:hover{
							@include common-sprite(search-hover);
						}
					} 
.icon-lock 		    {width:11px;height:11px; @include common-sprite(lock); }
.icon-at 		    {
						width:16px;height:16px; cursor: pointer;background: url(../../../images/components/tita-widget/dist/common/at-v4.png) no-repeat 0 0;
						&:hover{
							background: url(../../../images/components/tita-widget/dist/common/at-hover-v4.png) no-repeat 0 0;
						}
					}*/
.icon-quotes-left {
  width: 16px;
  height: 11px;
  background-position: 0 -1796px;
}

.icon-quotes-right {
  width: 16px;
  height: 11px;
  background-position: 0 -1807px;
}

/* .icon-arrow-left    {
						width:7px;height:11px; @include common-sprite(arrow-left);cursor: pointer;
						&:hover{
							@include common-sprite(arrow-left-hover);
						}
					} */
/* .icon-arrow-left-2t {
						width:7px;height:11px; @include common-sprite(arrow-left);cursor: pointer;
						&:hover{
							@include common-sprite(arrow-left-hover-2t);
						}
					}
.icon-arrow-left-disabled{
						width:7px;height:11px;@include common-sprite(arrow-left-disabled);cursor: default;
						&:hover{
							@include common-sprite(arrow-left-disabled);
						}
					}
					

.icon-arrow-right   {
						width:7px;height:11px; @include common-sprite(arrow-right);cursor: pointer;
						&:hover{
							@include common-sprite(arrow-right-hover);
						}
					}
.icon-arrow-right-2t{
						width:7px;height:11px; @include common-sprite(arrow-right);cursor: pointer;
						&:hover{
							@include common-sprite(arrow-right-hover-2t);
						}
					}

.icon-arrow-right-disabled{
						width:7px;height:11px;@include common-sprite(arrow-right-disabled);cursor: default;
						&:hover{
							@include common-sprite(arrow-right-disabled);
						}
					} */
.icon-arrow-up {
  width: 11px;
  height: 7px;
  background-position: 0 -124px;
  cursor: pointer;
}
.icon-arrow-up:hover {
  background-position: 0 -145px;
}

.icon-arrow-down {
  width: 11px;
  height: 7px;
  background-position: 0 -96px;
  cursor: pointer;
}
.icon-arrow-down:hover, .feed_list_v2 .more_fl:hover .icon-arrow-down, .feed_item_box_v2 .down_fb:hover .icon-arrow-down {
  background-position: 0 -117px;
}

/*.icon-arrow-up-2t 	{
						width:11px;height:7px; @include common-sprite(arrow-up-3);cursor: pointer;
						&:hover{
							@include common-sprite(arrow-up-hover-2t);
						}
					}
.icon-arrow-up-disabled{
						width:11px;height:7px; @include common-sprite(arrow-up-disabled);cursor: default;
						&:hover{
							@include common-sprite(arrow-up-disabled);
						}
					}


.icon-arrow-down-2t {
						width:11px;height:7px; @include common-sprite(arrow-down-3);cursor: pointer;
						&:hover{
							@include common-sprite(arrow-down-hover-2t);
						}
					}

.icon-arrow-down-disabled{
						width:11px;height:7px; @include common-sprite(arrow-down-disabled);cursor: default;
						&:hover{
							@include common-sprite(arrow-down-disabled);
						}
					}

.icon-arrow-down-blue-disabled 	{
						width:11px;height:7px; @include common-sprite(arrow-down-hover);cursor: pointer;
					}

.icon-arrow-up-blue-disabled 	{
						width:11px;height:7px; @include common-sprite(arrow-up-hover);cursor: pointer;
					}*/
.icon-arrow-down-double {
  width: 7px;
  height: 7px;
  background-position: 0 -858px;
}

.icon-arrow-up-double {
  width: 7px;
  height: 7px;
  background-position: 0 -875px;
}

/*.icon-arrow-left-double{
	width:7px;
	height:7px;
	@include common-sprite(icon-arrow-left-double);
}
.icon-arrow-right-double{
	width:7px;
	height:7px;
	@include common-sprite(icon-arrow-right-double);
}
.icon-w-arrow-down-double{
	cursor:pointer;
	width:7px;
	height:7px;
	@include common-sprite(icon-w-arrow-down-double);
}
.icon-w-arrow-up-double{
	cursor:pointer;
	width:7px;
	height:7px;
	@include common-sprite(icon-w-arrow-up-double);
}
.icon-w-arrow-left-double{
	cursor:pointer;
	width:7px;
	height:7px;
	@include common-sprite(icon-w-arrow-left-double);
}
.icon-w-arrow-right-double{
	cursor:pointer;
	width:7px;
	height:7px;
	@include common-sprite(icon-w-arrow-right-double);
} */
/* .icon-closed                     {width:12px;height:12px;@include common-sprite(closed);}

.icon-light                     {width:12px;height:20px;@include common-sprite(light_v2);}

.icon-radius-success                     {width:16px;height:16px;@include common-sprite(radius-success);}

.icon-radius-error                   {width:16px;height:16px;@include common-sprite(radius-error);}

.icon-radius-success-over				{width:16px;height:16px;@include common-sprite(radius-success);
											&:hover{
												@include common-sprite(radius-success-hover);
											}
										}
.icon-radius-error-over				{width:16px;height:16px;@include common-sprite(radius-error);
											&:hover{
												@include common-sprite(radius-error-hover);
											}
										}
										
.icon-dialog-closed             {cursor:pointer;width:13px;height:13px;@include common-sprite(dialog-closed);
									&:hover{
										@include common-sprite(dialog-closed-hover);
									}
								}
.icon-dialog-closed-warn        {width:13px;height:13px;@include common-sprite(dialog-closed-hover);cursor: pointer;}
.icon-dialog-closed-warn        {width:13px;height:13px;@include common-sprite(dialog-closed-hover);cursor: pointer;}

.icon-star-default        {width:15px;height:14px;@include common-sprite(start-default);}
.icon-star-half        {width:15px;height:14px;@include common-sprite(star-half);}
.icon-star-full        {width:15px;height:14px;@include common-sprite(star-full);}

.icon-star-m-default{cursor:pointer;width:18px;height:18px;@include common-sprite(icon-star-m);&:hover{@include common-sprite(icon-star-m-hover);}}
.icon-star-m-disabled{width:18px;height:18px;@include common-sprite(icon-star-m);}
.icon-star-m-half-active{width:18px;height:18px;@include common-sprite(icon-star-m-half-active);}
.icon-star-m-active{width:18px;height:18px;@include common-sprite(icon-star-m-active);}
.icon-star-m-hover{width:18px;height:18px;@include common-sprite(icon-star-m-hover);}

.icon-star-half-mid        {width:20px;height:18px;@include common-sprite(star-half-mid);}
.icon-star-full-mid        {width:20px;height:18px;@include common-sprite(star-full-mid);}*/
.icon-right {
  width: 16px;
  height: 13px;
  background-position: 0 -1994px;
}

/*.icon-right-small-default       {width:9px;height:7px;@include common-sprite(right-small-default);}
.icon-right-small-select       {width:9px;height:7px;@include common-sprite(right-small-select);}
.icon-right-small-checked       {width:9px;height:7px;@include common-sprite(checkbox-checked);}
.icon-right-delay        {width:16px;height:13px;@include common-sprite(right-delay);cursor: pointer;}

.icon-score-good-one {width:9px;height:7px;@include common-sprite(checkbox-checked);}
.icon-score-good-two {width:9px;height:7px;@include common-sprite(checkbox-checked);}
.icon-score-good-three {width:9px;height:7px;@include common-sprite(checkbox-checked);}

.icon-kefu        {width:21px;height:21px;@include common-sprite(kefu);}
.icon-kefu-hover  {width:21px;height:21px;@include common-sprite(kefu-hover);}

.icon-add-big        {width:28px;height:28px;@include common-sprite(add-person);}
.icon-plus-square    {width:14px;height:14px;@include common-sprite(plus-square);}
.icon-minus-square   {width:14px;height:14px;@include common-sprite(minus-square);}
.icon-file-closed    {width:26px;height:21px;@include common-sprite(file-closed);}
.icon-file-open    {width:26px;height:21px;@include common-sprite(file-open);}
.icon-work-small {width:15px;height:16px;@include common-sprite(work);}
.icon-work-target {width:15px;height:16px;@include common-sprite(work-target);}
.icon-work-position {width:15px;height:16px;@include common-sprite(position);}
.icon-new{width:24px;height:15px;@include common-sprite(new);}
.icon-enterprise_icon{width:12px;height:12px;@include common-sprite(enterprise_icon);}
.icon-personal_img{width:12px;height:12px;@include common-sprite(personal_img);}
.icon-help{width:14px;height:14px;@include common-sprite(help);}
.icon-lock-thin{width:8px;height:11px;@include common-sprite(lock-thin);}
 */
/* .icon-action-delete-over {width:16px;height:21px;@include common-sprite(action-delete);
						&:hover{@include common-sprite(action-delete-hover);}
					}

.icon-action-doing-over {width:18px;height:20px;@include common-sprite(acion-doing);
						&:hover{@include common-sprite(acion-doing-hover);}
					}
.icon-action-pause-over{
	width:21px;height:21px;@include common-sprite(acion-pause);
	&:hover{
		@include common-sprite(acion-pause-hover);
	}
}
.icon-action-pause-disabled{
	width:21px;height:21px;@include common-sprite(acion-pause-disabled);
	&:hover{
		@include common-sprite(acion-pause-disabled);
	}
}
.icon-action-doing-disabled{width:18px;height:20px;@include common-sprite(acion-doing-disabled);
										&:hover{@include common-sprite(acion-doing-disabled);}
					}

.icon-action-cancel-over {width:17px;height:17px;@include common-sprite(action-cancel);
						&:hover{@include common-sprite(action-cancel-hover);}
					}
.icon-action-cancel-disabled{width:17px;height:17px;@include common-sprite(action-cancel-disabled);
								&:hover{@include common-sprite(action-cancel-disabled);}
					}
.icon-action-delay-over {width:21px;height:21px;@include common-sprite(action-delay);
						&:hover{@include common-sprite(action-delay-hover);}
					}
.icon-action-delay-disabled{width:21px;height:21px;@include common-sprite(action-delay-disabled);
										&:hover{@include common-sprite(action-delay-disabled);}
					}
.icon-action-done-over {width:21px;height:21px;@include common-sprite(action-done);
						&:hover{@include common-sprite(action-done-hover);}
					}
.icon-action-done-disabled{width:21px;height:21px;@include common-sprite(action-done-disabled);
										&:hover{@include common-sprite(action-done-disabled);}
					}
.icon-action-undo-over {width:21px;height:21px;@include common-sprite(action-undo);
						&:hover{@include common-sprite(action-undo-hover);}
					}
.icon-action-undo-disabled{width:21px;height:21px;@include common-sprite(action-undo-disabled);
										&:hover{@include common-sprite(action-undo-disabled);}
					}


.icon-action-alarm-clock-over {width:22px;height:21px;@include common-sprite(alarm-clock);
						&:hover{@include common-sprite(alarm-clock-hover);}
					}
.icon-action-alarm-clock-highlight-over {width:22px;height:21px;@include common-sprite(alarm-clock-highlight);
						&:hover{@include common-sprite(alarm-clock-highlight-hover);}
					}
.icon-action-star-over {width:21px;height:21px;@include common-sprite(action-star-default);
						&:hover{@include common-sprite(action-star-hover);}
					}
.icon-action-star-highlight-over {width:21px;height:21px;@include common-sprite(action-star-highlight);
						&:hover{@include common-sprite(action-star-highlight-hover);}
					}
.icon-round-pen{width:20px;height:20px;@include common-sprite(round-pen);}
.icon-round-down-end{width:20px;height:20px;@include common-sprite(round-down-end);}
.icon-round-up-star{width:20px;height:20px;@include common-sprite(round-up-star);}
.icon-round-the-thumb{width:30px;height:30px;@include common-sprite(round-the-thumb);}
.icon-round-the-thumb-active{width:30px;height:30px;@include common-sprite(round-the-thumb-active);}

.icon-love{width:14px;height:12px;@include common-sprite(love);
	&:hover{@include common-sprite(love-hover);}
}
.icon-love-active{width:14px;height:12px;@include common-sprite(love-active);}

.icon-line-start{width:20px;height:52px;background-image: url(../../../images/components/tita-widget/dist/common/line-start-v2.png);background-position: center center}
.icon-line-end{width:20px;height:52px;background-image: url(../../../images/components/tita-widget/dist/common/line-end.png);background-position: center center}
.icon-line-bridge{width:20px;height:52px;background-image: url(../../../images/components/tita-widget/dist/common/line-bridge.png);background-position: center center}
.icon-line-end-highlight{width:20px;height:52px;background-image: url(../../../images/components/tita-widget/dist/common/line-end-highlight.png);background-position: center center}


.icon-hand{width:14px;height:13px;@include common-sprite(hand);
	&:hover{@include common-sprite(hand-hover);}
}
.icon-hand-active{width:14px;height:13px;@include common-sprite(hand-active);}

.icon-zoom-in{width:29px;height:29px;@include common-sprite(zoom-in);}
.icon-zoom-out{width:29px;height:29px;@include common-sprite(zoom-out);}
.icon-img-delete{width:11px;height:12px;@include common-sprite(img-delete);}
.icon-img-down{width:9px;height:11px;@include common-sprite(img-down);}
.icon-img-origin{width:11px;height:11px;@include common-sprite(img-origin);}
.icon-img-next-small{width:21px;height:12px;@include common-sprite(img-next-small);}
.icon-img-pre-small{width:21px;height:12px;@include common-sprite(img-pre-small);}
.icon-img-left{width:26px;height:44px;@include common-sprite(img-left);}
.icon-img-right{width:26px;height:44px;@include common-sprite(img-right);}
.icon-img-left-dark{width:26px;height:44px;@include common-sprite(img-left-dark);}
.icon-img-right-dark{width:26px;height:44px;@include common-sprite(img-right-dark);}

/* .icon-action-delete{
	width:13px;
	height:15px;
	@include common-sprite(icon-action-delete);
	&:hover{
		@include common-sprite(icon-action-delete-hover);
	}
}
.icon-action-delete-active{
	width:13px;
	height:15px;
	@include common-sprite(icon-action-delete-hover);
}


.icon-action-cycle{
	width:19px;
	height:16px;
	@include common-sprite(action-cycle-default);
}

.icon-action-cycle-active{
	width:19px;
	height:16px;
	@include common-sprite(action-cycle-active);
}

.icon-task-cycle{
	width:15px;
	height:11px;
	@include common-sprite(icon-task-cycle);
	&:hover{
		@include common-sprite(icon-task-cycle-active);
	}
}
 .icon-plan-meeting{
 	width:13px;
 	height:13px;
 	@include common-sprite(icon-plan-meeting);
 }
 .icon-plan-summarize{
 	width:14px;
 	height:13px;
 	@include common-sprite(icon-plan-summarize);
 }
 .icon-plan-talk{
 	width:14px;
 	height:13px;
 	@include common-sprite(icon-plan-talk);
 }
 .icon-plan-task{
 	width:14px;
 	height:13px;
 	@include common-sprite(icon-plan-task);
 }
 .icon-plan-trip{
 	width:13px;
 	height:13px;
 	@include common-sprite(icon-plan-trip);
 }
 .icon-plan-attachment{
 	width:12px;
 	height:13px;
 	@include common-sprite(icon-plan-attachment);
 }


 .icon-delete{
 	cursor:pointer;
 	width:13px;
 	height:15px;
 	@include common-sprite(icon-delete);
 	&:hover{
 		@include common-sprite(icon-delete-hover);
 	}
 }
 .icon-delete-disabled{
 	width:13px;
 	height:15px;
 	@include common-sprite(icon-delete);
 }
 .icon-delete-enabled{
 	cursor:pointer;
 	width:13px;
 	height:15px;
 	@include common-sprite(icon-delete-enabled);
 	&:hover{
 		@include common-sprite(icon-delete-hover);
 	}
 }
 .icon-delete-hover{
 	width:13px;
 	height:15px;
 	@include common-sprite(icon-delete-hover);
 }
.icon-star{
	cursor:pointer;
 	width:16px;
 	height:16px;
 	@include common-sprite(icon-star);
 	&:hover{@include common-sprite(icon-star-hover);}
 
}
.icon-star-active{
	cursor:pointer;
 	width:16px;
 	height:16px;
 	@include common-sprite(icon-star-active);
 } 
 .icon-clock{
 	cursor:pointer;
 	width:13px;
 	height:14px;
 	@include common-sprite(icon-clock);
 }

.icon-clock-active{
	cursor:pointer;
 	width:13px;
 	height:14px;
 	@include common-sprite(icon-clock-active);
 }
.icon-task-close{
	cursor:pointer;
 	width:9px;
 	height:9px;
 	@include common-sprite(icon-task-close);
 }
.icon-travel{
	width:12px;
	height:12px;
	@include common-sprite(travel-icon);
}

.icon-all{
	width:12px;
	height:10px;
	@include common-sprite(all-icon);
}
.icon-all-active{
	width:12px;
	height:10px;
	@include common-sprite(all-active);
}


.icon-approval{
	width:32px;
 	height:18px;
 	@include common-sprite(approval);
}
.icon-end{width:8px;height:8px;@include common-sprite(icon-end);}
.icon-ok{width:20px;height:20px;@include common-sprite(icon-ok);}*/
.icon-drop-down {
  width: 8px;
  height: 7px;
  background-position: 0 -619px;
}
.icon-drop-down:hover, .slide_fb:hover .icon-drop-down, .icon-drop-down.drop-down-hover {
  background-position: 0 -612px;
}
.icon-drop-down:active, .icon-drop-down.drop-down-active {
  background-position: 0 -605px;
}
.icon-drop-down:hover, .slide_fb:hover .icon-drop-down {
  background-position: 0 -612px;
}

.icon-drop-down-active {
  width: 8px;
  height: 7px;
  background-position: 0 -605px;
}

.icon-drop-up {
  width: 8px;
  height: 7px;
  background-position: 0 -640px;
}
.icon-drop-up:hover, .slide_fb:hover .icon-drop-up, .icon-drop-up.drop-up-hover {
  background-position: 0 -633px;
}
.icon-drop-up:active, .icon-drop-up.drop-up-active {
  background-position: 0 -626px;
}
.icon-drop-up:hover, .slide_fb:hover .icon-drop-up {
  background-position: 0 -633px;
}

.icon-drop-up-active {
  width: 8px;
  height: 7px;
  background-position: 0 -626px;
}

/* .icon-work-hour{
	width:20px;
	height:21px;
	@include common-sprite(icon-work-hour);
}
.icon-work-hour-small{
	width:13px;
	height:15px;
	@include common-sprite(work-hour-small);
}



.icon-quit-task{
	width:20px;
	height:20px;
	cursor:pointer;
	@include common-sprite(icon-quit-task);
	&:hover{
		@include common-sprite(icon-quit-task-hover);
	}
}




.icon-task-during{
	width:15px;
	height:15px;
	@include common-sprite(icon-task-during);
}
.icon-task-during-active{
	width:15px;
	height:15px;
	@include common-sprite(icon-task-during-active);
}
.icon-task-txt{
	width:16px;
	height:16px;
	@include common-sprite(icon-task-txt);
}
.icon-task-creater{
	width:16px;
	height:16px;
	@include common-sprite(icon-task-creater);
	cursor:pointer;
} */
.icon-app-micro-203 {
  width: 15px;
  height: 16px;
  background-position: 0 -742px;
}

.icon-app-micro-400 {
  width: 15px;
  height: 16px;
  background-position: 0 -758px;
}

.icon-app-micro-402 {
  width: 15px;
  height: 16px;
  background-position: 0 -774px;
}

.icon-app-micro-500 {
  width: 15px;
  height: 16px;
  background-position: 0 -790px;
}

.icon-app-micro-600 {
  width: 15px;
  height: 16px;
  background-position: 0 -806px;
}

.icon-app-micro-901 {
  width: 15px;
  height: 16px;
  background-position: 0 -822px;
}

/* .icon-task-follow{
	width:16px;
	height:21px;
	cursor:pointer;
	@include common-sprite(task-follow);
	&:hover{
		@include common-sprite(task-follow-hover);
	}
}
.icon-task-followed{
	width:16px;
	height:21px;
	cursor:pointer;
	@include common-sprite(task-follow-hover);
} */
p {
  margin: 0;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

cite {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 16px;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999;
}

h1,
h2,
h3 {
  line-height: 32px;
}

h1 {
  font-size: 38.5px;
}

h2 {
  font-size: 31.5px;
}

h3 {
  font-size: 24.5px;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

ul, ol {
  padding: 0;
  list-style: none outside none;
  margin: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

dl, dd {
  margin: 0;
}

dt,
dd {
  line-height: 16px;
}

.checkbox {
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  text-align: left;
  border: none;
  cursor: pointer;
  background-position: 0 -524px;
}
.checkbox:hover, .checkbox.checkbox-hover {
  background-position: 0 -507px;
}
.checkbox:hover {
  background-position: 0 -507px;
}

.checkbox-checked {
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  text-align: left;
  border: none;
  cursor: pointer;
  background-position: 0 -456px;
}
.checkbox-checked:hover, .checkbox-checked.checkbox-checked-hover {
  background-position: 0 -439px;
}
.checkbox-checked:hover {
  background-position: 0 -439px;
}

.checkbox-default-disable {
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  text-align: left;
  border: none;
  cursor: default;
  background-position: 0 -473px;
}

.checkbox-disable {
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  text-align: left;
  border: none;
  cursor: default;
  background-position: 0 -490px;
}
.checkbox-disable:hover {
  background-position: 0 -490px;
}

[class^="radio-"],
[class*=" radio-"] {
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.radio {
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-position: 0 -1852px;
}
.radio:hover {
  background-position: 0 -1886px;
}

.radio-checked {
  background-position: 0 -1835px;
}
.radio-checked:hover, .radio-checked.radio-checked-hover {
  background-position: 0 -1818px;
}
.radio-checked:hover {
  background-position: 0 -1818px;
}

.radio-disable {
  background-position: 0 -1869px;
  cursor: default;
}
.radio-disable:hover {
  background-position: 0 -1869px;
}

.input-default {
  padding: 2px 10px 2px 10px;
  border: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  background-color: #fff;
  position: relative;
  border-radius: 3px;
}
.input-default label {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 26px;
  line-height: 26px;
  text-indent: 12px;
  font-size: 14px;
  color: #c5c5c5;
  border-color: transparent;
  cursor: text;
  padding: 2px 0;
}
.input-default input {
  width: 100%;
  border: 0 none;
  color: #c5c5c5;
  background-color: transparent;
}
.input-default textarea {
  width: 100%;
  border: 0 none;
  color: #c5c5c5;
  background-color: transparent;
  overflow-x: hidden;
  overflow-y: auto;
}

.input-focus {
  border: 1px solid #2d83cf;
}
.input-focus input, .input-focus textarea {
  color: #36434D;
}

.input-blur {
  border: 1px solid #dddddd;
  background-color: #fff;
}
.input-blur input, .input-blur textarea {
  color: #333333;
}

.input-success {
  border: 1px solid #58c583;
  background-color: #edf7ee;
}
.input-success input, .input-success textarea {
  color: #333333;
}

.input-error {
  border: 1px solid #ff4343;
  background-color: #fff2f2;
}
.input-error input, .input-error textarea {
  color: #333333;
}

.input-disable {
  background-color: #eeeeee;
  cursor: default;
}
.input-disable input {
  color: #c5c5c5;
}
.input-disable textarea {
  color: #c5c5c5;
  cursor: default;
}

.search-form-list {
  width: 200px;
}
.search-form-list .input-default {
  position: relative;
  padding-right: 42px;
  border-left-width: 1px;
}
.search-form-list .button_sfl {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 28px;
  padding-top: 7px;
  text-align: center;
  vertical-align: middle;
  line-height: 0;
  overflow: hidden;
}

.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 6px 18px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 14px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #dddddd;
  border-radius: 3px;
  background-color: #f2f2f2;
  background-image: -moz-linear-gradient(top, #f5f5f5, #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #eeeeee);
  background-image: -o-linear-gradient(top, #f5f5f5, #eeeeee);
  background-image: linear-gradient(to bottom, #f5f5f5, #eeeeee);
  background-repeat: repeat-x;
  color: #555555;
  *margin-left: .3em;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  color: #555555;
  background-color: #fff;
  background-image: none;
  border-color: #8a8a8a;
}

.btn-sure {
  border: 1px solid #4797de;
  border-radius: 3px;
  background-color: #509fe5;
  background-color: #51a1e8;
  background-image: -moz-linear-gradient(top, #509fe5, #53a4ec);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#509fe5), to(#53a4ec));
  background-image: -webkit-linear-gradient(top, #509fe5, #53a4ec);
  background-image: -o-linear-gradient(top, #509fe5, #53a4ec);
  background-image: linear-gradient(to bottom, #509fe5, #53a4ec);
  background-repeat: repeat-x;
  color: #fff;
}
.btn-sure:link, .btn-sure:active {
  color: #fff;
}
.btn-sure:hover {
  background-color: #2d83cf;
  border-color: #2d83cf;
  background-image: none;
  color: #fff;
}

.btn-cancel {
  color: #555555;
  border: 1px solid #dddddd;
  border-radius: 3px;
  background-color: #fff;
  background-color: white;
  background-image: -moz-linear-gradient(top, #fff, #fff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff));
  background-image: -webkit-linear-gradient(top, #fff, #fff);
  background-image: -o-linear-gradient(top, #fff, #fff);
  background-image: linear-gradient(to bottom, #fff, #fff);
  background-repeat: repeat-x;
}
.btn-cancel:hover {
  color: #333333;
  background-color: #fff;
  background-image: none;
  border-color: #8a8a8a;
}

.btn-success {
  border: 1px solid #56c180;
  background-color: #58c853;
  background-color: #5acb87;
  background-image: -moz-linear-gradient(top, #5ccf89, #58c583);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5ccf89), to(#58c583));
  background-image: -webkit-linear-gradient(top, #5ccf89, #58c583);
  background-image: -o-linear-gradient(top, #5ccf89, #58c583);
  background-image: linear-gradient(to bottom, #5ccf89, #58c583);
  background-repeat: repeat-x;
  color: #fff;
}
.btn-success:hover {
  background-color: #17a251;
  border-color: #17a251;
  background-image: none;
  color: #fff;
}

.btn-warning {
  border: 1px solid #ff9c00;
  background-color: #ff9c00;
  color: #fff;
  background-image: none;
}
.btn-warning:hover {
  background-color: #ff9000;
  border-color: #ff9000;
  color: #fff;
}

.btn-attention {
  padding: 8px 10px;
  border-width: 0;
  color: #fff;
  font-weight: bold;
  background-color: #84acde;
  background-image: -moz-linear-gradient(top, #84acde, #84acde);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#84acde), to(#84acde));
  background-image: -webkit-linear-gradient(top, #84acde, #84acde);
  background-image: -o-linear-gradient(top, #84acde, #84acde);
  background-image: linear-gradient(to bottom, #84acde, #84acde);
  background-repeat: repeat-x;
}
.btn-attention span {
  display: none;
}
.btn-attention:hover {
  color: #fff;
  background-color: #6d9fdd;
  background-image: -moz-linear-gradient(top, #6d9fdd, #6d9fdd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6d9fdd), to(#6d9fdd));
  background-image: -webkit-linear-gradient(top, #6d9fdd, #6d9fdd);
  background-image: -o-linear-gradient(top, #6d9fdd, #6d9fdd);
  background-image: linear-gradient(to bottom, #6d9fdd, #6d9fdd);
  background-repeat: repeat-x;
}
.btn-attention:hover b {
  display: none;
}
.btn-attention:hover span {
  display: inline-block;
}

.btn-cancel-attention {
  padding: 8px 10px;
  border-width: 0;
  color: #fff;
  font-weight: bold;
  background-color: #5ccf89;
  background-image: -moz-linear-gradient(top, #5ccf89, #5ccf89);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5ccf89), to(#5ccf89));
  background-image: -webkit-linear-gradient(top, #5ccf89, #5ccf89);
  background-image: -o-linear-gradient(top, #5ccf89, #5ccf89);
  background-image: linear-gradient(to bottom, #5ccf89, #5ccf89);
  background-repeat: repeat-x;
}
.btn-cancel-attention span {
  display: none;
}
.btn-cancel-attention:hover {
  color: #fff;
  background-color: #ff5b5b;
  background-image: -moz-linear-gradient(top, #ff5b5b, #ff5b5b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff5b5b), to(#ff5b5b));
  background-image: -webkit-linear-gradient(top, #ff5b5b, #ff5b5b);
  background-image: -o-linear-gradient(top, #ff5b5b, #ff5b5b);
  background-image: linear-gradient(to bottom, #ff5b5b, #ff5b5b);
  background-repeat: repeat-x;
}
.btn-cancel-attention:hover b {
  display: none;
}
.btn-cancel-attention:hover span {
  display: inline-block;
}

.btn-add-person {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-color: #17a251;
  border-radius: 50px;
}
.btn-add-person span {
  margin: 11px 0 0 11px;
}

.btn-add-person-disabled {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-color: #c0c0c0;
  border-radius: 50px;
}
.btn-add-person-disabled span {
  margin: 11px 0 0 11px;
}

.btn-disabled {
  cursor: default;
  background-image: none;
  border-color: #dddddd;
  background-color: #eee;
  color: #c5c5c5;
  display: inline-block;
}
.btn-disabled:hover {
  background-image: none;
  border-color: #dddddd;
  background-color: #eee;
  color: #c5c5c5;
  display: inline-block;
}

.btn-disabled:link,
.btn-disabled:active {
  color: #c5c5c5;
}

.square {
  background-color: #7890bd;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
}

.radius_img30 {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  display: inline-block;
  overflow: hidden;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}

.radius_img50 {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  display: inline-block;
  overflow: hidden;
  font-size: 12px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}

.radius_img80 {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  display: inline-block;
  overflow: hidden;
  font-size: 12px;
  line-height: 80px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}

.square_img30 {
  width: 30px;
  height: 30px;
  display: inline-block;
  overflow: hidden;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}

.square_img50 {
  width: 50px;
  height: 50px;
  display: inline-block;
  overflow: hidden;
  font-size: 12px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}

.square_img50 {
  width: 80px;
  height: 80px;
  display: inline-block;
  overflow: hidden;
  font-size: 12px;
  line-height: 80px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}

.avatar-img {
  position: relative;
}
.avatar-img .external-tag {
  width: 20px;
  border-radius: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.UI_trans_ease {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.UI_trans_linear {
  -webkit-transition: all .5s linear;
  -moz-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear;
}

.UI_trans_easeOut {
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.UI_trans_easeIn {
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  -o-transition: all .5s ease-in;
  transition: all .5s ease-in;
}

.UI_animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

.UI_speed_normal, .UI_speed_500 {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.UI_speed_fast, .UI_speed_200 {
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
}

.UI_speed_slow, .UI_speed_1000 {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

.UI_speed_100 {
  -webkit-animation-duration: .1s;
  -moz-animation-duration: .1s;
  -o-animation-duration: .1s;
  animation-duration: .1s;
}

.UI_speed_300 {
  -webkit-animation-duration: .3s;
  -moz-animation-duration: .3s;
  -o-animation-duration: .3s;
  animation-duration: .3s;
}

.UI_speed_400 {
  -webkit-animation-duration: .4s;
  -moz-animation-duration: .4s;
  -o-animation-duration: .4s;
  animation-duration: .4s;
}

.UI_speed_600 {
  -webkit-animation-duration: .6s;
  -moz-animation-duration: .6s;
  -o-animation-duration: .6s;
  animation-duration: .6s;
}

.UI_speed_700 {
  -webkit-animation-duration: .7s;
  -moz-animation-duration: .7s;
  -o-animation-duration: .7s;
  animation-duration: .7s;
}

.UI_speed_800 {
  -webkit-animation-duration: .8s;
  -moz-animation-duration: .8s;
  -o-animation-duration: .8s;
  animation-duration: .8s;
}

.UI_speed_900 {
  -webkit-animation-duration: .9s;
  -moz-animation-duration: .9s;
  -o-animation-duration: .9s;
  animation-duration: .9s;
}

@-webkit-keyframes shake {
  0%,100% {
    -webkit-transform: translateX(0);
  }
  10%,30%,50%,70%,90% {
    -webkit-transform: translateX(-10px);
  }
  20%,40%,60%,80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%,100% {
    -moz-transform: translateX(0);
  }
  10%,30%,50%,70%,90% {
    -moz-transform: translateX(-10px);
  }
  20%,40%,60%,80% {
    -moz-transform: translateX(10px);
  }
}
@-o-keyframes shake {
  0%,100% {
    -o-transform: translateX(0);
  }
  10%,30%,50%,70%,90% {
    -o-transform: translateX(-10px);
  }
  20%,40%,60%,80% {
    -o-transform: translateX(10px);
  }
}
@keyframes shake {
  0%,100% {
    transform: translateX(0);
  }
  10%,30%,50%,70%,90% {
    transform: translateX(-10px);
  }
  20%,40%,60%,80% {
    transform: translateX(10px);
  }
}
.UI_ani_shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes flash {
  0%,50%,100% {
    opacity: 1;
  }
  25%,75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  0%,50%,100% {
    opacity: 1;
  }
  25%,75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  0%,50%,100% {
    opacity: 1;
  }
  25%,75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,50%,100% {
    opacity: 1;
  }
  25%,75% {
    opacity: 0;
  }
}
.UI_ani_flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%,20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%,50%,70%,90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%,60%,80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }
  10%,20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  30%,50%,70%,90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  40%,60%,80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}
@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }
  10%,20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }
  30%,50%,70%,90% {
    -o-transform: scale(1.1) rotate(3deg);
  }
  40%,60%,80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -o-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,50%,70%,90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,60%,80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.UI_ani_tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes swing {
  20%,40%,60%,80%,100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg);
  }
  40% {
    -moz-transform: rotate(-10deg);
  }
  60% {
    -moz-transform: rotate(5deg);
  }
  80% {
    -moz-transform: rotate(-5deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg);
  }
  40% {
    -o-transform: rotate(-10deg);
  }
  60% {
    -o-transform: rotate(5deg);
  }
  80% {
    -o-transform: rotate(-5deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.UI_ani_swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.UI_ani_wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.2);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.UI_ani_pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
  }
}
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
  }
}
@-moz-keyframes wiggle {
  0% {
    -moz-transform: skewX(9deg);
  }
  10% {
    -moz-transform: skewX(-8deg);
  }
  20% {
    -moz-transform: skewX(7deg);
  }
  30% {
    -moz-transform: skewX(-6deg);
  }
  40% {
    -moz-transform: skewX(5deg);
  }
  50% {
    -moz-transform: skewX(-4deg);
  }
  60% {
    -moz-transform: skewX(3deg);
  }
  70% {
    -moz-transform: skewX(-2deg);
  }
  80% {
    -moz-transform: skewX(1deg);
  }
  90% {
    -moz-transform: skewX(0deg);
  }
  100% {
    -moz-transform: skewX(0deg);
  }
}
@-o-keyframes wiggle {
  0% {
    -o-transform: skewX(9deg);
  }
  10% {
    -o-transform: skewX(-8deg);
  }
  20% {
    -o-transform: skewX(7deg);
  }
  30% {
    -o-transform: skewX(-6deg);
  }
  40% {
    -o-transform: skewX(5deg);
  }
  50% {
    -o-transform: skewX(-4deg);
  }
  60% {
    -o-transform: skewX(3deg);
  }
  70% {
    -o-transform: skewX(-2deg);
  }
  80% {
    -o-transform: skewX(1deg);
  }
  90% {
    -o-transform: skewX(0deg);
  }
  100% {
    -o-transform: skewX(0deg);
  }
}
@keyframes wiggle {
  0% {
    transform: skewX(9deg);
  }
  10% {
    transform: skewX(-8deg);
  }
  20% {
    transform: skewX(7deg);
  }
  30% {
    transform: skewX(-6deg);
  }
  40% {
    transform: skewX(5deg);
  }
  50% {
    transform: skewX(-4deg);
  }
  60% {
    transform: skewX(3deg);
  }
  70% {
    transform: skewX(-2deg);
  }
  80% {
    transform: skewX(1deg);
  }
  90% {
    transform: skewX(0deg);
  }
  100% {
    transform: skewX(0deg);
  }
}
.UI_ani_wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out;
  }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out;
  }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out;
  }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in;
  }
  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
  }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
  }
}
.UI_ani_flip {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.UI_ani_flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.UI_ani_flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.UI_ani_flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.UI_ani_flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.UI_ani_fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.UI_ani_fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownSmall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDownSmall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-10px);
  }
  50% {
    opacity: 1;
    -moz-transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDownSmall {
  0% {
    opacity: 0;
    -o-transform: translateY(-10px);
  }
  50% {
    opacity: 1;
    -o-transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDownSmall {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  50% {
    opacity: 1;
    transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.UI_ani_fadeInDownSmall {
  -webkit-animation-name: fadeInDownSmall;
  -moz-animation-name: fadeInDownSmall;
  -o-animation-name: fadeInDownSmall;
  animation-name: fadeInDownSmall;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.UI_ani_fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(10px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(10px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.UI_ani_fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.UI_ani_fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.UI_ani_fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(10px);
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(10px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(10px);
  }
}
.UI_ani_fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-10px);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-10px);
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-10px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-10px);
  }
}
.UI_ani_fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(10px);
  }
}
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(10px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(10px);
  }
}
.UI_ani_fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-10px);
  }
}
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-10px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-10px);
  }
}
.UI_ani_fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-90deg);
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
  }
}
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-90deg);
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
  }
}
@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-90deg);
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-90deg);
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
  }
}
.UI_ani_rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes bgSizeRight {
  0% {
    background-size: 0 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-moz-keyframes bgSizeRight {
  0% {
    background-size: 0 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-o-keyframes bgSizeRight {
  0% {
    background-size: 0 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes bgSizeRight {
  0% {
    background-size: 0 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
.UI_ani_bgSizeRight {
  -webkit-animation-name: bgSizeRight;
  -moz-animation-name: bgSizeRight;
  -o-animation-name: bgSizeRight;
  animation-name: bgSizeRight;
  background-repeat: no-repeat;
}

@-webkit-keyframes bgBigToSmall {
  0% {
    background-size: 105% 105%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-moz-keyframes bgBigToSmall {
  0% {
    background-size: 105% 105%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-o-keyframes bgBigToSmall {
  0% {
    background-size: 105% 105%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes bgBigToSmall {
  0% {
    background-size: 105% 105%;
  }
  100% {
    background-size: 100% 100%;
  }
}
.UI_ani_bgBigToSmall {
  -webkit-animation-name: bgBigToSmall;
  -moz-animation-name: bgBigToSmall;
  -o-animation-name: bgBigToSmall;
  animation-name: bgBigToSmall;
  background-repeat: no-repeat;
}

@-webkit-keyframes badgeDown {
  0% {
    -webkit-transform: translateY(-50%);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes badgeDown {
  0% {
    -moz-transform: translateY(-50%);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes badgeDown {
  0% {
    -o-transform: translateY(-50%);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes badgeDown {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}
.UI_ani_badgeDown {
  -webkit-animation-name: badgeDown;
  -moz-animation-name: badgeDown;
  -o-animation-name: badgeDown;
  animation-name: badgeDown;
}

@-webkit-keyframes badgeUp {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-50%);
  }
}
@-moz-keyframes badgeUp {
  0% {
    -moz-transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(-50%);
  }
}
@-o-keyframes badgeUp {
  0% {
    -o-transform: translateY(0);
  }
  100% {
    -o-transform: translateY(-50%);
  }
}
@keyframes badgeUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
.UI_ani_badgeUp {
  -webkit-animation-name: badgeUp;
  -moz-animation-name: badgeUp;
  -o-animation-name: badgeUp;
  animation-name: badgeUp;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale(1);
  }
  10% {
    -webkit-transform: scale(0.9);
  }
  20% {
    -webkit-transform: scale(1.2);
  }
  30% {
    -webkit-transform: scale(2);
  }
  60% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounce {
  0%,100% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(2);
  }
  52% {
    -webkit-transform: scale(2);
  }
}
@-o-keyframes bounce {
  0%,100% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(2);
  }
  52% {
    -webkit-transform: scale(2);
  }
}
@keyframes bounce {
  0%,100% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(2);
  }
  52% {
    -webkit-transform: scale(2);
  }
}
.UI_ani_bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes bounceIn {
  0% {
    -webkit-transform: scale(0.5);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.03);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    -moz-transform: scale(0.5);
    opacity: 0;
  }
  70% {
    -moz-transform: scale(1.03);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    -o-transform: scale(0.5);
    opacity: 0;
  }
  70% {
    -o-transform: scale(1.03);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  70% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}
.UI_ani_bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceOut {
  100% {
    -webkit-transform: scale(0.7);
    opacity: 0;
  }
  30% {
    -webkit-transform: scale(1.03);
  }
  0% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounceOut {
  100% {
    -moz-transform: scale(0.7);
    opacity: 0;
  }
  30% {
    -moz-transform: scale(1.03);
  }
  0% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes bounceOut {
  100% {
    -o-transform: scale(0.7);
    opacity: 0;
  }
  30% {
    -o-transform: scale(1.03);
  }
  0% {
    -o-transform: scale(1);
  }
}
@keyframes bounceOut {
  100% {
    transform: scale(0.7);
    opacity: 0;
  }
  30% {
    transform: scale(1.03);
  }
  0% {
    transform: scale(1);
  }
}
.UI_ani_bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bubbleIn {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bubbleIn {
  0% {
    -moz-transform: scale(0);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes bubbleIn {
  0% {
    -o-transform: scale(0);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes bubbleIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.UI_ani_bubbleIn {
  -webkit-animation-name: bubbleIn;
  -moz-animation-name: bubbleIn;
  -o-animation-name: bubbleIn;
  animation-name: bubbleIn;
}

@-webkit-keyframes bubbleOut {
  0% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
  }
}
@-moz-keyframes bubbleOut {
  0% {
    -moz-transform: scale(1);
  }
  100% {
    -moz-transform: scale(0);
  }
}
@-o-keyframes bubbleOut {
  0% {
    -o-transform: scale(1);
  }
  100% {
    -o-transform: scale(0);
  }
}
@keyframes bubbleOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.UI_ani_bubbleOut {
  -webkit-animation-name: bubbleOut;
  -moz-animation-name: bubbleOut;
  -o-animation-name: bubbleOut;
  animation-name: bubbleOut;
}

.UI_ani_bgExtend {
  position: relative;
}

.UI_ani_bgExtend::before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  background-color: #ff8140;
  width: 0%;
  z-index: 1;
  -webkit-transition: all .5s linear;
  border-radius: 2px;
}

.UI_ani_bgExtend span {
  position: relative;
  z-index: 1;
}

/*!
 * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
 *
 * Copyright 2013-2015 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
 *
 * Built for http://www.improvely.com
 */
.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3000;
}

.daterangepicker.open .ranges, .daterangepicker.open .calendar {
  float: left;
  margin: 4px;
}

.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
  float: left;
  margin: 4px;
}

.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar,
.daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar {
  float: right;
  margin: 4px;
}

.daterangepicker.single .ranges, .daterangepicker.single .calendar {
  float: none;
}

.daterangepicker .ranges {
  width: 160px;
  text-align: left;
}

.daterangepicker .ranges .range_inputs > div {
  float: left;
}

.daterangepicker .calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker.show-calendar .calendar {
  display: block;
}

.daterangepicker .calendar.single .calendar-date {
  border: none;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-align: center;
  min-width: 22px;
}

.daterangepicker .daterangepicker_start_input label,
.daterangepicker .daterangepicker_end_input label {
  color: #333;
  display: block;
  font-size: 11px;
  font-weight: normal;
  height: 20px;
  line-height: 20px;
  margin-bottom: 2px;
  text-shadow: #fff 1px 1px 0px;
  text-transform: uppercase;
  width: 74px;
}

.daterangepicker .ranges input {
  font-size: 11px;
}

.daterangepicker .ranges .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  display: block;
  font-size: 11px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  margin: 0 0 10px 0;
  padding: 0 6px;
  width: 114px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.daterangepicker .ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}

.daterangepicker .calendar-date {
  border: 1px solid #ddd;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 8px auto 0 auto;
  line-height: 30px;
}

.daterangepicker {
  position: absolute;
  background: #fff;
  top: 100px;
  left: 20px;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.daterangepicker.opensleft:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensleft:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.openscenter:before {
  position: absolute;
  top: -7px;
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.openscenter:after {
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.opensright:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensright:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.dropup {
  margin-top: -5px;
}

.daterangepicker.dropup:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.dropup:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker table {
  width: 100%;
  margin: 0;
}

.daterangepicker td, .daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}

.daterangepicker td.off {
  color: #999;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
}

.daterangepicker td.available:hover, .daterangepicker td.available.today, .daterangepicker th.available:hover {
  background: #eee;
}

.daterangepicker td.in-range {
  background: #ebf4f8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.daterangepicker td.start-date {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.daterangepicker td.today.active, .daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: #3071a9;
  color: #fff;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}

.daterangepicker_start_input {
  float: left;
}

.daterangepicker_end_input {
  float: left;
  /* padding-left: 11px */
}

.daterangepicker th.month {
  width: auto;
}

/* 编辑器边框颜色 */
/* 菜单颜色、上边框颜色 */
/* 菜单选中状态的颜色 */
/* input focus 时的颜色 */
/* 按钮颜色 */
/* tab selected 状态下的颜色 */
.wangEditor-container {
  position: relative;
  background-color: #fff;
  border: 1px solid #a9b8bf;
  z-index: 1;
  width: 100%;
}

.wangEditor-container .placeholder {
  color: #A9B8BF;
  position: absolute;
  top: 36px;
  left: 15px;
  cursor: text;
  z-index: -1;
}

.wangEditor-container a:focus,
.wangEditor-container button:focus {
  outline: none;
}

.wangEditor-container,
.wangEditor-container * {
  box-sizing: border-box;
}

.wangEditor-container img {
  border: none;
}

.wangEditor-container .clearfix:after {
  content: '';
  display: table;
  clear: both;
}

.wangEditor-container .clearfix {
  *zoom: 1;
}

.wangEditor-container textarea {
  border: none;
}

.wangEditor-container textarea:focus {
  outline: none;
}

.wangEditor-container .height-tip {
  position: absolute;
  width: 3px;
  background-color: #ccc;
  left: 0;
  transition: top .2s;
}

.wangEditor-container .txt-toolbar {
  position: absolute;
  background-color: #fff;
  padding: 3px 5px;
  box-shadow: 1px 1px 3px #999;
  border-left: 1px\9 solid\9  #ccc\9;
  border-bottom: 1px\9 solid\9  #999 \9;
  border-right: 1px\9 solid\9  #999 \9;
}

.wangEditor-container .tableTdSelect {
  background-color: #e6eef8;
}

.wangEditor-container .table-toolbar {
  position: absolute;
  background-color: #fff;
  padding: 3px 5px;
  box-shadow: 1px 3px 3px #999;
  border-left: 1px\9 solid\9  #ccc\9;
  border-bottom: 1px\9 solid\9  #999 \9;
  border-right: 1px\9 solid\9  #999 \9;
  padding-top: 10px;
  padding-left: 15px;
}

.wangEditor-container .upload_form_container {
  right: 0;
  right: 150px\9;
}

.wangEditor-container .upload_form_container
, .wangEditor-container .upload_form
, .wangEditor-container .upload_file_input {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.wangEditor-container .txt-toolbar a {
  color: #666;
  display: inline-block;
  margin: 0 3px;
  padding: 5px;
  text-decoration: none;
  border-radius: 3px;
}

.wangEditor-container .txt-toolbar a:hover {
  background-color: #f1f1f1;
}

.wangEditor-container .table-toolbar .table-item {
  height: 25px;
  width: 100px;
  line-height: 20px;
  font-size: 12px;
  color: #34434E;
  cursor: pointer;
}

.wangEditor-container .table-toolbar .table-item:hover {
  background: #f1f1f1;
}

.wangEditor-container .img-drag-point {
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  cursor: se-resize;
  background-color: #666;
  margin-left: -6px;
  margin-top: -6px;
  box-shadow: 1px 1px 5px #999;
}

.wangEditor-container .wangEditor-upload-progress {
  position: absolute;
  height: 1px;
  background: #1e88e5;
  width: 0;
  display: none;
  -webkit-transition: width .5s;
  -o-transition: width .5s;
  transition: width .5s;
}

.wangEditor-fullscreen {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.wangEditor-container .code-textarea {
  resize: none;
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  font-family: 'Verdana';
  color: #333;
  padding: 0 15px 0 15px;
}

.wangEditor-menu-container {
  border-bottom: 1px solid #f1f1f1;
  background-color: #fff;
  margin: 0 10px;
}

.wangEditor-menu-container a {
  text-decoration: none;
}

.wangEditor-menu-container .menu-group {
  float: left;
  padding: 0 8px;
  border-left: 1px solid #f1f1f1;
}

.wangEditor-menu-container .menu-group:first-child {
  border-left: none;
}

.wangEditor-menu-container .menu-item {
  float: left;
  position: relative;
  text-align: center;
  height: 31px;
  width: 35px;
  line-height: 31px;
  font-size: 12px;
}

.wangEditor-menu-container .menu-item:hover {
  background-color: #f1f1f1;
}

.wangEditor-menu-container .menu-item a {
  display: block;
  text-align: center;
  color: #83909A;
  width: 100%;
  font-size: 0.9em;
}

.wangEditor-menu-container .menu-item .selected {
  color: #1e88e5;
}

.wangEditor-menu-container .menu-item .active {
  background-color: #f1f1f1;
}

.wangEditor-menu-container .menu-item .disable {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.wangEditor-menu-container .menu-tip {
  display: block;
  position: absolute;
  z-index: 20;
  text-align: center;
  background-color: #666;
  color: #fff;
  padding: 0 5px;
  font-size: 12px;
  top: 100%;
  border-radius: 2px;
  box-shadow: 1px 1px 5px #999;
  display: none;
  white-space: nowrap;
}

.wangEditor-menu-container .menu-tip-40 {
  width: 40px;
  margin-left: -20px;
}

.wangEditor-menu-container .menu-tip-50 {
  width: 50px;
  margin-left: -25px;
}

.wangEditor-menu-shadow {
  /*border-bottom-width: 0;*/
  border-bottom: 1px\9 solid\9  #f1f1f1\9;
  box-shadow: 0 1px 3px #999;
}

.wangEditor-container .wangEditor-txt {
  width: 100%;
  text-align: left;
  padding: 15px;
  padding-top: 0;
  margin-top: 5px;
  overflow-y: auto;
}

.wangEditor-container .wangEditor-txt u {
  text-decoration: underline;
}

.wangEditor-container .wangEditor-txt p,
.wangEditor-container .wangEditor-txt h1,
.wangEditor-container .wangEditor-txt h2,
.wangEditor-container .wangEditor-txt h3,
.wangEditor-container .wangEditor-txt h4,
.wangEditor-container .wangEditor-txt h5 {
  margin: 5px 0;
  line-height: 1.7;
}

.wangEditor-container .wangEditor-txt p *,
.wangEditor-container .wangEditor-txt h1 *,
.wangEditor-container .wangEditor-txt h2 *,
.wangEditor-container .wangEditor-txt h3 *,
.wangEditor-container .wangEditor-txt h4 *,
.wangEditor-container .wangEditor-txt h5 * {
  line-height: 1.7;
}

.wangEditor-container .wangEditor-txt li {
  line-height: 1.7;
}

.wangEditor-container .wangEditor-txt ul,
.wangEditor-container .wangEditor-txt ol {
  padding-left: 20px;
}

.wangEditor-container .wangEditor-txt img {
  cursor: pointer;
}

.wangEditor-container .wangEditor-txt img.clicked {
  box-shadow: 1px 1px 10px #999;
}

.wangEditor-container .wangEditor-txt table.clicked {
  box-shadow: 1px 1px 10px #999;
}

.wangEditor-container .wangEditor-txt pre code {
  line-height: 1.5;
}

.wangEditor-container .wangEditor-txt:focus {
  outline: none;
}

blockquote p {
  font-size: 14px !important;
}

.wangEditor-container .wangEditor-txt table {
  border: none;
  border-collapse: collapse;
}

.wangEditor-container .wangEditor-txt table td,
.wangEditor-container .wangEditor-txt table th {
  border: 1px solid #999;
  padding: 3px 5px;
  min-width: 50px;
  height: 20px;
}

.wangEditor-container .wangEditor-txt pre {
  padding: 10px;
  margin: 5px 0px;
  font-size: 0.8em;
}

.wangEditor-drop-list {
  display: none;
  position: absolute;
  background-color: #fff;
  overflow: hidden;
  z-index: 10;
  transition: height .7s;
  border-top: 1px solid #f1f1f1;
  box-shadow: 1px 3px 3px #999;
  border-left: 1px\9 solid\9  #ccc\9;
  border-bottom: 1px\9 solid\9  #999 \9;
  border-right: 1px\9 solid\9  #999 \9;
}

.wangEditor-drop-list a {
  text-decoration: none;
  display: block;
  color: #666;
  padding: 3px 5px;
}

.wangEditor-drop-list a:hover {
  background-color: #f1f1f1;
}

.wangEditor-drop-panel,
.txt-toolbar {
  display: none;
  position: absolute;
  padding: 10px;
  font-size: 14px;
  /*border: 1px\9 solid\9 #cccccc\9;*/
  background-color: #fff;
  z-index: 10;
  box-shadow: 1px 3px 3px #999;
  border-left: 1px\9 solid\9  #ccc\9;
  border-bottom: 1px\9 solid\9  #999 \9;
  border-right: 1px\9 solid\9  #999 \9;
  border-top: 1px\9 solid\9  #999 \9;
}

.wangEditor-drop-panel a,
.txt-toolbar a {
  text-decoration: none;
}

.wangEditor-drop-panel input[type=text],
.txt-toolbar input[type=text] {
  border: none;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  color: #333;
  padding: 3px 0;
}

.wangEditor-drop-panel input[type=text]:focus,
.txt-toolbar input[type=text]:focus {
  outline: none;
  border-bottom: 2px solid #1e88e5;
}

.wangEditor-drop-panel input[type=text].block,
.txt-toolbar input[type=text].block {
  display: block;
  width: 100%;
}

.wangEditor-drop-panel textarea,
.txt-toolbar textarea {
  border: 1px solid #ccc;
}

.wangEditor-drop-panel textarea:focus,
.txt-toolbar textarea:focus {
  outline: none;
  border-color: #1e88e5;
}

.wangEditor-drop-panel button,
.txt-toolbar button {
  font-size: 14px;
  color: #1e88e5;
  border: none;
  padding: 10px;
  background-color: #fff;
  cursor: pointer;
  border-radius: 3px;
}

.wangEditor-drop-panel button:hover,
.txt-toolbar button:hover {
  background-color: #f1f1f1;
}

.wangEditor-drop-panel button:focus,
.txt-toolbar button:focus {
  outline: none;
}

.wangEditor-drop-panel button.right,
.txt-toolbar button.right {
  float: right;
  margin-left: 10px;
}

.wangEditor-drop-panel button.gray,
.txt-toolbar button.gray {
  color: #999;
}

.wangEditor-drop-panel button.link,
.txt-toolbar button.link {
  padding: 5px 10px;
}

.wangEditor-drop-panel button.link:hover,
.txt-toolbar button.link:hover {
  background-color: #fff;
  text-decoration: underline;
}

.wangEditor-drop-panel .color-item,
.txt-toolbar .color-item {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  text-align: center;
  padding: 2px;
  border-radius: 2px;
  line-height: 25px;
  font-size: 30px;
}

.wangEditor-drop-panel .color-item:hover,
.txt-toolbar .color-item:hover {
  background-color: #f1f1f1;
}

.wangEditor-drop-panel .list-menu-item,
.txt-toolbar .list-menu-item {
  display: block;
  float: left;
  color: #333;
  padding: 5px 5px;
  border-radius: 2px;
}

.wangEditor-drop-panel .list-menu-item:hover,
.txt-toolbar .list-menu-item:hover {
  background-color: #f1f1f1;
}

.wangEditor-drop-panel table.choose-table,
.txt-toolbar table.choose-table {
  border: none;
  border-collapse: collapse;
}

.wangEditor-drop-panel table.choose-table td,
.txt-toolbar table.choose-table td {
  border: 1px solid #ccc;
  width: 16px;
  height: 12px;
}

.wangEditor-drop-panel table.choose-table td.active,
.txt-toolbar table.choose-table td.active {
  background-color: #ccc;
  opacity: .5;
  filter: alpha(opacity=50);
}

.wangEditor-drop-panel .panel-tab .tab-container,
.txt-toolbar .panel-tab .tab-container {
  margin-bottom: 5px;
}

.wangEditor-drop-panel .panel-tab .tab-container a,
.txt-toolbar .panel-tab .tab-container a {
  display: inline-block;
  color: #999;
  text-align: center;
  margin: 0 5px;
  padding: 5px 5px;
}

.wangEditor-drop-panel .panel-tab .tab-container a.selected,
.txt-toolbar .panel-tab .tab-container a.selected {
  color: #1e88e5;
  border-bottom: 2px solid #1e88e5;
}

.wangEditor-drop-panel .panel-tab .content-container .content,
.txt-toolbar .panel-tab .content-container .content {
  display: none;
}

.wangEditor-drop-panel .panel-tab .content-container .content a,
.txt-toolbar .panel-tab .content-container .content a {
  display: inline-block;
  margin: 2px;
  padding: 2px;
  border-radius: 2px;
}

.wangEditor-drop-panel .panel-tab .content-container .content a:hover,
.txt-toolbar .panel-tab .content-container .content a:hover {
  background-color: #f1f1f1;
}

.wangEditor-drop-panel .panel-tab .content-container .selected,
.txt-toolbar .panel-tab .content-container .selected {
  display: block;
}

.wangEditor-drop-panel .panel-tab .emotion-content-container,
.txt-toolbar .panel-tab .emotion-content-container {
  height: 200px;
  overflow-y: auto;
}

.wangEditor-drop-panel .upload-icon-container,
.txt-toolbar .upload-icon-container {
  color: #ccc;
  text-align: center;
  margin: 20px 20px 15px 20px !important;
  padding: 5px !important;
  font-size: 65px;
  cursor: pointer;
  border: 2px dotted #f1f1f1;
  display: block !important;
}

.wangEditor-drop-panel .upload-icon-container:hover,
.txt-toolbar .upload-icon-container:hover {
  color: #666;
  border-color: #ccc;
}

.wangEditor-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  box-shadow: 1px 3px 3px #999;
  border-top: 1px\9 solid\9  #ccc\9;
  border-left: 1px\9 solid\9  #ccc\9;
  border-bottom: 1px\9 solid\9  #999 \9;
  border-right: 1px\9 solid\9  #999 \9;
}

.wangEditor-modal .wangEditor-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -25px;
  margin-right: -25px;
  font-size: 1.5em;
  color: #666;
  cursor: pointer;
}

.wangEditor-container .more {
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
  background-color: #fff;
}

.wangEditor-container .more a {
  text-decoration: none;
}

.wangEditor-container .more .menu-group {
  float: left;
  padding: 0 8px;
}

.wangEditor-container .more .menu-item {
  float: left;
  position: relative;
  text-align: center;
  height: 31px;
  line-height: 31px;
  width: 35px;
  margin-top: 5px;
}

.wangEditor-container .more .menu-item:hover {
  background-color: #f1f1f1;
}

.wangEditor-container .more .menu-item a {
  display: block;
  text-align: center;
  color: #83909A;
  width: 100%;
  font-size: 0.9em;
  position: relative;
}

.wangEditor-container .more .menu-item .selected {
  color: #1e88e5;
}

.wangEditor-container .more .menu-item .active {
  background-color: #f1f1f1;
}

.wangEditor-container .more .menu-item .disable {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.wangEditor-container .more .menu-tip {
  display: block;
  position: absolute;
  z-index: 20;
  width: 60px;
  text-align: center;
  background-color: #666;
  color: #fff;
  padding: 7px 0;
  font-size: 12px;
  top: 100%;
  left: 50%;
  margin-left: -30px;
  border-radius: 2px;
  box-shadow: 1px 1px 5px #999;
  display: none;
  /*// 小三角
        .tip-triangle {
            display: block;
            position: absolute;
            width: 0;
            height: 0;
            border:5px solid;
            border-color: transparent transparent @fore-color transparent;
            top: -10px;
            left: 50%;
            margin-left: -5px;
        }*/
}

.wangEditor-container .more .menu-tip-40 {
  width: 40px;
  margin-left: -20px;
}

.wangEditor-container .more .menu-tip-50 {
  width: 50px;
  margin-left: -25px;
}

.wangEditor-menu-shadow {
  /*border-bottom-width: 0;*/
  border-bottom: 1px\9 solid\9  #f1f1f1\9;
  box-shadow: 0 1px 3px #999;
}

/* @font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?-qdfu1s');
  src: url('../fonts/icomoon.eot?#iefix-qdfu1s') format('embedded-opentype'), url('../fonts/icomoon.ttf?-qdfu1s') format('truetype'), url('../fonts/icomoon.woff?-qdfu1s') format('woff'), url('../fonts/icomoon.svg?-qdfu1s#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="wangeditor-menu-img-"],
[class*=" wangeditor-menu-img-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} */
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #333;
  background: #f8f8f8;
  -webkit-text-size-adjust: none;
}

.hljs-comment,
.diff .hljs-header {
  color: #998;
  font-style: italic;
}

.hljs-keyword,
.css .rule .hljs-keyword,
.hljs-winutils,
.nginx .hljs-title,
.hljs-subst,
.hljs-request,
.hljs-status {
  color: #333;
  font-weight: bold;
}

.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
  color: #008080;
}

.hljs-string,
.hljs-tag .hljs-value,
.hljs-doctag,
.tex .hljs-formula {
  color: #d14;
}

.hljs-title,
.hljs-id,
.scss .hljs-preprocessor {
  color: #900;
  font-weight: bold;
}

.hljs-list .hljs-keyword,
.hljs-subst {
  font-weight: normal;
}

.hljs-class .hljs-title,
.hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
  color: #458;
  font-weight: bold;
}

.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rule .hljs-property,
.django .hljs-tag .hljs-keyword {
  color: #000080;
  font-weight: normal;
}

.hljs-attribute,
.hljs-variable,
.lisp .hljs-body,
.hljs-name {
  color: #008080;
}

.hljs-regexp {
  color: #009926;
}

.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.clojure .hljs-keyword,
.scheme .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
  color: #990073;
}

.hljs-built_in {
  color: #0086b3;
}

.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
  color: #999;
  font-weight: bold;
}

.hljs-deletion {
  background: #fdd;
}

.hljs-addition {
  background: #dfd;
}

.diff .hljs-change {
  background: #0086b3;
}

.hljs-chunk {
  color: #aaa;
}

.editor-extra-area {
  border-top: 1px solid #dae1e6;
  background-color: #fff;
  padding: 10px 0;
}
.editor-extra-area .error-tip {
  text-align: left;
  padding-left: 15px;
  color: #EB4447;
}

.editor-button-area {
  text-align: right;
}
.editor-button-area button {
  margin-right: 10px;
}

.experience-view-twidget {
  width: 500px;
}
.experience-view-twidget .tt-task-create .wangEditor-container {
  border: 0;
}
.experience-view-twidget .tt-task-create .task-create-bottom {
  background-color: #fff;
  padding: 0;
  padding-top: 10px;
}
.experience-view-twidget .tt-task-create .layout-border {
  border-color: transparent;
}
.experience-view-twidget .tt-task-create .task-create-richeditor.has-focus {
  border-color: #f2f9ff;
}

.red-remind {
  width: 10px;
  height: 10px;
  background: #fe5042;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  border-radius: 10px;
  display: none;
}

.red-remind-num {
  height: 18px;
  min-width: 8px;
  max-width: 22px;
  padding: 0 5px;
  font: 12px/18px arial;
  background: #fe5042;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  text-align: center;
  border-radius: 18px;
  display: none;
}

._tt_dialog {
  background-color: #fff;
  border: 1px solid #dedede;
  display: none;
  border-radius: 2px;
  z-index: 20000 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #555;
  position: absolute;
}
._tt_dialog .arrow, ._tt_dialog .arrow:after {
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 8px;
  position: absolute;
  content: "";
  display: none\0;
  display: block\9\0;
}
._tt_dialog .top {
  border-top-width: 0;
  border-bottom-color: #c5c5c5;
  *border-bottom-color: transparent;
  top: -8px;
}
._tt_dialog .top:after {
  top: 1px;
  margin-left: -8px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
._tt_dialog .closed_dialog {
  position: absolute;
  right: 10px;
  top: 10px;
}
._tt_dialog .bottom {
  border-bottom-width: 0;
  border-top-color: #c5c5c5;
  *border-top-color: transparent;
  bottom: -8px;
}
._tt_dialog .bottom:after {
  bottom: 1px;
  margin-left: -8px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
._tt_dialog .right {
  margin-left: -10px;
  border-right-width: 0;
  border-left-color: #c5c5c5;
  *border-left-color: transparent;
  right: -8px;
}
._tt_dialog .right:after {
  right: 1px;
  margin-top: -8px;
  border-right-width: 0;
  border-left-color: #fff;
}
._tt_dialog .left {
  margin-left: 0px;
  border-left-width: 0;
  border-right-color: #c5c5c5;
  *border-right-color: transparent;
  left: -8px;
}
._tt_dialog .left:after {
  left: 1px;
  margin-top: -8px;
  border-left-width: 0;
  border-right-color: #fff;
}
._tt_dialog .arrow2:after {
  border-top-color: #eeeeee;
  border-bottom-color: #eeeeee;
}
._tt_dialog .horizontal_arrow2:after {
  border-right-color: #eeeeee;
  border-left-color: #eeeeee;
}
._tt_dialog .uibutton {
  background-color: #eeeeee;
  text-align: center;
  height: 36px;
  padding-top: 10px;
  min-width: 200px;
  line-height: 1em;
}
._tt_dialog .uibutton .btn {
  margin-left: 10px;
}
._tt_dialog .uibutton .btn:first-child {
  margin-left: 0;
  float: none;
}
._tt_dialog .uibutton .loading_submint span {
  background: url(../../../images/components/tita-widget/ajax-loader.gif) 4px 2px no-repeat;
  width: 24px;
  height: 11px;
  display: inline-block;
}
._tt_dialog .uibutton .success_submint span {
  width: 24px;
  height: 11px;
  display: inline-block;
  background: url(baseImgUrl/button-right.png}) no-repeat;
}
._tt_dialog .content_dialog {
  font-size: 12px;
  line-height: 16px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
}
._tt_dialog .tipsy_dialog {
  padding: 10px;
}
._tt_dialog .tipsy_dialog .ico {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  overflow: hidden;
}
._tt_dialog .tipsy_dialog .content {
  font-size: 12px;
  line-height: 14px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
  vertical-align: middle;
}
._tt_dialog .none_dialog .ico {
  display: none;
}
._tt_dialog .ask_dialog .ico {
  background: url(../../../images/components/tita-widget/ico_dialog.gif) 0 0 no-repeat;
}
._tt_dialog .success_dialog .ico {
  background: url(../../../images/components/tita-widget/ico_dialog.gif) 0 -74px no-repeat;
}
._tt_dialog .warn_dialog .ico {
  background: url(../../../images/components/tita-widget/ico_dialog.gif) 0 -25px no-repeat;
}
._tt_dialog .innerhtml_dialog {
  font-size: 14px;
  padding: 20px;
  color: #555555;
}

.tt-dialog-skin2 .content_dialog {
  padding: 20px 0;
  font-size: 14px;
  line-height: 24px;
  font-family: "Helvetica Neue", Helvetica, verdana, "Hiragino Sans GB", "Microsoft YaHei", "SimHei", "SimSun";
}
.tt-dialog-skin2 .tipsy_dialog {
  padding: 0 30px;
  color: #36434d;
}
.tt-dialog-skin2 .uibutton {
  height: auto;
  background-color: transparent;
  padding: 0 0 20px;
}
.tt-dialog-skin2 .sure_dialog, .tt-dialog-skin2 .cancel_dialog {
  border-radius: 3px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15);
  padding: 0px 22px;
  font-size: 14px;
  line-height: 28px;
  display: inline-block;
  border: 1px solid;
  cursor: pointer;
  background-image: none;
}
.tt-dialog-skin2 .sure_dialog:hover, .tt-dialog-skin2 .cancel_dialog:hover {
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
}
.tt-dialog-skin2 .sure_dialog {
  background-color: #1687d9;
  color: #fff;
  border-color: #1687d9;
}
.tt-dialog-skin2 .sure_dialog:hover {
  color: #fff;
  background-color: #005999 \9;
}
.tt-dialog-skin2 .cancel_dialog {
  background-color: #f0f7fc;
  color: #004170;
  border-color: #f0f7fc;
  border-top-color: #acb7bf \9;
  border-right-color: #acb7bf \9;
  border-bottom-color: #acb7bf \9;
  border-left-color: #acb7bf \9;
  border-top-color: #f0f7fc \9\0;
  border-right-color: #f0f7fc \9\0;
  border-bottom-color: #f0f7fc \9\0;
  border-left-color: #f0f7fc \9\0;
}
.tt-dialog-skin2 .cancel_dialog:hover {
  background-color: #ffffff\9;
  color: #1687d9 \9;
}
.tt-dialog-skin2 .success_dialog .ico {
  width: 20px;
  height: 20px;
  background: url(../../../images/components/tita-widget/ico-dialog-skin2-v2.png) 0 -60px no-repeat;
  vertical-align: text-bottom;
}
.tt-dialog-skin2 .warn_dialog .ico {
  width: 20px;
  height: 20px;
  background: url(../../../images/components/tita-widget/ico-dialog-skin2-v2.png) 0 -90px no-repeat;
  vertical-align: text-bottom;
}
.tt-dialog-skin2 .closed_dialog {
  width: 12px;
  height: 12px;
  background: url(../../../images/components/tita-widget/ico-dialog-skin2-v2.png) 0 0 no-repeat;
}
.tt-dialog-skin2 .closed_dialog:hover {
  background: url(../../../images/components/tita-widget/ico-dialog-skin2-v2.png) 0 0 no-repeat;
  background-position: 0 -30px;
}

.tt_common_emptyinit {
  margin: 50px 0;
}
.tt_common_emptyinit .content_emptyinit {
  border: dashed 1px #c5c5c5;
  padding: 30px 25px;
  border-radius: 3px;
  text-align: center;
  font-size: 22px;
  line-height: 30px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
  color: #ACB7BF;
}
.tt_common_emptyinit .small_content_emptyinit {
  border: dashed 1px #c5c5c5;
  padding: 30px 25px;
  border-radius: 3px;
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
  color: #ACB7BF;
}
.tt_common_emptyinit a {
  color: #1687D9;
}

.editor-style {
  line-height: 24px;
  word-wrap: break-word;
}
.editor-style ul {
  list-style-type: disc;
  padding-left: 20px;
}
.editor-style ol {
  list-style-type: decimal;
  padding-left: 20px;
}
.editor-style li {
  list-style-type: inherit;
  margin: 5px 0;
}
.editor-style table {
  margin: 5px 0;
}
.editor-style table td {
  border: 1px solid #999;
  padding: 3px 5px;
  min-width: 50px;
  height: 20px;
}
.editor-style p {
  margin: 5px 0;
}
.editor-style blockquote {
  display: block;
  border-left: 4px solid #E3ECF1;
  padding: 5px;
  font-size: 12px;
}
.editor-style p,
.editor-style li {
  line-height: 1.7;
}
.editor-style a {
  word-wrap: break-word;
  word-break: break-all;
}
.editor-style pre {
  padding: 10px;
  margin: 5px 0px;
  font-size: 0.8em;
}
.editor-style pre code {
  line-height: 1.5;
}

.tt_publishmblog {
  position: relative;
}
.tt_publishmblog .input_default {
  border: 1px solid #A9B8BF;
}
.tt_publishmblog .input_blur {
  border-color: #A9B8BF;
}
.tt_publishmblog .input_focus {
  border-color: #1687D9;
}
.tt_publishmblog .input_error {
  border-color: #cc2929;
}
.tt_publishmblog .box_pm {
  background-color: #fff;
}
.tt_publishmblog .who_pm {
  padding: 3px 0;
  color: #aaaaaa;
  font-size: 12px;
  line-height: 24px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
}
.tt_publishmblog .who_pm span {
  vertical-align: middle;
}
.tt_publishmblog .who_pm .closed_pm {
  height: 20px;
  line-height: 20px;
  font-family: '\5B8B\4F53';
  vertical-align: middle;
  color: #647481;
  border-radius: 2px;
  display: inline-block;
  padding: 2px;
  cursor: pointer;
  background-color: #F5F8FA;
}
.tt_publishmblog .who_pm .closed_pm:hover {
  color: #e25050;
}
.tt_publishmblog .who_pm .closed_pm:hover .tu-icon-cross {
  color: #e25050;
}
.tt_publishmblog .who_pm .closed_pm .tu-icon-cross {
  color: #A9B8BF;
}
.tt_publishmblog .content_pm {
  padding: 10px;
  background-color: white;
  position: relative;
}
.tt_publishmblog .content_pm label {
  position: absolute;
  top: 13px;
  left: 10px;
  color: #ACB7BF;
  font-size: 14px;
}
.tt_publishmblog .content_pm textarea {
  width: 100%;
  height: 62px;
  border: 0 none;
  background-color: transparent;
  font-size: 14px;
  line-height: 24px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
  padding: 0;
  color: #34434E;
}
.tt_publishmblog .content_pm .input_pm {
  position: relative;
}
.tt_publishmblog .content_pm .input_pm label {
  color: #aaaaaa;
  position: absolute;
  text-indent: 5px;
}
.tt_publishmblog .count_pm {
  color: #EB4447;
}
.tt_publishmblog .count_pm .num_pm {
  display: none;
  padding: 5px;
  margin-bottom: -10px;
  margin-top: 5px;
  border-top: 1px solid #E3ECF1;
  font-size: 12px;
  line-height: 30px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
  font-family: Verdana,Arial;
}
.tt_publishmblog .writelock {
  background: url(../../../images/components/tita-widget/lock-radius.png) no-repeat right top;
}
.tt_publishmblog .action_pm {
  padding: 5px 10px;
  background-color: #F5F8FA;
  font-size: 12px;
  line-height: 20px;
  *zoom: 1;
}
.tt_publishmblog .action_pm:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.tt_publishmblog .action_pm [class*="tu-icon-"] {
  font-size: 18px;
  vertical-align: middle;
}
.tt_publishmblog .action_pm .list_pm {
  position: relative;
  float: left;
}
.tt_publishmblog .action_pm .list_pm li {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 5px;
  color: #647481;
  margin-right: 5px;
  vertical-align: top;
  font-size: 12px;
  line-height: 20px;
}
.tt_publishmblog .action_pm .list_pm li [class*="tu-icon-"] {
  margin-right: 2px;
}
.tt_publishmblog .action_pm .list_pm li:hover {
  cursor: pointer;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.tt_publishmblog .action_pm .list_pm li:hover [class*="tu-icon-"] {
  color: #1687D9;
}
.tt_publishmblog .action_pm .list_pm a {
  color: #647481;
}
.tt_publishmblog .action_pm .list_pm .hight_light {
  color: #F28D49;
}
.tt_publishmblog .action_pm .right-btn_pm {
  float: right;
}
.tt_publishmblog .action_pm .ament_pm {
  position: relative;
  cursor: pointer;
}
.tt_publishmblog .action_pm .ament_pm .upload_node {
  display: inline-block;
  height: 20px;
  line-height: 19px;
  overflow: hidden;
}
.tt_publishmblog .action_pm .ament_pm-a {
  display: inline-block;
  height: 30px;
  margin-left: -5px;
  margin-top: -5px;
}
.tt_publishmblog .action_pm .quna_pm, .tt_publishmblog .action_pm .pub_message {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-right: 15px;
  color: #647481;
  cursor: pointer;
  vertical-align: middle;
}
.tt_publishmblog .action_pm .quna_pm:hover, .tt_publishmblog .action_pm .pub_message:hover {
  color: #00599B;
}
.tt_publishmblog .action_pm .quna_pm span, .tt_publishmblog .action_pm .pub_message span {
  vertical-align: middle;
}
.tt_publishmblog .action_pm .quna_pm .range-cont-icon, .tt_publishmblog .action_pm .pub_message .range-cont-icon {
  font-size: 14px;
}
.tt_publishmblog .action_pm .quna_pm.active {
  color: #1687D9;
}
.tt_publishmblog .action_pm .quna_pm-disabled {
  color: #dddddd;
  cursor: default;
}
.tt_publishmblog .action_pm .quna_pm-disabled:hover {
  color: #dddddd;
}
.tt_publishmblog .action_pm .cancel_pm {
  border: 0 none;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 0 15px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 30px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
  background-color: transparent;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #647481;
}
.tt_publishmblog .action_pm .cancel_pm:hover {
  color: #00599B;
}
.tt_publishmblog .action_pm .pub_message {
  margin-right: 15px;
  cursor: pointer;
}
.tt_publishmblog .action_pm .pub_message .tu-icon-check-active {
  color: #1687D9;
}
.tt_publishmblog .action_pm .pub_message .tu-icon-checkbox-have {
  color: #96D1FA;
}
.tt_publishmblog .action_pm .upload_component {
  padding: 5px 0;
}
.tt_publishmblog .success_pm {
  background: url(../../../images/components/tita-widget/sendsuccess.png) no-repeat center center;
}

/*line*/
.tt_line_publishmblog .content_pm textarea {
  height: 25px;
}
.tt_line_publishmblog .content_pm textarea .input_pm label {
  height: 25px;
}
.tt_line_publishmblog .count_pm {
  display: none;
}
.tt_line_publishmblog .action_pm {
  display: none;
}

.qunartipwrapmvc {
  width: 170px;
  padding: 10px 0;
  background-color: #fff;
  border: 1px solid #dedede;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  display: none;
  position: absolute;
  z-index: 910;
}

.qunartip-view dl {
  margin: 0 1px 1px 1px;
}
.qunartip-view li {
  margin: 0;
  padding: 0 15px;
  font: 12px/30px '\5B8B\4F53','\65B0\5B8B\4F53',Verdana,sans-serif;
  cursor: pointer;
}
.qunartip-view li.active {
  background-color: #F5F8FA;
}
.qunartip-view li:hover {
  background-color: #F5F8FA;
}
.qunartip-view li.disabled {
  color: #dddddd;
  cursor: default;
}
.qunartip-view li.disabled:hover {
  background-color: #fff;
}

.person-list {
  position: relative;
  min-height: 36px;
}
.person-list .title-pl {
  font-size: 12px;
  line-height: 32px;
  color: #333;
}
.person-list .list-pl {
  position: relative;
}
.person-list .ul-style_name {
  float: left;
  vertical-align: middle;
  max-width: 90%;
}
.person-list .ul-style_detial {
  line-height: 0;
  padding-left: 40px;
  margin-bottom: -6px;
}
.person-list .del-item {
  margin-left: 5px;
  color: #A9B8BF;
  cursor: pointer;
}
.person-list ul li {
  position: relative;
  float: left;
  margin-right: 10px;
  height: 36px;
  overflow: hidden;
}
.person-list li a {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 15px;
}
.person-list li a:hover {
  background: url(../../../images/components/tita-widget/del_icon.png) 9px 8px #dddddd no-repeat;
}
.person-list li a span, .person-list li a img {
  vertical-align: top;
}
.person-list li img {
  border-radius: 15px;
}
.person-list em.ux_add_btn {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: #47C17F;
  background-image: none;
  cursor: pointer;
}

.content_nst span.icon-add-big {
  position: absolute;
  margin-left: 41px;
  margin-top: 1px;
}

.content_nst span.object {
  margin-left: 40px;
}

.wrap_noticesetting_tita
.person-list, .ns-adduser-dialog .person-list {
  margin-left: 40px;
}

.tt-noticesetting {
  width: 760px;
  font-size: 12px;
  background-color: #FFF;
}
.tt-noticesetting .box-border {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #dedede;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.tt-noticesetting .title {
  float: left;
  width: 60px;
  font-size: 14px;
  color: #70808B;
  vertical-align: top;
}
.tt-noticesetting .errortip {
  height: 20px;
  line-height: 20px;
  color: #cc2929;
}
.tt-noticesetting__time {
  margin-bottom: 10px;
}
.tt-noticesetting__time-set {
  float: left;
}
.tt-noticesetting__time-set-item {
  position: relative;
  display: inline-block;
  width: 210px;
  margin-left: 20px;
  vertical-align: top;
  cursor: pointer;
  color: #35434C;
  z-index: 1000;
}
.tt-noticesetting__time-set-item-task {
  width: 100px;
  position: relative;
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
  cursor: pointer;
  color: #35434C;
  z-index: 1000;
}
.tt-noticesetting__time-set-dropdown {
  display: none;
  position: absolute;
  left: 0;
  width: 208px;
  height: 300px;
  padding: 10px 0;
  z-index: 1000;
}
.tt-noticesetting__time-set-dropdown ul {
  position: static;
  height: 300px;
  width: inherit;
  font-size: 12px;
  z-index: 99;
  overflow-y: auto;
  overflow-x: hidden;
}
.tt-noticesetting__time-set-dropdown li {
  padding: 0 10px;
  color: #66757F;
  height: 30px;
}
.tt-noticesetting__time-set-dropdown li .inner {
  height: 29px;
  line-height: 29px;
}
.tt-noticesetting__time-set-dropdown li .underline {
  border-bottom: 1px solid #B5BFC6;
}
.tt-noticesetting__time-set-dropdown li:hover, .tt-noticesetting__time-set-dropdown li.active {
  background-color: #F5F8FA;
  color: #005999;
  cursor: pointer;
}
.tt-noticesetting__time-set-dropdown .tt-noticesetting__time-set-dropdown-second {
  position: absolute;
  left: 210px;
  top: 60px;
  width: 150px;
  max-height: 210px;
  padding: 10px 0;
}
.tt-noticesetting__time-errortip {
  padding-left: 20px;
}
.tt-noticesetting__setuser {
  margin-bottom: 10px;
}
.tt-noticesetting__setuser-input {
  float: left;
  width: 670px;
  min-height: 30px;
  margin-left: 20px;
}
.tt-noticesetting__setcontent {
  margin-bottom: 10px;
}
.tt-noticesetting__setcontent-input {
  float: left;
  width: 670px;
  min-height: 30px;
  margin-left: 20px;
}
.tt-noticesetting .day-timepicker {
  display: none;
  position: absolute;
  left: 210px;
  top: 150px;
  padding: 10px;
  border-radius: 2px;
  border: 1px solid #dedede;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}
.tt-noticesetting .daterangepicker {
  position: static;
  display: block !important;
}
.tt-noticesetting .tt-noticesetting_nosetNotice {
  position: absolute;
  bottom: -48px;
  right: 160px;
}

.tu-input-default-tasknotice {
  border-bottom: 1px solid #DEDEDE;
  position: relative;
  z-index: 1;
  padding-left: 5px;
}
.tu-input-default-tasknotice .right-action {
  position: absolute;
  top: -3px;
  right: 0px;
}

.infotip-inner {
  padding: 12px 20px !important;
}

.createTask-setNotice-title {
  width: 420px;
  height: 30px;
  border-bottom: 1px solid #1881D0;
  font-size: 14px;
  color: #333333;
  margin-bottom: 28px;
}

.tt-noticesetting {
  width: 100% !important;
}

.tt_common_loading, .loadingBoxView {
  text-align: center;
  padding: 20px 0;
}
.tt_common_loading img, .tt_common_loading span, .loadingBoxView img, .loadingBoxView span {
  vertical-align: middle;
}
.tt_common_loading .img-load, .loadingBoxView .img-load {
  width: 32px;
  height: 25px;
  background: url(../../../images/components/tita-widget/loading_v1.gif) no-repeat 0 0;
  margin-right: 10px;
  display: inline-block;
}
.tt_common_loading span, .loadingBoxView span {
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
  color: #555555;
  font-size: 12px;
  line-height: 32px;
}

.img-preview-dialog {
  color: #ccc;
  position: relative;
  height: inherit;
  width: inherit;
  font-size: 12px;
  line-height: 16px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
}
.img-preview-dialog .contant_ip {
  *zoom: 1;
  height: inherit;
}
.img-preview-dialog .contant_ip:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.img-preview-dialog .bg_ip {
  background: #34434e;
  opacity: 0.9;
  filter: alpha(opacity=90);
  position: absolute;
  z-index: 1;
}
.img-preview-dialog .wrap_ip {
  position: absolute;
  z-index: 2;
  height: inherit;
  width: inherit;
}
.img-preview-dialog .see_ip {
  position: relative;
  width: 300px;
  height: 300px;
  text-align: initial;
  margin: 0 60px;
  overflow: hidden;
}
.img-preview-dialog .see_ip .tt_common_loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -25px;
}
.img-preview-dialog .see_ip img {
  position: absolute;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
.img-preview-dialog .see_ip.cursor-zoom-in {
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.img-preview-dialog .see_ip.cursor-zoom-out {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.img-preview-dialog .see_ip.cursor-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  cursor: move\0;
}
.img-preview-dialog .see_ip.cursor-grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
  cursor: move\0;
}
.img-preview-dialog .origin_ip {
  position: relative;
  float: left;
  text-align: center;
  overflow: hidden;
}
.img-preview-dialog .left_oip,
.img-preview-dialog .right_oip {
  font-size: 50px;
}
.img-preview-dialog .left_oip {
  position: absolute;
  left: 10px;
  cursor: pointer;
  z-index: 1;
}
.img-preview-dialog .right_oip {
  position: absolute;
  right: 10px;
  cursor: pointer;
  z-index: 1;
}
.img-preview-dialog .thumbnail_ip {
  width: 80px;
  float: right;
  padding: 30px 0;
}
.img-preview-dialog .thumbnail_ip li {
  width: 60px;
  height: 60px;
  margin-top: 20px;
  cursor: pointer;
  background-color: #f5f8fa;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
.img-preview-dialog .thumbnail_ip li:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}
.img-preview-dialog .thumbnail_ip .img_ip {
  position: relative;
  width: 60px;
  height: 60px;
  text-align: center;
}
.img-preview-dialog .thumbnail_ip .img_ip img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 60px;
  max-height: 60px;
  z-index: 1;
}
.img-preview-dialog .thumbnail_ip .img_border {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 54px;
  height: 54px;
  border: 3px solid #48b2ff;
  opacity: 0;
  filter: alpha(opacity=0);
  border-radius: 4px;
}
.img-preview-dialog .thumbnail_ip .active {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}
.img-preview-dialog .thumbnail_ip .active .img_border {
  opacity: 1;
  filter: alpha(opacity=100);
}
.img-preview-dialog .thumbnail_ip .list_tip {
  overflow: hidden;
  margin: 0px 0 20px -10px;
  padding: 0px 10px;
}
.img-preview-dialog .thumbnail_ip .action_tip {
  height: 40px;
  line-height: 40px;
  width: 60px;
  text-align: center;
}
.img-preview-dialog .thumbnail_ip .action_tip span {
  font-size: 40px;
  color: #a9b8bf;
}
.img-preview-dialog .thumbnail_ip .action_tip span:hover {
  cursor: pointer;
  color: #fff;
}
.img-preview-dialog .left-ip {
  position: absolute;
  left: 10px;
  cursor: pointer;
}
.img-preview-dialog .right-ip {
  position: absolute;
  right: 0px;
  cursor: pointer;
}
.img-preview-dialog .info_ip {
  *zoom: 1;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  background-color: #34434e;
  color: #e3ecf1;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.img-preview-dialog .info_ip:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.img-preview-dialog .info_ip .name_ip {
  float: left;
  display: inline;
  max-width: 500px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.img-preview-dialog .info_ip .action_ip {
  float: right;
}
.img-preview-dialog .info_ip .action_ip_item {
  float: left;
  margin-left: 20px;
}
.img-preview-dialog .info_ip .action_ip_item a {
  display: inline-block;
  color: #e3ecf1;
}
.img-preview-dialog .info_ip .action_ip_item:hover .icon-circle {
  padding: 0;
  border-width: 2px;
}
.img-preview-dialog .info_ip .action_ip_item.img-zoom {
  display: none;
}
.img-preview-dialog .info_ip .icon-circle {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e3ecf1;
  padding: 1px;
  margin-right: 5px;
  border-radius: 50%;
  font-size: 16px;
  text-align: center;
}
.img-preview-dialog .info_ip .icon-close {
  font-size: 20px;
  margin-left: 10px;
}
.img-preview-dialog .info_ip .icon-close:hover {
  font-weight: bold;
}
.img-preview-dialog .visible-area {
  position: absolute;
  right: 70px;
  bottom: 10px;
  display: none;
  width: 100px;
  height: 100px;
  border: 3px solid #fff;
  background: #f5f8fa;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.img-preview-visible-area {
  position: relative;
  height: inherit;
  overflow: hidden;
}
.img-preview-visible-area .visible-img-wrap {
  width: inherit;
  height: inherit;
}
.img-preview-visible-area .visible-img-wrap img {
  position: absolute;
}
.img-preview-visible-area .visible-layer-item {
  position: absolute;
  background: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.img-preview-visible-area .visible-layer-left {
  left: 0;
  top: 0;
}
.img-preview-visible-area .visible-layer-top {
  top: 0;
}
.img-preview-visible-area .visible-layer-right {
  right: 0;
  top: 0;
}
.img-preview-visible-area .visible-layer-bottom {
  bottom: 0;
}
.img-preview-visible-area .visible-scope {
  position: absolute;
  border: 2px solid #0094ff;
}

.img-previe-close {
  display: inline-block;
  background: url(../../../images/components/tita-widget/closed.png) no-repeat;
  width: 32px;
  height: 32px;
  margin-left: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10000000;
}
.img-previe-close:hover {
  background-position: 0 -40px;
}

.attachment_fb {
  position: relative;
}
.attachment_fb .item_afb {
  position: relative;
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  padding: 5px;
  width: 290px;
  height: 30px;
}
.attachment_fb .item_afb:hover {
  background-color: #F5F8FA;
}
.attachment_fb .item_afb:hover .right_afb {
  display: block;
}
.attachment_fb .item_afb:hover .status {
  background: #F5F8FA;
}
.attachment_fb .left_afb {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  background-color: #E4EBF0;
  margin-right: 10px;
  text-align: center;
}
.attachment_fb .left_afb .img_up {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.attachment_fb .img_afb {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #fff;
  max-width: 30px;
  max-height: 30px;
}
.attachment_fb .ico_afb {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 30px;
  background-color: #F5F8FA;
}
.attachment_fb .center_afb {
  max-width: 190px;
  float: left;
}
.attachment_fb .center_afb .name {
  font-size: 12px;
  color: #647481;
  line-height: 20px;
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attachment_fb .center_afb .progress, .attachment_fb .center_afb .progress-bar {
  height: 4px;
  border-radius: 2px;
}
.attachment_fb .center_afb .progress {
  background-color: #E3ECF1;
}
.attachment_fb .center_afb .progress-bar {
  width: 0%;
  background-color: #1687D9;
}
.attachment_fb .center_afb .status {
  position: absolute;
  background: #FFF;
  right: 60px;
}
.attachment_fb .center_afb .status-error {
  color: #EB4447;
}
.attachment_fb .center_afb .status-success {
  color: #2DAB92;
}
.attachment_fb .right_afb {
  display: none;
  float: right;
  line-height: 30px;
}
.attachment_fb .right_afb .action-iocn {
  font-size: 14px;
  vertical-align: middle;
  color: #A9B8BF;
}
.attachment_fb .right_afb .action-iocn:hover {
  color: #1687D9;
}
.attachment_fb .right_afb .action-iocn-delete:hover {
  color: #EB4447;
}
.attachment_fb .shade_afb {
  background-color: #8a8a8a;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 100px;
  height: 100px;
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  display: none;
}
.attachment_fb .zoom-afb {
  position: absolute;
  left: 35.5px;
  top: 35.5px;
  display: none;
}
.attachment_fb .name_afb {
  color: #555555;
}
.attachment_fb .action_afb {
  display: none;
}

.attachment_fb_big {
  position: relative;
  margin-top: 20px;
  font-family: PingFangSC-Regular;
}
.attachment_fb_big .item_afb {
  margin: 0 40px 5px 0;
  float: left;
}
.attachment_fb_big .item_afb .img_afb_wrapper {
  width: 98px;
  height: 98px;
  line-height: 97px;
  background: #f5f8fa;
  border: 1px solid #e9edf0;
  border-radius: 1px;
  text-align: center;
}
.attachment_fb_big .item_afb .img_afb_wrapper .img_afb {
  max-width: 100%;
  max-height: 100%;
}
.attachment_fb_big .item_afb .img_afb_wrapper .ico_afb {
  font-size: 50px;
  line-height: 98px;
}
.attachment_fb_big .item_afb .name_afb {
  width: 100px;
  font-size: 12px;
  color: #36434d;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attachment_fb_big .item_afb .operation_afb {
  height: 20px;
  line-height: 20px;
}
.attachment_fb_big .item_afb .operation_afb a {
  font-size: 12px;
  margin-right: 10px;
  color: #005999;
  display: none;
}
.attachment_fb_big .item_afb .operation_afb a:hover {
  color: #1687d9;
}
.attachment_fb_big .item_afb:hover .operation_afb a {
  display: inline;
}

.tag-add-dialog-container {
  position: absolute;
  left: 0px;
  top: 36px;
  z-index: 1300;
  width: 460px;
  padding: 0 20px 16px;
  font-size: 12px;
  background: #fff;
  border: 1px solid #fff;
  border-color: #f0f7fc;
  border-top-color: #acb7bf \9;
  border-right-color: #acb7bf \9;
  border-bottom-color: #acb7bf \9;
  border-left-color: #acb7bf \9;
  border-top-color: #f0f7fc \9\0;
  border-right-color: #f0f7fc \9\0;
  border-bottom-color: #f0f7fc \9\0;
  border-left-color: #f0f7fc \9\0;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
}
.tag-add-dialog-container .input-container {
  position: relative;
  padding-top: 12px;
}
.tag-add-dialog-container .input-container .check-color-btn {
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 1000;
  cursor: pointer;
}
.tag-add-dialog-container .input-container .check-color-btn span {
  width: 16px;
  height: 16px;
}
.tag-add-dialog-container .input-container .check-color-box {
  height: 33px;
  border-bottom: 1px solid #dae1e6;
  margin-bottom: 20px;
}
.tag-add-dialog-container .input-container .check-color-box span {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  margin: 5px 13px 0 0;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.tag-add-dialog-container .input-container .check-color-box span:hover {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
  transform: scale(1.3);
}
.tag-add-dialog-container .input-container .check-color-btn span, .tag-add-dialog-container .input-container .check-color-box span {
  display: inline-block;
  border-radius: 100%;
}
.tag-add-dialog-container .input-container .check-color-btn span.color0, .tag-add-dialog-container .input-container .check-color-box span.color0 {
  background-color: #dae1e6;
}
.tag-add-dialog-container .input-container .check-color-btn span.color1, .tag-add-dialog-container .input-container .check-color-box span.color1 {
  background-color: #f04d4d;
}
.tag-add-dialog-container .input-container .check-color-btn span.color2, .tag-add-dialog-container .input-container .check-color-box span.color2 {
  background-color: #ff670f;
}
.tag-add-dialog-container .input-container .check-color-btn span.color3, .tag-add-dialog-container .input-container .check-color-box span.color3 {
  background-color: #f99c19;
}
.tag-add-dialog-container .input-container .check-color-btn span.color4, .tag-add-dialog-container .input-container .check-color-box span.color4 {
  background-color: #36b39e;
}
.tag-add-dialog-container .input-container .check-color-btn span.color5, .tag-add-dialog-container .input-container .check-color-box span.color5 {
  background-color: #3699e0;
}
.tag-add-dialog-container .input-container .check-color-btn span.color6, .tag-add-dialog-container .input-container .check-color-box span.color6 {
  background-color: #8f84db;
}
.tag-add-dialog-container .input-container .tag-input-add {
  position: absolute;
  right: 0;
  top: 12px;
  padding: 0 15px;
  height: 26px;
  line-height: 26px;
  background-color: #1687d9;
  border: 0 none;
  color: #fff;
  z-index: 1000;
  cursor: pointer;
}
.tag-add-dialog-container .input-container .tag-input-add.tu-button-disabled {
  background-color: #dae1e6;
  color: #acb7bf;
  cursor: default;
}
.tag-add-dialog-container .input-container .tu-input-default {
  position: relative;
  padding-left: 20px;
  padding-bottom: 1px;
  border-bottom: 1px solid #dae1e6;
  color: #005999;
}
.tag-add-dialog-container .input-container .tu-input-default input {
  width: 380px;
  height: 32px;
  line-height: 32px;
  border: 0 none;
  padding: 0;
}
.tag-add-dialog-container .input-container .tu-input-default.focusIn {
  padding-bottom: 0px;
  border-bottom: 2px solid #1687d9;
}
.tag-add-dialog-container .input-container .tu-input-default .placeholder {
  position: absolute;
  left: 20px;
  top: 0;
  color: #acb7bf;
  height: 32px;
  line-height: 32px;
  cursor: text;
}
.tag-add-dialog-container .input-container .tu-input-default.error {
  padding-bottom: 0px;
  border-bottom: 2px solid #cc2929;
}
.tag-add-dialog-container .input-container .input-tip {
  height: 20px;
  line-height: 20px;
  color: #1687d9;
}
.tag-add-dialog-container .input-container .input-tip.error {
  color: #cc2929;
}
.tag-add-dialog-container .share-title {
  line-height: 40px;
  color: #555;
}
.tag-add-dialog-container .tag-cont {
  max-height: 240px;
  overflow: auto;
}
.tag-add-dialog-container .tag-cont .tt_common_emptyinit {
  margin: 0;
}
.tag-add-dialog-container .tag-cont .content_emptyinit {
  border: 0 none;
  padding: 0;
  padding-bottom: 14px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
}
.tag-add-dialog-container .tag-add-box .tt-tag-container {
  padding-bottom: 10px;
}

.tt-tag-add-loading {
  position: absolute;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  text-align: center;
  color: #555;
  padding: 10px 15px 10px 45px;
  background: #fff url(../../../images/components/tita-widget/loading_v1.gif) no-repeat 15px 10px;
  z-index: 1000;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
}

.tt-tag-container {
  display: inline-block;
  margin-right: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.tt-tag-container .tag-box {
  cursor: default;
  height: 24px;
  border-radius: 24px;
}
.tt-tag-container .tag-box:hover {
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.tt-tag-container .be-check {
  cursor: pointer;
}
.tt-tag-container .beDel {
  margin-right: 13px;
}
.tt-tag-container .tag-wrap {
  display: inline-block;
  height: 24px;
  border-radius: 24px;
  background: #E6EDF2;
  font-size: 12px;
}
.tt-tag-container .tag-main, .tt-tag-container .tag-other {
  float: left;
  line-height: 18px;
}
.tt-tag-container .tag-main {
  padding: 3px 12px 3px 3px;
}
.tt-tag-container .tag-main .text {
  color: #667580;
}
.tt-tag-container .tag-main .color1 {
  color: #f04d4d;
}
.tt-tag-container .tag-main .color2 {
  color: #ff670f;
}
.tt-tag-container .tag-main .color3 {
  color: #f99c19;
}
.tt-tag-container .tag-main .color4 {
  color: #36b39e;
}
.tt-tag-container .tag-main .color5 {
  color: #3699e0;
}
.tt-tag-container .tag-main .color6 {
  color: #8f84db;
}
.tt-tag-container .tag-main .gray {
  color: #ACB7BF;
}
.tt-tag-container .tag-main span, .tt-tag-container .tag-other span {
  float: left;
}
.tt-tag-container .checked, .tt-tag-container .del {
  display: none;
  font-size: 18px;
}
.tt-tag-container .del {
  color: #C7CFD5;
}
.tt-tag-container .del:hover {
  color: #EB4447;
  transition: color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.tt-tag-container .tag-color-wrap {
  padding: 5px;
  width: 8px;
  height: 8px;
}
.tt-tag-container .tag-color-wrap span {
  display: inline-block;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.tt-tag-container .tag-color-wrap span.color1 {
  background-color: #f04d4d;
}
.tt-tag-container .tag-color-wrap span.color2 {
  background-color: #ff670f;
}
.tt-tag-container .tag-color-wrap span.color3 {
  background-color: #f99c19;
}
.tt-tag-container .tag-color-wrap span.color4 {
  background-color: #36b39e;
}
.tt-tag-container .tag-color-wrap span.color5 {
  background-color: #3699e0;
}
.tt-tag-container .tag-color-wrap span.color6 {
  background-color: #8f84db;
}
.tt-tag-container .tag-color-wrap span.gray {
  background-color: #ACB7BF;
}
.tt-tag-container .tag-other {
  padding: 3px 10px 3px 2px;
}
.tt-tag-container .tag-other span {
  padding: 0 2px;
  color: #7E8C97;
  line-height: 18px;
  text-align: center;
}
.tt-tag-container .tag-other span.count {
  color: #667580;
}
.tt-tag-container .tag-other span.share-in, .tt-tag-container .tag-other span.share-out {
  cursor: pointer;
}
.tt-tag-container.del-hover {
  margin-right: 4px;
}
.tt-tag-container.active .tag-main {
  padding-left: 3px;
  padding-right: 8px;
}
.tt-tag-container.active .tag-main .text {
  padding-left: 4px;
}
.tt-tag-container.active .tag-wrap {
  background: #DCE3E8;
}
.tt-tag-container.del-hover .tag-main {
  padding-right: 3px;
}
.tt-tag-container.del-hover .tag-main .text {
  padding-right: 4px;
}
.tt-tag-container.active .checked, .tt-tag-container.del-hover .del {
  display: inline-block;
}
.tt-tag-container.active .tag-color-wrap {
  display: none;
}

.tt-tag-add {
  margin-top: 5px;
  min-height: 30px;
  position: relative;
}
.tt-tag-add .tag-label {
  display: inline-block;
  float: left;
  width: 50px;
  height: 24px;
  font-size: 12px;
  color: #5B6A75;
  line-height: 24px;
  text-align: right;
  margin-right: 15px;
}
.tt-tag-add .add-tag:hover {
  border-top-color: #acb7bf \9;
  border-right-color: #acb7bf \9;
  border-bottom-color: #acb7bf \9;
  border-left-color: #acb7bf \9;
  border-top-color: #f0f7fc \9\0;
  border-right-color: #f0f7fc \9\0;
  border-bottom-color: #f0f7fc \9\0;
  border-left-color: #f0f7fc \9\0;
}
.tt-tag-add .add-tag {
  font-size: 14px;
  color: #2FAA93;
  font-weight: bolder;
  line-height: 24px;
  text-align: center;
  float: left;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 6px 11px 0;
  background-color: #E6EDF2;
  display: inline-block;
  cursor: pointer;
  border-top-color: #dae1e6 \9;
  border-right-color: #dae1e6 \9;
  border-bottom-color: #dae1e6 \9;
  border-left-color: #dae1e6 \9;
}
.tt-tag-add .add-tag:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.tt-tag-add .tag-box {
  margin-bottom: 10px;
}
.tt-tag-add .click-to-add {
  color: #ACB7BF;
  line-height: 28px;
  font-size: 12px;
}

.left_fb .avatar_fl {
  border-radius: 50px;
}
.left_fb .avatar_wrapper {
  position: relative;
}
.left_fb .avatar_wrapper .avatar_tag {
  position: absolute;
  width: 60px;
  height: 20px;
  border-radius: 10px;
  bottom: -10px;
  left: -5px;
  color: #fff;
  font-size: 12px;
  cursor: default;
  font-family: PingFangSC-Regular;
  line-height: 20px;
  background-color: #55c6c6;
  text-align: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.feed_list_v2 .avatar_small_fl {
  border-radius: 30px;
}
.feed_list_v2 .top_fl {
  width: 31px;
  height: 14px;
  background: url(../../../images/components/tita-widget/top.gif?ver=1) no-repeat 0 0;
  display: inline-block;
  vertical-align: middle;
}
.feed_list_v2 .more_fl {
  display: block;
  border: 1px solid #c5c5c5;
  color: #555555;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
}
.feed_list_v2 .more_fl:hover {
  border-color: #99c8f2;
  background-color: #d6ecff;
  color: #00599B;
}
.feed_list_v2 .hr_fb {
  display: block;
}
.feed_list_v2 .comment_item_box {
  padding-left: 45px;
}

.feed_item_box_v2 {
  font-size: 14px;
  line-height: 26px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
  border-top: 1px solid #e6e6e6;
  padding: 15px 0 10px 70px;
  position: relative;
}
.feed_item_box_v2:first-child {
  border-top: 0 none;
}
.feed_item_box_v2 .dashang_ico,
.feed_item_box_v2 .taoshang_ico {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background: url(../../../images/components/tita-widget/reward-10.png) -100px -248px;
}
.feed_item_box_v2 .feed-reward_ico {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 5px;
  background: url(../../../images/components/tita-widget/feedReward.svg) no-repeat 0 0;
}
.feed_item_box_v2 .feed-reward_ico:hover {
  background-repeat: no-repeat;
  background-size: 110%;
  background-position-x: -5px;
  background-position-y: -5px;
  background-image: url(../../../images/components/tita-widget/feedReward-hover.png);
}
.feed_item_box_v2 .feed-blessing-gift_ico {
  width: 34px;
  height: 34px;
  vertical-align: middle;
  cursor: pointer;
}
.feed_item_box_v2 .feed-blessing-birth-gift {
  background: url(../../../images/components/tita-widget/feed-blessing-birth-gift-normal.png) no-repeat 0 0;
}
.feed_item_box_v2 .feed-blessing-birth-gift:hover {
  background: url(../../../images/components/tita-widget/feed-blessing-birth-gift-hover.png) no-repeat 0 0;
}
.feed_item_box_v2 .feed-blessing-entry-gift {
  background: url(../../../images/components/tita-widget/feed14-blessing-entry-gift-normal.png) no-repeat 0 0;
}
.feed_item_box_v2 .feed-blessing-entry-gift:hover {
  background: url(../../../images/components/tita-widget/feed14-blessing-entry-gift-hover.png) no-repeat 0 0;
}
.feed_item_box_v2 .taoshang_ico {
  background-position: -150px -250px;
}
.feed_item_box_v2 .main_fb {
  padding-bottom: 7px;
}
.feed_item_box_v2 .left_fb {
  float: left;
  position: relative;
  margin-right: -60px;
  right: 60px;
}
.feed_item_box_v2 .clear_fb {
  height: 0;
  overflow: hidden;
}
.feed_item_box_v2 .right_fb,
.feed_item_box_v2 .feed-actoin {
  position: relative;
}
.feed_item_box_v2 .right_fb .tt-tag-add {
  margin-top: 10px;
}
.feed_item_box_v2 .submain_fb {
  border-top: 1px dashed #ebebeb;
  margin-top: 8px;
  display: none;
}
.feed_item_box_v2 .mark_fb {
  vertical-align: middle;
}
.feed_item_box_v2 .edit_fb {
  float: right;
}
.feed_item_box_v2 .lock_area_fb {
  float: right;
  position: relative;
  padding: 0 5px 0 16px;
  background-color: #f9f9f9;
  color: #c3c3c3;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
}
.feed_item_box_v2 .lock_lafb {
  position: absolute;
  left: -11px;
}
.feed_item_box_v2 .icon-clock,
.feed_item_box_v2 .icon-clock-active {
  margin-right: 8px;
  float: right;
  margin-top: 3.5px;
}
.feed_item_box_v2 .down_fb {
  width: 19px;
  height: 19px;
  border: 1px solid #dddddd;
  line-height: 0;
  border-radius: 3px;
  display: block;
  float: right;
  position: relative;
}
.feed_item_box_v2 .down_fb .icon-arrow-down {
  margin: 7px 0 0 4px;
}
.feed_item_box_v2 .down_fb:hover {
  border-color: #1687D9;
}
.feed_item_box_v2 .info_fb {
  color: #333333;
  font-size: 14px;
  padding-right: 180px;
  word-wrap: break-word;
  word-break: break-all;
}
.feed_item_box_v2 .info_fb .left_ifb {
  float: left;
}
.feed_item_box_v2 .info_fb .right_ifb {
  float: right;
}
.feed_item_box_v2 .info_fb .name_ifb {
  vertical-align: middle;
  font-weight: bold;
}
.feed_item_box_v2 .info_fb .app_ifb {
  font-weight: bold;
  vertical-align: middle;
  margin-right: 5px;
}
.feed_item_box_v2 .info_fb .des_ifb {
  vertical-align: middle;
}
.feed_item_box_v2 .info_fb .txt_ifb {
  vertical-align: middle;
}
.feed_item_box_v2 .info_fb .cont_ifb {
  vertical-align: middle;
}
.feed_item_box_v2 .dynamic_fed {
  color: #333333;
  line-height: 24px;
  word-wrap: break-word;
  word-break: break-all;
  margin-left: 6px;
}
.feed_item_box_v2 .xiangmu {
  background-color: #319ae3;
}
.feed_item_box_v2 .zhiwei {
  background-color: #3cb7b7;
}

.feed_item_box_v2 .simpletask_fb .dynamic_fed {
  margin-left: 0;
}
.feed_item_box_v2 .feed-emotion-img {
  vertical-align: text-bottom;
}
.feed_item_box_v2 .track_fb {
  background-color: #f4faff;
  padding: 0 10px 10px 10px;
}
.feed_item_box_v2 .extra_info_fb {
  background-color: #f4faff;
  padding: 9px 210px 10px 10px;
}
.feed_item_box_v2 .comment_list_fb,
.feed_item_box_v2 .tt_publishmblog {
  margin-top: 17px;
}

.total_fl {
  cursor: pointer;
  display: inline-block;
}
.total_fl .ico_tfl:before {
  float: right;
  margin-top: 4px;
  margin-left: 4px;
}

.signin_fb .cont_sfb {
  border-left: 3px solid #509fe5;
  line-height: 26px;
  padding-left: 90px;
  font-weight: bold;
}
.signin_fb .type_sfb {
  color: #2d83cf;
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  width: 80px;
  float: left;
  position: relative;
  right: 80px;
  margin-right: -80px;
  font-weight: bold;
}
.signin_fb .name_sfb {
  font-size: 16px;
  color: #555555;
}
.signin_fb .des_sfb {
  color: #333333;
}
.signin_fb .full_sfb {
  color: #8eba3e;
}
.signin_fb .unfull_sfb {
  color: #cd7df6;
}

.signintrack_sfb {
  margin-top: 10px;
  line-height: 26px;
}
.signintrack_sfb span {
  vertical-align: middle;
}
.signintrack_sfb li {
  position: relative;
  height: 26px;
}
.signintrack_sfb .line_ssfb {
  width: 2px;
  height: 4px;
  background-color: #ccc;
  display: inline-block;
  position: absolute;
  top: 24px;
  left: 9px;
}
.signintrack_sfb .time_ssfb {
  font-size: 12px;
  color: #555555;
  margin-right: 10px;
}
.signintrack_sfb .text_ssfb {
  color: #8a8a8a;
  font-size: 12px;
}
.signintrack_sfb .text_ssfb .icon-round-up-star {
  margin-right: 10px;
}
.signintrack_sfb [class^="icon-"] {
  margin-right: 10px;
}
.signintrack_sfb .ico_ssfb {
  font-size: 18px;
}
.signintrack_sfb .end_ssfb .time_ssfb,
.signintrack_sfb .end_ssfb .text_ssfb {
  color: #3e91d6;
}
.signintrack_sfb .end_ssfb .line_ssfb {
  top: 0px;
}

.simpletask_fb dt {
  border-left: 3px solid #509fe5;
  line-height: 26px;
  text-indent: 10px;
  font-weight: bold;
}
.simpletask_fb dd {
  padding-top: 14px;
  line-height: 26px;
  text-indent: 2px;
}
.simpletask_fb .status_stfb {
  vertical-align: middle;
  color: #8a8a8a;
  margin-left: 5px;
  font-size: 12px;
  font-weight: normal;
}
.simpletask_fb .type_stfb {
  color: #2d83cf;
  font-size: 14px;
  vertical-align: middle;
  font-weight: bold;
  margin-right: 10px;
}
.simpletask_fb .name_stfb {
  font-size: 16px;
  color: #333333;
  vertical-align: middle;
}
.simpletask_fb .dynamic_fed {
  text-indent: 2em;
}

.daily_feed_fb {
  background-color: #fff;
  padding: 0;
  position: relative;
  *zoom: 1;
}
.daily_feed_fb:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.daily_feed_fb .cont_tfb {
  border-left: 3px solid #509fe5;
  *zoom: 1;
}
.daily_feed_fb .cont_tfb:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.daily_feed_fb .cont_tfb dt {
  line-height: 24px;
  padding-left: 90px;
  padding-top: 3px;
  padding-bottom: 7px;
}
.daily_feed_fb .cont_tfb .item_icon_tfb {
  margin-left: 10px;
}
.daily_feed_fb .cont_tfb.daily .name_tfb {
  font-size: 16px;
  color: #00599b;
}
.daily_feed_fb .cont_tfb .color-purple {
  color: #8379d6;
}
.daily_feed_fb .cont_tfb .color-green {
  color: #47c17f;
}
.daily_feed_fb .cont_tfb .submit-satatus {
  padding-left: 15px;
}
.daily_feed_fb .cont_tfb .tu-icon-check-active {
  font-size: 18px;
  padding-right: 4px;
  vertical-align: text-bottom;
}
.daily_feed_fb .cont_tfb .font12 {
  font-size: 12px;
}
.daily_feed_fb .label_tfb,
.daily_feed_fb .type_tfb {
  float: left;
  position: relative;
  right: 80px;
  margin-right: -80px;
  width: 80px;
}
.daily_feed_fb .type_tfb {
  color: #2d83cf;
  font-size: 16px;
  font-weight: bold;
}
.daily_feed_fb .name_warp_tfb {
  word-wrap: break-word;
  word-break: break-all;
}
.daily_feed_fb .name_tfb {
  font-size: 14px;
  color: #36434d;
  vertical-align: top;
}
.daily_feed_fb .name_tfb:hover {
  color: #00599B;
}
.daily_feed_fb .icos_tfb {
  display: inline-block;
  color: #aaaaaa;
  font-weight: normal;
  font-size: 12px;
  height: 24px;
  vertical-align: top;
}
.daily_feed_fb .icos_tfb span {
  vertical-align: middle;
  display: inline-block;
}
.daily_feed_fb .calendar-icon {
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  color: #647481;
}
.daily_feed_fb .person_tfb {
  white-space: nowrap;
  line-height: 30px;
  margin-right: 55px;
  margin-top: 6px;
}
.daily_feed_fb .date-error_ftb {
  color: #ff5b5b;
}
.daily_feed_fb .time_ftb {
  white-space: nowrap;
}
.daily_feed_fb .right_tfb {
  right: 0;
  top: 0;
  position: absolute;
  text-align: right;
  font-size: 12px;
  color: #aaaaaa;
}
.daily_feed_fb .hour_tfb {
  height: 20px;
  line-height: 20px;
  color: #fff;
  background-color: #ffb527;
  display: inline-block;
  border-radius: 20px;
  padding: 0 8px;
  font-family: Arial;
  font-weight: normal;
}
.daily_feed_fb .status_tfb {
  float: right;
  position: relative;
  display: inline-block;
}
.daily_feed_fb .cont_tfb dt {
  padding-left: 10px;
  padding-bottom: 0;
}
.daily_feed_fb .type_tfb {
  right: 0;
  margin-right: 0;
  width: 45px;
}
.daily_feed_fb .overview_fb {
  background-color: #fff;
  padding: 0;
  padding-top: 10px;
}
.daily_feed_fb .overview_fb dl {
  padding-top: 10px;
}
.daily_feed_fb .overview_fb dl dd p {
  line-height: 1.7;
}
.daily_feed_fb .overview_fb dt {
  position: relative;
  padding-left: 10px;
}
.daily_feed_fb .overview_fb dt .left_line {
  position: absolute;
  left: 0;
  top: 7px;
  display: inline-block;
  width: 6px;
  height: 16px;
  background-color: #e3ecf1;
}
.daily_feed_fb .overview_fb .txt-gray {
  cursor: pointer;
}
.daily_feed_fb .overview_fb .overview_item {
  margin-right: 20px;
}
.daily_feed_fb .evaluation {
  background-color: #fff;
  border: 1px solid #f2f8fc;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1;
  position: relative;
  margin-top: 10px;
  padding: 10px 20px;
}
.daily_feed_fb .evaluation_remark {
  display: block;
  overflow: hidden;
  width: 100%;
  line-height: 25px;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.task_fb {
  position: relative;
  min-height: 50px;
  background-color: #f4faff;
  *zoom: 1;
  padding: 8px 0 8px 8px;
}
.task_fb:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.task_fb .cont_tfb {
  padding-right: 258px;
  border-left: 3px solid #509fe5;
  *zoom: 1;
}
.task_fb .cont_tfb:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.task_fb .cont_tfb dt {
  line-height: 24px;
  padding-left: 90px;
  padding-top: 3px;
  padding-bottom: 7px;
}
.task_fb .cont_tfb dd {
  font-size: 12px;
  line-height: 26px;
  padding-left: 90px;
}
.task_fb .cont_tfb dd .label_tfb {
  color: #aaaaaa;
  -webkit-mask-image: -webkit-gradient(linear, 0 0, 80 0, from(#8a8a8a), to(rgba(197, 197, 197, 0)));
  -moz-mask-image: -moz-gradient(linear, 0 0, 80 0, from(#8a8a8a), to(rgba(197, 197, 197, 0)));
}
.task_fb .cont_tfb dd .des_tfb {
  color: #505050;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.task_fb .cont_tfb dd .des_tfb .font-gray {
  color: #a9b8bf;
}
.task_fb .cont_tfb dd .des_tfb.evaluation {
  font-size: 14px;
  color: #647481;
}
.task_fb .cont_tfb dd .ico_tfb {
  margin-right: 3px;
}
.task_fb .cont_tfb .item_icon_tfb {
  margin-left: 10px;
}
.task_fb .cont_tfb.daily {
  border: none;
}
.task_fb .cont_tfb.daily .name_tfb {
  font-size: 16px;
  color: #00599b;
}
.task_fb .label_tfb,
.task_fb .type_tfb {
  float: left;
  position: relative;
  right: 80px;
  margin-right: -80px;
  width: 80px;
}
.task_fb .type_tfb {
  color: #2d83cf;
  font-size: 16px;
  font-weight: bold;
}
.task_fb .name_warp_tfb {
  word-wrap: break-word;
  word-break: break-all;
}
.task_fb .name_tfb {
  font-size: 14px;
  color: #36434d;
  vertical-align: top;
}
.task_fb .name_tfb:hover {
  color: #00599B;
}
.task_fb .icos_tfb {
  display: inline-block;
  color: #aaaaaa;
  font-weight: normal;
  font-size: 12px;
  height: 24px;
  vertical-align: top;
}
.task_fb .icos_tfb span {
  vertical-align: middle;
  display: inline-block;
}
.task_fb .calendar-icon {
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  color: #647481;
}
.task_fb .person_tfb {
  white-space: nowrap;
  line-height: 30px;
  margin-right: 55px;
  margin-top: 6px;
}
.task_fb .date-error_ftb {
  color: #ff5b5b;
}
.task_fb .time_ftb {
  white-space: nowrap;
}
.task_fb .right_tfb {
  right: 0;
  top: 0;
  position: absolute;
  text-align: right;
  font-size: 12px;
  color: #aaaaaa;
}
.task_fb .hour_tfb {
  height: 20px;
  line-height: 20px;
  color: #fff;
  background-color: #ffb527;
  display: inline-block;
  border-radius: 20px;
  padding: 0 8px;
  font-family: Arial;
  font-weight: normal;
}
.task_fb .status_tfb {
  float: right;
  position: relative;
  display: inline-block;
}

.task_app_fb {
  padding: 0;
  border-left: 3px solid #509fe5;
}
.task_app_fb .cont_tfb {
  border-left: 0 none;
  padding-top: 6px;
  padding-bottom: 3px;
}
.task_app_fb .cont_tfb dd {
  padding-left: 10px;
}
.task_app_fb .name_tfb {
  color: #145c98;
}

.work_fb {
  position: relative;
  min-height: 50px;
  background-color: #f4faff;
  *zoom: 1;
  padding: 10px 0 10px 10px;
}
.work_fb:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.work_fb .cont_wfb {
  padding-right: 258px;
  *zoom: 1;
}
.work_fb .cont_wfb:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.work_fb .cont_wfb dt {
  line-height: 30px;
  padding-left: 50px;
}
.work_fb .cont_wfb dd {
  font-size: 12px;
  line-height: 26px;
}
.work_fb .cont_wfb dd .label_wfb {
  color: #aaaaaa;
  -webkit-mask-image: -webkit-gradient(linear, 0 0, 80 0, from(#8a8a8a), to(rgba(197, 197, 197, 0)));
  -moz-mask-image: -moz-gradient(linear, 0 0, 80 0, from(#8a8a8a), to(rgba(197, 197, 197, 0)));
}
.work_fb .cont_wfb dd .des_wfb {
  color: #667580;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.work_fb .cont_wfb .item_icon_wfb {
  margin-left: 10px;
}
.work_fb .type_wfb {
  position: relative;
  right: 50px;
  margin-right: -50px;
  color: #2d83cf;
  font-size: 16px;
  font-weight: bold;
  float: left;
}
.work_fb .name_wfb {
  font-size: 14px;
  word-wrap: break-word;
  word-break: break-all;
  color: #323232;
}
.work_fb .name_wfb:hover {
  color: #00599B;
}
.work_fb .name_tfb {
  word-break: break-all;
  word-wrap: break-word;
}
.work_fb .person_wfb {
  white-space: nowrap;
  line-height: 30px;
  margin-right: 55px;
  margin-top: 6px;
}
.work_fb .date-error_wtb {
  color: #ff5b5b;
}
.work_fb .time_wtb {
  white-space: nowrap;
}
.work_fb .right_wfb {
  right: 0;
  top: 0;
  position: absolute;
  text-align: right;
  font-size: 12px;
  color: #aaaaaa;
}
.work_fb .hour_wfb {
  height: 20px;
  line-height: 20px;
  color: #fff;
  background-color: #ffb527;
  display: inline-block;
  border-radius: 20px;
  padding: 0 8px;
  font-family: Arial;
  font-weight: normal;
}
.work_fb .status_wfb {
  float: right;
  position: relative;
  display: inline-block;
}
.work_fb .info_wfb {
  font-size: 12px;
  color: #667580;
}
.work_fb .progress-bar {
  width: 180px;
  height: 12px;
  border-radius: 12px;
  background-color: #d8d8d8;
  display: inline-block;
  vertical-align: middle;
}
.work_fb .progress-bar .progress-value {
  width: 40%;
  height: 12px;
  border-radius: 12px;
  background-color: #43bfc0;
}
.work_fb .progress-bar .progress-slider {
  width: 8px;
  height: 18px;
  display: inline-block;
  border-radius: 8px;
  background-color: #43bfc0;
  position: relative;
  right: 0;
  top: -3px;
  float: right;
}
.work_fb .progress-num {
  color: #43bfc0;
  font-size: 18px;
  margin-left: 15px;
  vertical-align: middle;
}

.hr_fb {
  background: #f4faff;
  height: 13px;
  padding-top: 10px;
  margin-top: -8px;
  position: relative;
  overflow: hidden;
  display: none;
}
.hr_fb .left_hr,
.hr_fb .right_hr {
  background: #fff;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 3px;
  border-radius: 16px;
  display: none\9;
}
.hr_fb .left_hr {
  left: -11px;
}
.hr_fb .right_hr {
  right: -11px;
}
.hr_fb .line_hr {
  height: 0;
  border-top: 1px solid #e4ebf0;
  overflow: hidden;
}

.overview_fb {
  font-size: 14px;
  color: #35434c;
  background-color: #f4faff;
  padding: 0 15px 10px 15px;
}
.overview_fb dl {
  padding-top: 8px;
  padding-bottom: 8px;
}
.overview_fb .paragraph-txt {
  line-height: 24px;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
}
.overview_fb .font12 {
  font-size: 12px;
}
.overview_fb .font16 {
  font-size: 16px;
}
.overview_fb .txt-gray {
  color: #36434d;
}
.overview_fb .txt-red {
  color: #eb4447;
}
.overview_fb .txt-green {
  color: #2dab92;
}
.overview_fb .txt-blue {
  color: #1687d9;
}
.overview_fb .load-more {
  float: right;
  color: #145c98;
}

.track_fb dd {
  position: relative;
}
.track_fb dd:first-child .year_tkfb:first-child .line_tkfb {
  top: 13px;
}
.track_fb dd.one_tkfb .year_tkfb {
  display: none;
}
.track_fb .year_tkfb {
  position: relative;
}
.track_fb .year_tkfb .dot_tkfb {
  width: 3px;
  height: 3px;
  border-style: solid;
  border-width: 1px;
}
.track_fb .year-ico_tkfb {
  width: 64px;
  height: 20px;
  background: url(../../../images/components/tita-widget/vane.png) no-repeat 0 0;
}
.track_fb .feed-new-show {
  width: 30px;
  height: 16px;
  display: inline-block;
  background: rgba(255, 19, 0, 0.1);
  border-radius: 8px;
  font-family: PingFangSC-Medium;
  font-size: 12px;
  color: #FF1300;
  line-height: 14px;
  text-align: center;
}
.track_fb .item_tkfb {
  position: relative;
  padding-left: 64px;
}
.track_fb .line_tkfb {
  width: 1px;
  position: absolute;
  top: 0px;
  left: 73px;
  bottom: 0;
}
.track_fb .line-last_tkfb {
  height: 15px;
  bottom: initial;
}
.track_fb .one-line_tkfb {
  top: 13px;
}
.track_fb .date_tkfb {
  font-family: Arial;
  margin-right: 2px;
}
.track_fb .dot_tkfb {
  position: absolute;
  border-radius: 5px;
  width: 5px;
  height: 5px;
  left: 71px;
  top: 12.5px;
}
.track_fb .circle-latest_tkfb-green {
  background: #46cf84;
  z-index: 1;
}
.track_fb .circle-latest_tkfb::after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  position: absolute;
  border-radius: 9px;
  left: -2px;
  top: -2px;
  z-index: -1;
  background: rgba(70, 207, 132, 0.3);
}
.track_fb .left_tkfb {
  width: 64px;
  text-align: right;
  position: relative;
  right: 64px;
  margin-right: -64px;
}
.track_fb .cont_tkfb {
  word-wrap: break-word;
  word-break: break-all;
}
.track_fb .cont_tkfb strong {
  font-weight: normal;
}
.track_fb .latest_tkfb .left_tkfb span {
  color: #38ba72;
}
.track_fb .latest_tkfb .line_tkfb {
  background-color: #38ba72;
  background: -moz-linear-gradient(top, #c2cbd1, #38ba72);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c2cbd1), to(#38ba72));
  background: -o-linear-gradient(top, #c2cbd1, #38ba72);
}
.track_fb .latest_tkfb .dot_tkfb {
  left: 68px;
  top: 7.5px;
  background: #38ba72;
  border: 3px solid #d6eee2;
}

.linksrc_fed {
  display: inline !important;
}

.slide_fb {
  vertical-align: baseline;
  color: #00599B;
  display: inline-block;
  font-size: 12px;
}
.slide_fb:hover {
  color: #1687D9;
}

.action_wrap_fb .refer_fb {
  line-height: 16px;
  color: #ccc;
  font-size: 12px;
  float: left;
}
.action_wrap_fb .refer_fb .time_fb {
  display: inline;
}
.action_wrap_fb .refer_fb .lock_fb {
  margin-left: 5px;
}
.action_wrap_fb .refer_fb span {
  vertical-align: top;
}
.action_wrap_fb .action_fb {
  *zoom: 1;
  text-align: right;
  color: #66757f;
  font-size: 12px;
  line-height: 14px;
  margin-top: 10px;
}
.action_wrap_fb .action_fb:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.action_wrap_fb .action_fb li {
  float: right;
  cursor: pointer;
}
.action_wrap_fb .action_fb li:hover {
  color: #00599b;
}
.action_wrap_fb .action_fb li:hover .tu-icon-taoshang {
  color: #eb4447;
}
.action_wrap_fb .action_fb li:hover .tu-icon-dashang {
  color: #f69e17;
}
.action_wrap_fb .action_fb li:hover .tu-icon-tag,
.action_wrap_fb .action_fb li:hover .tu-icon-heart,
.action_wrap_fb .action_fb li:hover .tu-icon-talk,
.action_wrap_fb .action_fb li:hover .tu-icon-like {
  color: #1587d9;
}
.action_wrap_fb .action_fb li:hover .tu-icon--1 {
  color: #ed6758;
}
.action_wrap_fb .action_fb [class^="tu-icon-"] {
  margin-right: 5px;
  color: #a9b8bf;
  font-size: 16px;
}
.action_wrap_fb .action_fb span {
  vertical-align: middle;
}
.action_wrap_fb .action_fb .line_afb {
  padding: 0 5px;
}

.praise_fb {
  *zoom: 1;
  margin-top: 13px;
}
.praise_fb:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.praise_fb .cont_pfb {
  background-color: #eff7fd;
  border-top-right-radius: 26px;
  border-bottom-right-radius: 26px;
  font-size: 12px;
  margin-left: 15px;
  float: left;
  position: relative;
  padding: 0 25px 0 25px;
  color: #8a8a8a;
}
.praise_fb .icos_prb {
  position: absolute;
  float: left;
  left: -15px;
  top: -2px;
}

.only_comment_fb {
  padding: 0;
}
.only_comment_fb .submain_fb {
  border-top: 0 none;
}

.comment_item_box {
  padding: 8px 5px 5px 50px;
  position: relative;
  background: #FAFBFC;
  margin-bottom: 13px;
}
.comment_item_box:hover {
  background-color: #f4faff;
}
.comment_item_box:hover .action_cb {
  display: inline-block;
}
.comment_item_box:first-child {
  margin-top: 5px;
}
.comment_item_box .left_cb {
  float: left;
  position: relative;
  margin-right: -25px;
  right: 40px;
}
.comment_item_box .dynamic_cb {
  word-wrap: break-word;
  word-break: break-all;
}
.comment_item_box .dynamic_cb .dehua_dcb {
  cursor: pointer;
  font-weight: bold;
}
.comment_item_box .time_cb {
  vertical-align: middle;
}
.comment_item_box .action_cb {
  float: right;
  display: none;
}

.feed-mblog {
  margin-top: 10px;
}

.more-feedbox {
  font-size: 12px;
  line-height: 26px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  background-color: #fff;
  border: 1px solid #c5c5c5;
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 10px 0;
  position: absolute;
  width: 90px;
  z-index: 1060;
  display: none;
}
.more-feedbox li {
  cursor: pointer;
}
.more-feedbox li a {
  display: block;
  color: #333333;
}
.more-feedbox li:hover {
  color: #333333;
  background-color: #eeeeee;
}

.extra_info_fb {
  font-size: 12px;
  line-height: 20px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  color: #667580;
  margin-top: -3px;
}
.extra_info_fb li {
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 3px;
}

.okr_fb,
.feedtype9_fb {
  position: relative;
  min-height: 50px;
  background-color: #f4faff;
  *zoom: 1;
  padding: 10px 0 10px 10px;
}
.okr_fb:after,
.feedtype9_fb:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.okr_fb .cont_wfb,
.feedtype9_fb .cont_wfb {
  padding-right: 258px;
  *zoom: 1;
}
.okr_fb .cont_wfb:after,
.feedtype9_fb .cont_wfb:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.okr_fb .cont_wfb dt,
.feedtype9_fb .cont_wfb dt {
  line-height: 30px;
  padding-left: 50px;
}
.okr_fb .cont_wfb dt .icon_wfb,
.feedtype9_fb .cont_wfb dt .icon_wfb {
  border-radius: 13px;
  vertical-align: top;
  margin-top: 2px;
  margin-right: 50px;
}
.okr_fb .cont_wfb dd,
.feedtype9_fb .cont_wfb dd {
  padding: 10px 0 2px 0;
}
.okr_fb .title_wfb,
.feedtype9_fb .title_wfb {
  display: table;
}
.okr_fb .score_wfb,
.feedtype9_fb .score_wfb {
  font-size: 24px;
  color: #31a683;
}
.okr_fb .type_wfb,
.feedtype9_fb .type_wfb {
  position: relative;
  right: 50px;
  margin-right: -50px;
  float: left;
  color: #31a683;
  font-size: 16px;
  font-weight: bold;
  padding-right: 10px;
}
.okr_fb .name_wfb,
.feedtype9_fb .name_wfb {
  font-size: 14px;
  word-wrap: break-word;
  word-break: break-all;
  color: #323232;
}
.okr_fb .name_wfb:hover,
.feedtype9_fb .name_wfb:hover {
  color: #00599B;
}
.okr_fb .person_wfb,
.feedtype9_fb .person_wfb {
  white-space: nowrap;
  line-height: 30px;
  margin-top: 6px;
}
.okr_fb .right_wfb,
.feedtype9_fb .right_wfb {
  right: 25px;
  top: 0;
  position: absolute;
  text-align: right;
  font-size: 12px;
  color: #aaaaaa;
}

.feedtype12_fb {
  position: relative;
  min-height: 30px;
  background-color: #f4faff;
  *zoom: 1;
  padding: 10px 0 0px 10px;
}
.feedtype12_fb:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.feedtype12_fb .cont_wfb {
  *zoom: 1;
}
.feedtype12_fb .cont_wfb:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.feedtype12_fb .cont_wfb dt {
  line-height: 30px;
  padding-left: 80px;
}
.feedtype12_fb .type_wfb {
  position: relative;
  right: 80px;
  margin-right: -80px;
  float: left;
  color: #31a683;
  font-size: 16px;
  font-weight: bold;
}
.feedtype12_fb .name_wfb {
  font-size: 14px;
  word-wrap: break-word;
  word-break: break-all;
  color: #323232;
}
.feedtype12_fb .name_wfb:hover {
  color: #00599B;
}

/* .okr_fb{
	.cont_wfb dd{
		padding-left:80px;
	}
	.type_wfb{
		position: relative;
		right:80px;
		margin-right:-80px;
		width:80px;
	}
} */
.feedtype8_fb {
  background-color: #f4faff;
  padding: 10px 0 10px 10px;
}
.feedtype8_fb .cont_wfb {
  padding-right: 10px;
  *zoom: 1;
}
.feedtype8_fb .cont_wfb:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.feedtype8_fb .cont_wfb dt {
  line-height: 30px;
}
.feedtype8_fb .cont_wfb dt .icon_wfb {
  border-radius: 13px;
  vertical-align: top;
  margin-top: 2px;
  margin-right: 5px;
}
.feedtype8_fb .type_wfb {
  float: left;
  margin-right: 20px;
  color: #36434d;
  font-size: 16px;
  font-weight: bold;
}
.feedtype8_fb .name_wfb {
  font-size: 14px;
  word-wrap: break-word;
  word-break: break-all;
  color: #36434d;
}
.feedtype8_fb .name_wfb:hover {
  color: #00599B;
}

.feedstep_fb {
  font-size: 12px;
  line-height: 22px;
  padding-left: 40px;
}
.feedstep_fb .des_wfb {
  float: left;
  position: relative;
  right: 40px;
  margin-right: -40px;
  color: #555;
}
.feedstep_fb .workflow_fb {
  height: 22px;
  line-height: 22px;
  background-color: #e3e9f2;
  border-radius: 11px;
  width: 320px;
}
.feedstep_fb .workflow_fb.complete-all {
  background-color: #52cb85;
}
.feedstep_fb .workflow_fb.complete-all .active {
  background-image: none;
}
.feedstep_fb .workflow_fb li {
  float: left;
  color: #4d6892;
  background: #e3e9f2 url(../../../images/components/tita-widget/workflow-v4.png) no-repeat right -90px;
}
.feedstep_fb .workflow_fb li:first-child {
  border-top-left-radius: 11px;
  border-bottom-left-radius: 11px;
}
.feedstep_fb .workflow_fb li:last-child {
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  background-image: none;
}
.feedstep_fb .workflow_fb li.last_wfb {
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  background-image: none;
}
.feedstep_fb .workflow_fb .content {
  padding: 0 15px 0 0;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}
.feedstep_fb .workflow_fb .active {
  width: 170px;
  color: #fff;
  background: #1687d9 url(../../../images/components/tita-widget/workflow-v4.png) no-repeat right 0;
}
.feedstep_fb .workflow_fb .active .content {
  text-align: left;
  text-indent: 10px;
}
.feedstep_fb .workflow_fb .active a {
  color: #fff;
}
.feedstep_fb .workflow_fb .cancel {
  color: #667580;
  background: #e3e9f2 url(../../../images/components/tita-widget/workflow-v4.png) no-repeat right -90px;
}
.feedstep_fb .workflow_fb .unfinished {
  text-align: center;
  background: #52cb85 url(../../../images/components/tita-widget/workflow-v4.png) no-repeat right -30px;
  color: #fff;
}
.feedstep_fb .workflow_fb .unfinished .content {
  padding: 0 15px 0 10px;
}
.feedstep_fb .workflow_fb .complete {
  text-align: center;
  background: #52cb85 url(../../../images/components/tita-widget/workflow-v4.png) no-repeat right -60px;
  color: #fff;
}
.feedstep_fb .workflow_fb .complete .content {
  padding: 0 15px 0 10px;
}
.feedstep_fb .workflow_fb .skip-a {
  color: #fff;
  background: #e3e9f2 url(../../../images/components/tita-widget/workflow-v4.png) no-repeat right -240px;
}
.feedstep_fb .workflow_fb .skip-b {
  background: #e3e9f2 url(../../../images/components/tita-widget/workflow-v4.png) no-repeat right -270px;
}
.feedstep_fb .workflow_fb .skip-b-prev {
  color: #fff;
  background: #52cb85 url(../../../images/components/tita-widget/workflow-v4.png) no-repeat right -210px;
}

.feedtype13 {
  position: relative;
  margin-left: -70px;
  background: #e6f4ff;
  border-radius: 5px;
}
.feedtype13-container {
  padding-left: 135px;
}
.feedtype13-container .reward {
  height: 28px;
  line-height: 28px;
  color: #fff;
  background-color: #ed6758;
  margin-left: 15px;
  border-radius: 20px;
  font-size: 12px;
  width: 66px;
  display: inline-block;
  text-align: center;
  border: none;
  vertical-align: middle;
}
.feedtype13-left_img {
  width: 132px;
  height: 76px;
  vertical-align: middle;
  background: url(../../../images/components/tita-widget/feed13-left.png) no-repeat 0 0;
  position: absolute;
  top: 100%;
  left: 0;
  transform: translateY(-100%);
}
.feedtype13-content {
  padding: 20px 0;
  text-align: left;
}
.feedtype13-content-span_color {
  color: #ed6758;
}
.feedtype13-content-more_img {
  width: 30px;
  height: 30px;
  text-align: center;
  position: sticky;
  margin-left: -10px;
  vertical-align: middle;
  border-radius: 20px;
  right: -25px;
  top: 0px;
  border: 1px solid #fff;
  background: url(../../../images/components/tita-widget/feed13-more.png) no-repeat 0 0;
}
.feedtype13-content-user-pop-wrap {
  max-height: 100px;
  max-width: 266px;
  overflow: visible;
}
.feedtype13-content-user-pop-wrap::after {
  content: ' ';
  display: inline-block;
  position: absolute;
  bottom: 34px;
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  background-color: #fff;
  left: calc( 100% - 22px );
}
.feedtype13-content-user-pop {
  position: absolute;
  bottom: 40px;
  background-color: #fff;
  max-width: 266px;
  overflow-y: auto;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 10px 15px;
  padding-right: 5px;
  padding-bottom: 0px;
  max-height: 90px;
  box-sizing: border-box;
}
.feedtype13-content-user-pop .img_hover {
  margin-left: 0px !important;
  margin-right: 5px !important;
  margin-bottom: 8px !important;
}
.feedtype13-content .left_cb {
  margin-left: 10px;
  position: relative;
}
.feedtype13-content-font {
  margin-left: 10px;
}
.feedtype13-content-font .reward {
  height: 28px;
  line-height: 28px;
  color: #fff;
  background-color: #ed6758;
  margin-left: 15px;
  border-radius: 20px;
  font-size: 12px;
  width: 66px;
  vertical-align: baseline;
  display: inline-block;
  text-align: center;
  border: none;
}
.feedtype13-avtar-reward {
  vertical-align: middle;
}
.feedtype13-avtar-reward span:nth-child(n + 1), .feedtype13-avtar-reward img:nth-child(n + 1) {
  margin-left: -10px;
  border: 1px solid #ffffff;
  cursor: pointer;
}
.feedtype13-time {
  position: absolute;
  right: 6px;
  bottom: 2px;
  color: #8d979e;
}

@media screen and (max-width: 1180px) {
  .feedtype13-content {
    overflow: visible;
  }
  .feedtype13-content .left_cb {
    margin-left: 12px;
    position: relative;
  }
  .feedtype13-content .reward {
    height: 28px;
    line-height: 28px;
    color: #fff;
    background-color: #ed6758;
    margin-left: 15px;
    border-radius: 20px;
    font-size: 12px;
    width: 66px;
    display: inline-block;
    text-align: center;
    border: none;
    vertical-align: middle;
  }
}
.feedtype11-avatar_tag {
  padding: 3px 10px;
  border-radius: 45px;
  font-size: 12px;
  margin-right: 6px;
  display: inline-block;
  height: 14px;
  line-height: 14px;
}
.feedtype11-container .frist_avatar_tag {
  margin-left: 8px;
}
.feedtype11-container .feedtype11-origin {
  background: #f4faff;
  border-radius: 2px;
  line-height: 32px;
  padding: 0 10px 0 5px;
  margin-top: 5px;
}
.feedtype11-container .feedtype11-origin-main {
  border-left: 3px solid rgba(42, 198, 198, 0.5);
  padding-left: 5px;
  cursor: pointer;
}
.feedtype11-container .feedtype11-origin-main-type {
  font-size: 12px;
  color: #2c3338;
  line-height: 20px;
}
.feedtype11-container .feedtype11-origin-main-title {
  margin-left: 5px;
  font-size: 12px;
  color: #5a646b;
  line-height: 20px;
}

.feedtype14 {
  position: relative;
  margin-left: -70px;
  border-radius: 5px;
}
.feedtype14-container {
  height: 170px;
  position: relative;
  width: 100%;
}
.feedtype14-container .feed14-left {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 520px;
  z-index: 10;
}
.feedtype14-container .feed14-right {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 520px;
  z-index: 10;
}
.feedtype14-container .feed14-birth-left {
  background: url(../../../images/components/tita-widget/feed14-birthday-left.png) no-repeat bottom left;
}
.feedtype14-container .feed14-birth-right {
  background: url(../../../images/components/tita-widget/feed14-birthday-right.png) no-repeat bottom right;
}
.feedtype14-container .feed14-left-people {
  position: absolute;
  left: 0;
  bottom: 18px;
  height: 100%;
  z-index: 11;
}
.feedtype14-container .feed14-right-people {
  position: absolute;
  right: 0;
  bottom: 18px;
  height: 100%;
  z-index: 11;
}
.feedtype14-container .feed14-birth-left-people {
  width: 50px;
  background: url(../../../images/components/tita-widget/feed14-LeftBirthdayPeople.png) no-repeat bottom left;
}
.feedtype14-container .feed14-birth-right-people {
  width: 90px;
  background: url(../../../images/components/tita-widget/feed14-rightBirthdayPeople.png) no-repeat bottom right;
}
.feedtype14-container .feed14-entry-left {
  background: url(../../../images/components/tita-widget/feed14-entry-left.png) no-repeat bottom left;
}
.feedtype14-container .feed14-entry-right {
  background: url(../../../images/components/tita-widget/feed14-entry-right.png) no-repeat bottom right;
}
.feedtype14-container .feed14-entry-left-people {
  width: 80px;
  background: url(../../../images/components/tita-widget/feed14-entry-left-people.png) no-repeat bottom left;
}
.feedtype14-container .feed14-entry-right-people {
  width: 88px;
  background: url(../../../images/components/tita-widget/feed14-entry-right-people.png) no-repeat bottom right;
}
.feedtype14-container .feedtype14-date {
  position: absolute;
  right: 8px;
  bottom: 3px;
  line-height: 20px;
  font-size: 12px;
  display: inline-block;
  z-index: 12;
  color: #8d979e;
}
.feedtype14-container-content-entry {
  box-shadow: 0 -5px 6px 0 #ffeae1;
}
.feedtype14-container-content-birth {
  box-shadow: 0 -5px 6px 0 rgba(233, 227, 255, 0.38);
}
.feedtype14-container-content {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 400px;
  min-width: 260px;
  height: 70px;
  background: #ffffff;
  z-index: 12;
  border-radius: 10px 10px 0 0;
  white-space: nowrap;
}
.feedtype14-container-content-head {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  padding: 0 25px;
  font-size: 0;
}
.feedtype14-container-content-head > li {
  display: inline-block;
  position: relative;
  top: -38px;
}
.feedtype14-container-content-head > li:not(:first-child) {
  margin-left: 15px;
}
.feedtype14-container-content-head > .feed14-last-li {
  top: -62px;
}
.feedtype14-container-title {
  font-size: 14px;
  line-height: 30px;
  color: #2c3338;
  text-align: center;
  width: 100%;
  padding-top: 16px;
}
.feedtype14-container-title-name {
  font-size: 16px;
  color: #ed6758;
  font-weight: 600;
}
.feedtype14 .feed14-more {
  width: 50px;
  height: 50px;
  display: block;
  cursor: pointer;
  background: url(../../../images/components/tita-widget/feed14-more.png) no-repeat center;
}

.feed14-birth {
  background: #faf9ff;
}

.feed14-entry {
  background: #fff6f2;
}

.feed14-send-bless {
  border-radius: 100px;
  width: 60px;
  height: 20px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  display: block;
  cursor: pointer;
}

.feed14-send-bless-birth {
  background-image: linear-gradient(-180deg, #bc82ff 0%, #8c88ff 100%);
}
.feed14-send-bless-birth:hover {
  background-image: linear-gradient(-180deg, #ab67fb 0%, #7b76fe 100%);
}

.feed14-send-bless-entry {
  background-image: linear-gradient(-180deg, #ffc62d 4%, #e7b000 98%);
}
.feed14-send-bless-entry:hover {
  background-image: linear-gradient(-180deg, #fbc022 4%, #d9a604 98%);
}

.feed14-content-name {
  text-align: center;
  font-size: 12px;
  color: #2c3338;
  line-height: 20px;
  display: block;
  margin: 5px 0 5px 0;
}

.feed-type14-more-container {
  box-sizing: border-box;
  position: absolute;
  max-width: 472px;
  background: #fff;
  padding: 0 0 10px 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  z-index: 20;
  white-space: normal;
}
.feed-type14-more-container .feed4-last-li-moreUl {
  width: 100%;
  overflow-y: auto;
  max-height: 264px;
  display: flex;
  flex-wrap: wrap;
  padding-right: 15px;
  box-sizing: border-box;
}
.feed-type14-more-container .feed4-last-li-moreUl > li {
  display: inline-block;
  position: relative;
  margin-top: 20px;
  text-align: center;
  margin-left: 15px;
}
.feed-type14-more-container .feed4-last-li-moreUl > li:not(:first-child) {
  margin-left: 15px;
}
.feed-type14-more-container:before {
  border-left: 10px solid transparent;
  position: absolute;
  bottom: -20px;
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid #fff;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  left: calc(50% - (10px));
}

.pull-screen-container {
  position: fixed;
  top: 0px;
  border-left: solid 1px #eeeeee;
  z-index: 1001;
  background-color: white;
  -webkit-box-shadow: -3px 0px 11px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -3px 0px 11px rgba(0, 0, 0, 0.2);
  box-shadow: -3px 0px 11px rgba(0, 0, 0, 0.2);
}
.pull-screen-container .action {
  position: absolute;
  right: 0;
  top: 10px;
  margin-right: 20px;
  z-index: 1002;
  font-size: 12px;
  line-height: 32px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
  display: none;
}
.pull-screen-container .open-screen, .pull-screen-container .close-pull-screen {
  float: right;
  font-size: 18px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
  text-align: right;
  vertical-align: middle;
}
.pull-screen-container .open-screen {
  color: #647481;
}
.pull-screen-container .open-screen:hover {
  color: #00599B;
}
.pull-screen-container .close-pull-screen {
  color: #647481;
}
.pull-screen-container .close-pull-screen:hover {
  color: #EB4447;
  cursor: pointer;
}

.tt_planlist {
  position: relative;
  margin-top: 2px;
  /*  .plan_list_total{
      margin-top:-2px;
      padding-bottom:10px;
      overflow:hidden;
      
      &.p1{
          background-position:28px 0;
      }
      &.p2{
          background-position:30px 0;
      }
      &.p3{
          background-position:90px 0;
      }
      .delete{
          float:left;
          margin-right:10px;
          cursor:pointer;
      }
      .sub-delete-placeholder{
          float:left;
          width:22px;
          height:1px;
      }
      .plan_total_left{
          margin-left:150px;
          float:left;
          span{
              float:left;
              width:5em;
              font-size:12px; 
              color:$gay5;
              &.plan_date{
                  color:$gay13;
                  font-family:$baseFontFamily;
                  margin-right:5px;
              }
          }
      }
      .plan_total_right{
          float:right;
          margin-right:12px;
          font-size:12px;
          color:$gay5;
          .start-date{float:left;margin-right:1em;}
          .txt{float:left;margin-left:5px;cursor:pointer;}
          .notice-wraper{float:left;margin-right:10px}
          .notice{float:left;cursor:pointer;}
      } 
  } */
}
.tt_planlist .task-hot-add {
  padding: 30px 20px 20px 20px;
}
.tt_planlist .child-list-wraper.p1 {
  margin-left: 45px;
}
.tt_planlist .child-list-wraper.p2 {
  margin-left: 50px;
}
.tt_planlist .child-list-wraper.p3 {
  margin-left: 50px;
}
.tt_planlist .child-list-wraper .left_left {
  top: 8px;
}
.tt_planlist .child-list-wraper .right_ttpl {
  top: 10px;
}
.tt_planlist .child-list-wraper .list-li {
  padding: 8px 0;
}
.tt_planlist .task-tag {
  display: inline-block;
  margin-right: 10px;
  width: 64px;
  text-align: center;
  padding: 2px 0;
  border-radius: 12px;
  color: #9d91fb;
  background-color: #ebebfa;
}
.tt_planlist .mine-tag {
  color: #479edd;
  background: #e7f3fb;
}
.tt_planlist .join-tag {
  color: #5BD900;
  background: #ebf8f0;
}
.tt_planlist .assess-tag {
  color: #FFBF00;
  background: rgba(255, 191, 0, 0.1);
}
.tt_planlist .ration-tag {
  color: #00C4CB;
  background: rgba(0, 196, 203, 0.1);
}
.tt_planlist .progress-tag {
  padding-left: 6px;
  padding-right: 6px;
  height: 18px;
  border-radius: 12px;
  margin-right: 10px;
  text-align: center;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
}
.tt_planlist .list-li {
  *zoom: 1;
  padding: 10px 0;
  position: relative;
  z-index: 10;
}
.tt_planlist .list-li:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.tt_planlist .list-li .handle {
  position: absolute;
  left: -14px;
  top: 0;
  display: none;
  width: 14px;
  height: 100%;
  font-size: 14px;
  background: #e4ebf0;
}
.tt_planlist .list-li .handle:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 12px;
  line-height: 12px;
}
.tt_planlist .list-li .packup {
  position: absolute;
  z-index: 3;
  top: 3px;
  left: 2px;
  cursor: pointer;
  font-size: 18px;
}
.tt_planlist .list-li .work_hour {
  display: inline-block;
  width: 44px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  margin-right: 10px;
  font-size: 12px;
  text-align: center;
  color: #f3a474;
  background-color: #fdf3ed;
}
.tt_planlist .list-li .icon-task {
  vertical-align: text-top;
  margin-right: 3px;
}
.tt_planlist .list-li .status_ttpl.status_disabled {
  cursor: default;
  color: #a9b8bf;
}
.tt_planlist .list-li .status_ttpl_wraper {
  position: absolute;
  top: 3px;
  left: 25px;
}
.tt_planlist .list-li .apply_status {
  position: absolute;
  z-index: 9;
  left: 0px;
  top: 0px;
  width: 50px;
  height: 20px;
  line-height: 24px;
  color: #fff;
  font-size: 12px;
}
.tt_planlist .list-li .set-mark {
  float: left;
  margin: 4px 0 0 0;
}
.tt_planlist .list-li:hover, .tt_planlist .list-li_active {
  background-color: #f5f8fa;
}
.tt_planlist .list-li:hover .task-name, .tt_planlist .list-li_active .task-name {
  color: #34434e;
}
.tt_planlist .list-li:hover .right_ttpl .sup-delete, .tt_planlist .list-li_active .right_ttpl .sup-delete {
  visibility: visible;
}
.tt_planlist .list-li:hover .handle, .tt_planlist .list-li_active .handle {
  display: inline-block;
  cursor: pointer;
  z-index: 100;
}
.tt_planlist .list-li:hover .move-top, .tt_planlist .list-li_active .move-top {
  display: inline-block;
}
.tt_planlist .list-li:hover .all-icons .new, .tt_planlist .list-li_active .all-icons .new {
  display: inline-block;
}
.tt_planlist .list-li .task-new-experience {
  display: none;
  padding-left: 50px;
  font-size: 12px;
  color: #34434e;
  align-items: center;
  margin: 5px 0 -7px;
}
.tt_planlist .list-li .task-new-experience i {
  font-size: 14px;
  color: #1687d9;
  margin-right: 5px;
}
.tt_planlist .list-li .task-new-experience .experience-wrapper {
  flex: 1;
  padding-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tt_planlist .planitem {
  position: relative;
  padding-right: 0px;
  *zoom: 1;
  border-bottom: 1px solid #e3ecf1;
}
.tt_planlist .planitem:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.tt_planlist .planitem .child-list .planitem {
  border-top: 1px solid #e3ecf1;
  border-bottom-style: none;
}
.tt_planlist .label {
  margin-left: 5px;
}
.tt_planlist .task-cycle {
  vertical-align: text-bottom;
}
.tt_planlist .task-cycle:before {
  position: relative;
  top: 2px;
}
.tt_planlist .ico-position {
  display: inline-block;
  border-radius: 2px;
  padding: 0 4px;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
}
.tt_planlist .ico-position-6 {
  background: #f79c6f;
}
.tt_planlist .ico-position-7 {
  background: #a1a5ee;
}
.tt_planlist .ico-position-8 {
  background: #c5aae5;
}
.tt_planlist .ico-position-16 {
  background: #96bf65;
}
.tt_planlist .ico-position-20 {
  background: #adcf51;
}
.tt_planlist .ico-position-21 {
  background: #79c7b7;
}
.tt_planlist .all-icons {
  display: inline;
  line-height: 24px;
}
.tt_planlist .all-icons .icon {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  vertical-align: text-bottom;
}
.tt_planlist .all-icons .icon:before {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.tt_planlist .all-icons .new {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  vertical-align: text-bottom;
  display: none;
}
.tt_planlist .all-icons .new:before {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.tt_planlist .all-icons .add-ico {
  position: absolute;
  bottom: -5px;
  right: -4px;
}
.tt_planlist .left_left {
  position: absolute;
  top: 10px;
  left: 0;
  padding-left: 53px;
}
.tt_planlist .left_ttpl {
  *zoom: 1;
  position: relative;
  margin-right: 255px;
  word-break: break-all;
}
.tt_planlist .left_ttpl:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.tt_planlist .left_ttpl.p1 {
  margin-left: 57px;
}
.tt_planlist .left_ttpl.p2 {
  margin-left: 57px;
}
.tt_planlist .left_ttpl.p3 {
  margin-left: 51px;
}
.tt_planlist .left_ttpl .task-name {
  margin-right: 10px;
  font-size: 14px;
  line-height: 24px;
  padding-right: 20px;
  display: inline-block;
  cursor: pointer;
}
.tt_planlist .left_ttpl .task-name.child {
  font-size: 12px;
}
.tt_planlist .left_ttpl .task-name.disable {
  color: #a9b8bf;
}
.tt_planlist .left_ttpl .task-name.warn {
  color: #eb4447;
  min-width: 40px;
  max-width: 500px;
}
.tt_planlist .right_ttpl {
  position: absolute;
  top: 10px;
  right: 0;
  padding-right: 10px;
  line-height: 24px;
}
.tt_planlist .right_ttpl .tt_evaluation {
  margin-right: 10px;
}
.tt_planlist .right_ttpl .notice-wraper {
  margin-top: 4px;
  margin-right: 10px;
}
.tt_planlist .right_ttpl .notice-wraper .sup-notice {
  float: left;
  margin-right: 10px;
}
.tt_planlist .right_ttpl .sup-notice-placeholder {
  width: 23px;
  height: 1px;
}
.tt_planlist .right_ttpl .sup-set-mark {
  color: #f69e17;
  vertical-align: middle;
}
.tt_planlist .right_ttpl .sup-set-mark.active {
  color: #f69e17;
}
.tt_planlist .right_ttpl .principle {
  display: inline-block;
  width: 48px;
  font-size: 12px;
}
.tt_planlist .right_ttpl .sup-delete {
  visibility: hidden;
  color: #145c98;
  font-size: 12px;
  cursor: pointer;
}
.tt_planlist .right_ttpl .sup-delete-placeholder {
  width: 24px;
  height: 1px;
  display: inline-block;
}
.tt_planlist .right_ttpl .date {
  font-size: 12px;
  border-radius: 3px;
  display: inline-block;
  margin-right: 15px;
  font-family: "Arial";
  width: 62px;
  text-align: right;
}
.tt_planlist .right_ttpl .date.warn {
  color: #f25857;
}
.tt_planlist .right_ttpl .expire {
  color: #fe8282;
  border-radius: 6px;
}
.tt_planlist .right_ttpl .disable {
  color: #aaaaaa;
}
.tt_planlist .right_ttpl .move-top {
  display: none;
  line-height: 21px;
  color: #555;
  font-size: 17px;
  margin-right: 10px;
  vertical-align: middle;
}
.tt_planlist .right_ttpl .move-top:hover {
  cursor: pointer;
  color: #005999;
}
.tt_planlist .klass_box_ttpl {
  display: inline-block;
  line-height: 24px;
  width: 100px;
  text-overflow: ellipsis;
}
.tt_planlist .klass_box_ttpl .tt_class_dialog {
  top: 34px;
  left: 0px;
}
.tt_planlist .klass_box_ttpl.pointer {
  cursor: pointer;
}
.tt_planlist .klass_box_ttpl .app-icon {
  font-size: 16px;
  color: #8fc5ed;
  vertical-align: middle;
}
.tt_planlist .klass_box_ttpl .ico-eb {
  font-size: 16px;
  color: #8fc5ed;
  vertical-align: middle;
}
.tt_planlist .klass_box_ttpl .mubiao-app {
  color: #81cdbe;
}
.tt_planlist .klass_box_ttpl .shenpi-app {
  color: #a7d596;
}
.tt_planlist .klass_box_ttpl .zhiwei-app {
  color: #2dab92;
}
.tt_planlist .klass_ttpl {
  font-size: 12px;
  line-height: 16px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
  vertical-align: middle;
}
.tt_planlist .notice {
  cursor: pointer;
  float: left;
}

.quick-cat {
  text-align: left;
  color: #fff;
}
.quick-cat a {
  color: #fff;
}
.quick-cat__btn {
  width: 185px;
  height: 30px;
  line-height: 30px;
  background: #4b5861;
}
.quick-cat__content {
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
}
.quick-cat__button {
  padding-bottom: 5px;
}

.tt_evaluation {
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  font-size: 14px;
  color: #647481;
}
.tt_evaluation .grade {
  height: 26px;
}
.tt_evaluation .font20 {
  font-size: 20px;
}
.tt_evaluation .font18 {
  font-size: 18px;
}
.tt_evaluation .txt-green {
  color: #2DAB92;
}
.tt_evaluation .txt-red {
  color: #ED5858;
}
.tt_evaluation .txt-blue {
  color: #5B99EE;
}
.tt_evaluation .txt-yellow {
  color: #F69E17;
}
.tt_evaluation .evaluation-star-list-show .star-ico-show {
  color: #F69E17;
  font-size: 12px;
  display: inline-block;
  cursor: pointer;
}

.tt_evaluation_middle .text_e {
  font-size: 14px;
  line-height: 16px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
}

.tt_evaluation-star-list {
  font-size: 16px;
}
.tt_evaluation-star-list .star {
  color: #A9B8BF;
}
.tt_evaluation-star-list .star.active {
  color: #F69E17;
}

.evaluation-star-list .star-ico {
  color: #F69E17;
  font-size: 18px;
  display: inline-block;
  cursor: pointer;
}

.evaluation-item-box {
  font-size: 12px;
  line-height: 18px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
}
.evaluation-item-box .evaluation-item {
  background-color: rgba(194, 224, 255, 0.2);
  z-index: 1;
  position: relative;
  margin-top: -1px;
  border-radius: 4px;
  min-width: 580px;
}
.evaluation-item-box .has-radio .evaluation-title {
  padding-left: 25px;
  color: #83898F;
}
.evaluation-item-box .has-radio .evaluation-score-containe {
  padding-left: 99px;
}
.evaluation-item-box .has-radio .eval-item {
  padding-left: 103px;
}
.evaluation-item-box.active {
  z-index: 9999;
  background: rgba(194, 224, 255, 0.2);
  border-radius: 4px;
}
.evaluation-item-box .evaluation-none {
  background-color: rgba(194, 224, 255, 0.2);
  text-align: center;
  padding: 25px 0;
}
.evaluation-item-box .evaluation-none .text_none {
  font-size: 14px;
  vertical-align: middle;
  color: #83898f;
  margin-right: 20px;
}
.evaluation-item-box .evaluation-none .text_sure {
  font-size: 14px;
  color: #5CADFF;
  vertical-align: middle;
  cursor: pointer;
}
.evaluation-item-box .evaluation-operate {
  text-align: right;
  padding: 8px;
  padding-top: 0;
}
.evaluation-item-box .evaluation-operate .btn {
  margin: 0 8px;
  display: inline-block;
}
.evaluation-item-box .evaluation-operate .btn-sure {
  background: #5cadff;
  border: none;
}
.evaluation-item-box .evaluation-operate .btn-cancel {
  border: none;
}
.evaluation-item-box .evaluation-operate .btn-disabled {
  cursor: default;
  background-image: none;
  border-color: #dddddd;
  background-color: #eee;
  color: #c5c5c5;
  display: inline-block;
}
.evaluation-item-box img {
  border-radius: 15px;
}
.evaluation-item-box label {
  font-size: 12px;
}
.evaluation-item-box textarea {
  color: #555;
  width: 98%;
  font-size: 12px;
  line-height: 24px;
  outline: none;
  min-height: 70px;
  padding: 0 6px;
}
.evaluation-item-box textarea::-webkit-input-placeholder {
  color: #aaa;
}
.evaluation-item-box textarea:-moz-placeholder {
  color: #aaa;
}
.evaluation-item-box textarea::-moz-placeholder {
  color: #aaa;
}
.evaluation-item-box textarea:-ms-input-placeholder {
  color: #aaa;
}
.evaluation-item-box .medal {
  float: left;
  font-size: 12px;
  font-weight: bold;
  color: #aaa;
  cursor: pointer;
  height: 58px;
  width: 60px;
  text-align: center;
  margin-right: 14px;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  position: relative;
}
.evaluation-item-box .medal .icon {
  margin-right: 6px;
}
.evaluation-item-box .medal-ico {
  font-size: 22px;
  vertical-align: text-bottom;
  margin-bottom: 5px;
}
.evaluation-item-box .medal-active {
  color: #000;
}
.evaluation-item-box .last-score {
  display: inline-block;
}
.evaluation-item-box .score-value {
  color: #58C583;
  font-size: 14px;
  font-family: "Arial";
  padding-right: 0.5em;
  float: left;
}
.evaluation-item-box .medal-hover-0:hover {
  border-color: #ffb527;
}
.evaluation-item-box .medal-active-0 {
  color: #ffb527;
  border-color: #ffb527;
}
.evaluation-item-box .medal-active-0::after {
  content: ' ';
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border-width: 0 0 15px 21px;
  border-style: solid;
  border-color: #ffb527 transparent;
  right: 0;
  bottom: 0;
}
.evaluation-item-box .medal-hover-1:hover {
  border-color: #84acde;
}
.evaluation-item-box .medal-active-1 {
  color: #84acde;
  border-color: #84acde;
}
.evaluation-item-box .medal-active-1::after {
  content: ' ';
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border-width: 0 0 15px 21px;
  border-style: solid;
  border-color: #84acde transparent;
  right: 0;
  bottom: 0;
}
.evaluation-item-box .medal-hover-2:hover {
  border-color: #ff5b5b;
}
.evaluation-item-box .medal-active-show {
  position: absolute;
  right: 0px;
  bottom: 0;
  z-index: 1;
  color: #fff;
  font-size: 12px;
  transform: scale(0.7);
}
.evaluation-item-box .medal-active-2 {
  color: #ff5b5b;
  border-color: #ff5b5b;
}
.evaluation-item-box .medal-active-2::after {
  content: ' ';
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border-width: 0 0 15px 21px;
  border-style: solid;
  border-color: #ff5b5b transparent;
  right: 0;
  bottom: 0;
}

.evaluation-preview {
  padding: 14px 12px 0 12px;
}
.evaluation-preview .star-ico:hover {
  vertical-align: top;
}
.evaluation-preview .preview-operate {
  position: absolute;
  right: 14px;
  z-index: 2;
  bottom: 8px;
  text-align: center;
  cursor: pointer;
}
.evaluation-preview .preview-operate span {
  font-size: 12px;
  color: #1D86F0;
}
.evaluation-preview .preview-detail {
  position: relative;
  z-index: 1;
}
.evaluation-preview .evaluation-user {
  float: left;
  margin-right: 12px;
  width: 30px;
}
.evaluation-preview .preview-list {
  padding: 0 0 0 42px;
  margin-right: 120px;
}
.evaluation-preview .preview-list .last-score {
  margin-left: 42px;
  top: 2px;
  line-height: 26px;
}
.evaluation-preview .preview-list .score-value {
  float: left;
  font-size: 24px;
}
.evaluation-preview .label-name {
  float: left;
  color: #555;
  white-space: nowrap;
}
.evaluation-preview .evaluation-result {
  padding-left: 10px;
  word-wrap: break-word;
}
.evaluation-preview .preview-score {
  line-height: 20px;
  display: flex;
}
.evaluation-preview .preview-comment {
  padding: 10px 0 12px 0;
  color: #33383D;
  line-height: 22px;
  display: flex;
}
.evaluation-preview .show-all {
  margin-left: 10px;
}
.evaluation-preview .show-detail {
  position: absolute;
  right: 27px;
  bottom: 12px;
}
.evaluation-preview .show-detail.arrow-up {
  bottom: 28px;
}
.evaluation-preview .evaluation-dimension {
  border-top: 1px dashed #eee;
  padding: 8px 150px 8px 90px;
  position: relative;
}
.evaluation-preview .evaluation-dimension .preview-dimension-item {
  display: inline-block;
  width: 48%;
  color: #555;
  line-height: 24px;
}
.evaluation-preview .evaluation-dimension label {
  float: left;
  width: 90px;
  position: relative;
  top: 1px;
  line-height: 24px;
}
.evaluation-preview .evaluation-dimension .item-value {
  color: #555;
  float: left;
}

.evaluation-item-box .evaluation-star-list {
  display: inline-block;
  vertical-align: top;
}
.evaluation-item-box .evaluation-list {
  margin: 0 20px;
}
.evaluation-item-box .eval-item {
  padding: 12px 0 12px 74px;
  border-top: 1px solid #EEE;
}
.evaluation-item-box .evaluation-title {
  width: 74px;
  float: left;
  font-weight: bold;
  position: relative;
  top: 24px;
}
.evaluation-item-box .double-item .evaluation-title {
  padding-left: 24px;
}
.evaluation-item-box .double-item .eval-item {
  padding-left: 96px;
}
.evaluation-item-box .double-item .nochecked {
  color: #c5c5c5;
}
.evaluation-item-box .isShowRaio .evaluation-title {
  padding-left: 25px;
}
.evaluation-item-box .dimension-title {
  float: left;
  width: 74px;
  margin-right: 18px;
  cursor: default;
  line-height: 22px;
}
.evaluation-item-box .star-list-container {
  display: inline-block;
}
.evaluation-item-box .dimension-item {
  padding: 10px 0;
}
.evaluation-item-box .evaluation-score .evaluation-score-container {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: none;
  height: 22px;
  line-height: 22px;
}
.evaluation-item-box .evaluation-score .evaluation-title {
  position: relative;
  top: 16px;
}
.evaluation-item-box .evaluation-score .last-score {
  margin-left: 40px;
  position: relative;
  top: 2px;
}
.evaluation-item-box .evaluation-score .score-value {
  font-size: 24px;
  vertical-align: text-bottom;
}
.evaluation-item-box .evaluation-dimension .evaluation-dimension-container {
  padding-top: 10px;
  padding-bottom: 6px;
}
.evaluation-item-box .evaluation-dimension .last-score {
  margin-left: 20px;
  position: relative;
  top: 2px;
}
.evaluation-item-box .evaluation-medal .evaluation-medal-containner {
  margin: 4px 0;
  border-top: 1px solid #c2e0ff;
  border-top-style: dashed;
}
.evaluation-item-box .evaluation-comment .comment {
  margin: 12px 0;
  border: none;
}
.evaluation-item-box .evaluation-comment .evaluation-title {
  position: relative;
  top: 30px;
}

.class-dialog {
  position: absolute;
  z-index: 100100;
  width: 340px;
  padding: 15px 5px 0 5px;
  background-color: #fff;
  color: #36434D;
}
.class-dialog.single, .class-dialog.shangxin {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  border: 1px solid #eeeeee \0;
}
.class-dialog.multi {
  width: 675px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  border: 1px solid #eeeeee \0;
}
.class-dialog.special {
  width: auto;
  position: relative;
  background-color: transparent;
  border: 1px solid transparent;
}
.class-dialog.special .bottom-area {
  background-color: #F5F8FA;
}
.class-dialog.special .shelf-area, .class-dialog.special .result-area, .class-dialog.special .class-tree-content {
  height: auto;
  overflow: visible;
}
.class-dialog .bottom-area {
  padding: 15px;
  text-align: right;
}
.class-dialog .goto-edit {
  float: left;
  line-height: 30px;
}
.class-dialog .button-new {
  float: left;
  display: none;
}
.class-dialog .class-search {
  position: relative;
  z-index: 2;
  margin: 15px 0 5px 0;
}
.class-dialog .shelf-area, .class-dialog .result-area {
  float: left;
  width: 315px;
  height: 350px;
  padding: 0 10px;
}
.class-dialog .tab-reset {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  line-height: 24px;
}
.class-dialog .tu-tabbable-custom-min {
  position: relative;
  z-index: 1;
}
.class-dialog .tu-icon-close {
  display: none;
}
.class-dialog .result-area {
  border-left: 1px solid #E4EBF0;
  color: #667580;
}
.class-dialog .result-tilte {
  text-align: right;
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 20px;
}
.class-dialog .result-reset {
  display: none;
}
.class-dialog .result-number {
  margin-left: 10px;
}
.class-dialog .result-name {
  float: left;
}
.class-dialog .result-list {
  height: 295px;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 14px;
  line-height: 24px;
}
.class-dialog .result-list li {
  padding: 5px;
}
.class-dialog .result-list li:hover {
  background-color: #F5F8FA;
}
.class-dialog .result-list li:hover .tu-icon-cross {
  display: inline-block;
}
.class-dialog .result-list .tu-icon-cross {
  font-size: 16px;
  line-height: 24px;
  color: #C4CCD2;
  display: none;
  cursor: pointer;
}
.class-dialog .result-list .tu-icon-cross:hover {
  color: #f04d4d;
}
.class-dialog .result-action {
  float: right;
  width: 16px;
  height: 20px;
  margin-left: 5px;
  display: inline-block;
}
.class-dialog .result-empty {
  font-size: 14px;
  line-height: 246px;
  text-align: center;
  color: #ACB7BF;
}
.class-dialog .cont_rd {
  *zoom: 1;
  height: 100%;
}
.class-dialog .cont_rd:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.class-dialog .tt_class_tree {
  position: relative;
}
.class-dialog .class-tree-content {
  height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
}
.class-dialog .class-tree-content.search .tt_klass_work li {
  padding-left: 0;
}
.class-dialog .tt_klass_work {
  font-size: 14px;
  line-height: 24px;
}
.class-dialog .tt_klass_work .item-tv {
  color: #36434D;
  padding-left: 20px;
}
.class-dialog .tt_klass_work .title_kw {
  padding: 5px;
  cursor: pointer;
}
.class-dialog .tt_klass_work .title_kw span {
  margin-top: 5px;
  display: inline-block;
}
.class-dialog .tt_klass_work .title_kw:hover {
  background-color: #F5F8FA;
}
.class-dialog .tt_klass_work .title_tv {
  padding-left: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.class-dialog .tt_klass_work .left_tv {
  margin-right: -23px;
  right: 23px;
}
.class-dialog .icon_tv {
  margin: 5px 0;
  margin-right: 5px;
  font-size: 18px;
  line-height: 24px;
  color: #ACB7BF;
  float: left;
}
.class-dialog .title_tv {
  position: relative;
  z-index: 1;
  padding-left: 50px;
  *zoom: 1;
  cursor: pointer;
}
.class-dialog .title_tv:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.class-dialog .title_tv:hover {
  background-color: #F5F8FA;
}
.class-dialog .text_tv {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.class-dialog .left_tv {
  float: left;
  position: relative;
  right: 45px;
  margin-right: -45px;
  z-index: 1;
}
.class-dialog .active > .title_tv {
  background-color: #EFF4F6;
  color: #005999;
}
.class-dialog .active > .title_tv:hover {
  background-color: #EFF4F6;
}
.class-dialog .klass-search-result {
  position: absolute;
  top: 27px;
  background: #fff;
}
.class-dialog .tu-menuitem {
  cursor: pointer;
}
.class-dialog .tu-menuitem.empty {
  cursor: default;
}
.class-dialog .class-del {
  font-size: 14px;
  line-height: 24px;
}
.class-dialog .class-del .cont-cd {
  margin-bottom: 10px;
}
.class-dialog .class-del label {
  font-size: 12px;
  line-height: 20px;
}
.class-dialog .class-limit {
  width: 200px;
  z-index: 99;
}
.class-dialog .limit-add-dropdown {
  display: none;
  right: 200px;
  top: 28px;
}

.class-tree.class-edit .title_tv {
  padding-right: 130px;
}
.class-tree.class-move .title_tv {
  padding-left: 65px;
}
.class-tree.class-move .title_tv:hover .tu-icon-three-point-shu2 {
  display: inline-block;
}
.class-tree.class-move .left_tv {
  right: 65px;
  margin-right: -65px;
}
.class-tree.class-move .tu-icon-three-point-shu2 {
  padding: 5px 0;
  background-color: #E4EBF0;
  display: none;
  cursor: move;
  font-size: 14px;
  line-height: 24px;
}
.class-tree .ico-move {
  width: 14px;
  margin-right: 5px;
  float: left;
  height: 34px;
  font-size: 14px;
}
.class-tree .item-tv {
  font-size: 14px;
  line-height: 24px;
  color: #36434D;
}
.class-tree .item-tv .item-tv {
  padding: 0;
  padding-left: 21px;
  margin: 1px 0 1px 0;
}
.class-tree .item-tv .item-tv .item-tv {
  padding-left: 23px;
}
.class-tree .title_tv:hover .action_ttv {
  display: inline;
}
.class-tree .title_tv:hover .set_action {
  display: inline;
}
.class-tree .title_tv .text_tv {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.class-tree .title_tv .action_ttv {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.class-tree .title_tv .action_ttv a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  vertical-align: top;
  border-radius: 2px;
}
.class-tree .title_tv .action_ttv a:hover {
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.class-tree .title_tv .action_ttv .add-category {
  width: 60px;
  font-size: 12px;
  border-radius: 0;
  white-space: nowrap;
}
.class-tree .title_tv .action_ttv .add-category:hover {
  background-color: transparent;
  box-shadow: 0 0 0 transparent;
}
.class-tree .title_tv .lock-ttv {
  position: absolute;
  right: 115px;
  top: 0;
  line-height: 30px;
  font-size: 16px;
  color: #ACB7BF;
}
.class-tree > .item-tv:first-child > .title_tv:first-child {
  padding-left: 28px;
}
.class-tree > .item-tv:first-child > .title_tv:first-child .left_tv {
  margin-right: -23px;
  right: 23px;
}
.class-tree > .item-tv:first-child ul > li:first-child > .title_tv:hover .move-top {
  display: none;
}
.class-tree .icon-empty_tv {
  width: 18px;
  height: 15px;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  float: left;
  margin-right: 5px;
}
.class-tree .item-tv > ul {
  display: none;
}
.class-tree .unfold > ul {
  display: block;
}

.tt-time-date-picker .daterangepicker {
  border: 0 none;
}
.tt-time-date-picker .daterangepicker:before, .tt-time-date-picker .daterangepicker:after {
  border-width: 0 !important;
}
.tt-time-date-picker .daterangepicker.open
, .tt-time-date-picker .daterangepicker.single {
  position: static;
  top: 0;
  *zoom: 1;
}
.tt-time-date-picker .daterangepicker.open:after
, .tt-time-date-picker .daterangepicker.single:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.tt-time-date-picker .daterangepicker.single .ranges {
  width: auto;
  text-align: center;
}
.tt-time-date-picker .daterangepicker.open .ranges, .tt-time-date-picker .daterangepicker.open .calendar {
  float: left;
  margin: 4px;
}
.tt-time-date-picker .daterangepicker {
  font-size: 12px;
}
.tt-time-date-picker .daterangepicker .calendar th
, .tt-time-date-picker .daterangepicker .calendar td {
  font-family: 'Arial';
  border-radius: 0;
  line-height: 18px;
  min-width: 18px;
}
.tt-time-date-picker .daterangepicker select.yearselect {
  width: 50%;
}
.tt-time-date-picker .daterangepicker select.monthselect {
  width: 50%;
}
.tt-time-date-picker .daterangepicker input
, .tt-time-date-picker .daterangepicker button
, .tt-time-date-picker .daterangepicker select
, .tt-time-date-picker .daterangepicker textarea
, .tt-time-date-picker .daterangepicker .calendar th
, .tt-time-date-picker .daterangepicker .calendar td {
  font-family: Arial,"SimSun";
  font-size: 12px;
}
.tt-time-date-picker .daterangepicker .table-condensed thead th {
  min-width: 15px;
}
.tt-time-date-picker .daterangepicker .prev, .tt-time-date-picker .daterangepicker .next {
  width: 15px;
}
.tt-time-date-picker .daterangepicker .table-condensed tbody td,
.tt-time-date-picker .daterangepicker .table-condensed tbody th {
  width: 22px;
  height: 22px;
  border: 1px solid #E5E5E5;
}
.tt-time-date-picker .daterangepicker td.off {
  color: #e5e5e5;
}
.tt-time-date-picker .daterangepicker td.start-date {
  background-color: #5792DC;
  border-radius: 0;
}
.tt-time-date-picker .daterangepicker td.start-date.end-date,
.tt-time-date-picker .daterangepicker td.end-date,
.tt-time-date-picker .daterangepicker td.end-date:hover {
  background-color: #E2AD44;
  border-radius: 0;
  border-color: #E2AD44;
}
.tt-time-date-picker .daterangepicker .table-condensed tbody td,
.tt-time-date-picker .daterangepicker .table-condensed tbody th {
  width: 22px;
  height: 22px;
}
.tt-time-date-picker .daterangepicker td.in-range {
  background-color: #D9F2FF;
}
.tt-time-date-picker .daterangepicker .calendar-date {
  padding: 2px;
}
.tt-time-date-picker .daterangepicker.opensleft .ranges
, .tt-time-date-picker .daterangepicker.opensleft .calendar {
  margin: 2px;
}
.tt-time-date-picker .daterangepicker .ranges .input-mini {
  width: 114px;
  text-align: center;
}
.tt-time-date-picker .daterangepicker .ranges .range_inputs > div:nth-child(2) {
  padding-left: 0;
}
.tt-time-date-picker .daterangepicker td.start-date.end-date {
  border-radius: 0;
}

.tt-time-date-picker {
  font-size: 14px;
  line-height: 26px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  width: 560px;
  border: 1px solid #c5c5c5;
  position: absolute;
  z-index: 1030;
}
.tt-time-date-picker .tab-bar {
  padding-left: 22px;
  padding-top: 15px;
  *zoom: 1;
  height: 40px;
  background-color: #eee;
  color: #8a8a8a;
}
.tt-time-date-picker .tab-bar:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.tt-time-date-picker .tab-bar .item-tab {
  float: left;
  padding: 0 20px;
  line-height: 40px;
  cursor: pointer;
}
.tt-time-date-picker .tab-bar .active {
  background: white;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #333;
}
.tt-time-date-picker .cont-box {
  position: relative;
}
.tt-time-date-picker .cont-box .daterangepicker.open {
  display: block;
}
.tt-time-date-picker .date-long {
  *zoom: 1;
}
.tt-time-date-picker .date-long:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.tt-time-date-picker .date-long-left {
  float: left;
}
.tt-time-date-picker .date-long-right {
  float: left;
}
.tt-time-date-picker .date-check {
  padding: 20px 0 0 20px;
}
.tt-time-date-picker .buttons {
  background-color: #eeeeee;
  text-align: right;
  height: 36px;
  padding: 10px 10px 0 10px;
}
.tt-time-date-picker .buttons .reset-cycle {
  float: left;
}
.tt-time-date-picker .cancel-long {
  float: left;
}
.tt-time-date-picker ._cycle_tt_dialog {
  position: relative;
  border: none;
  box-shadow: none;
  width: auto;
}
.tt-time-date-picker ._cycle_tt_dialog h2 {
  display: none;
}
.tt-time-date-picker .cycle_task_container {
  *zoom: 1;
  padding: 20px 0 20px 42px;
  font-size: 12px;
  line-height: 26px;
}
.tt-time-date-picker .cycle_task_container:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.tt-time-date-picker .cycle_type_list {
  float: left;
  width: 125px;
  border-right: 1px dotted #cccccc;
}
.tt-time-date-picker .cycle_type_list span {
  vertical-align: middle;
}
.tt-time-date-picker .cycle_type_date {
  float: left;
  padding-left: 30px;
}
.tt-time-date-picker .cycle_time {
  padding-top: 15px;
}
.tt-time-date-picker .cycle_time span {
  float: left;
  margin-right: 10px;
}
.tt-time-date-picker .date-time-colon {
  float: left;
  padding: 0 5px;
}
.tt-time-date-picker .day_time_nst {
  float: left;
  border: 1px solid #CCC;
  position: relative;
}
.tt-time-date-picker .day_time_nst label {
  display: block;
  padding-left: 10px;
  width: 50px;
  height: 26px;
  line-height: 24px;
  font-size: 12px;
}
.tt-time-date-picker .day_time_nst ul {
  height: 180px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  font-size: 12px;
  line-height: 16px;
  min-width: 60px;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 99;
  left: -1px;
  display: none;
}
.tt-time-date-picker .day_time_nst li a {
  display: block;
  padding: 4px 0 4px 16px;
  height: 16px;
  color: #666;
  text-decoration: none;
}
.tt-time-date-picker .day_time_nst li a:hover {
  background-color: #EDEEF0;
}
.tt-time-date-picker .day_time_nst li.cur_nst a {
  background-position: 3px -285px;
  background-image: url(../../../images/components/tita-widget/ico_ptask.gif);
  background-repeat: no-repeat;
}
.tt-time-date-picker .day_time_nst.first-col {
  margin-right: 10px;
}
.tt-time-date-picker .triday_nst {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 20px;
  height: 26px;
  background: #fff url(../../../images/components/tita-widget/ico_ptask.gif) -8px -113px no-repeat;
}
.tt-time-date-picker .triday_nst:hover {
  background-position: -8px -550px;
}

.tt-time-date-picker-on {
  width: 185px;
}

.work-hour {
  text-align: left;
  overflow: hidden;
  line-height: 16px;
  font-size: 14px;
  line-height: 26px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
}
.work-hour .ux_hour_list {
  float: left;
  width: 220px;
}
.work-hour .hour_list {
  border-right: 1px dotted #c5c5c5;
  font-family: Arial;
}
.work-hour .ux_minite_list {
  float: left;
  width: 45px;
  padding-left: 30px;
  text-align: center;
}
.work-hour .minite_list {
  float: left;
  font-family: Arial;
}
.work-hour h2 {
  font-size: 14px;
  color: #333333;
  text-align: center;
}
.work-hour a {
  width: 25px;
  height: 25px;
  border-radius: 5px;
  color: #333333;
  display: inline-block;
  line-height: 25px;
  font-size: 14px;
  text-align: center;
}
.work-hour a:hover {
  background: #eeeeee;
  color: #333333;
}
.work-hour a.current {
  color: #fff;
  background: #357ebd;
}

.task-apply-titaw {
  font-size: 14px;
  line-height: 28px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
  position: relative;
}
.task-apply-titaw .apply_all {
  background: #f7f7f7;
  padding: 8px 10px 8px 0;
  text-align: right;
  display: none;
}
.task-apply-titaw .task-apply-list {
  background: #FAFBFC;
  border-radius: 2px;
}
.task-apply-titaw .apply_item {
  position: relative;
}
.task-apply-titaw .apply_item:first-child {
  border-top: 0 none;
}
.task-apply-titaw .apply_left {
  padding-left: 75px;
  float: left;
  padding-right: 6px;
}
.task-apply-titaw .apply_log {
  position: absolute;
}
.task-apply-titaw .apply_log .apply_log-text {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  width: 42px;
  height: 17px;
  line-height: 17px;
  text-align: center;
}
.task-apply-titaw .apply_log .red {
  background: #FF7360;
}
.task-apply-titaw .apply_log .redborder {
  border-color: transparent transparent transparent #FF7360;
}
.task-apply-titaw .apply_log .blue {
  background: #3296FA;
}
.task-apply-titaw .apply_log .blueborder {
  border-color: transparent transparent transparent #3296FA;
}
.task-apply-titaw .apply_log .hui {
  background: #BFC3C7;
}
.task-apply-titaw .apply_log .huiborder {
  border-color: transparent transparent transparent #BFC3C7;
}
.task-apply-titaw .apply_log .apply_log-textBorder {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8.5px 2.5px;
  left: 0px;
  top: 5px;
}
.task-apply-titaw .apply_log .apply_log-dian {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #3296FA;
}
.task-apply-titaw .apply_date {
  color: #aaaaaa;
  font-family: 'Arial';
  text-align: left;
}
.task-apply-titaw .blue_date {
  color: #53a4ec;
  margin-right: 8px;
  display: inline-block;
}
.task-apply-titaw .apply_middel {
  float: left;
  height: auto;
  margin: 0 10px 0 10px;
  width: 20px;
}
.task-apply-titaw .apply_middel .apply_pen {
  background: url(../../../images/components/tita-widget/apply-ico.png) no-repeat 0 -40px;
  width: 15px;
  height: 15px;
  margin-top: 4.5px;
}
.task-apply-titaw .apply_middel .apply_wrong {
  width: 15px;
  height: 15px;
  background: url(../../../images/components/tita-widget/apply-ico.png) no-repeat 0 -60px;
}
.task-apply-titaw .apply_middel .apply_ok {
  width: 15px;
  height: 15px;
  background: url(../../../images/components/tita-widget/apply-ico.png) no-repeat 0 -20px;
}
.task-apply-titaw .apply_middel .apply_tree {
  width: 2px;
  background: #c8e1f7;
  margin-left: 7.5px;
  height: 20px;
  min-height: 20px;
}
.task-apply-titaw .apply_middel .apply_end {
  background: url(../../../images/components/tita-widget/apply-ico.png) no-repeat;
  width: 8px;
  height: 8px;
  margin-left: 5px;
  position: absolute;
  bottom: 0;
}
.task-apply-titaw .apply_right {
  padding: 0 150px 0 75px;
}
.task-apply-titaw .apply_msg {
  color: #53a4ec;
  font-size: 12px;
  color: #aaaaaa;
  line-height: 28px;
  word-wrap: break-word;
}
.task-apply-titaw .apply_msg span {
  color: #3A4247;
  margin: 0 8px 0 8px;
}
.task-apply-titaw .apply_msg .taskName {
  cursor: pointer;
  color: #00599B;
}
.task-apply-titaw .apply_msg .taskName:hover {
  color: #1687D9;
}
.task-apply-titaw .apply_item_edit {
  float: right;
  position: absolute;
  width: 150px;
  right: 0;
  top: 10px;
}
.task-apply-titaw .apply_item_edit-sure {
  font-size: 12px;
  color: #3296FA;
  padding: 0 10px;
  line-height: 20px;
  background: #F0F2F5;
}
.task-apply-titaw .apply_item_edit-sure:hover {
  background: #dde7ee;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.task-apply-titaw .apply_item_edit-cancel {
  background: #3296FA;
  color: #fff;
  padding: 0 10px;
  line-height: 20px;
  font-size: 12px;
}
.task-apply-titaw .apply_item_edit-cancel:hover {
  background: #1373b9;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.task-apply-titaw .apply_refuse_content {
  margin-left: 170px;
  color: #aaaaaa;
}
.task-apply-titaw .apply_refuse_content span {
  color: #555555;
}
.task-apply-titaw .btn {
  vertical-align: top;
}

.task-apply-rejected-titaw {
  padding: 0 20px 20px 20px;
  font-size: 14px;
  line-height: 32px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
}
.task-apply-rejected-titaw h2 {
  font-size: 14px;
  color: #555555;
  text-align: left;
}
.task-apply-rejected-titaw textarea {
  height: 90px;
  width: 320px;
  font-size: 14px;
  line-height: 32px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
  resize: none;
}

.tt-task-create {
  position: relative;
  line-height: 1em;
}
.tt-task-create .msg .tu-icon-checkbox-have,
.tt-task-create .create-replace-box .tu-icon-checkbox-have {
  color: #8ac3ec;
}
.tt-task-create .task-create-laytout-input {
  position: relative;
}
.tt-task-create .task-create-laytout-input.input-focus {
  border: 1px solid #1687d9;
}
.tt-task-create .task-create-laytout-input.input-error {
  border: 1px solid #ff4343;
  background-color: #fff2f2;
}
.tt-task-create .task-create-layout-tools {
  display: none;
  border-right: 1px solid #a9b8bf;
  border-left: 1px solid #a9b8bf;
}
.tt-task-create .task-create-layout-tools .disable {
  cursor: default;
}
.tt-task-create .task-create-layout-tools .disable:hover {
  background: none;
}
.tt-task-create .wangEditor-container {
  border: 1px solid #a9b8bf;
  top: -1px;
}
.tt-task-create .layout-border {
  border: 1px solid #a9b8bf;
}
.tt-task-create .task-create-layout-extend {
  position: relative;
  display: none;
}
.tt-task-create .task-create-layout-extend.input-focus {
  border: 1px solid #1687d9;
  z-index: 11;
}
.tt-task-create .border {
  height: 22px;
  border-left: 1px dotted #a9b8bf;
  float: left;
  margin: 0;
}
.tt-task-create .task-create-class-wraper {
  position: relative;
  color: #c5c5c5;
  cursor: pointer;
}
.tt-task-create .task-create-class-wraper .icon-arrow-down {
  margin-left: 5px;
}
.tt-task-create .task-create-class-wraper.disable {
  cursor: default;
}
.tt-task-create .task-create-class-innder {
  float: left;
  line-height: 22px;
}
.tt-task-create .task-create-class-innder .icon-sort-down {
  vertical-align: middle;
}
.tt-task-create .task-create-class-name {
  display: inline-block;
  width: 65px;
  text-align: center;
  color: #a9b8bf;
}
.tt-task-create .task-create-class-name.active {
  color: #647481;
}
.tt-task-create .task-create-class-name-need {
  display: inline-block;
  width: 66px;
  text-align: left;
  color: #647481;
}
.tt-task-create .task-create-class-nameFfollow {
  color: #0A121A;
  display: inline-block;
  max-width: 80%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tt-task-create .createReplaceOtther {
  position: absolute;
  top: 75px;
  left: 88px;
}
.tt-task-create .task-create-targetvalue {
  display: inline-block;
  max-width: 76px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 76px;
}
.tt-task-create .targetValue-delete {
  display: none;
  padding-left: 5px;
}
.tt-task-create .targetValue-delete:hover {
  color: #f25857;
}
.tt-task-create .replaceUserOntherHang {
  position: relative;
  left: -402px;
}
.tt-task-create .task-create-work-hour-box {
  position: relative;
}
.tt-task-create .task-creat-name-wrap {
  *zoom: 1;
}
.tt-task-create .task-creat-name-wrap:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.tt-task-create .ico-style {
  font-size: 14px;
  color: #647481;
}
.tt-task-create .ico-style:before {
  font-size: 18px;
  color: #1687d9;
  margin-right: 3px;
  position: relative;
  top: 3px;
}
.tt-task-create .ns-task-create-name {
  position: relative;
  padding-left: 30px;
}
.tt-task-create .ns-task-create-name.no-icon {
  padding-left: 10px;
}
.tt-task-create .ns-task-create-name .border {
  position: absolute;
  left: 0;
  top: 10px;
  margin: 0;
}
.tt-task-create .ns-task-create-name .ico-name {
  position: absolute;
  top: 12px;
  left: 8px;
  font-size: 18px;
  color: #1687d9;
}
.tt-task-create .ns-task-create-name input {
  border: 0 none;
  height: 22px;
  padding: 10px 0;
  background: transparent;
  width: 100%;
  color: #34434e;
}
.tt-task-create .ns-task-create-name input ::placeholder {
  color: #647481;
}
.tt-task-create .ns-task-principle,
.tt-task-create .create-external-person,
.tt-task-create .ns-task-create-date,
.tt-task-create .ns-task-create-level,
.tt-task-create .ns-task-create-applyuser,
.tt-task-create .create-replace-box,
.tt-task-create .task-create-follow,
.tt-task-create .task-create-work-hour-box {
  position: relative;
}
.tt-task-create .ns-task-principle .border,
.tt-task-create .create-external-person .border,
.tt-task-create .ns-task-create-date .border,
.tt-task-create .ns-task-create-level .border,
.tt-task-create .ns-task-create-applyuser .border,
.tt-task-create .create-replace-box .border,
.tt-task-create .task-create-follow .border,
.tt-task-create .task-create-work-hour-box .border {
  margin-top: 10px;
}
.tt-task-create .task-create-principle,
.tt-task-create .task-create-date-inner {
  padding: 10px 0;
  height: 22px;
  line-height: 22px;
}
.tt-task-create .task-create-level-inner {
  padding: 10px 0;
  height: 22px;
  line-height: 22px;
}
.tt-task-create .task-create-principle-area,
.tt-task-create .ns-task-principle,
.tt-task-create .ns-task-create-applyuser,
.tt-task-create .task-create-tools-item-wraper,
.tt-task-create .task-create-date-container,
.tt-task-create .task-create-level-container {
  float: left;
}
.tt-task-create .task-create-tools-class {
  display: block;
  line-height: 34px;
  margin: 4px 8px 0 7px;
  width: 70px;
  height: 34px;
  background: rgba(100, 116, 129, 0.05);
  border-radius: 4px;
  text-align: center;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #647481;
}
.tt-task-create .enter-value {
  width: 72px;
  height: 18px;
  display: none;
}
.tt-task-create .estimateHours-container {
  display: flex;
  align-items: center;
  position: relative;
}
.tt-task-create .objectvalue-container {
  display: flex;
  align-items: center;
  position: relative;
}
.tt-task-create .objectvalue-container .task-object-value {
  display: inline-block;
  display: none;
  width: 22px;
  height: 22px;
  border-radius: 2px;
  border: 1px solid transparent;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  color: #647481;
  cursor: pointer;
  line-height: 22px;
}
.tt-task-create .objectvalue-container .task-object-value:hover {
  background-color: #f5f8fa !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #dddddd \9\0;
  border: 1px solid #dddddd \9;
  color: #1687d9;
}
.tt-task-create .objectvalue-container:hover .targetValue-delete {
  display: block;
}
.tt-task-create .estimateHours-container:hover .targetValue-delete {
  display: block;
}
.tt-task-create .task-create-tools-showmore {
  height: 42px;
  line-height: 42px;
  float: right;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #1587D9;
  letter-spacing: 0;
  display: flex;
  margin-right: 6px;
  cursor: pointer;
}
.tt-task-create .task-create-tools-showmore .l {
  padding-right: 4px;
}
.tt-task-create .task-create-principle {
  cursor: pointer;
}
.tt-task-create .task-create-principle:hover {
  background-color: #f2f9ff;
}
.tt-task-create .task-create-principle-inner {
  padding: 0 5px;
}
.tt-task-create .task-create-principle-inner .task-create-principle-label {
  display: inline-block;
  padding-right: 15px;
  font-size: 14px;
  color: #647481;
}
.tt-task-create .task-create-principle-inner .principle-style {
  color: #647481;
}
.tt-task-create .task-create-date-inner {
  color: #c5c5c5;
  font-size: 12px;
  width: 61px;
  text-align: center;
  cursor: pointer;
}
.tt-task-create .task-create-date-inner:hover {
  background-color: #f2f9ff;
}
.tt-task-create .task-create-date-inner .ico.active:before {
  color: #ffaf00;
}
.tt-task-create .task-create-level-inner {
  color: #c5c5c5;
  font-size: 12px;
  width: 32px;
  text-align: center;
  cursor: pointer;
}
.tt-task-create .task-create-level-inner:hover {
  background-color: #f2f9ff;
}
.tt-task-create .task-create-level-inner .ico.active:before {
  color: #ffaf00;
}
.tt-task-create .task-create-add-task-container {
  position: relative;
  padding: 0px 379px 0px 0px;
  height: 42px;
  background-color: #fff;
}
.tt-task-create .task-create-add-task-container .task-create-right-part {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
}
.tt-task-create .task-create-add-task-container .task-create-right-part .cycle-wraper {
  float: left;
  padding-left: 5px;
}
.tt-task-create .task-create-add-task-container .task-create-right-part .task-create-principle {
  height: 22px;
  line-height: 22px;
}
.tt-task-create .task-create-add-task-container .task-create-right-part .double-date {
  float: left;
}
.tt-task-create .task-create-add-task-container.border-warn {
  border-color: red;
}
.tt-task-create .task-create-tools-item {
  display: block;
  line-height: 22px;
  padding: 10px;
  float: left;
  cursor: pointer;
}
.tt-task-create .task-create-tools-item:hover {
  background-color: #f2f9ff;
}
.tt-task-create .task-create-estimateHours {
  width: calc(100% - 15px);
  padding-right: 5px;
}
.tt-task-create .task-create-objectValueItem {
  width: calc(100% - 15px);
  padding-right: 5px;
}
.tt-task-create .task-create-tools-link {
  color: #647481;
  display: inline-block;
}
.tt-task-create .task-create-workhour {
  height: 22px;
}
.tt-task-create .tu-icon-signet:before {
  color: #f69e17;
  font-size: 18px;
}
.tt-task-create .task-create-applyuser-name {
  color: #647481;
  display: inline-block;
  width: 50px;
  overflow: hidden;
  vertical-align: bottom;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tt-task-create .task-create-applyuser-wraper {
  position: relative;
  left: 1px;
  padding-right: 0;
}
.tt-task-create .task-create-applyuser-wraper .task-create-delete-applyuser-wraper {
  display: none;
  position: absolute;
  right: -2px;
}
.tt-task-create .task-create-applyuser-wraper .task-create-delete-applyuser-wraper .tu-icon-close {
  color: #647481;
}
.tt-task-create .task-create-applyuser-wraper .task-create-delete-applyuser-wraper .tu-icon-close:hover {
  color: #f25857;
}
.tt-task-create .task-create-applyuser-wraper:hover .task-create-delete-applyuser-wraper {
  display: inline-block;
}
.tt-task-create .task-create-applyuser-wraper:hover .task-create-help {
  display: inline-block;
}
.tt-task-create .task-create-applyuser-wraper .task-create-help {
  margin-right: 5px;
  display: none;
}
.tt-task-create .task-create-applyuser-wraper .task-create-help .icon-wiki {
  color: #a9b8bf;
  vertical-align: middle;
}
.tt-task-create .task-create-applyuser-wraper .task-create-help .icon-wiki:hover {
  color: #145c98;
}
.tt-task-create .task-create-replace .task-create-help {
  margin-right: 5px;
  display: none;
}
.tt-task-create .task-create-replace .task-create-help .icon-wiki {
  color: #a9b8bf;
  vertical-align: middle;
}
.tt-task-create .task-create-replace .task-create-help .icon-wiki:hover {
  color: #145c98;
}
.tt-task-create .task-create-replace .task-create-delete-applyuser-wraper {
  display: none;
}
.tt-task-create .task-create-replace .task-create-delete-applyuser-wraper .tu-icon-close {
  color: #647481;
}
.tt-task-create .task-create-replace .task-create-delete-applyuser-wraper .tu-icon-close:hover {
  color: #f25857;
}
.tt-task-create .task-create-replace .task-create-replace-check-wraper {
  padding: 5px 0;
}
.tt-task-create .task-create-replace .task-create-replace-label {
  color: #a9b8bf;
  display: inline-block;
}
.tt-task-create .task-create-replace .disable {
  font-size: 18px;
  color: #e3ecf1;
  vertical-align: middle;
}
.tt-task-create .task-create-replace:hover .task-create-help {
  display: inline-block;
}
.tt-task-create .task-create-replace:hover .task-create-delete-applyuser-wraper {
  display: inline-block;
}
.tt-task-create .task-create-extend-user {
  padding: 8px 0 8px 20px;
}
.tt-task-create .task-create-extend-user input {
  width: 90%;
  height: 23px;
  line-height: 23px;
  border: 0;
  background: transparent;
  color: #555;
}
.tt-task-create .task-create-bottom {
  position: relative;
  display: block;
}
.tt-task-create .task-create-bottom .uploader_container {
  float: left;
  display: inline-block;
  font-size: 12px;
  color: #00599b;
}
.tt-task-create .task-create-bottom .uploader_container:hover {
  cursor: pointer;
  background-color: #fff;
  border-radius: 2px;
  color: #00599b;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.tt-task-create .task-create-bottom .toggle {
  line-height: 30px;
  font-size: 12px;
  cursor: pointer;
  float: left;
  margin-right: 15px;
}
.tt-task-create .task-create-bottom .toggle:hover {
  color: #00599b;
}
.tt-task-create .task-create-bottom .msg {
  display: inline-block;
  font-size: 12px;
  float: left;
  padding: 5px 0;
  margin-right: 15px;
  line-height: 20px;
}
.tt-task-create .task-create-bottom .msg .check {
  float: left;
  margin-right: 5px;
  margin-top: -2px;
}
.tt-task-create .task-create-bottom .msg .txt {
  float: left;
}
.tt-task-create .task-create-bottom .set-private-area {
  float: left;
  line-height: 30px;
  font-size: 12px;
  padding-right: 15px;
}
.tt-task-create .task-create-bottom .set-private-area .icon-lock {
  margin-right: 5px;
  margin-top: -1px;
}
.tt-task-create .task-create-bottom .set-private-area:hover {
  color: #006eab;
}
.tt-task-create .task-create-bottom .set-private-area-disable:hover {
  color: #647481;
}
.tt-task-create .task-create-bottom .private-show {
  color: #1687d9;
}
.tt-task-create .task-create-bottom .pointer {
  cursor: pointer;
}
.tt-task-create .task-create-bottom .publish-wraper {
  float: left;
}
.tt-task-create .task-create-bottom .publish-wraper.packup {
  display: none;
}
.tt-task-create .task-create-bottom .ux_publish {
  float: right;
  display: inline-block;
}
.tt-task-create .task-create-bottom .ux_publish .span {
  vertical-align: middle;
  display: inline-block;
  line-height: 26px;
  padding-right: 15px;
}
.tt-task-create .task-create-bottom .ux_publish .span a {
  background-color: #fff;
  float: left;
}
.tt-task-create .task-create-bottom .ux_publish .span i {
  font-style: normal;
  font-size: 12px;
  color: #333;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
}
.tt-task-create .task-create-bottom-wraper {
  color: #647481;
  background-color: #f5f8fa;
  padding: 8px 10px 10px 10px;
}
.tt-task-create .upload_component {
  height: 30px;
  width: 65px;
}
.tt-task-create .upload_node {
  position: relative;
  display: inline-block;
  padding: 5px;
  height: 20px;
  line-height: 19px;
  color: #647481;
  overflow: hidden;
}
.tt-task-create .upload_node:hover {
  color: #0aa7da;
}
.tt-task-create .upload_node .tu-icon-cus-fujian {
  padding-right: 2px;
}
.tt-task-create .des-label {
  position: absolute;
  top: 38px;
  left: 5px;
  color: #c5c5c5;
  font-size: 12px;
  z-index: 2;
}
.tt-task-create .tu-dropdown {
  z-index: 100;
  display: none;
}

.ux_task_list {
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 999;
  width: 100%;
  border: 1px solid #d0d0d0;
  background-color: #fff;
  padding: 10px 5px 10px 5px;
  height: 27px;
  overflow-y: auto;
  left: 1px;
}
.ux_task_list li {
  color: #555555;
  font-size: 12px;
  padding-left: 18px;
  line-height: 25px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ux_task_list li:hover {
  background-color: #eeeeee;
}

.task-create-member-list {
  overflow: hidden;
  padding: 10px 0 0px 0px;
  color: #647481;
}
.task-create-member-list label {
  padding: 0 10px 12px 10px;
}
.task-create-member-list li {
  list-style: none;
  float: left;
  margin-right: 15px;
  margin-bottom: 6px;
  height: 30px;
}
.task-create-member-list li a {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
.task-create-member-list li a:hover {
  background: url(../../../images/components/tita-widget/del_icon.png) 9px 8px #dddddd no-repeat;
}
.task-create-member-list li a.department:hover {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.task-create-member-list .ux_add_btn {
  margin-right: 15px;
  margin-bottom: 6px;
  cursor: pointer;
  display: inline-block;
}
.task-create-member-list .task-create-add-user-composite {
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: transparent;
  color: #8f9ca6;
  border: 1px solid #8f9ca6;
  font-size: 14px;
  margin-top: 4px;
  font-size: 14px !important;
}
.task-create-member-list .task-create-add-user-composite:hover {
  background: #47C17F !important;
}
.task-create-member-list .redactor_box {
  background-color: transparent;
}
.task-create-member-list .redactor_box_focus {
  border-left: 1px solid #99c8f2;
  border-right: 1px solid #99c8f2;
  border-bottom: 1px solid #99c8f2;
  background-color: #f2f9ff;
}

.ux_create_task_pop {
  padding: 40px 50px 28px;
}
.ux_create_task_pop h2 {
  font-size: 14px;
  color: #555555;
  line-height: 28px;
  margin-bottom: 10px;
  text-align: left;
}
.ux_create_task_pop span {
  font-size: 12px;
  color: #555555;
  margin-left: 5px;
}
.ux_create_task_pop p {
  font-size: 12px;
  color: #555555;
}
.ux_create_task_pop .errortext_mcsmt {
  display: block;
  color: #ff4343;
}
.ux_create_task_pop .checkbox_wrap {
  padding-top: 10px;
}

.task-create-none-class .task-create-add-task-container {
  padding-left: 0;
}
.task-create-none-class .ns-task-create-name .border {
  display: none;
}

.tt-task-create-date-richeditor .task-create-add-task-container {
  padding: 0;
}

.task-travel-create .task-create-add-task-container {
  padding-right: 55px;
}

.task-create-name-container .ns-task-create-name .border {
  border: none;
}

.tt-task-create .border {
  margin-top: 10px;
}

.ico-style-level {
  font-size: 20px;
  cursor: pointer;
}

.ico-style-1 {
  color: #FF3E3E;
}

.ico-style-2 {
  color: #F69E17;
}

.ico-style-3 {
  color: #55C6C6;
}

.ico-style-4 {
  color: #6CC95C;
}

.ico-style-5 {
  color: #647481;
}

.task-detail .tt-task-create .wangEditor-container {
  border-top: 0;
}

.share-new .task-create-laytout-input {
  border-bottom: 0;
}

.task-detail-layout {
  font-size: 14px;
  line-height: 26px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
}
.task-detail-layout .module-content {
  padding: 0 24px 20px 30px;
}
.task-detail-layout .vertical-control {
  vertical-align: middle;
  font-size: 18px;
}
.task-detail-layout .evaluation-item-box {
  margin: 0 20px 20px 20px;
}
.task-detail-layout .reward-content {
  padding-bottom: 0;
}
.task-detail-layout .workhourlist {
  margin-top: 2px;
}

.ux_edittask_accept_wrap {
  position: relative;
}
.ux_edittask_accept_wrap .ux_edittask_accept {
  margin-bottom: 5px;
  position: relative;
  z-index: 2;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.ux_edittask_accept_wrap .ux_edittask_accept_local {
  padding: 20px 0 27px 0;
}
.ux_edittask_accept_wrap .width238 {
  position: relative;
  width: 238px;
  margin: 0 auto;
}
.ux_edittask_accept_wrap .ux_edittask_accept_other {
  padding: 24px 0 24px 62px;
  width: 430px;
  margin: 0 auto;
}
.ux_edittask_accept_wrap .ux_edittask_accept_other span {
  color: #555555;
  font-size: 18px;
  font-family: "Microsoft YaHei", "SimHei", "SimSun";
  line-height: 30px;
  float: left;
}

.task-unaccept-notice {
  position: relative;
  height: 400px;
}
.task-unaccept-notice-title {
  height: 66px;
  background: #1E86EF;
  line-height: 66px;
  color: #fff;
  font-size: 20px;
  border-radius: 8px 8px 0 0;
}
.task-unaccept-notice-title span {
  padding: 20px;
}
.task-unaccept-notice-context {
  padding: 38px 0 0 40px;
}
.task-unaccept-notice-context .notice {
  font-size: 24px;
  color: #232E42;
  margin-bottom: 20px;
}
.task-unaccept-notice-context .notice-message {
  font-size: 18px;
  color: #273245;
  letter-spacing: 1px;
  line-height: 30px;
  padding: 16px 0;
}
.task-unaccept-notice-context .notice-message .blue {
  vertical-align: text-bottom;
  margin: 10px;
  font-size: 18px;
  color: #1687d9;
}
.task-unaccept-notice-context .notice-person {
  font-size: 18px;
  color: #273245;
  letter-spacing: 1px;
  line-height: 30px;
  width: 384px;
}
.task-unaccept-notice-context .notice-person .notice-time {
  font-size: 20px;
  color: #1687d9;
  letter-spacing: 1px;
  line-height: 30px;
}
.task-unaccept-notice-btn {
  text-align: center;
  margin: 93px 0 0 0;
  height: 40px;
  line-height: 40px;
  position: absolute;
  bottom: 24px;
  left: 125px;
}
.task-unaccept-notice-canclbtn {
  width: 134px;
  height: 40px;
  border: 1px solid #E6E8EB;
  border-radius: 4px;
  display: inline-block;
  font-size: 18px;
  color: #33383D;
  letter-spacing: 0;
  margin: 0 10px;
}
.task-unaccept-notice-surebtn {
  width: 134px;
  height: 40px;
  display: inline-block;
  font-size: 18px;
  color: #fff;
  letter-spacing: 0;
  background: #1E86EF;
  border-radius: 4px;
  margin: 0 10px;
}
.task-unaccept-notice-surebtn:hover {
  color: #fff;
}

.task-accept-pop {
  position: absolute;
  z-index: 999;
  display: block;
}

.task-extra-info {
  margin: 15px;
}
.task-extra-info .extra_info_fb {
  padding: 15px;
  background-color: #ebf6ff;
  *zoom: 1;
}
.task-extra-info .extra_info_fb:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.task-extra-info .extra_info_fb li {
  float: left;
  width: 50%;
  color: #323232;
}

.task-detail-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  /* Handle */
}
.task-detail-scroll::-webkit-scrollbar {
  width: 7px;
}
.task-detail-scroll::-webkit-scrollbar:horizontal {
  height: 7px;
}
.task-detail-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.task-detail-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  min-height: 28px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.task-detail-objectValue {
  background: rgba(194, 224, 255, 0.15);
  position: relative;
  margin: 16px 0 32px 0;
  border-radius: 6px;
  width: 760px;
}
.task-detail-objectValue .ux-okr-value {
  display: flex;
  height: 30px;
  padding: 20px 16px 25px 43px;
  position: relative;
  align-items: center;
}
.task-detail-objectValue .ux-okr-value-logo {
  position: absolute;
  background: rgba(194, 224, 255, 0.6);
  color: #fff;
  font-size: 12px;
  width: 16px;
  height: 100%;
  border-radius: 6px 0 0 6px;
  left: 0px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: center;
}
.task-detail-objectValue .object-value {
  width: 300px;
  display: flex;
  align-items: center;
}
.task-detail-objectValue .object-value-logo {
  padding-right: 8px;
  font-size: 15px;
  color: #00C4CB;
}
.task-detail-objectValue .object-value-text {
  font-size: 14px;
  color: #83898F;
}
.task-detail-objectValue .object-value-danwei {
  font-size: 13px;
  color: #BFC3C7;
  padding: 0 4px;
}
.task-detail-objectValue .object-value-input {
  font-size: 20px;
  color: #55C5C6;
  border: 1px solid #3396FA;
  border-radius: 2px;
  width: 120px;
  height: 26px;
  line-height: 30px;
  margin: 0 4px 0 22px;
  display: none;
}
.task-detail-objectValue .object-value-number {
  font-size: 20px;
  color: #55C5C6;
  padding: 0 5px 0 15px;
  display: inline-block;
  max-width: 122px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.task-detail-objectValue .actual-value {
  width: 370px;
  display: flex;
  align-items: center;
  flex: 1;
}
.task-detail-objectValue .actual-value-logo {
  color: #53BAFF;
  padding-right: 12px;
  font-size: 15px;
}
.task-detail-objectValue .actual-value-text {
  font-size: 14px;
  color: #83898F;
}
.task-detail-objectValue .actual-value-danwei {
  font-size: 13px;
  color: #BFC3C7;
  padding: 0 8px;
}
.task-detail-objectValue .actual-value-input {
  font-size: 20px;
  color: #55C5C6;
  border: 1px solid #3396FA;
  border-radius: 2px;
  width: 120px;
  height: 26px;
  line-height: 30px;
  margin: 0 4px 0 22px;
  display: none;
}
.task-detail-objectValue .actual-value-number {
  font-size: 20px;
  color: #55C5C6;
  padding: 0 5px 0 15px;
  display: inline-block;
  max-width: 122px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.task-detail-objectValue .showChanges {
  position: absolute;
  bottom: 4px;
  right: 14px;
  color: #1D86F0;
}
.task-detail-objectValue .edit-able {
  display: inline-block;
  visibility: hidden;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border: 1px solid transparent;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  color: #647481;
  cursor: pointer;
  line-height: 12px;
}
.task-detail-objectValue .edit-able:hover {
  background-color: #f5f8fa !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #dddddd \9\0;
  border: 1px solid #dddddd \9;
  color: #1687d9;
}
.task-detail-objectValue .objectvalue-delete {
  cursor: pointer;
}
.task-detail-objectValue .objectValue-note {
  display: none;
  width: 100%;
  border-top: 1px solid #e3ecf1;
  padding: 20px 32px 20px 30px;
}
.task-detail-objectValue:hover .edit-able {
  visibility: visible;
}

.ux_editask_base {
  position: relative;
  font-size: 14px;
  margin-left: 12px;
}
.ux_editask_base .attachment-height {
  min-height: 26px;
}
.ux_editask_base .relation-box {
  display: flex;
  align-items: center;
}
.ux_editask_base .relation-box a {
  display: inline-block;
  max-width: 92%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 10px;
}
.ux_editask_base .relation-box .delete-relation {
  color: #a9b8bf;
  cursor: pointer;
  visibility: hidden;
}
.ux_editask_base .relation-box .delete-relation:hover {
  color: #f04d4d;
}
.ux_editask_base .relation-box .relation-name {
  color: #00599b;
}
.ux_editask_base .task-relate {
  margin-top: 22px;
}
.ux_editask_base .task-relate dt, .ux_editask_base .task-relate dd {
  display: inline-block;
}
.ux_editask_base .task-relate__text {
  margin-left: 26px;
}
.ux_editask_base .task-relate__wiki {
  margin-left: 10px;
  font-size: 12px;
  visibility: hidden;
  vertical-align: middle;
}
.ux_editask_base__item {
  position: relative;
  padding: 10px 30px 0 120px;
}
.ux_editask_base__item .sys-icon-xiangmu {
  color: #1687D9;
  font-size: 14px;
}
.ux_editask_base__item .tt_upload_type_container {
  font-size: 12px;
}
.ux_editask_base .left-eb {
  position: absolute;
  left: 0;
  top: 10px;
  display: inline-block;
  margin-right: -90px;
}
.ux_editask_base .ico-eb {
  margin-right: 10px;
  font-size: 14px;
  color: #1687D9;
}
.ux_editask_base__toggle {
  font-size: 12px;
  color: #1D86F0;
  cursor: pointer;
  text-align: center;
}
.ux_editask_base__toggle:hover {
  color: #1687D9;
}
.ux_editask_base__toggle .txt {
  padding-right: 2px;
}
.ux_editask_base__toggle .icon {
  margin-bottom: 2px;
  font-size: 16px;
  vertical-align: text-bottom;
}
.ux_editask_base__partner .last-add {
  border-left-width: 0;
  background-color: white;
}
.ux_editask_base__partner .last-add a {
  vertical-align: bottom;
}
.ux_editask_base__partner .disabled:hover {
  border-color: white;
}
.ux_editask_base__users-radius_item {
  display: inline-block;
  border: 1px solid white;
  line-height: 22px;
  position: relative;
  float: left;
}
.ux_editask_base__users-radius .eidt-del em {
  margin-top: -2px;
  margin-left: 5px;
  color: #A9B8BF;
  visibility: hidden;
}
.ux_editask_base__users-radius .eidt-del em:hover {
  color: #CC2929;
}
.ux_editask_base__users-radius .eidt-del:hover em {
  visibility: visible;
}
.ux_editask_base__attachments {
  padding: 0 50px 10px 20px;
}
.ux_editask_base__attachments .tu-icon-jpg, .ux_editask_base__attachments .tu-icon-png, .ux_editask_base__attachments .tu-icon-gif, .ux_editask_base__attachments .tu-icon-jpeg {
  color: #44CF85;
}
.ux_editask_base__attachments .tu-icon-exe, .ux_editask_base__attachments .tu-icon-pdf, .ux_editask_base__attachments .tu-icon-txt, .ux_editask_base__attachments .tu-icon-doc, .ux_editask_base__attachments .tu-icon-docx, .ux_editask_base__attachments .tu-icon-ppt, .ux_editask_base__attachments .tu-icon-pptx, .ux_editask_base__attachments .tu-icon-xls, .ux_editask_base__attachments .tu-icon-xlsx {
  color: #49B9DD;
}
.ux_editask_base__attachments .tu-icon-rar, .ux_editask_base__attachments .tu-icon-zip {
  color: #FFBA46;
}
.ux_editask_base__attachments .tu-icon-mp3, .ux_editask_base__attachments .tu-icon-wma, .ux_editask_base__attachments .tu-icon-wav, .ux_editask_base__attachments .tu-icon-flac, .ux_editask_base__attachments .tu-icon-ape, .ux_editask_base__attachments .tu-icon-ogg, .ux_editask_base__attachments .tu-icon-aac, .ux_editask_base__attachments .tu-icon-m4a {
  color: #8479D6;
}
.ux_editask_base__attachments .tu-icon-mp4, .ux_editask_base__attachments .tu-icon-mkv, .ux_editask_base__attachments .tu-icon-rm, .ux_editask_base__attachments .tu-icon-rmvb, .ux_editask_base__attachments .tu-icon-avi, .ux_editask_base__attachments .tu-icon-3gp, .ux_editask_base__attachments .tu-icon-flv, .ux_editask_base__attachments .tu-icon-wmv, .ux_editask_base__attachments .tu-icon-asf, .ux_editask_base__attachments .tu-icon-mpeg, .ux_editask_base__attachments .tu-icon-mpg, .ux_editask_base__attachments .tu-icon-mov, .ux_editask_base__attachments .tu-icon-ts, .ux_editask_base__attachments .tu-icon-m4v {
  color: #3EBBA8;
}
.ux_editask_base__attachments .tu-icon-none {
  color: #FF730C;
}
.ux_editask_base .edit-able {
  display: inline-block;
  visibility: hidden;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border: 1px solid transparent;
  margin-left: 10px;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  color: #647481;
  cursor: pointer;
  line-height: 12px;
  background-color: white;
}
.ux_editask_base .edit-able:hover {
  background-color: #F5F8FA !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #dddddd \9\0;
  border: 1px solid #dddddd \9;
  color: #1687D9;
}
.ux_editask_base .edit-able_del {
  color: #35434C;
}
.ux_editask_base .edit-able_handler:hover .edit-able {
  visibility: visible;
}
.ux_editask_base .edit-able_handler:hover .task-relate__wiki {
  visibility: visible;
}
.ux_editask_base .edit-able_show .edit-able {
  visibility: visible;
}
.ux_editask_base .edit-able_active {
  visibility: visible;
  background-color: #E4EBF0;
  color: #667580;
}
.ux_editask_base .margin-left-0 {
  margin-left: 0;
}
.ux_editask_base .pointer {
  cursor: pointer;
}
.ux_editask_base .all-more .item-am {
  *zoom: 1;
}
.ux_editask_base .all-more .item-am:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.ux_editask_base .all-more .base-item-warp {
  float: left;
  width: 50%;
  min-width: 340px;
}
.ux_editask_base .task-attribute-all {
  display: none;
  transition: height 0.2s ease-in;
  -webkit-transition: height 0.2s ease-in;
  -moz-transition: height 0.2s ease-in;
  -o-transition: height 0.2s ease-in;
}
.ux_editask_base .task-class-name {
  word-break: break-all;
  word-wrap: break-word;
}
.ux_editask_base .task-relate-name {
  display: inline-block;
  max-width: 580px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ux_editask_base .due-num {
  font-size: 20px;
  color: #EB4447;
}
.ux_editask_base .remain-num {
  font-size: 15px;
  color: #3296FA;
}
.ux_editask_base .left {
  margin-left: 50px;
}
.ux_editask_base .slide-border {
  margin-top: 5px;
  border-bottom: 1px solid #E3ECF1;
}
.ux_editask_base .apply-eb {
  float: left;
}

.ux-edittask__info-config {
  display: flex;
}
.ux-edittask__info-config .riskLevel-style {
  cursor: pointer;
}
.ux-edittask__info-config .action-list-icon_1 {
  color: #ff3e3e;
  background: rgba(255, 62, 62, 0.1);
}
.ux-edittask__info-config .action-list-icon_2 {
  color: #f69e17;
  background: rgba(246, 158, 23, 0.1);
}
.ux-edittask__info-config .action-list-icon_3 {
  color: #55c6c6;
  background: rgba(85, 198, 198, 0.1);
}
.ux-edittask__info-config .action-list-icon_4 {
  color: #6cc95c;
  background: rgba(108, 201, 92, 0.1);
}
.ux-edittask__info-config .action-list-icon_5 {
  color: #647481;
  background: rgba(100, 116, 129, 0.1);
}
.ux-edittask__info-config .lianghua-config {
  background: rgba(0, 196, 203, 0.1);
  color: #00c4cb;
}
.ux-edittask__info-config .shenpi-config {
  background: rgba(50, 150, 250, 0.1);
  color: #3296fa;
}
.ux-edittask__info-config .fankui-config {
  background: rgba(56, 186, 114, 0.1);
  color: #00c4cb;
}
.ux-edittask__info-config .yugu-config {
  background: rgba(208, 162, 248, 0.1);
  color: #d0a2f8;
}
.ux-edittask__info-config .close-config {
  color: #9da0a3;
  background: rgba(157, 160, 163, 0.1);
}
.ux-edittask__info-config p {
  width: 60px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 16px;
  text-align: center;
  margin: 0 12px;
}
.ux-edittask__info-config span {
  margin-right: 5px;
}

.task-relate-user {
  position: relative;
}
.task-relate-user .task-config-line {
  width: 820px;
  height: 1px;
  background: #F0F2F5;
  margin: 22px 0 10px 0;
  position: relative;
  left: -20px;
}
.task-relate-user .task-config-name {
  position: relative;
  width: 80px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: #9DA0A3;
  background: #FBF2DF;
  border-radius: 0 15px 15px 0;
  left: -20px;
  text-align: center;
}
.task-relate-user .task-config-userslect-name {
  font-size: 13px;
  color: #9DA0A3;
  line-height: 20px;
  margin-top: 18px;
}
.task-relate-user .task-config-userslect {
  flex: 1;
  position: relative;
}
.task-relate-user .task-config-userslect-add {
  width: 30px;
  height: 30px;
  border: 1px dashed #99A3AD;
  color: #99A3AD;
  font-size: 14px;
  border-radius: 30px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  margin: 10px 12px 0 0;
}
.task-relate-user .task-config-userslect:hover .edit-able {
  visibility: visible;
}
.task-relate-user .task-config-userslect em {
  position: absolute;
  top: -2px;
  right: -6px;
  display: none;
}
.task-relate-user .task-config-userslect .task-config-userslectPhoto {
  margin: 10px 12px 0 0;
  display: inline-block;
  position: relative;
  text-align: center;
}
.task-relate-user .task-config-userslect .task-config-userslectPhoto:hover em {
  display: block;
}
.task-relate-user .task-config-userslect .task-config-userslectPhoto-name {
  font-size: 12px;
  display: inline-block;
  max-width: 36px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.task-relate-user .task-config-userslect .task-principalUser-name {
  display: inline-block;
  white-space: nowrap;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
  vertical-align: bottom;
}

.task-attribute {
  position: relative;
}
.task-attribute .task-config-line {
  width: 820px;
  height: 1px;
  background: #F0F2F5;
  margin: 22px 0 10px 0;
  position: relative;
  left: -20px;
}
.task-attribute .task-config-name {
  position: relative;
  width: 80px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: #9DA0A3;
  background: #FBF2DF;
  border-radius: 0 15px 15px 0;
  left: -20px;
  text-align: center;
}
.task-attribute .tu-icon-mubiao-s {
  color: #83BA5A;
  font-size: 14px;
}
.task-attribute .task-class-tex em {
  visibility: hidden;
  color: #BFC3C7;
}
.task-attribute .task-class-tex em:hover {
  color: #CC2929;
}

.task-otherattr {
  position: relative;
}
.task-otherattr .task-config-line {
  width: 820px;
  height: 1px;
  background: #F0F2F5;
  margin: 22px 0 10px 0;
  position: relative;
  left: -20px;
}
.task-otherattr .task-config-name {
  position: relative;
  width: 80px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: #9DA0A3;
  background: #FBF2DF;
  border-radius: 0 15px 15px 0;
  left: -20px;
  text-align: center;
}

.tt-task-detail-topbar {
  position: relative;
  padding: 0px 20px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.tt-task-detail-topbar__main {
  padding: 10px 0;
}
.tt-task-detail-topbar__main-status, .tt-task-detail-topbar__main-apply {
  float: left;
}
.tt-task-detail-topbar__main-status {
  position: relative;
}
.tt-task-detail-topbar__main-status-set {
  height: 20px;
  line-height: 20px;
  padding: 5px 0;
  color: #647481;
}
.tt-task-detail-topbar__main-status-set-icon {
  font-size: 18px;
  color: #1687d9;
  vertical-align: middle;
  margin-right: 5px;
}
.tt-task-detail-topbar__main-status-set-icon_disable {
  color: #a9b8bf;
  font-size: 18px;
  vertical-align: middle;
  margin-right: 5px;
  cursor: default;
}
.tt-task-detail-topbar__main-status-set-icon_disable:hover {
  color: #a9b8bf;
}
.tt-task-detail-topbar__main-status-risklevel-0 {
  font-size: 14px;
  color: #A9B6BF;
  padding-left: 10px;
}
.tt-task-detail-topbar__main-status-risklevel-1 {
  font-size: 14px;
  color: #00C830;
  padding-left: 10px;
}
.tt-task-detail-topbar__main-status-risklevel-2 {
  font-size: 14px;
  color: #FFA52E;
  padding-left: 10px;
}
.tt-task-detail-topbar__main-status-risklevel-3 {
  font-size: 14px;
  color: #FF6767;
  padding-left: 10px;
}
.tt-task-detail-topbar__main-apply {
  margin-left: 20px;
}
.tt-task-detail-topbar__main-action {
  float: right;
  margin-right: 60px;
}
.tt-task-detail-topbar__main-action-setOkrValue {
  font-size: 14px;
  color: #5cadff;
  background: rgba(92, 173, 255, 0.15);
  letter-spacing: 0;
  display: inline-block;
  width: 100px;
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  text-align: center;
  margin: 0 14px;
}
.tt-task-detail-topbar__main-action .taskvalueaddHover {
  background: #1587D9;
  box-shadow: 0 1px 3px 0 rgba(80, 92, 103, 0.4);
  color: #fff;
  border: 1px solid transparent;
}
.tt-task-detail-topbar__main-action-list {
  float: left;
}
.tt-task-detail-topbar__main-action-list .tt-task-detail-topbar__main-action-list-icon {
  float: left;
  width: 27px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  border: 1px solid #a9b8bf;
  font-size: 14px;
  border-radius: 50%;
  margin-right: 10px;
  color: #4c5d68;
  cursor: pointer;
  background-color: #fff;
}
.tt-task-detail-topbar__main-action-list .tt-task-detail-topbar__main-action-list-icon_star:hover, .tt-task-detail-topbar__main-action-list .tt-task-detail-topbar__main-action-list-icon_star.active, .tt-task-detail-topbar__main-action-list .tt-task-detail-topbar__main-action-list-icon_watch:hover, .tt-task-detail-topbar__main-action-list .tt-task-detail-topbar__main-action-list-icon_watch.active {
  border-color: #fac574;
  box-shadow: 0 0 0 1px #fac574;
  color: #f69e17;
}
.tt-task-detail-topbar__main-action-list .tt-task-detail-topbar__main-action-list-icon_1 {
  color: #FF3E3E;
  border: 1px solid #FF3E3E;
}
.tt-task-detail-topbar__main-action-list .tt-task-detail-topbar__main-action-list-icon_2 {
  color: #F69E17;
  border: 1px solid #F69E17;
}
.tt-task-detail-topbar__main-action-list .tt-task-detail-topbar__main-action-list-icon_3 {
  color: #55C6C6;
  border: 1px solid #55C6C6;
}
.tt-task-detail-topbar__main-action-list .tt-task-detail-topbar__main-action-list-icon_4 {
  color: #6CC95C;
  border: 1px solid #6CC95C;
}
.tt-task-detail-topbar__main-action-list .tt-task-detail-topbar__main-action-list-icon_5 {
  color: #647481;
  border: 1px solid #647481;
}
.tt-task-detail-topbar__main-action-list .tt-task-detail-topbar__main-action-list-icon_taoshang:hover {
  border-color: #fac574;
  box-shadow: 0 0 0 1px #fac574;
  color: #f69e17;
}
.tt-task-detail-topbar__main-action-list .tt-task-detail-topbar__main-action-list-icon_webim:hover {
  border-color: #87cece;
  box-shadow: 0 0 0 1px #87cece;
  color: #54baba;
}
.tt-task-detail-topbar__main-action-list .tt-task-detail-topbar__main-action-list-icon_dashang:hover {
  border-color: #fc8f5d;
  box-shadow: 0 0 0 1px #fc8f5d;
  color: #fc5c11;
}
.tt-task-detail-topbar__main-action-list .tt-task-detail-topbar__main-action-list-icon_follow:hover {
  border-color: #5babe4;
  box-shadow: 0 0 0 1px #5babe4;
  color: #5babe4;
}
.tt-task-detail-topbar__main-action-list .tt-task-detail-topbar__main-action-list-icon_delete:hover {
  border-color: #f17c7e;
  box-shadow: 0 0 0 1px #f17c7e;
  color: #eb4447;
}
.tt-task-detail-topbar__main-action-list .tt-task-detail-topbar__main-action-list-icon_quit:hover {
  border-color: #f17c7e;
  box-shadow: 0 0 0 1px #f17c7e;
  color: #eb4447;
}
.tt-task-detail-topbar__main-action-list .tt-task-detail-topbar__main-action-list_isfollow {
  border-color: #5babe4;
  box-shadow: 0 0 0 1px #5babe4;
  color: #5babe4;
}
.tt-task-detail-topbar__main-action-list-line {
  float: left;
  height: 20px;
  width: 1px;
  margin-top: 5px;
  margin-right: 10px;
  background-color: #e3ecf1;
}
.tt-task-detail-topbar .btnlist_pdtb {
  *zoom: 1;
  padding-left: 8px;
}
.tt-task-detail-topbar .btnlist_pdtb:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.tt-task-detail-topbar .btnlist_pdtb li {
  float: left;
  margin: 12px 16px 0px;
  font-size: 12px;
  color: #555555;
}
.tt-task-detail-topbar .btnlist_pdtb li a {
  width: 23px;
  height: 21px;
  display: inline-block;
  vertical-align: middle;
  line-height: 21px;
  text-align: center;
}
.tt-task-detail-topbar .btnlist_pdtb li .status_bpdtb {
  vertical-align: middle;
  margin-right: 5px;
}
.tt-task-detail-topbar .btnlist_pdtb li .del_bpdtb {
  background-image: url(../../../images/components/tita-widget/icos_29.png);
  background-position: -158px -280px;
}
.tt-task-detail-topbar .btnlist_pdtb li .del_bpdtb:hover {
  background-position: -158px -320px;
}
.tt-task-detail-topbar .btnlist_pdtb li .tu-icon-dashang-solid {
  color: #eb393a;
}
.tt-task-detail-topbar .btnlist_pdtb li .tu-icon-taoshang-solid {
  color: #f79400;
}
.tt-task-detail-topbar .btnlist_pdtb .past_pdtb {
  color: #aaaaaa;
}
.tt-task-detail-topbar .close_pdtb {
  float: right;
  margin: 6px 20px 0 0;
  display: inline-block;
  text-indent: -9999px;
  background-image: url(../../../images/components/tita-widget/icos_29.png);
  background-position: -193px -273px;
  width: 32px;
  height: 32px;
}
.tt-task-detail-topbar .close_pdtb:hover {
  background-position: -200px -320px;
}

.milestone-topbar {
  background: transparent;
}

.ux-edittask__info {
  position: relative;
  display: flex;
  padding: 12px 60px 10px 20px;
  font-size: 20px;
  line-height: 28px;
  font-family: "Helvetica Neue", Helvetica, verdana, "Hiragino Sans GB", "Microsoft YaHei", "SimHei", "SimSun";
  *font-family: "Microsoft YaHei", "SimHei", "SimSun";
}
.ux-edittask__info-name {
  position: relative;
  flex: 1;
}
.ux-edittask__info-name-base, .ux-edittask__info .ux-edittask__info-name-input, .ux-edittask__info-name-title {
  color: #35434c;
  width: 97%;
  display: block;
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 20px;
  line-height: 36px;
  min-height: 36px;
}
.ux-edittask__info .ux-edittask__info-name-input {
  display: none;
  border-bottom: 2px solid #acb7bf;
  padding: 0 10px;
}
.ux-edittask__info .ux-edittask__info-name-input:focus {
  border-bottom: 2px solid #1687d9;
  color: #00599b;
}
.ux-edittask__info .ux-edittask__info-name-input.error {
  border-bottom: 2px solid #cc2929;
}
.ux-edittask__info-name-extra {
  display: none;
  position: relative;
  z-index: 3;
  background: #fff;
  border: 1px solid #dae1e6;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
  padding: 10px;
  box-sizing: border-box;
}
.ux-edittask__info-name-btns {
  margin-top: 10px;
  text-align: right;
}
.ux-edittask__info-name-btns button {
  margin: 0 2px;
}
.ux-edittask__info-name-error {
  position: absolute;
  top: 0;
  color: #eb4447;
  font-size: 12px;
  line-height: 20px;
}
.ux-edittask__info-name-title {
  border-bottom: 1px solid transparent;
  word-wrap: break-word;
  word-break: normal;
  padding: 0 10px;
}
.ux-edittask__info-name-title:hover {
  border-bottom: 1px solid #acb7bf;
  cursor: text;
}
.ux-edittask__info-status {
  position: absolute;
  right: 12px;
}
.ux-edittask__info .ux-milestone-icon {
  background: rgba(9, 147, 246, 0.1);
  border-radius: 20px;
  position: relative;
  color: #0993F6;
  font-size: 14px;
  width: 68px;
  text-align: center;
}
.ux-edittask__info .avatar-item {
  width: 34px;
  height: 34px;
  border-radius: 34px;
  display: inline-block;
  overflow: hidden;
  font-size: 14px;
  line-height: 34px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}
.ux-edittask__info .ux-edittask__description {
  margin-top: 10px;
  font-size: 14px;
  line-height: 26px;
  font-family: "Helvetica Neue", Helvetica, verdana, "Hiragino Sans GB", "Microsoft YaHei", "SimHei", "SimSun";
  *font-family: "Microsoft YaHei", "SimHei", "SimSun";
  color: #34434e;
}
.ux-edittask__info .ux-edittask__description td {
  border: 1px solid #ddd;
  padding: 5px !important;
  vertical-align: top;
}
.ux-edittask__info .ux-edittask__description img {
  max-width: 100%;
  max-height: 100%;
}
.ux-edittask__info .ux-edittask__description-add {
  padding-left: 10px;
}
.ux-edittask__info .ux-edittask__description_show {
  border: 1px solid #f5f8fa;
  padding-left: 5px;
}
.ux-edittask__info .ux-edittask__description_show:hover {
  border-color: #a9b8bf;
}
.ux-edittask__info .ux-edittask__description_editor {
  height: 225px;
  max-height: 362px;
}
.ux-edittask__info .ux-edittask__description_edit {
  padding: 0;
  display: none;
}
.ux-edittask__info .ux-edittask__description-title {
  line-height: 28px;
  word-wrap: break-word;
}

.ux-edittask-milestone__info {
  display: flex;
  align-items: baseline;
  background: transparent;
  padding: 16px 36px;
}

.ux-edittask__description-line {
  width: 760px;
  height: 1px;
  background: rgba(240, 242, 245, 0.4);
  margin: auto;
}

.ux-edittask__description-text {
  color: #9DA0A3;
  font-size: 12px;
  margin: 12px 0;
}

.ux-edittask__description-add {
  color: #1D86F0;
  font-size: 12px;
  margin: 12px 0;
}

.ux_editask_base {
  position: relative;
  font-size: 14px;
  margin-left: 20px;
}
.ux_editask_base .attachment-height {
  min-height: 26px;
}
.ux_editask_base .task-relate {
  margin-top: 22px;
}
.ux_editask_base .task-relate em {
  visibility: hidden;
  color: #BFC3C7;
}
.ux_editask_base .task-relate em:hover {
  color: #CC2929;
}
.ux_editask_base .task-relate:hover em {
  visibility: visible;
}
.ux_editask_base .task-relate dt,
.ux_editask_base .task-relate dd {
  display: inline-block;
}
.ux_editask_base .task-relate__text {
  margin-left: 26px;
}
.ux_editask_base .task-relate__wiki {
  margin-left: 10px;
  font-size: 12px;
  visibility: hidden;
  vertical-align: middle;
}
.ux_editask_base__item {
  position: relative;
  padding: 10px 30px 0 120px;
}
.ux_editask_base__item .sys-icon-xiangmu {
  color: #1687d9;
  font-size: 14px;
}
.ux_editask_base__item .tt_upload_type_container {
  font-size: 12px;
}
.ux_editask_base .left-eb {
  position: absolute;
  left: 0;
  top: 10px;
  display: inline-block;
  margin-right: -90px;
  color: #9DA0A3;
}
.ux_editask_base .ico-eb {
  margin-right: 6px;
  font-size: 14px;
  color: #9DA0A3;
}
.ux_editask_base__toggle {
  font-size: 12px;
  color: #1D86F0;
  cursor: pointer;
  text-align: center;
}
.ux_editask_base__toggle:hover {
  color: #1687d9;
}
.ux_editask_base__toggle .txt {
  padding-right: 2px;
  font-size: 12px;
}
.ux_editask_base__toggle .icon {
  margin-bottom: 2px;
  font-size: 16px;
  vertical-align: text-bottom;
}
.ux_editask_base__toggle-box {
  width: calc(100% + 20px);
  position: relative;
  left: -20px;
  background: #FAFBFC;
  height: 9px;
  margin: 20px 0 15px 0;
}
.ux_editask_base__partner .last-add {
  border-left-width: 0;
  background-color: white;
}
.ux_editask_base__partner .last-add a {
  vertical-align: bottom;
}
.ux_editask_base__partner .disabled:hover {
  border-color: white;
}
.ux_editask_base__users-radius_item {
  display: inline-block;
  border: 1px solid white;
  line-height: 22px;
  position: relative;
  float: left;
}
.ux_editask_base__users-radius .eidt-del em {
  margin-top: -2px;
  margin-left: 5px;
  color: #a9b8bf;
}
.ux_editask_base__users-radius .eidt-del em:hover {
  color: #CC2929;
}
.ux_editask_base__users-radius .eidt-del:hover em {
  display: block;
  left: 16px;
  top: 8px;
}
.ux_editask_base__attachments {
  padding: 0 50px 10px 20px;
}
.ux_editask_base .edit-able {
  display: inline-block;
  visibility: hidden;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border: 1px solid transparent;
  margin-left: 10px;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  color: #647481;
  cursor: pointer;
  line-height: 12px;
  background-color: white;
}
.ux_editask_base .edit-able:hover {
  background-color: #f5f8fa !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #dddddd \9\0;
  border: 1px solid #dddddd \9;
  color: #1687d9;
}
.ux_editask_base .edit-able_del {
  color: #35434c;
}
.ux_editask_base .edit-able_handler:hover .edit-able {
  visibility: visible;
}
.ux_editask_base .edit-able_handler:hover .task-relate__wiki {
  visibility: visible;
}
.ux_editask_base .edit-able_show .edit-able {
  visibility: visible;
}
.ux_editask_base .edit-able_active {
  visibility: visible;
  background-color: #e4ebf0;
  color: #667580;
}
.ux_editask_base .margin-left-0 {
  margin-left: 0;
}
.ux_editask_base .pointer {
  cursor: pointer;
}
.ux_editask_base .edit-task-link {
  display: inline-block;
  max-width: 580px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ux_editask_base .all-more .item-am {
  *zoom: 1;
}
.ux_editask_base .all-more .item-am:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.ux_editask_base .all-more .base-item-warp {
  float: left;
  width: 50%;
  min-width: 340px;
}
.ux_editask_base .task-class-name {
  word-break: break-all;
  word-wrap: break-word;
}
.ux_editask_base .due-num {
  font-size: 20px;
  color: #eb4447;
}
.ux_editask_base .remain-num {
  font-size: 15px;
  color: #3296FA;
}
.ux_editask_base .left {
  margin-left: 50px;
}
.ux_editask_base .slide-border {
  margin-top: 5px;
  border-bottom: 1px solid #e3ecf1;
}
.ux_editask_base .apply-eb {
  float: left;
}
.ux_editask_base .tast-progress {
  background: red;
}

.push-nav-tabs {
  width: 390px;
  margin: 14px auto;
  display: flex;
  border-bottom: 1px solid #f0f2f5;
  height: 42px;
}
.push-nav-tabs .item-tab {
  flex: 1;
  text-align: center;
}
.push-nav-tabs .item-tab:hover {
  border-bottom: 2px solid #c2e2f9;
}
.push-nav-tabs .active {
  border-bottom: 2px solid rgba(29, 134, 240, 0.9) !important;
}
.push-nav-tabs .active a {
  color: #1d86f0 !important;
}

.task-detail-moduletitle {
  *zoom: 1;
  border-top: 1px solid #e3ecf1;
  height: 40px;
  background: #f5f8fa;
}
.task-detail-moduletitle:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.task-detail-moduletitle .icon {
  float: left;
  position: relative;
  margin: 5px 10px 5px 15px;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  text-align: center;
  line-height: 28px;
  font-size: 18px;
  color: white;
}
.task-detail-moduletitle .icon_purple {
  background-color: #8379d6;
}
.task-detail-moduletitle .icon_green {
  background-color: #2dab92;
}
.task-detail-moduletitle .text {
  float: left;
  line-height: 40px;
  color: #35434c;
}

.task-detail-show-more {
  background-color: #f2f8fd;
  color: #8a8a8a;
  line-height: 30px;
  border-radius: 30px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  margin: 10px 0 20px 0;
}

.task-detail-share .topinput {
  border: 1px solid #C2CBD1;
  border-radius: 2px;
  padding: 10px 15px;
  line-height: 24px;
  color: #647481;
  font-size: 14px;
  cursor: pointer;
}
.task-detail-share .project_task_container .tt_createnewitem {
  padding-top: 20px;
  background: #fbf9e3;
  border-radius: 10px;
}
.task-detail-share .project_task_container .tt_createnewitem .ux_add_input {
  margin: 0 7px;
  background: #fff;
}
.task-detail-share .project_task_container .tt_createnewitem .ux_tools {
  margin: 0 7px;
  background: #fff;
}
.task-detail-share .project_task_container .tt_createnewitem .ux_show_content {
  margin: 0 7px;
  background: #fff;
}
.task-detail-share .project_task_container .tt_createnewitem .ux_show_file {
  margin-top: 10px;
}

.tt_share_list_container {
  position: relative;
}
.tt_share_list_container .tu-btn.disabled {
  background-color: #85c2ff !important;
  color: #fff !important;
  box-shadow: none;
  cursor: default;
  border-radius: 4px;
}
.tt_share_list_container .task_item {
  position: relative;
  margin-top: 10px;
  padding-left: 10px;
  padding-top: 20px;
  background: rgba(189, 222, 255, 0.1);
  border-radius: 4px;
}
.tt_share_list_container .task_item .item-left-line {
  position: absolute;
  left: 9px;
  width: 2px;
  height: calc(100%  + 25px);
  background: #E4EBF0;
}
.tt_share_list_container .task_item .item-left-line.last {
  background: none;
}
.tt_share_list_container .task_item .item-left-line-icon {
  position: absolute;
  left: -9px;
  top: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  background: #E4EBF0;
  color: #8F9CA6;
  text-align: center;
  font-size: 12px;
}
.tt_share_list_container .task_item .item-left-line-icon.first {
  background: #1687D9;
  color: #fff;
}
.tt_share_list_container .task_item .item-user {
  line-height: 24px;
  color: #8F9CA6;
  position: relative;
}
.tt_share_list_container .task_item .item-user-name {
  color: #F5B333;
}
.tt_share_list_container .task_item .item-user:hover .del, .tt_share_list_container .task_item .item-user:hover .edit {
  display: block;
}
.tt_share_list_container .task_item .item-user .edit, .tt_share_list_container .task_item .item-user .del {
  position: absolute;
  display: none;
  top: 5px;
  right: 0;
  font-size: 16px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #647481;
}
.tt_share_list_container .task_item .item-user .edit:hover, .tt_share_list_container .task_item .item-user .del:hover {
  cursor: pointer;
  background-color: #f5f8fa;
  border-radius: 2px;
  color: #1687D9;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.tt_share_list_container .task_item .item-user .edit {
  right: 40px;
}
.tt_share_list_container .task_item .bar {
  position: relative;
  font-size: 12px;
  line-height: 20px;
  padding-top: 10px;
  color: #647481;
  justify-content: flex-end;
  *zoom: 1;
}
.tt_share_list_container .task_item .bar:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.tt_share_list_container .task_item .bar .editable {
  color: #8F9CA6;
}
.tt_share_list_container .task_item .bar .editable:hover {
  color: #005999;
}
.tt_share_list_container .task_item .bar .left {
  float: left;
}
.tt_share_list_container .task_item .bar .right {
  float: right;
}
.tt_share_list_container .item-content {
  padding: 10px;
  padding-right: 15px;
  line-height: 24px;
  color: #34434e;
}
.tt_share_list_container .item-content td {
  border: 1px solid #ddd;
  padding: 5px !important;
  vertical-align: top;
}
.tt_share_list_container .item-content img {
  width: 100%;
  height: 100%;
}
.tt_share_list_container .item-content ul li {
  list-style: disc outside none;
}
.tt_share_list_container .item-content ol li {
  list-style: decimal outside none;
}
.tt_share_list_container .redactor_toolbar {
  padding-left: 0 !important;
  margin-bottom: 0 !important;
  background: transparent !important;
}
.tt_share_list_container .item-content .redactor_editor,
.tt_share_list_container .item-content .redactor_toolbar {
  background-color: #f2f9ff !important;
}

.task-detail-module {
  margin: 15px 0 30px;
}
.task-detail-module .tt-task-create {
  margin-bottom: 20px;
}

.task-detail-common-list-module {
  font-size: 14px;
  line-height: 26px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
  line-height: 30px;
  margin-top: 2px;
}
.task-detail-common-list-module .task-detail-common-list-item {
  position: relative;
  border-bottom: 1px solid #e3ecf1;
}
.task-detail-common-list-module .task-detail-common-list-item .title-icon-wraper {
  background-color: #c8e1f7;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  display: inline-block;
  float: left;
  margin-top: 1px;
  text-align: center;
  position: relative;
  margin-right: -40px;
  right: 40px;
  text-overflow: ellipsis;
}
.task-detail-common-list-module .task-detail-common-list-item .title-icon {
  vertical-align: top;
  margin-top: 5px;
  font-size: 18px;
  color: white;
}
.task-detail-common-list-module .task-detail-common-list-item .icon-plane-small {
  margin-top: 7px;
}
.task-detail-common-list-module .task-detail-common-list-item:hover .common-list-item-right .item-delete {
  display: inline-block;
}
.task-detail-common-list-module .common-list-item {
  font-size: 14px;
  padding: 10px 0 10px 10px;
}
.task-detail-common-list-module .common-list-item:hover .common-item-title {
  border-color: #f5f8fa;
}
.task-detail-common-list-module .common-list-item .common-item-title-wraper {
  float: left;
  color: #555;
  position: relative;
}
.task-detail-common-list-module .common-list-item .common-item-title {
  float: left;
  width: 65%;
  border: solid 1px white;
  border-radius: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-detail-common-list-module .common-list-item .common-item-title.editable:hover {
  border-color: #a9b8bf;
}
.task-detail-common-list-module .common-list-item .common-item-title-edit {
  float: left;
  display: none;
  width: 65%;
  padding: 3px 0;
  line-height: 0;
}
.task-detail-common-list-module .common-list-item-right {
  width: 80px;
  float: right;
}
.task-detail-common-list-module .common-list-item-right .toggle-item-detail {
  float: left;
  font-size: 12px;
  color: #647481;
  cursor: pointer;
}
.task-detail-common-list-module .common-list-item-right .toggle-item-detail:hover {
  color: #145c98;
}
.task-detail-common-list-module .common-list-item-right .item-delete-wraper {
  float: left;
  display: inline;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
}
.task-detail-common-list-module .common-list-item-right .item-delete-wraper:hover {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.task-detail-common-list-module .common-list-item-right .item-delete-wraper a {
  color: #647481;
}
.task-detail-common-list-module .common-list-item-right .item-delete {
  display: none;
  color: #00599B;
  font-size: 18px;
  vertical-align: text-bottom;
}

.common-list-item-detail {
  font-size: 12px;
  line-height: 30px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
  position: relative;
  clear: both;
  display: none;
  margin-top: 5px;
  color: #555;
}
.common-list-item-detail__right {
  display: inline-block;
  width: 60%;
}
.common-list-item-detail__left {
  float: left;
  width: 40%;
}
.common-list-item-detail .common-list-item-detail__bottom {
  width: 100%;
  clear: both;
}
.common-list-item-detail .common-list-item-detail__bottom .detail-item-right {
  width: 85%;
}
.common-list-item-detail .no-message {
  font-size: 12px;
  color: #a9b8bf;
}
.common-list-item-detail .detail-item-left {
  display: inline-block;
  width: 72px;
  padding-left: 20px;
  font-size: 12px;
  color: #8a8a8a;
  vertical-align: top;
}
.common-list-item-detail .detail-item-right {
  position: relative;
  display: inline-block;
  color: #555555;
  font-size: 12px;
  width: 65%;
}
.common-list-item-detail .detail-item-right .contractUserTitle {
  font-size: 14px;
  line-height: 26px;
  color: #555;
  display: inline-block;
  padding-left: 5px;
  width: 96%;
  word-break: break-all;
}
.common-list-item-detail .detail-item-right .contractUserTitle:hover {
  border-bottom: 1px solid #c5c5c5;
}
.common-list-item-detail .detail-item-right .contract-wraper {
  display: none;
  line-height: 0;
}
.common-list-item-detail .detail-item-right .detail-description {
  border-bottom: 1px solid #f5f8fa;
}
.common-list-item-detail .detail-item-right .detail-description td {
  border: 1px solid #ddd;
  padding: 5px !important;
  vertical-align: top;
}
.common-list-item-detail .detail-item-right .detail-description img {
  width: 100%;
  height: 100%;
}
.common-list-item-detail .detail-item-right .detail-description.editable:hover {
  border-color: #a9b8bf;
}
.common-list-item-detail .detail-item-right .richeditor-area-wrap {
  margin-top: 5px;
}
.common-list-item-detail .item-time__edit {
  display: none;
  margin-left: 10px;
}
.common-list-item-detail .item-time:hover .item-time__edit {
  display: inline-block;
}
.common-list-item-detail .redactor_box {
  border: 1px solid #ffffff;
  position: relative;
}
.common-list-item-detail .redactor_editor {
  border: 1px solid #ffffff;
}
.common-list-item-detail .focus {
  border: 1px solid #99c8f2;
  background-color: #f2f9ff !important;
}
.common-list-item-detail .focus .redactor_toolbar {
  background-color: #f2f9ff !important;
}
.common-list-item-detail .focus .redactor_editor {
  background-color: #f2f9ff !important;
  border: 1px solid #f2f9ff;
}
.common-list-item-detail .upload_form_container {
  left: -60px;
}
.common-list-item-detail .upload_file_input {
  width: 120px;
}

.ux_edittask_upload span {
  color: #8a8a8a;
  font-size: 12px;
}

.task-detial-adddo {
  padding: 20px;
}
.task-detial-adddo .tu-btn {
  margin-right: 5px;
}

.task-accept-pop {
  font-size: 12px;
  line-height: 30px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
}
.task-accept-pop .title {
  background: #eeeeee;
  color: #000;
  font-size: 14px;
  height: 52px;
  line-height: 52px;
  padding-left: 15px;
  font-weight: bold;
}
.task-accept-pop .pop_container {
  padding: 10px 36px 0 40px;
  width: 320px;
  font-size: 12px;
}
.task-accept-pop .pop_container h2 {
  color: #000;
  font-size: 12px;
}
.task-accept-pop .pop_container .classes {
  line-height: 24px;
  color: #555555;
}
.task-accept-pop .pop_container .input-default input {
  font-size: 12px;
  color: #555555;
}
.task-accept-pop .pop_container__icon {
  color: #1687d9;
}
.task-accept-pop .start-end-date {
  margin-bottom: 20px;
  position: relative;
}
.task-accept-pop .start-end-date .input {
  font-size: 12px;
  line-height: 24px;
  color: #555;
}
.task-accept-pop .uibutton {
  height: 26px;
  padding: 10px 28px;
}

.work-hour-list {
  font-size: 12px;
  line-height: 30px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
  position: relative;
}
.work-hour-list .work_hour_content_wraper {
  display: none;
}
.work-hour-list .icon-arrow {
  font-size: 14px;
  color: #99A3AD;
}
.work-hour-list .work_hour {
  display: inline-block;
  height: 20px;
  float: right;
  line-height: 20px;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 3px;
  text-align: center;
  font-family: Arial;
  color: #fff;
  background-color: #F5B333;
}
.work-hour-list .work_hour:hover {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.work-hour-list .pointer {
  cursor: pointer;
}
.work-hour-list .title_wh {
  *zoom: 1;
  font-size: 14px;
  line-height: 30px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
  padding: 10px 40px 10px 0;
}
.work-hour-list .title_wh:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.work-hour-list .title_wh:hover {
  background-color: #f5f8fa;
}
.work-hour-list .title_wh .left {
  position: relative;
  float: left;
  padding-left: 40px;
}
.work-hour-list .title_wh .left .avatar {
  position: absolute;
  left: 0;
}
.work-hour-list .title_wh .work_hour_wraper {
  float: left;
  padding-top: 3px;
  margin-left: 10px;
}
.work-hour-list .title_wh .work_hour_wraper .work_hour {
  float: left;
}
.work-hour-list .title_wh .right {
  float: right;
  font-size: 12px;
  cursor: pointer;
}
.work-hour-list .title_wh .right .toggle {
  cursor: pointer;
  color: #555;
  margin-right: 40px;
}
.work-hour-list .title_wh .right .del {
  margin-left: 25px;
}
.work-hour-list .title_wh .right .txt {
  color: #99A3AD;
}
.work-hour-list .task_item {
  padding: 8px 0px 8px 40px;
}
.work-hour-list .item-box {
  position: relative;
  padding-right: 280px;
}
.work-hour-list .item-box:hover .task_item_right .del_il a {
  display: inline-block;
  font-size: 12px;
}
.work-hour-list .item_left {
  font-size: 12px;
  color: #35434c;
  margin-left: -5px;
}
.work-hour-list .item_left .name_il,
.work-hour-list .item_left .name_input {
  height: 24px;
  line-height: 24px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  border: 1px solid #fff;
  padding: 4px;
  border-radius: 2px;
}
.work-hour-list .item_left .name_il:hover {
  border-color: #a9b8bf;
}
.work-hour-list .item_left .name_input {
  display: none;
}
.work-hour-list .item_left .name_input input {
  font-size: 12px;
}
.work-hour-list .item_left .name_input.input-focus {
  border: 1px solid #2d83cf;
}
.work-hour-list .task_item_right {
  position: absolute;
  right: 0;
  top: 2px;
  line-height: 30px;
  padding-right: 40px;
}
.work-hour-list .task_item_right .date_il {
  float: left;
  font-size: 12px;
  margin: 0px 35px;
  border-radius: 10px;
  color: #3B4247;
  display: inline-block;
}
.work-hour-list .task_item_right .work_hour {
  float: left;
  margin-top: 5px;
}
.work-hour-list .task_item_right .detail_il {
  float: right;
  font-size: 12px;
  color: #8a8a8a;
  cursor: pointer;
}
.work-hour-list .task_item_right .txt {
  color: #99A3AD;
}
.work-hour-list .task_item_right .del_il {
  position: absolute;
  right: 15px;
  width: 13px;
  height: 13px;
  top: 10px;
  line-height: 13px;
  text-align: center;
  font-size: 12px;
}
.work-hour-list .task_item_right .del_il:hover {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.work-hour-list .task_item_right .del_il a {
  display: none;
  color: #99A3AD;
}
.work-hour-list .task_item_right .date_il:hover,
.work-hour-list .task_item_right .detail_il:hover,
.work-hour-list .task_item_right .text:hover {
  color: #1687d9;
}

.work-hour-item-detail {
  margin-top: 5px;
  padding: 10px 20px;
  color: #555;
  background-color: rgba(194, 224, 255, 0.15);
  border-radius: 2px;
}
.work-hour-item-detail .upload_form_container {
  left: -60px;
}
.work-hour-item-detail .upload_file_input {
  width: 120px;
}
.work-hour-item-detail .description {
  padding-left: 50px;
}
.work-hour-item-detail .description td {
  border: 1px solid #ddd;
  padding: 5px !important;
  vertical-align: top;
}
.work-hour-item-detail .description img {
  width: 100%;
  height: 100%;
}
.work-hour-item-detail .title {
  color: #647481;
  float: left;
  margin-left: -50px;
}
.work-hour-item-detail .content {
  color: #555555;
}
.work-hour-item-detail .content .editor-style p,
.work-hour-item-detail .content .editor-style li {
  line-height: 30px;
  margin: 0;
}
.work-hour-item-detail .des_edit {
  display: none;
}

/*noaccess*/
.noaccess {
  padding-top: 120px;
}
.noaccess .img_na {
  margin: 0 auto;
  background: url(../../../images/components/tita-widget/none-permission.png) no-repeat;
  width: 203px;
  height: 167px;
}
.noaccess .text_ma {
  color: #4cb0f8;
}

.tt_sharerange {
  display: block;
  position: relative;
  background: #f5f8fa;
  padding: 5px 0 5px 80px;
  line-height: 16px;
}
.tt_sharerange h4 {
  float: left;
  color: #34434e;
  font-size: 16px;
  line-height: 30px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
  position: relative;
  margin-right: -80px;
  right: 80px;
  text-indent: 20px;
  font-weight: normal;
}
.tt_sharerange .list_sr {
  *zoom: 1;
}
.tt_sharerange .list_sr:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.tt_sharerange .list_sr .item_sr,
.tt_sharerange .list_sr .button_sr {
  position: relative;
  margin: 0 5px 0px 0;
  float: left;
  width: 30px;
  height: 30px;
}
.tt_sharerange .list_sr .item_sr img,
.tt_sharerange .list_sr .button_sr img {
  width: 30px;
  height: 30px;
}
.tt_sharerange .add_sr {
  float: left;
}
.tt_sharerange .item_sr:hover .del_sr {
  display: block;
}
.tt_sharerange .del_sr {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #c5c5c5;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  cursor: pointer;
}
.tt_sharerange .del_sr .ico {
  width: 9px;
  height: 9px;
  display: inline-block;
  margin: 10px 0 0 10px;
  background-image: url(../../../images/components/tita-widget/icos_29.png);
  background-position: -600px -120px;
}
.tt_sharerange .empty_sr {
  font-size: 12px;
  line-height: 14px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  height: 30px;
  width: auto;
  margin: 9px 0 0 0;
  color: #555555;
}

.task-quick-do-titaw {
  position: fixed;
  bottom: 20%;
  right: 18px;
  font-size: 12px;
  color: #8a8a8a;
  z-index: 1008;
}
.task-quick-do-titaw .radius_all {
  height: 20px;
  width: 20px;
  border-radius: 12px;
  border: 2px solid #c5c5c5;
  text-align: center;
  background: #fff;
  margin-top: 10px;
}
.task-quick-do-titaw .radius_all .base-all-icon {
  display: inline-block;
  margin-top: 5px;
}
.task-quick-do-titaw .radius_all_current {
  background: #c5c5c5;
}
.task-quick-do-titaw .radius-tq {
  height: 24px;
  width: 24px;
  border-radius: 12px;
  background-color: #c5c5c5;
  text-align: center;
  cursor: pointer;
}
.task-quick-do-titaw .radius-tq:hover {
  background-color: #509fe5;
}
.task-quick-do-titaw .border {
  margin-top: 3px;
  margin-bottom: 3px;
  height: 11px;
  background: #c5c5c5;
  width: 2px;
  clear: both;
  margin-left: 11px;
  padding: 0;
}
.task-quick-do-titaw .ico {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-top: 5px;
  background: url(../../../images/components/tita-widget/base-all-icon.png) no-repeat;
}
.task-quick-do-titaw .ico-apply {
  background-position: 0 -120px;
}
.task-quick-do-titaw .ico-hour {
  background-position: 1px -40px;
}
.task-quick-do-titaw .ico-meet {
  background-position: 1px -60px;
}
.task-quick-do-titaw .ico-share {
  background-position: 0 -99px;
}
.task-quick-do-titaw .ico-task {
  background-position: 0 -20px;
}
.task-quick-do-titaw .ico-travel {
  background-position: 1px -79px;
}
.task-quick-do-titaw .ico-all {
  background-position: 1px 0;
}
.task-quick-do-titaw .ico-all-active {
  background-color: #c5c5c5;
}
.task-quick-do-titaw .ico-all-active .ico-all {
  background-position: 1px -160px;
}

.task-progress-content {
  display: inline-block;
}
.task-progress-content .task-progress-bar {
  display: inline-block;
  width: 90px;
  height: 6px;
  background: #d8d8d8;
  margin-right: 16px;
  border-radius: 8px;
}
.task-progress-content .task-progress-bar .task-progress-inner {
  position: relative;
  height: 100%;
  border-radius: 8px;
}
.task-progress-content .task-progress-bar .task-progress-inner-tail {
  position: absolute;
  top: -6px;
  right: 0;
  height: 18px;
  width: 6px;
  border-radius: 8px;
}
.task-progress-content .task-progress-bar .task-progress-inner-tail-hide {
  display: none;
}
.task-progress-content .task-progress-unit {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  text-align: left;
}
.task-progress-content .task-progress-num {
  display: inline-block;
  height: 26px;
}
.task-progress-content .task-progress-input {
  border: 1px solid #1787d9;
  border-radius: 2px;
  width: 38px;
  height: 24px;
  padding: 0;
}

.tu-icon-progress::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../../../images/components/tita-widget/progress_1.png) no-repeat;
  background-size: 100% 100%;
}

.tu-detail-priority {
  font-size: 30px;
}

.upload_component input[type="file"] {
  cursor: pointer;
}
.upload_component input[type="file"]:focus {
  outline: none;
}
.upload_component .tu-icon-cus-fujian {
  font-size: 18px;
  vertical-align: middle;
}
.upload_component .upload_form_container {
  width: 100%;
  height: 100%;
  right: 0;
  cursor: pointer;
  overflow: hidden;
}

.tita-upload-preview-new {
  position: relative;
  *zoom: 1;
  font-size: 12px;
  line-height: 20px;
}
.tita-upload-preview-new:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.tita-upload-preview-new .left_up {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  background-color: #e4ebf0;
  margin-right: 10px;
}
.tita-upload-preview-new .center_up {
  width: 150px;
  float: left;
}
.tita-upload-preview-new .center_up .name {
  font-size: 12px;
  color: #647481;
  line-height: 20px;
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tita-upload-preview-new .center_up .progress,
.tita-upload-preview-new .center_up .progress-bar {
  height: 4px;
  border-radius: 2px;
}
.tita-upload-preview-new .center_up .progress {
  background-color: #e3ecf1;
}
.tita-upload-preview-new .center_up .progress-bar {
  width: 0%;
  background-color: #1687d9;
}
.tita-upload-preview-new .center_up .status {
  position: absolute;
  right: 45px;
}
.tita-upload-preview-new .center_up .status-error {
  color: #eb4447;
}
.tita-upload-preview-new .center_up .status-success {
  color: #2dab92;
}
.tita-upload-preview-new .right_up {
  float: right;
  line-height: 30px;
}
.tita-upload-preview-new .right_up .action-iocn {
  font-size: 14px;
  vertical-align: middle;
  color: #a9b8bf;
}
.tita-upload-preview-new .right_up .action-iocn:hover {
  color: #1687d9;
}
.tita-upload-preview-new .right_up .action-iocn-delete:hover {
  color: #eb4447;
}
.tita-upload-preview-new .item_up {
  position: relative;
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  width: 310px;
  height: 30px;
  padding: 5px;
  background-color: #f5f8fa;
}
.tita-upload-preview-new .item_up:hover .action_up {
  display: block;
  cursor: pointer;
}
.tita-upload-preview-new .img_up {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #fff;
  max-width: 30px;
  max-height: 30px;
}
.tita-upload-preview-new .ico_up {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 30px;
  background-color: #ffffff;
}
.tita-upload-preview-new .name_up {
  color: #555555;
}
.tita-upload-preview-new .action_up {
  display: none;
}

.tita-upload-preview-show .item_up {
  background-color: transparent;
}
.tita-upload-preview-show .item_up:hover {
  background-color: #f5f8fa;
}
.tita-upload-preview-show .item_up:hover .right_up {
  display: block;
}
.tita-upload-preview-show .right_up {
  display: none;
}

.loading_up {
  width: 153px;
  height: 16px;
  background: url(../../../images/components/tita-widget/file_load.gif) no-repeat 0 0;
  display: inline-block;
}

.tita-existFile-box .right_afb {
  position: absolute;
  right: 5px;
}

.tita-upload-preview {
  *zoom: 1;
  font-size: 12px;
  line-height: 20px;
}
.tita-upload-preview:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.tita-upload-preview .item_up {
  margin-right: 40px;
  float: left;
  margin-top: 10px;
  position: relative;
  height: 142px;
}
.tita-upload-preview .item_up:hover .action_up {
  display: block;
  cursor: pointer;
}
.tita-upload-preview .cont_up {
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.tita-upload-preview .img_up {
  border: 1px solid #eeeeee;
  background-color: #f5f5f5;
  width: 98px;
  height: 98px;
  vertical-align: middle;
  overflow: hidden;
  text-align: center;
  display: table-cell;
  *display: inline-block;
}
.tita-upload-preview .img_up img {
  vertical-align: middle;
}
.tita-upload-preview .name_up {
  color: #555555;
}
.tita-upload-preview .action_up {
  display: none;
}
.tita-upload-preview .loading_up {
  width: 153px;
  height: 16px;
  background: url(../../../images/components/tita-widget/file_load.gif) no-repeat 0 0;
  display: inline-block;
}

.tt_upload_type_container {
  display: none;
  position: absolute;
  background-color: white;
  border: 1px solid #dedede;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  width: 90px;
  padding: 10px 0;
  z-index: 1000;
}
.tt_upload_type_container input[type="file"] {
  height: 30px;
}
.tt_upload_type_container .upload_new_file {
  position: relative;
}
.tt_upload_type_container .upload_type_item {
  overflow: hidden;
  padding: 0 15px;
  font-size: 12px;
}
.tt_upload_type_container .upload_type_item:hover {
  background-color: #f5f8fa;
  cursor: pointer;
}
.tt_upload_type_container .upload_type_item span {
  display: block;
  height: 30px;
  line-height: 30px;
  color: #36434d;
}
.tt_upload_type_container .upload_form_container {
  right: -15px;
}

.ns-emotion-dialog {
  height: 260px;
}

.tt-emotion-layout {
  font-size: 12px;
  line-height: 1em;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", SimSun, STHeitiSC, sans-serif;
  color: #555;
  padding: 15px;
}
.tt-emotion-layout .emotion-tab {
  *zoom: 1;
  border-bottom: 1px solid #E4EBF0;
  height: 30px;
}
.tt-emotion-layout .emotion-tab:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.tt-emotion-layout .emotion-tab-item {
  float: left;
  cursor: pointer;
  padding: 0 11px;
  line-height: 30px;
  border: 1px solid #fff;
  border-bottom-color: #E4EBF0;
  margin-bottom: -1px;
  margin-top: -1px;
  color: #66757F;
}
.tt-emotion-layout .emotion-tab-item.tab-active {
  color: #005999;
  border-color: #E4EBF0;
  border-bottom-color: #FFF;
}
.tt-emotion-layout .emotion-body-container {
  margin-top: 1px;
  background: #fff;
}
.tt-emotion-layout .emotion-body-scroll {
  padding-top: 10px;
  height: 187px;
  overflow-y: auto;
}
.tt-emotion-layout table {
  border-collapse: collapse;
}
.tt-emotion-layout td {
  text-align: center;
  border: 1px solid #eee;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.tt-emotion-layout td img {
  position: relative;
  z-index: 22;
}
.tt-emotion-layout td .td-border {
  position: absolute;
  z-index: 1;
  display: none;
  left: -1px;
  top: -1px;
  border: 1px solid #509fe5;
}
.tt-emotion-layout td:hover {
  background: #f2f9ff;
}
.tt-emotion-layout td:hover .td-border {
  display: inline;
}
.tt-emotion-layout .emotion-table-size-small td {
  width: 30px;
  height: 30px;
}
.tt-emotion-layout .emotion-table-size-small td img {
  width: 24px;
  height: 24px;
}
.tt-emotion-layout .emotion-table-size-small td .td-border {
  width: 30px;
  height: 30px;
}
.tt-emotion-layout .emotion-table-size-big td {
  width: 61px;
  height: 61px;
}
.tt-emotion-layout .emotion-table-size-big td img {
  width: 46px;
  height: 46px;
}
.tt-emotion-layout .emotion-table-size-big td .td-border {
  width: 61px;
  height: 61px;
}

.membership_icon_st {
  width: 22px;
  height: 11px;
  display: inline-block;
  background: url(../../../images/components/tita-widget/membership-icon_5.png) no-repeat -76px -85px;
}

.membership_icon_share {
  width: 18px;
  height: 12px;
  display: inline-block;
  background: url(../../../images/components/tita-widget/membership-icon_5.png) no-repeat -77px -114px;
}

.membership_right {
  position: fixed;
  right: 0px;
  width: 65px;
  z-index: 800;
  height: 100%;
  text-align: center;
  background-color: #eee;
  -webkit-box-shadow: -3px 0px 11px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -3px 0px 11px rgba(0, 0, 0, 0.2);
  box-shadow: -3px 0px 11px rgba(0, 0, 0, 0.2);
}
.membership_right #membership_tab {
  width: 100%;
  background-color: #eee;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}
.membership_right .rightBar__tip {
  position: absolute;
  left: -215px;
  top: 85px;
  width: 210px;
  height: 45px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
  line-height: 45px;
}
.membership_right .right-arrow {
  position: absolute;
  top: 14px;
  right: -10px;
  border-left: 10px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.membership_right .membership_tab_top {
  background-color: #ddd;
  text-align: left;
  vertical-align: middle;
  z-index: 800;
  height: 40px;
}
.membership_right .membership_tab_top .membership_tab_title {
  font-size: 14px;
  color: #555;
  display: inline-block;
  font-family: "Helvetica Neue", Helvetica, verdana, "Hiragino Sans GB", "Microsoft YaHei", "SimHei", "SimSun";
  line-height: 40px;
  display: none;
}
.membership_right .membership_tab_top .membership_tab_title li {
  background-color: #ddd;
  width: 49%;
  float: left;
  display: inline;
  text-align: center;
  cursor: pointer;
  height: 40px;
}
.membership_right .membership_tab_top .membership_tab_title li span {
  margin-right: 5px;
  vertical-align: middle;
}
.membership_right .membership_tab_top .membership_tab_title li a {
  vertical-align: middle;
  color: #aaa;
}
.membership_right .membership_tab_top .membership_tab_title li:hover a {
  color: #555;
}
.membership_right .membership_tab_top .membership_tab_title li:hover .membership_icon_st {
  background-position: -41px -86px;
}
.membership_right .membership_tab_top .membership_tab_title li:hover .membership_icon_share {
  background-position: -44px -114px;
}
.membership_right .membership_tab_top .membership_tab_title li:first-child {
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.membership_right .membership_tab_top .membership_tab_title li:last-child {
  margin-right: -2px;
  border-left: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.membership_right .membership_tab_top .membership_tab_title li.active {
  background-color: #eee;
}
.membership_right .membership_tab_top .membership_tab_title li.active a {
  color: #555;
}
.membership_right .membership_tab_top .membership_tab_title li.active .membership_icon_st {
  background: url(../../../images/components/tita-widget/membership-icon_5.png) no-repeat -41px -86px;
}
.membership_right .membership_tab_top .membership_tab_title li.active .membership_icon_share {
  background: url(../../../images/components/tita-widget/membership-icon_5.png) no-repeat -44px -114px;
}
.membership_right .membership_tab_top .membership_tab_title li.active:hover a {
  color: #555;
}
.membership_right .membership_tab_top .membership_tab_title li.active:hover .membership_icon_st {
  background-position: -41px -86px;
}
.membership_right .membership_tab_top .membership_tab_title li.active:hover .membership_icon_share {
  background-position: -44px -114px;
}
.membership_right .membership_tab_top .membership_tab_title li:first-child.active {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.membership_right .membership_tab_top .membership_tab_title li:last-child.active {
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.membership_right .membership_arrow {
  background-color: #eee;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  display: inline-block;
  width: 16px;
  height: 92px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -46px;
  left: -18px;
  -webkit-box-shadow: -7px 0px 11px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -7px 0px 11px rgba(0, 0, 0, 0.2);
  box-shadow: -7px 0px 11px rgba(0, 0, 0, 0.2);
}
.membership_right .membership_arrow span {
  display: inline-block;
}
.membership_right .membership_arrow .membership_arrow_icon {
  margin: 0px auto  42px 3px;
  background: url(../../../images/components/tita-widget/membership-icon_5.png) no-repeat;
  width: 6px;
  height: 11px;
}
.membership_right .membership_arrow .membership_arrow_right {
  background-position: -9px -85px;
}
.membership_right .membership_arrow .membership_arrow_left {
  background-position: -24px -85px;
}
.membership_right .membership_arrow .membership_arrow_line {
  background: url(../../../images/components/tita-widget/membership-icon_5.png) no-repeat -123px -10px;
  width: 1px;
  height: 92px;
  margin-right: -4px;
}
.membership_right .membership_arrow:hover {
  background-color: #ddd;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.membership_right .membership_arrow:hover .membership_arrow_right {
  background-position: -8px -144px;
}
.membership_right .membership_arrow:hover .membership_arrow_left {
  background-position: -22px -144px;
}

.membership_right.short .membership_tab_top .membership_tab_title li a {
  display: none;
}
.membership_right.short .membership_tab_top .membership_tab_title li.active a {
  display: none;
}
.membership_right.short .membership_share_container li {
  margin: 8px 0px 0px 0px;
  display: block;
}
.membership_right.short .membership_share_container li .membership_thumb_img {
  width: 30px;
  height: 30px;
  border-radius: 17px;
  border: 2px solid #fff;
  margin: auto 8px;
  cursor: pointer;
}
.membership_right.short .membership_share_container li .active {
  border: 2px solid #145C98;
}
.membership_right.short .membership_share_container #BS_scroll {
  right: 1px;
  width: 6px;
}
.membership_right.short .membership_share_container #BS_scroll #BS_scroll_main {
  background-image: url(../../../images/components/tita-widget/webim_scroll_bg_membership.png);
  background-position: -14px 0;
  background-repeat: repeat-y;
  width: 6px;
  border-radius: 4px;
}
.membership_right.short .membership_share_container .membership_empty_tips {
  text-align: center;
  line-height: 18px;
}
.membership_right.short .membership_thumb_container .membership_empty_tips {
  text-align: center;
  line-height: 18px;
}

.membership_thumb_container {
  *zoom: 1;
}
.membership_thumb_container:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.membership_thumb_container li {
  padding-top: 8px;
  padding-left: 7px;
  float: left;
}
.membership_thumb_container li.dotted_radius_parent span, .membership_thumb_container li.dotted_radius_parent img {
  border: none;
  background-image: url(../../../images/components/tita-widget/dashed/icon-dashed-radius-30.png);
  height: 34px;
  width: 34px;
}
.membership_thumb_container li.dotted_radius_parent span.active, .membership_thumb_container li.dotted_radius_parent img.active {
  background-image: url(../../../images/components/tita-widget/dashed/dashed-radius-acitve-30.png);
}
.membership_thumb_container li.dotted_radius_parent img {
  height: 28px;
  width: 28px;
  padding: 3px;
}
.membership_thumb_container li.dotted_radius_parent img.active {
  background-image: url(../../../images/components/tita-widget/dashed/dashed-radius-acitve-30.png);
}
.membership_thumb_container li .membership_thumb_img {
  width: 30px;
  height: 30px;
  border-radius: 17px;
  border: 2px solid #fff;
  margin: auto 8px;
  cursor: pointer;
}
.membership_thumb_container li .active {
  border: 2px solid #084171;
}
.membership_thumb_container #BS_scroll {
  right: 1px;
  width: 6px;
}
.membership_thumb_container #BS_scroll #BS_scroll_main {
  background-image: url(../../../images/components/tita-widget/webim_scroll_bg_membership.png);
  background-position: -14px 0;
  background-repeat: repeat-y;
  width: 6px;
  border-radius: 4px;
}
.membership_thumb_container .membership_empty_tips {
  margin: 20px auto;
}

.membership_share_container .membership_thumb_container .empty__magin {
  margin-top: 260px;
}

.membership_scroll_container {
  overflow: hidden;
}

.membership_share_container li {
  margin-top: 10px;
}
.membership_share_container li .membership_thumb_img {
  width: 50px;
  height: 50px;
  border-radius: 30px;
  border: 3px solid #fff;
  margin: auto 6px;
  cursor: pointer;
}
.membership_share_container li .active {
  border: 3px solid #145C98;
}
.membership_share_container #BS_scroll {
  right: 1px;
  width: 6px;
}
.membership_share_container #BS_scroll #BS_scroll_main {
  background-image: url(../../../images/components/tita-widget/webim_scroll_bg_membership.png);
  background-position: -14px 0;
  background-repeat: repeat-y;
  width: 6px;
  border-radius: 4px;
}

.membership_tab_container {
  -webkit-tap-highlight-color: transparent;
  min-width: 278px;
}
.membership_tab_container ul {
  margin-left: 10px;
}
.membership_tab_container .first_ul {
  margin-left: 0px;
}
.membership_tab_container .membership_back {
  width: 100%;
  margin-bottom: 10px;
  padding-top: 20px;
}
.membership_tab_container .membership_back .membership_back_btn {
  display: none;
  background-color: #fff;
  cursor: pointer;
  width: 98px;
  height: 24px;
  margin: 0px auto 10px 15px;
  border-radius: 3px;
  text-align: center;
  vertical-align: middle;
  line-height: 24px;
  font-size: 14px;
  color: #555;
  font-family: "Helvetica Neue", Helvetica, verdana, "Hiragino Sans GB", "Microsoft YaHei", "SimHei", "SimSun";
  border: 1px solid #ddd;
  -webkit-tap-highlight-color: transparent;
}
.membership_tab_container .membership_back .membership_back_btn:hover {
  border-color: #8a8a8a;
}
.membership_tab_container .membership_tab_staff_container {
  height: 600px;
  overflow: hidden;
  position: relative;
  padding-left: 20px;
}
.membership_tab_container .membership_tab_staff_container .membership_subordinate {
  margin-bottom: 10px;
  -webkit-tap-highlight-color: transparent;
}
.membership_tab_container .membership_tab_staff_container .membership_item_level_1 {
  margin-left: -5px;
  margin-bottom: 10px;
}
.membership_tab_container .membership_tab_staff_container .membership_item_level_2 {
  margin-bottom: 10px;
}
.membership_tab_container .membership_tab_staff_container .membership_item_short {
  background-color: #fff;
  cursor: pointer;
  text-align: left;
  width: 135px;
  height: 46px;
  border: 1px solid #aaa;
  border-radius: 3px;
  line-height: 46px;
  -webkit-tap-highlight-color: transparent;
}
.membership_tab_container .membership_tab_staff_container .membership_item_short .membership_image_short {
  width: 30px;
  height: 30px;
  border-radius: 17px;
  border: 2px solid #fff;
  margin: auto 8px;
  color: #fff;
}
.membership_tab_container .membership_tab_staff_container .membership_item_short span {
  color: #555;
  display: inline-block;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, verdana, "Hiragino Sans GB", "Microsoft YaHei", "SimHei", "SimSun";
}
.membership_tab_container .membership_tab_staff_container .membership_item_short:hover {
  background-color: #eee;
}
.membership_tab_container .membership_tab_staff_container .membership_item_short:hover .membership_image_short {
  border: 2px solid #eee;
}
.membership_tab_container .membership_tab_staff_container .membership_item_short.active {
  border: 1px solid #145c98;
  background-color: #145c98;
  -webkit-tap-highlight-color: transparent;
}
.membership_tab_container .membership_tab_staff_container .membership_item_short.active span {
  color: #fff;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long {
  background-color: #fff;
  cursor: pointer;
  width: 201px;
  height: 105px;
  border: 1px solid #aaa;
  border-radius: 3px;
  -webkit-tap-highlight-color: transparent;
  margin-bottom: 10px;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long .membership_image_container {
  width: 56px;
  margin-left: 10px;
  float: left;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long .membership_image_container .membership_image_large {
  margin: 7px 0px;
  width: 50px;
  height: 50px;
  border-radius: 28px;
  border: 3px solid #fff;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long .membership_image_container .membreship_subordinate_btn {
  margin-left: 4px;
  cursor: pointer;
  border-radius: 3px;
  width: 46px;
  height: 26px;
  border: 1px solid #aaa;
  -webkit-tap-highlight-color: transparent;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long .membership_image_container .membreship_subordinate_btn span {
  display: inline-block;
  width: 20px;
  height: 24px;
  background: url(../../../images/components/tita-widget/membership-icon_5.png) no-repeat -73px -4px;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long .membership_image_container .membreship_subordinate_btn:hover {
  border: 1px solid #509fe5;
  background-color: #509fe5;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long .membership_image_container .membreship_subordinate_btn:hover span {
  background-position: -42px -4px;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long .membership_span_container {
  text-align: left;
  margin-left: 10px;
  float: left;
  width: 125px;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long .membership_span_container span {
  display: block;
  font-family: "Helvetica Neue", Helvetica, verdana, "Hiragino Sans GB", "Microsoft YaHei", "SimHei", "SimSun";
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long .membership_span_container .item_long_name {
  line-height: 18px;
  margin: 15px auto 5px 0px;
  color: #555;
  font-size: 16px;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long .membership_span_container .item_long_position, .membership_tab_container .membership_tab_staff_container .membership_item_long .membership_span_container .item_long_description {
  line-height: 14px;
  margin: 10px 0px 0px 0px;
  color: #555;
  font-size: 12px;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long:hover {
  background-color: #eee;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long:hover .membership_image_container .membership_image_large {
  border: 3px solid #eee;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long:hover .membership_image_container .membreship_subordinate_btn {
  background-color: #eee;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long:hover .membership_image_container .membreship_subordinate_btn:hover {
  border: 1px solid #509fe5;
  background-color: #509fe5;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long.active {
  border: 1px solid #145c98;
  background-color: #145c98;
  -webkit-tap-highlight-color: transparent;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long.active .membership_image_container .membreship_subordinate_btn {
  border: 1px solid #fff;
  -webkit-tap-highlight-color: transparent;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long.active .membership_image_container .membreship_subordinate_btn span {
  background-position: -42px -4px;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long.active .membership_image_container .membreship_subordinate_btn:hover {
  border: 1px solid #509fe5;
  background-color: #509fe5;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long.active .membership_image_container .membreship_subordinate_btn:hover span {
  background-position: -42px -4px;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long.active .membership_span_container .item_long_name {
  color: #fff;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long.active .membership_span_container .item_long_position, .membership_tab_container .membership_tab_staff_container .membership_item_long.active .membership_span_container .item_long_description {
  color: #fff;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long.active:hover .membership_image_container .membreship_subordinate_btn {
  background-color: #145c98;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long.active:hover .membership_image_container .membreship_subordinate_btn:hover {
  background-color: #509fe5;
}
.membership_tab_container .membership_tab_staff_container .membership_item_long:last {
  margin-bottom: 0px;
}
.membership_tab_container .membership_tab_staff_container .membership_line {
  position: absolute;
  border-left: 1px solid #aaa;
  border-top: 1px solid #aaa;
}
.membership_tab_container .membership_tab_staff_container .membership_line_level1 {
  height: 37px;
  left: 0px;
  top: 48px;
}
.membership_tab_container .membership_tab_staff_container .membership_line_level2 {
  width: 9px;
  height: 86px;
  left: -10px;
  top: 27px;
}
.membership_tab_container .membership_tab_staff_container .membership_line_level3 {
  width: 19px;
  height: 117px;
  left: -20px;
  top: 55px;
}
.membership_tab_container .membership_tab_staff_container .membership_line_last {
  height: 0px;
}
.membership_tab_container .membership_tab_staff_container .membership_item_dashed {
  border: 1px dashed #aaa;
}
.membership_tab_container .membership_tab_staff_container .membership_item_dashed.active {
  border: 1px dashed #aaa;
  background-color: #145c98;
  -webkit-tap-highlight-color: transparent;
}
.membership_tab_container .membership_top_staff ul {
  margin-left: auto;
}
.membership_tab_container .membership_top_staff .second_ul ul {
  margin-left: 10px;
}
.membership_tab_container .membership_top_staff .membership_line_level3 {
  width: 0px;
  height: 0px;
}
.membership_tab_container #BS_scroll {
  right: 10px;
  width: 8px;
}
.membership_tab_container #BS_scroll #BS_scroll_main {
  background-image: url(../../../images/components/tita-widget/webim_scroll_bg_membership.png);
  background-position: -12px 0;
  background-repeat: repeat-y;
  width: 8px;
  border-radius: 4px;
}

#scroller {
  /*	-webkit-touch-callout:none;*/
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  padding: 0;
}

.myScrollbarV {
  position: absolute;
  z-index: 100;
  width: 8px;
  bottom: 7px;
  top: 2px;
  right: 1px;
}

.myScrollbarV > div {
  position: absolute;
  z-index: 100;
  width: 100%;
  /* The following is probably what you want to customize */
  background-color: #c5c5c5;
  border: none;
  border-radius: 7px;
}

.membership_none_limited .membership_askfor {
  text-align: center;
  color: #aaaaaa;
}
.membership_none_limited .membership_askfor .tiptext {
  font-size: 18px;
  line-height: 24px;
  font-family: "Helvetica Neue", Helvetica, verdana, "Hiragino Sans GB", "Microsoft YaHei", "SimHei", "SimSun";
  *font-family: "Microsoft YaHei", "SimHei", "SimSun";
  padding: 40px 0 20px 0;
}
.membership_none_limited .membership_askfor .gohelp {
  font-size: 12px;
  line-height: 14px;
  font-family: "Helvetica Neue", Helvetica, verdana, "Hiragino Sans GB", "Microsoft YaHei", "SimHei", "SimSun";
  *font-family: "Microsoft YaHei", "SimHei", "SimSun";
}
.membership_none_limited .membership_askfor .btn-success {
  font-size: 14px;
  line-height: 16px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  margin: 30px 0 80px 0;
  padding: 10px 28px;
}
.membership_none_limited .membership_askfor .concat {
  font-size: 12px;
  line-height: 30px;
  font-family: "Helvetica Neue", Helvetica, verdana, "Hiragino Sans GB", "Microsoft YaHei", "SimHei", "SimSun";
  *font-family: "Microsoft YaHei", "SimHei", "SimSun";
}
.membership_none_limited .membership_askfor .concat strong {
  font-family: "Arial";
  font-size: 20px;
}
.membership_none_limited .membership_askfor_success {
  display: none;
  text-align: center;
}
.membership_none_limited .membership_askfor_success .tiptext {
  color: #58c583;
  padding: 50px 0 30px 0;
}
.membership_none_limited .membership_askfor_success .tiptext span {
  vertical-align: middle;
  font-size: 24px;
  line-height: 26px;
  font-family: "Helvetica Neue", Helvetica, verdana, "Hiragino Sans GB", "Microsoft YaHei", "SimHei", "SimSun";
  *font-family: "Microsoft YaHei", "SimHei", "SimSun";
}
.membership_none_limited .membership_askfor_success .tiptext .ico {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url(../../../images/components/tita-widget/icos_29.png);
  background-position: -320px -115px;
  margin-right: 10px;
  vertical-align: middle;
}
.membership_none_limited .membership_askfor_success .comfort {
  color: #aaaaaa;
  font-size: 12px;
  line-height: 20px;
  font-family: "Helvetica Neue", Helvetica, verdana, "Hiragino Sans GB", "Microsoft YaHei", "SimHei", "SimSun";
  *font-family: "Microsoft YaHei", "SimHei", "SimSun";
}

.membership_none_limit_tip .title_mnlt {
  height: 53px;
  font-size: 14px;
  line-height: 53px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  font-weight: bold;
  background-color: #eeeeee;
  text-indent: 20px;
}
.membership_none_limit_tip .text_mnlt {
  font-size: 12px;
  line-height: 24px;
  font-family: tahoma, verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "SimSun", "NSimSun", sans-serif;
  color: #555555;
  padding: 30px;
  text-align: left;
}
.membership_none_limit_tip .img_mnlt {
  text-align: center;
}

.membership_fold_container {
  *zoom: 1;
  padding: 10px 0px 2px;
  clear: both;
}
.membership_fold_container:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.membership_fold_container .membership_fold {
  cursor: pointer;
  line-height: 24px;
  color: #555;
  vertical-align: middle;
  border-bottom: 1px solid #c5c5c5;
  border-top: 1px solid #c5c5c5;
  font-size: 12px;
}
.membership_fold_container .membership_fold .membership_fold_arrow {
  display: inline-block;
  width: 7px;
  height: 12px;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 1px;
  background: url(../../../images/components/tita-widget/membership-icon_5.png) no-repeat;
  background-position: -56px -144px;
}
.membership_fold_container .membership_fold:hover {
  color: #509fe5;
}
.membership_fold_container .membership_fold:hover .membership_fold_arrow {
  background-position: -40px -144px;
}

.reward-app {
  font-family: "Helvetica Neue", Helvetica, verdana, "Hiragino Sans GB", "Microsoft YaHei", "SimHei", "SimSun";
}
.reward-app.reward-app-tao .reward-app-content {
  background: url(../../../images/components/tita-widget/reward-tao-v2.png) no-repeat;
}
.reward-app.reward-app-tao .contet-area {
  margin-top: -10px;
}
.reward-app.reward-app-tao .input-wrap textarea {
  height: 70px;
}
.reward-app.reward-app-tao .input-wrap .ico-refresh {
  top: auto;
  bottom: 7px;
}
.reward-app .reward-app-content {
  width: 480px;
  height: 530px;
  color: #C51A1A;
  background: url(../../../images/components/tita-widget/reward-da-v2.png) no-repeat;
}
.reward-app .reward-loading {
  position: relative;
  text-align: center;
  width: 150px;
  height: 150px;
  background: url(../../../images/components/tita-widget/reward-loading.gif) no-repeat center center;
}
.reward-app .reward-loading p {
  position: absolute;
  bottom: 10px;
  width: 100%;
  font-size: 12px;
}
.reward-app .cont-box {
  text-align: center;
  padding-top: 100px;
}
.reward-app .reward-close {
  position: absolute;
  right: -59px;
  top: 0;
  width: 54px;
  height: 54px;
  cursor: pointer;
  border-radius: 50%;
  background: url(../../../images/components/tita-widget/reward-10.png) no-repeat 0 0;
}
.reward-app .reward-close:hover {
  background-position: -100px 0;
}
.reward-app .reward-button {
  margin: 30px 30px 0;
  background-color: #ffa735;
  color: #fff;
  border-radius: 5px;
  width: 420px;
  font-family: "Helvetica Neue", Helvetica, verdana, "Hiragino Sans GB", "Microsoft YaHei", "SimHei", "SimSun";
  font-size: 22px;
  line-height: 60px;
  display: block;
  border: none;
  cursor: pointer;
  padding: 0;
}
.reward-app .reward-button:hover {
  background-color: #ff9102;
}
.reward-app .reward-button.disabled {
  cursor: default;
  background-color: #FFE1BF;
}
.reward-app .capital-manage-url {
  color: #fff;
  line-height: 24px;
  padding-top: 10px;
  display: inline-block;
}
.reward-app .head-wrap {
  height: 140px;
  text-align: center;
  position: relative;
}
.reward-app .contet-area {
  margin-top: -30px;
}
.reward-app .ico-edit-pen {
  background: url(../../../images/components/tita-widget/reward-10.png) no-repeat 0px -200px;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 58px;
  left: 252px;
  cursor: pointer;
}
.reward-app .user-others {
  position: absolute;
  top: 111px;
  left: 330px;
  color: #fff;
  font-size: 12px;
}
.reward-app .radius_img80 {
  border: 5px solid #fff;
}
.reward-app .user-avatar {
  height: 90px;
}
.reward-app .none-user {
  background: #fff url(../../../images/components/tita-widget/reward-10.png) no-repeat 19px -86px;
}
.reward-app .user-name {
  padding-top: 15px;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
}
.reward-app .input-wrap {
  margin: 30px auto 0 auto;
  background-color: #DC7167;
  border-radius: 5px;
  width: 400px;
  padding: 5px 10px;
  position: relative;
}
.reward-app .input-wrap input, .reward-app .input-wrap textarea {
  border: 0 none;
  background-color: #DC7167;
  font-size: 16px;
  width: 100%;
  resize: none;
  color: #C51A1A;
  font-family: "Helvetica Neue", Helvetica, verdana, "Hiragino Sans GB", "Microsoft YaHei", "SimHei", "SimSun";
}
.reward-app .input-wrap input::-ms-clear, .reward-app .input-wrap textarea::-ms-clear {
  display: none;
}
.reward-app .input-wrap input {
  line-height: 50px;
  height: 50px;
  font-size: 36px;
}
.reward-app .input-wrap input::-webkit-outer-spin-button, .reward-app .input-wrap input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.reward-app .input-wrap input[type="number"] {
  -moz-appearance: textfield;
}
.reward-app .input-wrap textarea {
  height: 40px;
  line-height: 30px;
}
.reward-app .input-wrap.focus-input {
  background: #fff;
}
.reward-app .input-wrap.focus-input input, .reward-app .input-wrap.focus-input textarea {
  background: #fff;
  color: #C51A1A;
}
.reward-app .input-wrap.error-input {
  color: #ED4D4A;
}
.reward-app .input-wrap .error-tip {
  position: absolute;
  top: 68px;
  color: #fff;
  display: none;
}
.reward-app .input-wrap .total {
  font-size: 14px;
  line-height: 30px;
  font-family: 'Arial';
  text-align: right;
  position: absolute;
  top: 0;
  right: 10px;
}
.reward-app .input-wrap .ico-refresh {
  margin: 16px 10px 0 0;
  width: 30px;
  height: 30px;
  display: inline-block;
  background: url(../../../images/components/tita-widget/reward-10.png) no-repeat -95px -194px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  border-radius: 3px;
}
.reward-app .input-wrap .ico-refresh:hover {
  background-color: #FFCCC7;
}
.reward-app .beg-intro {
  height: 77px;
  line-height: 26px;
}
.reward-app .additional {
  border-top: 1px dashed #C51A1A;
  font-size: 16px;
  line-height: 40px;
}
.reward-app .wx-img {
  width: 150px;
  height: 150px;
  border: 10px solid #fff;
  margin: 0 auto;
  background: #d34739;
}
.reward-app .wx-img-error {
  width: 150px;
  height: 150px;
  display: none;
  text-align: center;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}
.reward-app .wx-img-error span {
  margin: 37px 0 27px 0;
  width: 57px;
  height: 50px;
  display: inline-block;
  background: url(../../../images/components/tita-widget/reward-10.png) no-repeat -200px 0;
}
.reward-app .scanning-tip {
  text-align: center;
  color: #fff;
  line-height: 24px;
  padding-top: 5px;
}
.reward-app .scanning-tip span {
  color: #FFD800;
  font-size: 18px;
  display: block;
}
.reward-app .money-all {
  font-size: 36px;
  line-height: 38px;
  color: #fff;
  padding-bottom: 10px;
}

.reward-pay-success, .reward-pay-fail {
  width: 600px;
  height: 350px;
  border-radius: 20px;
  position: relative;
  margin-top: 150px;
}
.reward-pay-success .close-pay, .reward-pay-fail .close-pay {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 54px;
  height: 54px;
  display: inline-block;
  background: #fff url(../../../images/components/tita-widget/reward-10.png) no-repeat 0 0;
  cursor: pointer;
}
.reward-pay-success .close-pay:hover, .reward-pay-fail .close-pay:hover {
  background-position: -100px 0;
}

.reward-pay-success {
  background: #fff url(../../../images/components/tita-widget/reward-success-v2.png) no-repeat center 100px;
}
.reward-pay-success .tip {
  padding: 130px 0 0 220px;
  font-size: 48px;
  line-height: 50px;
  color: #DE4031;
}
.reward-pay-success .txt {
  padding-top: 20px;
  color: #DE4031;
  font-size: 24px;
  line-height: 49px;
  text-align: center;
}

.reward-pay-fail {
  background: #fff url(../../../images/components/tita-widget/reward-fail.png) no-repeat 68px 99px;
}
.reward-pay-fail .tip {
  padding: 137px 0 0 296px;
  font-size: 48px;
  line-height: 50px;
  color: #667580;
}

.reward-other {
  position: absolute;
  max-height: 330px;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  z-index: 2;
}
.reward-other ul {
  margin: 0 auto;
}
.reward-other .reward-empty {
  height: 75px;
  line-height: 75px;
}
.reward-other .user-info {
  float: left;
  width: 50px;
  text-align: center;
  cursor: pointer;
  padding: 10px 0;
}
.reward-other .user-info span, .reward-other .user-info i {
  display: inline-block;
}
.reward-other .user-info .name {
  font-size: 12px;
  line-height: 14px;
  padding-top: 10px;
  display: block;
  color: #333;
}
.reward-other .reward-caret-top {
  position: absolute;
  top: -6px;
  left: 16%;
  margin-left: -6px;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-bottom: 6px dashed;
  border-bottom: 6px solid \9;
  border-bottom-color: #fff;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  cursor: pointer;
}
.reward-other .reward-loading {
  width: 32px;
  height: 32px;
  background: url(../../../images/components/tita-widget/load_m.gif) no-repeat 0 0;
  display: inline-block;
}

.dangshang-userlist {
  color: #ACB7BF;
  text-align: center;
  position: relative;
}
.dangshang-userlist .button-action {
  width: 50px;
  height: 50px;
  display: inline-block;
  font-size: 18px;
  line-height: 50px;
  color: #EE4344;
  background-color: #FBF0E0;
  border-radius: 50px;
  margin: 0 10px 20px 10px;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
}
.dangshang-userlist .button-action:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
  background-color: #f7e1c0;
}
.dangshang-userlist .button-action.reward-tao {
  color: #FF5B11;
}
.dangshang-userlist .button-action .reward-shang-txt-icon, .dangshang-userlist .button-action .reward-tao-txt-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: text-bottom;
  background: url(../../../images/components/tita-widget/reward-10.png);
}
.dangshang-userlist .button-action .reward-shang-txt-icon {
  background-position: -200px -250px;
}
.dangshang-userlist .button-action .reward-tao-txt-icon {
  background-position: -250px -250px;
}
.dangshang-userlist .title {
  border: 0 none;
  border-top: 1px solid #E4EBF0;
  text-align: center;
  position: relative;
  margin-top: 10px;
  font-size: 12px;
  line-height: 20px;
}
.dangshang-userlist .title span {
  padding: 0 10px 0 10px;
  position: relative;
  top: -12px;
  background-color: #FFF;
}
.dangshang-userlist .userlist-box {
  position: relative;
}
.dangshang-userlist .avatar-item, .dangshang-userlist .more {
  margin: 0 10px 10px 0;
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.dangshang-userlist .more {
  width: 30px;
  height: 30px;
  text-align: center;
  display: inline-block;
  border-radius: 30px;
  background-color: #E4EBF0;
  vertical-align: middle;
}

.changestatusview__ico {
  cursor: pointer;
  font-size: 12px;
}
.changestatusview__ico:before {
  color: #1687D9;
  margin-right: 5px;
  vertical-align: -3px;
  font-size: 18px;
}

.tt-timeDropdown {
  position: absolute;
  z-index: 1;
  width: 268px;
  height: 285px;
  border: 1px solid #dedede;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
  font-size: 12px;
  background: #fff;
  border-radius: 2px;
}
.tt-timeDropdown__title {
  border-bottom: 1px solid #D8D8D8;
  width: 100%;
  height: 35px;
  line-height: 35px;
}
.tt-timeDropdown__title-item {
  display: inline-block;
  width: 32%;
  text-align: center;
}
.tt-timeDropdown__content ul {
  display: inline-block;
  width: 32%;
  height: 185px;
  padding-top: 10px;
  overflow-y: auto;
}
.tt-timeDropdown__list-item {
  color: #35434C;
  text-align: center;
  cursor: pointer;
}
.tt-timeDropdown__list-item:hover {
  background: #F5F8FA;
}
.tt-timeDropdown__list-active {
  color: #1265A0;
  background-color: #F5F8FA;
}
.tt-timeDropdown__borderLfet {
  border-left: 1px solid #D8D8D8;
}
.tt-timeDropdown__btn {
  text-align: center;
}
.tt-timeDropdown ::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.project-lotSize {
  position: relative;
}
.project-lotSize .icon-approval {
  top: 10px;
}
.project-lotSize .tu-infotip.infotip-default .infotip-inner {
  text-align: left;
}
.project-lotSize .tu-icon-singlebox-avtive {
  color: #1587D9;
  vertical-align: middle;
  font-size: 18px !important;
}
.project-lotSize .tu-icon-singlebox-have {
  font-size: 18px;
  vertical-align: middle;
  color: #94CFFC;
}
.project-lotSize .tu-icon-checkbox-have {
  font-size: 18px;
  vertical-align: middle;
  color: #94CFFC;
}
.project-lotSize .tu-icon-check-active {
  color: #1587D9;
  vertical-align: middle;
  font-size: 18px !important;
}
.project-lotSize .project-lotSize__task_border {
  border-bottom: 1px solid #E4EBF0;
}
.project-lotSize .project-lotSize__task-li {
  line-height: 40px;
}
.project-lotSize .project-lotSize__task-header {
  border-bottom: 2px solid #E4EBF0;
}
.project-lotSize .project-lotSize__task-headerNew {
  margin: 15px 0 4px 0 !important;
}
.project-lotSize .project-lotSize__task-fontSize {
  font-size: 14px;
}
.project-lotSize .project-lotSize__task-milepost-name {
  display: block;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #E4EBF0;
  line-height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.project-lotSize .project-lotSize__task-icon_size {
  font-size: 18px;
  vertical-align: middle;
}
.project-lotSize .project-lotSize__task-icon-empty {
  display: inline-block;
  width: 18px;
  height: 1px;
}
.project-lotSize .project-lotSize__task-grid-name {
  float: left;
  width: 45% !important;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.project-lotSize .project-lotSize__task-grid-checked {
  float: left;
  width: 3%;
}
.project-lotSize .project-lotSize__task-grid-checked-lineHeight {
  line-height: 40px;
}
.project-lotSize .project-lotSize__task-grid-checked-height {
  height: 20px;
}
.project-lotSize .project-lotSize__task-grid-status {
  float: left;
  display: block;
  width: 8%;
  white-space: nowrap;
  margin-left: 20px;
}
.project-lotSize .project-lotSize__task-grid-startTime {
  float: left;
  width: 10%;
  margin-left: 20px;
}
.project-lotSize .project-lotSize__task-grid-EndTime {
  float: left;
  width: 10%;
  margin-left: 20px;
}
.project-lotSize .icon-gray {
  color: #A9B8BF;
}

.blessIngType {
  position: relative;
  display: inline-block;
}

.headImg50-birth {
  background: url(../../../images/components/tita-widget/birth25.svg) no-repeat center;
  cursor: pointer;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -12px;
  right: -9px;
  z-index: 1;
}

.headImg30-birth {
  background: url(../../../images/components/tita-widget/birth16.svg) no-repeat center;
  cursor: pointer;
  position: absolute;
  width: 15px;
  height: 15px;
  top: -6px;
  right: -5px;
  z-index: 1;
}

.headImg50-entry {
  background: url(../../../images/components/tita-widget/entry25.svg) no-repeat center;
  cursor: pointer;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -10px;
  right: -9px;
  z-index: 1;
}

.headImg30-entry {
  background: url(../../../images/components/tita-widget/entry16.svg) no-repeat center;
  cursor: pointer;
  position: absolute;
  width: 15px;
  height: 15px;
  top: -6px;
  right: -5px;
  z-index: 1;
}

.headImg50-teacher {
  background: url(../../../images/components/tita-widget/teacher25.svg) no-repeat center;
  cursor: pointer;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -6px;
  right: -9px;
  z-index: 1;
}

.headImg30-teacher {
  background: url(../../../images/components/tita-widget/teacher16.svg) no-repeat center;
  cursor: pointer;
  position: absolute;
  width: 15px;
  height: 15px;
  top: -6px;
  right: -5px;
  z-index: 1;
}

.company_aborn_50 {
  position: absolute;
  width: 25px;
  height: 21px;
  bottom: -5px;
  left: 14px;
  background: url(../../../images/components/tita-widget/company-adorn.png) no-repeat center;
  background-size: contain;
}

.system_aborn_50 {
  position: absolute;
  width: 28px;
  bottom: 0px;
  right: -8px;
}

.company_aborn_back_50 {
  width: 50px;
  height: 20px;
  position: absolute;
  bottom: -5px;
  left: 0;
  background: url(../../../images/components/tita-widget/headimg_company.png) no-repeat center;
  background-size: contain;
}

.select-level-container {
  width: 170px;
  position: absolute;
  z-index: 100;
}
.select-level-container .select-level-box {
  width: 100%;
  background: #fff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid #dedede;
}
.select-level-container .select-level-box li {
  padding: 6px 20px 0 20px;
  width: 100%;
  font-size: 12px;
  color: #0A131A;
  line-height: 20px;
  box-sizing: border-box;
  cursor: pointer;
}
.select-level-container .select-level-box li:hover {
  background: #F5F8FA;
}
.select-level-container .select-level-box li .select-level-text {
  margin-left: 6px;
  vertical-align: top;
  display: inline-block;
}

.tt-search-filter {
  position: relative;
  line-height: 34px;
  font-size: 14px;
  color: #36434D;
}
.tt-search-filter .filter-right-wrap {
  position: absolute;
  z-index: 100;
  background-color: #fff;
  right: 0;
  top: 0;
}
.tt-search-filter .filter-tab-item {
  position: relative;
}
.tt-search-filter .filter-more-tab {
  position: absolute;
  top: 34px;
  right: 0;
  left: auto;
  display: none;
}
.tt-search-filter .tab-more {
  display: inline-block;
  width: 30px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 18px;
  color: #66757F;
  border-radius: 2px;
}
.tt-search-filter .tab-more:hover {
  cursor: pointer;
  color: #1687D9;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
.tt-search-filter .filter-tab-item-wrap {
  padding: 0 5px;
}
.tt-search-filter .filter-tab-item-wrap:hover, .tt-search-filter .filter-tab-item-wrap.active {
  cursor: pointer;
  background: #F6F9FB;
}
.tt-search-filter .filter-tab-item-wrap.disable {
  cursor: default;
  background-color: #fff;
  color: #ACB7BF;
}
.tt-search-filter .filter-tab-item-wrap.disable .icon {
  color: #E4EBF0;
}
.tt-search-filter .filter-tab-item-wrap .icon {
  color: #ACB8BF;
}
.tt-search-filter .tab-item-active {
  cursor: pointer;
  background: #F6F9FB;
}
.tt-search-filter .tab-item-active .tab-more {
  color: #1687D9;
}
.tt-search-filter .filter-tab-item, .tt-search-filter .filter-tab-item-wrap {
  display: inline-block;
}
.tt-search-filter .filter-seach, .tt-search-filter .filter-orther-btn {
  float: left;
}
.tt-search-filter .filter-seach__container {
  width: 150px;
  line-height: normal;
}
.tt-search-filter .filter-orther-btn .chart-btn {
  width: 28px;
  height: 30px;
  margin-left: 20px;
  line-height: 30px;
  text-align: center;
  background: #F2F8FC;
  font-size: 16px;
  color: #70808B;
  border: 0 none;
  padding: 0;
  vertical-align: text-bottom;
  border-radius: 2px;
}
.tt-search-filter .group-line {
  color: #A9B8BF;
}

.tt-new-filter-search .cancel-btn {
  display: none;
}
.tt-new-filter-search .search__handler {
  font-size: 18px;
}

.tt-new-filter-result {
  position: relative;
  background: #F5F8FA;
  padding: 6px 10px;
  margin-top: 5px;
  font-size: 12px;
}
.tt-new-filter-result .result-group-item:last-child {
  margin-right: 10px;
}
.tt-new-filter-result .result-group-tt, .tt-new-filter-result .result-group-item, .tt-new-filter-result .handle-btn {
  line-height: 26px;
  float: left;
}
.tt-new-filter-result .handle-btn {
  margin-right: 10px;
}
.tt-new-filter-result .result-group {
  line-height: 16px;
  margin-right: 10px;
}
.tt-new-filter-result .result-group-tt, .tt-new-filter-result .list-val {
  cursor: default;
}
.tt-new-filter-result .list-val {
  line-height: 16px;
  color: #36434D;
}
.tt-new-filter-result .list-val.error {
  color: #EE4344;
}
.tt-new-filter-result .close-btn {
  color: #C4CCD2;
  font-size: 16px;
  margin-left: 5px;
  margin-right: 10px;
  vertical-align: middle;
}
.tt-new-filter-result .close-btn:hover {
  color: #EE4344;
}
.tt-new-filter-result .result-group-tt {
  margin-right: 10px;
  color: #667580;
  font-weight: normal;
}

.tt-new-filter-dropdownlist {
  position: absolute;
  left: 100px;
  width: 170px;
  padding: 10px 0;
  font-size: 12px;
  background: #fff;
  border-radius: 2px;
  z-index: 1000;
  border: 1px solid #dedede;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
}
.tt-new-filter-dropdownlist .single-box, .tt-new-filter-dropdownlist .mult-box {
  max-height: 300px;
  overflow: auto;
}
.tt-new-filter-dropdownlist .btn-box {
  text-align: center;
}
.tt-new-filter-dropdownlist .mult-box .check-box {
  display: inline-block;
  vertical-align: sub;
}
.tt-new-filter-dropdownlist .mult-box .tu-icon-check-active, .tt-new-filter-dropdownlist .mult-box .tu-icon-checkbox-have {
  font-size: 18px;
}
.tt-new-filter-dropdownlist .mult-box .tu-icon-check-active {
  display: none;
}
.tt-new-filter-dropdownlist .mult-box .tu-icon-checkbox-have {
  color: #82C4FF;
  display: inline-block;
}
.tt-new-filter-dropdownlist .mult-all {
  padding: 0 15px;
  padding-bottom: 5px;
}
.tt-new-filter-dropdownlist .mult-all.active {
  color: #00599b;
}
.tt-new-filter-dropdownlist .mult-all.active .check-box-all.tu-icon-check-active {
  color: #1687D9;
  display: inline-block;
}
.tt-new-filter-dropdownlist .mult-all.active .check-box-all.tu-icon-checkbox-have {
  display: none;
}
.tt-new-filter-dropdownlist .mult-all:hover {
  cursor: pointer;
  background: #F5F8FA;
}
.tt-new-filter-dropdownlist .mult-list .mult-item.active .tu-icon-check-active {
  display: inline-block;
}
.tt-new-filter-dropdownlist .mult-list .mult-item.active .tu-icon-checkbox-have {
  display: none;
}
.tt-new-filter-dropdownlist.gray .mult-item {
  color: #667580;
}
.tt-new-filter-dropdownlist.gray .tu-icon-checkbox-have {
  color: #C0C9CF;
}
.tt-new-filter-dropdownlist.gray .tu-btn {
  background: #e7eef3;
  color: #adb8c0;
  cursor: default;
  box-shadow: none;
}

.tt-new-filter-dropdownlist .mult-item, .tt-new-filter-dropdownlist .list-item {
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
}
.tt-new-filter-dropdownlist .list-item {
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  color: #667580;
  text-align: left;
}
.tt-new-filter-dropdownlist .list-item:hover {
  cursor: pointer;
  background: #F5F8FA;
}
.tt-new-filter-dropdownlist .list-item.active {
  color: #005999;
  background: #F5F8FA;
}
.tt-new-filter-dropdownlist .list-item.active .direction-icon {
  color: #667580;
}
.tt-new-filter-dropdownlist .list-item .right-icon {
  position: absolute;
  right: 15px;
}
.tt-new-filter-dropdownlist .list-item .direction-icon {
  display: inline-block;
  width: 5px;
}
.tt-new-filter-dropdownlist .list-item .direction-icon.active {
  color: #1687D9;
}
.tt-new-filter-dropdownlist .mult-item {
  height: 30px;
  line-height: 30px;
  padding: 0 25px;
  color: #34434E;
}
.tt-new-filter-dropdownlist .mult-item:hover {
  cursor: pointer;
  background: #F5F8FA;
}
.tt-new-filter-dropdownlist .mult-item.active {
  color: #00599b;
}
.tt-new-filter-dropdownlist .mult-item.active .tu-icon-check-active {
  color: #1687D9;
  display: inline-block;
}
.tt-new-filter-dropdownlist .baseline {
  height: 1px;
  margin: 5px;
  overflow: hidden;
  background-color: #e5e5e5;
}

/* 
.smember_container{
	line-height:14px;
} */