.el-fade-in-enter,
.el-fade-in-leave-active,
.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
    opacity: 0;
}
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    transition: opacity 0.2s linear;
}
.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
    transition: opacity 0.2s linear;
}
.el-fade-in-enter-active,
.el-fade-in-leave-active {
    transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
    opacity: 0;
    transform: scaleX(0);
}
.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: center top;
}
.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
    opacity: 0;
    transform: scaleY(0);
}
.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: center bottom;
}
.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
    opacity: 0;
    transform: scaleY(0);
}
.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
    opacity: 1;
    transform: scale(1, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: top left;
}
.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
    opacity: 0;
    transform: scale(0.45, 0.45);
}
.collapse-transition {
    transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}
.horizontal-collapse-transition {
    transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}
.el-list-enter-active,
.el-list-leave-active {
    transition: all 1s;
}
.el-list-enter,
.el-list-leave-active {
    opacity: 0;
    transform: translateY(-30px);
}
.el-opacity-transition {
    transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
@font-face {
    font-family: element-icons;
    src: url(/fonts/element-icons.535877f5.woff) format("woff"), url(/fonts/element-icons.732389de.ttf) format("truetype");
    font-weight: 400;
    font-display: "auto";
    font-style: normal;
}
[class*=" el-icon-"],
[class^="el-icon-"] {
    font-family: element-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.el-icon-ice-cream-round:before {
    content: "\e6a0";
}
.el-icon-ice-cream-square:before {
    content: "\e6a3";
}
.el-icon-lollipop:before {
    content: "\e6a4";
}
.el-icon-potato-strips:before {
    content: "\e6a5";
}
.el-icon-milk-tea:before {
    content: "\e6a6";
}
.el-icon-ice-drink:before {
    content: "\e6a7";
}
.el-icon-ice-tea:before {
    content: "\e6a9";
}
.el-icon-coffee:before {
    content: "\e6aa";
}
.el-icon-orange:before {
    content: "\e6ab";
}
.el-icon-pear:before {
    content: "\e6ac";
}
.el-icon-apple:before {
    content: "\e6ad";
}
.el-icon-cherry:before {
    content: "\e6ae";
}
.el-icon-watermelon:before {
    content: "\e6af";
}
.el-icon-grape:before {
    content: "\e6b0";
}
.el-icon-refrigerator:before {
    content: "\e6b1";
}
.el-icon-goblet-square-full:before {
    content: "\e6b2";
}
.el-icon-goblet-square:before {
    content: "\e6b3";
}
.el-icon-goblet-full:before {
    content: "\e6b4";
}
.el-icon-goblet:before {
    content: "\e6b5";
}
.el-icon-cold-drink:before {
    content: "\e6b6";
}
.el-icon-coffee-cup:before {
    content: "\e6b8";
}
.el-icon-water-cup:before {
    content: "\e6b9";
}
.el-icon-hot-water:before {
    content: "\e6ba";
}
.el-icon-ice-cream:before {
    content: "\e6bb";
}
.el-icon-dessert:before {
    content: "\e6bc";
}
.el-icon-sugar:before {
    content: "\e6bd";
}
.el-icon-tableware:before {
    content: "\e6be";
}
.el-icon-burger:before {
    content: "\e6bf";
}
.el-icon-knife-fork:before {
    content: "\e6c1";
}
.el-icon-fork-spoon:before {
    content: "\e6c2";
}
.el-icon-chicken:before {
    content: "\e6c3";
}
.el-icon-food:before {
    content: "\e6c4";
}
.el-icon-dish-1:before {
    content: "\e6c5";
}
.el-icon-dish:before {
    content: "\e6c6";
}
.el-icon-moon-night:before {
    content: "\e6ee";
}
.el-icon-moon:before {
    content: "\e6f0";
}
.el-icon-cloudy-and-sunny:before {
    content: "\e6f1";
}
.el-icon-partly-cloudy:before {
    content: "\e6f2";
}
.el-icon-cloudy:before {
    content: "\e6f3";
}
.el-icon-sunny:before {
    content: "\e6f6";
}
.el-icon-sunset:before {
    content: "\e6f7";
}
.el-icon-sunrise-1:before {
    content: "\e6f8";
}
.el-icon-sunrise:before {
    content: "\e6f9";
}
.el-icon-heavy-rain:before {
    content: "\e6fa";
}
.el-icon-lightning:before {
    content: "\e6fb";
}
.el-icon-light-rain:before {
    content: "\e6fc";
}
.el-icon-wind-power:before {
    content: "\e6fd";
}
.el-icon-baseball:before {
    content: "\e712";
}
.el-icon-soccer:before {
    content: "\e713";
}
.el-icon-football:before {
    content: "\e715";
}
.el-icon-basketball:before {
    content: "\e716";
}
.el-icon-ship:before {
    content: "\e73f";
}
.el-icon-truck:before {
    content: "\e740";
}
.el-icon-bicycle:before {
    content: "\e741";
}
.el-icon-mobile-phone:before {
    content: "\e6d3";
}
.el-icon-service:before {
    content: "\e6d4";
}
.el-icon-key:before {
    content: "\e6e2";
}
.el-icon-unlock:before {
    content: "\e6e4";
}
.el-icon-lock:before {
    content: "\e6e5";
}
.el-icon-watch:before {
    content: "\e6fe";
}
.el-icon-watch-1:before {
    content: "\e6ff";
}
.el-icon-timer:before {
    content: "\e702";
}
.el-icon-alarm-clock:before {
    content: "\e703";
}
.el-icon-map-location:before {
    content: "\e704";
}
.el-icon-delete-location:before {
    content: "\e705";
}
.el-icon-add-location:before {
    content: "\e706";
}
.el-icon-location-information:before {
    content: "\e707";
}
.el-icon-location-outline:before {
    content: "\e708";
}
.el-icon-location:before {
    content: "\e79e";
}
.el-icon-place:before {
    content: "\e709";
}
.el-icon-discover:before {
    content: "\e70a";
}
.el-icon-first-aid-kit:before {
    content: "\e70b";
}
.el-icon-trophy-1:before {
    content: "\e70c";
}
.el-icon-trophy:before {
    content: "\e70d";
}
.el-icon-medal:before {
    content: "\e70e";
}
.el-icon-medal-1:before {
    content: "\e70f";
}
.el-icon-stopwatch:before {
    content: "\e710";
}
.el-icon-mic:before {
    content: "\e711";
}
.el-icon-copy-document:before {
    content: "\e718";
}
.el-icon-full-screen:before {
    content: "\e719";
}
.el-icon-switch-button:before {
    content: "\e71b";
}
.el-icon-aim:before {
    content: "\e71c";
}
.el-icon-crop:before {
    content: "\e71d";
}
.el-icon-odometer:before {
    content: "\e71e";
}
.el-icon-time:before {
    content: "\e71f";
}
.el-icon-bangzhu:before {
    content: "\e724";
}
.el-icon-close-notification:before {
    content: "\e726";
}
.el-icon-microphone:before {
    content: "\e727";
}
.el-icon-turn-off-microphone:before {
    content: "\e728";
}
.el-icon-position:before {
    content: "\e729";
}
.el-icon-postcard:before {
    content: "\e72a";
}
.el-icon-message:before {
    content: "\e72b";
}
.el-icon-chat-line-square:before {
    content: "\e72d";
}
.el-icon-chat-dot-square:before {
    content: "\e72e";
}
.el-icon-chat-dot-round:before {
    content: "\e72f";
}
.el-icon-chat-square:before {
    content: "\e730";
}
.el-icon-chat-line-round:before {
    content: "\e731";
}
.el-icon-chat-round:before {
    content: "\e732";
}
.el-icon-set-up:before {
    content: "\e733";
}
.el-icon-turn-off:before {
    content: "\e734";
}
.el-icon-open:before {
    content: "\e735";
}
.el-icon-connection:before {
    content: "\e736";
}
.el-icon-link:before {
    content: "\e737";
}
.el-icon-cpu:before {
    content: "\e738";
}
.el-icon-thumb:before {
    content: "\e739";
}
.el-icon-female:before {
    content: "\e73a";
}
.el-icon-male:before {
    content: "\e73b";
}
.el-icon-guide:before {
    content: "\e73c";
}
.el-icon-news:before {
    content: "\e73e";
}
.el-icon-price-tag:before {
    content: "\e744";
}
.el-icon-discount:before {
    content: "\e745";
}
.el-icon-wallet:before {
    content: "\e747";
}
.el-icon-coin:before {
    content: "\e748";
}
.el-icon-money:before {
    content: "\e749";
}
.el-icon-bank-card:before {
    content: "\e74a";
}
.el-icon-box:before {
    content: "\e74b";
}
.el-icon-present:before {
    content: "\e74c";
}
.el-icon-sell:before {
    content: "\e6d5";
}
.el-icon-sold-out:before {
    content: "\e6d6";
}
.el-icon-shopping-bag-2:before {
    content: "\e74d";
}
.el-icon-shopping-bag-1:before {
    content: "\e74e";
}
.el-icon-shopping-cart-2:before {
    content: "\e74f";
}
.el-icon-shopping-cart-1:before {
    content: "\e750";
}
.el-icon-shopping-cart-full:before {
    content: "\e751";
}
.el-icon-smoking:before {
    content: "\e752";
}
.el-icon-no-smoking:before {
    content: "\e753";
}
.el-icon-house:before {
    content: "\e754";
}
.el-icon-table-lamp:before {
    content: "\e755";
}
.el-icon-school:before {
    content: "\e756";
}
.el-icon-office-building:before {
    content: "\e757";
}
.el-icon-toilet-paper:before {
    content: "\e758";
}
.el-icon-notebook-2:before {
    content: "\e759";
}
.el-icon-notebook-1:before {
    content: "\e75a";
}
.el-icon-files:before {
    content: "\e75b";
}
.el-icon-collection:before {
    content: "\e75c";
}
.el-icon-receiving:before {
    content: "\e75d";
}
.el-icon-suitcase-1:before {
    content: "\e760";
}
.el-icon-suitcase:before {
    content: "\e761";
}
.el-icon-film:before {
    content: "\e763";
}
.el-icon-collection-tag:before {
    content: "\e765";
}
.el-icon-data-analysis:before {
    content: "\e766";
}
.el-icon-pie-chart:before {
    content: "\e767";
}
.el-icon-data-board:before {
    content: "\e768";
}
.el-icon-data-line:before {
    content: "\e76d";
}
.el-icon-reading:before {
    content: "\e769";
}
.el-icon-magic-stick:before {
    content: "\e76a";
}
.el-icon-coordinate:before {
    content: "\e76b";
}
.el-icon-mouse:before {
    content: "\e76c";
}
.el-icon-brush:before {
    content: "\e76e";
}
.el-icon-headset:before {
    content: "\e76f";
}
.el-icon-umbrella:before {
    content: "\e770";
}
.el-icon-scissors:before {
    content: "\e771";
}
.el-icon-mobile:before {
    content: "\e773";
}
.el-icon-attract:before {
    content: "\e774";
}
.el-icon-monitor:before {
    content: "\e775";
}
.el-icon-search:before {
    content: "\e778";
}
.el-icon-takeaway-box:before {
    content: "\e77a";
}
.el-icon-paperclip:before {
    content: "\e77d";
}
.el-icon-printer:before {
    content: "\e77e";
}
.el-icon-document-add:before {
    content: "\e782";
}
.el-icon-document:before {
    content: "\e785";
}
.el-icon-document-checked:before {
    content: "\e786";
}
.el-icon-document-copy:before {
    content: "\e787";
}
.el-icon-document-delete:before {
    content: "\e788";
}
.el-icon-document-remove:before {
    content: "\e789";
}
.el-icon-tickets:before {
    content: "\e78b";
}
.el-icon-folder-checked:before {
    content: "\e77f";
}
.el-icon-folder-delete:before {
    content: "\e780";
}
.el-icon-folder-remove:before {
    content: "\e781";
}
.el-icon-folder-add:before {
    content: "\e783";
}
.el-icon-folder-opened:before {
    content: "\e784";
}
.el-icon-folder:before {
    content: "\e78a";
}
.el-icon-edit-outline:before {
    content: "\e764";
}
.el-icon-edit:before {
    content: "\e78c";
}
.el-icon-date:before {
    content: "\e78e";
}
.el-icon-c-scale-to-original:before {
    content: "\e7c6";
}
.el-icon-view:before {
    content: "\e6ce";
}
.el-icon-loading:before {
    content: "\e6cf";
}
.el-icon-rank:before {
    content: "\e6d1";
}
.el-icon-sort-down:before {
    content: "\e7c4";
}
.el-icon-sort-up:before {
    content: "\e7c5";
}
.el-icon-sort:before {
    content: "\e6d2";
}
.el-icon-finished:before {
    content: "\e6cd";
}
.el-icon-refresh-left:before {
    content: "\e6c7";
}
.el-icon-refresh-right:before {
    content: "\e6c8";
}
.el-icon-refresh:before {
    content: "\e6d0";
}
.el-icon-video-play:before {
    content: "\e7c0";
}
.el-icon-video-pause:before {
    content: "\e7c1";
}
.el-icon-d-arrow-right:before {
    content: "\e6dc";
}
.el-icon-d-arrow-left:before {
    content: "\e6dd";
}
.el-icon-arrow-up:before {
    content: "\e6e1";
}
.el-icon-arrow-down:before {
    content: "\e6df";
}
.el-icon-arrow-right:before {
    content: "\e6e0";
}
.el-icon-arrow-left:before {
    content: "\e6de";
}
.el-icon-top-right:before {
    content: "\e6e7";
}
.el-icon-top-left:before {
    content: "\e6e8";
}
.el-icon-top:before {
    content: "\e6e6";
}
.el-icon-bottom:before {
    content: "\e6eb";
}
.el-icon-right:before {
    content: "\e6e9";
}
.el-icon-back:before {
    content: "\e6ea";
}
.el-icon-bottom-right:before {
    content: "\e6ec";
}
.el-icon-bottom-left:before {
    content: "\e6ed";
}
.el-icon-caret-top:before {
    content: "\e78f";
}
.el-icon-caret-bottom:before {
    content: "\e790";
}
.el-icon-caret-right:before {
    content: "\e791";
}
.el-icon-caret-left:before {
    content: "\e792";
}
.el-icon-d-caret:before {
    content: "\e79a";
}
.el-icon-share:before {
    content: "\e793";
}
.el-icon-menu:before {
    content: "\e798";
}
.el-icon-s-grid:before {
    content: "\e7a6";
}
.el-icon-s-check:before {
    content: "\e7a7";
}
.el-icon-s-data:before {
    content: "\e7a8";
}
.el-icon-s-opportunity:before {
    content: "\e7aa";
}
.el-icon-s-custom:before {
    content: "\e7ab";
}
.el-icon-s-claim:before {
    content: "\e7ad";
}
.el-icon-s-finance:before {
    content: "\e7ae";
}
.el-icon-s-comment:before {
    content: "\e7af";
}
.el-icon-s-flag:before {
    content: "\e7b0";
}
.el-icon-s-marketing:before {
    content: "\e7b1";
}
.el-icon-s-shop:before {
    content: "\e7b4";
}
.el-icon-s-open:before {
    content: "\e7b5";
}
.el-icon-s-management:before {
    content: "\e7b6";
}
.el-icon-s-ticket:before {
    content: "\e7b7";
}
.el-icon-s-release:before {
    content: "\e7b8";
}
.el-icon-s-home:before {
    content: "\e7b9";
}
.el-icon-s-promotion:before {
    content: "\e7ba";
}
.el-icon-s-operation:before {
    content: "\e7bb";
}
.el-icon-s-unfold:before {
    content: "\e7bc";
}
.el-icon-s-fold:before {
    content: "\e7a9";
}
.el-icon-s-platform:before {
    content: "\e7bd";
}
.el-icon-s-order:before {
    content: "\e7be";
}
.el-icon-s-cooperation:before {
    content: "\e7bf";
}
.el-icon-bell:before {
    content: "\e725";
}
.el-icon-message-solid:before {
    content: "\e799";
}
.el-icon-video-camera:before {
    content: "\e772";
}
.el-icon-video-camera-solid:before {
    content: "\e796";
}
.el-icon-camera:before {
    content: "\e779";
}
.el-icon-camera-solid:before {
    content: "\e79b";
}
.el-icon-download:before {
    content: "\e77c";
}
.el-icon-upload2:before {
    content: "\e77b";
}
.el-icon-upload:before {
    content: "\e7c3";
}
.el-icon-picture-outline-round:before {
    content: "\e75f";
}
.el-icon-picture-outline:before {
    content: "\e75e";
}
.el-icon-picture:before {
    content: "\e79f";
}
.el-icon-close:before {
    content: "\e6db";
}
.el-icon-check:before {
    content: "\e6da";
}
.el-icon-plus:before {
    content: "\e6d9";
}
.el-icon-minus:before {
    content: "\e6d8";
}
.el-icon-help:before {
    content: "\e73d";
}
.el-icon-s-help:before {
    content: "\e7b3";
}
.el-icon-circle-close:before {
    content: "\e78d";
}
.el-icon-circle-check:before {
    content: "\e720";
}
.el-icon-circle-plus-outline:before {
    content: "\e723";
}
.el-icon-remove-outline:before {
    content: "\e722";
}
.el-icon-zoom-out:before {
    content: "\e776";
}
.el-icon-zoom-in:before {
    content: "\e777";
}
.el-icon-error:before {
    content: "\e79d";
}
.el-icon-success:before {
    content: "\e79c";
}
.el-icon-circle-plus:before {
    content: "\e7a0";
}
.el-icon-remove:before {
    content: "\e7a2";
}
.el-icon-info:before {
    content: "\e7a1";
}
.el-icon-question:before {
    content: "\e7a4";
}
.el-icon-warning-outline:before {
    content: "\e6c9";
}
.el-icon-warning:before {
    content: "\e7a3";
}
.el-icon-goods:before {
    content: "\e7c2";
}
.el-icon-s-goods:before {
    content: "\e7b2";
}
.el-icon-star-off:before {
    content: "\e717";
}
.el-icon-star-on:before {
    content: "\e797";
}
.el-icon-more-outline:before {
    content: "\e6cc";
}
.el-icon-more:before {
    content: "\e794";
}
.el-icon-phone-outline:before {
    content: "\e6cb";
}
.el-icon-phone:before {
    content: "\e795";
}
.el-icon-user:before {
    content: "\e6e3";
}
.el-icon-user-solid:before {
    content: "\e7a5";
}
.el-icon-setting:before {
    content: "\e6ca";
}
.el-icon-s-tools:before {
    content: "\e7ac";
}
.el-icon-delete:before {
    content: "\e6d7";
}
.el-icon-delete-solid:before {
    content: "\e7c9";
}
.el-icon-eleme:before {
    content: "\e7c7";
}
.el-icon-platform-eleme:before {
    content: "\e7ca";
}
.el-icon-loading {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}
.el-icon--right {
    margin-left: 5px;
}
.el-icon--left {
    margin-right: 5px;
}
@-webkit-keyframes rotating {
    0% {
        transform: rotateZ(0);
    }
    100% {
        transform: rotateZ(360deg);
    }
}
@keyframes rotating {
    0% {
        transform: rotateZ(0);
    }
    100% {
        transform: rotateZ(360deg);
    }
}
.ttalk-content * {
  font-family: Microsoft YaHei;
  box-sizing: border-box; }

.ttalk-content .box-shadow {
  box-shadow: 3px 4px 20px 0px #282c351a; }

.ttalk-content .fx-c {
  display: flex;
  flex-direction: column; }

.ttalk-content .fx {
  display: flex; }

.ttalk-content .fx-none {
  flex-grow: 0;
  flex-shrink: 0; }

.ttalk-content .fx-full {
  flex-grow: 1;
  flex-shrink: 1; }

.ttalk-content .fx-full-auto {
  flex-grow: 1;
  flex-shrink: 1; }

.ttalk-content .fx > .fx-full {
  width: 0; }

.ttalk-content .fx-c > .fx-full {
  height: 0 !important; }
.collapse-item[data-v-7ac5cea2] {
  position: relative;
  border-bottom: solid 1px #ddd;
}
.collapse-item .collapse-item-title[data-v-7ac5cea2] {
    width: 99%;
    line-height: 30px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.collapse-item .collapse-item-title .collapse-item-icon[data-v-7ac5cea2] {
      width: 20px;
      height: 20px;
      position: absolute;
      top: 5px;
      right: -5px;
}
.collapse-item .collapse-item-title .down-icon[data-v-7ac5cea2] {
      width: 16px;
      height: 16px;
}
.collapse-item .collapse-item-content[data-v-7ac5cea2] {
    padding: 5px;
}
.collapse-item .collapse-item-content[data-v-7ac5cea2] p {
      margin: 0;
      word-wrap: break-word;
      font-weight: 400;
}

.collapse-item .collapse-item-content p a {
  display: block;
  color: #199bf6 !important;
}
.collapse-item .collapse-item-content p img {
  max-width: 100%;
  max-height: 100%;
}
.TTalk_allleaveMessage .TTalk_full_company_message.TTalk_div-right[data-v-061aa6ff] {
  width: 400px;
  box-sizing: border-box;
  height: 100%;
}
.TTalk_allleaveMessage .TTalk_full_company_message.TTalk_div-right .TTalk_div-title[data-v-061aa6ff] {
    padding: 48px;
    height: 40%;
}
.TTalk_allleaveMessage .TTalk_full_company_message.TTalk_div-right .TTalk_div-title .TTalk_div-picture[data-v-061aa6ff] {
      width: 168px;
      height: 168px;
}
.TTalk_allleaveMessage .TTalk_full_company_message.TTalk_div-right .TTalk_div-title .TTalk_div-picture img[data-v-061aa6ff] {
        width: 168px;
        height: 168px;
}
.TTalk_allleaveMessage .TTalk_full_company_message.TTalk_div-right .TTalk_div-head[data-v-061aa6ff] {
    height: 48px;
}
.TTalk_allleaveMessage .TTalk_full_company_message.TTalk_div-right h1[data-v-061aa6ff] {
    margin-bottom: 15px;
}
.TTalk_allleaveMessage .TTalk_full_company_message.TTalk_div-right .TTalk_div-issue[data-v-061aa6ff] {
    height: calc(100% - 40% - 48px);
    padding: 48px;
}
.TTalk_allleaveMessage .TTalk_full_company_message.TTalk_div-right .collapse-item[data-v-061aa6ff] {
    margin-bottom: 24px;
}
.TTalk_allleaveMessage .TTalk_full_company_message.TTalk_div-right .collapse-item .collapse-item-title[data-v-061aa6ff] {
      font-size: 16px;
      font-weight: 500;
      color: #33333c;
      line-height: 22px;
}
[data-v-061aa6ff] .el-collapse-item__header {
  height: 36px;
  line-height: 36px;
}
.TTalk_div-head[data-v-061aa6ff] {
  overflow: hidden;
  background: #4285f4;
  color: #fff;
  height: 44px;
  box-sizing: border-box;
}
.TTalk_div-right[data-v-061aa6ff] {
  float: left;
  width: 220px;
  height: 100%;
  border-right: solid 1px #e4e4e4;
  border-bottom: solid 1px #e4e4e4;
  background: #fff;
  box-sizing: border-box;
}
.TTalk_div-right h1[data-v-061aa6ff] {
    font-size: 18px;
    font-weight: 900;
    word-wrap: break-word;
    color: #333;
    margin: 0;
}
.TTalk_div-right h3[data-v-061aa6ff] {
    font-size: 14px;
    color: #333;
    word-wrap: break-word;
}
.TTalk_div-right .TTalk_mt-5[data-v-061aa6ff] {
    word-wrap: break-word;
}
.TTalk_div-right .TTalk_mt-5[data-v-061aa6ff] p {
      margin: 0;
      margin-bottom: 15px;
      font-weight: 400;
}
.TTalk_div-right .TTalk_mt-5[data-v-061aa6ff] a {
      color: #199bf6 !important;
}
.TTalk_div-right .TTalk_scrollbar[data-v-061aa6ff] {
    overflow-y: auto;
}
.TTalk_div-right .TTalk_scrollbar[data-v-061aa6ff]::-webkit-scrollbar {
    width: 10px;
    height: 8px;
}
.TTalk_div-right .TTalk_scrollbar[data-v-061aa6ff]::-webkit-scrollbar-thumb {
    border: 2px solid rgba(0, 0, 0, 0);
    box-shadow: 6px 0 0 #dddfe0 inset;
    border-radius: 5px;
}
.TTalk_div-right .TTalk_div-title[data-v-061aa6ff] {
    height: 210px;
    background: #fff;
    border-bottom: solid 1px #e4e4e4;
    padding: 10px 20px;
    border-top: 1px solid #e4e4e4;
    box-sizing: border-box;
    position: relative;
}
.TTalk_div-right .TTalk_div-title .TTalk_div-picture[data-v-061aa6ff] {
      width: 115px;
      height: 115px;
      margin: 0 auto;
}
.TTalk_div-right .TTalk_div-title .TTalk_div-picture img[data-v-061aa6ff] {
        width: 100px;
        height: 100px;
        cursor: pointer;
}
.TTalk_div-right .TTalk_div-issue[data-v-061aa6ff] {
    background: #fff;
    height: 255px;
    padding: 10px 20px;
    box-sizing: border-box;
}
.TTalk_div-right .TTalk_div-issue .TTalk_quset_img[data-v-061aa6ff] {
      position: relative;
      top: 3px;
      left: -5px;
      vertical-align: top;
}
.TTalk_div-right .TTalk_div-issue .TTalk_slot-title[data-v-061aa6ff] {
      width: 84%;
      float: left;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: left;
}
.TTalk_div-right .TTalk_userimg[data-v-061aa6ff] {
    width: 15px;
    position: relative;
    top: 10px;
    right: 0;
    float: right;
}
.TTalk_Dialogbig .TTalk_div-issue[data-v-061aa6ff] {
  height: 320px;
}
.TTalk_Dialogmid .TTalk_div-issue[data-v-061aa6ff] {
  height: 265px;
}
.TTalk_Dialogsmall .TTalk_div-issue[data-v-061aa6ff] {
  height: 205px;
}
[data-v-061aa6ff] .el-collapse-item__header .el-collapse-item__arrow {
  display: none;
}
@media screen and (max-width: 415px) {
.TTalk_div-right[data-v-061aa6ff] {
    display: none;
}
}
input[data-v-47080d66] {
  width: 100%;
  border: none;
  background: none;
  outline: none;
}
[data-v-47080d66]::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: #d3d1d7;
  font-size: 14px;
}
[data-v-47080d66]:-moz-placeholder {
  /*Mozilla Firefox 4 to 8*/
  color: #d3d1d7;
  font-size: 14px;
}
[data-v-47080d66]::moz-placeholder {
  /*Mozilla Firefox 19+*/
  color: #d3d1d7;
  font-size: 14px;
}
[data-v-47080d66]:-ms-input-placeholder {
  /*Internet Explorer 10+*/
  color: #d3d1d7;
  font-size: 14px;
}
textarea[data-v-47080d66] {
  font-size: 14px;
  line-height: 18px;
  padding: 13px 8px;
  resize: none;
  border: none;
  outline: none;
  color: #333;
}
@charset "UTF-8";
.TT_remark textarea[data-v-036bfcf5] {
  width: 97%;
  border: 1px solid #ddd;
}

/* .TTalk_scrollbar {
  height: 32px;
  overflow-x: auto;
} */
.TTalk_scrollbar[data-v-036bfcf5]::-webkit-scrollbar {
  width: 2px;
}

/*滚动区域背景*/
.TTalk_scrollbar[data-v-036bfcf5]::-webkit-scrollbar-track-piece {
  background-color: #ccc;
  -webkit-border-radius: 2px;
}

/*竖向滚动条*/
.TTalk_scrollbar[data-v-036bfcf5]::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #ddd;
  -webkit-border-radius: 2px;
}
.TTalk_Inviter[data-v-036bfcf5] {
  position: absolute;
  bottom: 0px;
  z-index: 66;
  left: 0;
  background: #fff;
  width: 100%;
  padding: 20px 25px 15px;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
}
.TTalk_zan[data-v-036bfcf5] {
  height: 80px;
  /* border-top: 1px solid #ddd; */
}
.ok-items[data-v-036bfcf5] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ok-items .ok-item-space[data-v-036bfcf5] {
    width: 20px;
    flex-grow: 0;
    flex-shrink: 0;
}
.ok-items .ok-item[data-v-036bfcf5] {
    width: 120px;
    display: flex;
    height: 40px;
    border: 1px #e9e9e9 solid;
    border-radius: 20px;
    flex-grow: 0;
    flex-shrink: 0;
    color: #666;
    padding: 0 8px;
    align-items: center;
    cursor: pointer;
    box-sizing: border-box;
}
.ok-items .ok-item.selected[data-v-036bfcf5] {
      border: 1px #3F9EFF solid;
      background: #3F9EFF;
      color: #FFF;
}
.ok-items .ok-item img[data-v-036bfcf5] {
      width: 30px;
      height: 30px;
      flex-grow: 0;
      flex-shrink: 0;
}
.ok-items .ok-item span[data-v-036bfcf5] {
      text-align: center;
      flex-grow: 1;
      flex-shrink: 1;
      padding-right: 20px;
}
.TTalk_serverbtn[data-v-036bfcf5] {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background: #3F9EFF;
  margin-top: 15px;
  cursor: pointer;
}
.TTalk_disablerbtn[data-v-036bfcf5] {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background: #909399;
  margin-top: 15px;
  cursor: no-drop;
}
.TTalk_info_title[data-v-036bfcf5] {
  font-size: 14px;
  text-align: left;
  position: relative;
  margin: 0px;
  line-height: 20px;
  color: #33333C;
  /* padding-right: 10px; */
}
.TTalk_info_title p[data-v-036bfcf5] {
  margin: 0px;
}
.TTalk_serverclose[data-v-036bfcf5] {
  font-size: 40px;
  position: absolute;
  right: 7px;
  top: -7px;
  cursor: pointer;
  color: #99999F;
  font-weight: 100;
}
.TTalk_cusert_set[data-v-036bfcf5] {
  display: inline-block;
  width: 95%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
}
[data-v-036bfcf5] .TT_remark {
  display: flex !important;
}
[data-v-036bfcf5] .TT_remark > * {
    flex-grow: 1;
    flex-shrink: 1;
    outline: none;
    padding: 12px;
    line-height: 24px;
    font-size: 14px;
    border-radius: 3px;
    border: 1px solid #c1c1c1;
}
[data-v-036bfcf5] .TT_remark > *:focus {
      border: 1px solid #409eff99;
}
/* common */
.ke-inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}
.ke-clearfix {
    zoom: 1;
}
.ke-clearfix:after {
    content: ".";
    display: block;
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.ke-shadow {
    box-shadow: 1px 1px 3px #A0A0A0;
    -moz-box-shadow: 1px 1px 3px #A0A0A0;
    -webkit-box-shadow: 1px 1px 3px #A0A0A0;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#A0A0A0', Direction=135, Strength=3);
    background-color: #F0F0EE;
}
.ke-menu a,
.ke-menu a:hover,
.ke-dialog a,
.ke-dialog a:hover {
    color: #337FE5;
    text-decoration: none;
}
/* icons */
.ke-icon-source {
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
}
.ke-icon-preview {
    background-position: 0px -16px;
    width: 16px;
    height: 16px;
}
.ke-icon-print {
    background-position: 0px -32px;
    width: 16px;
    height: 16px;
}
.ke-icon-undo {
    background-position: 0px -48px;
    width: 16px;
    height: 16px;
}
.ke-icon-redo {
    background-position: 0px -64px;
    width: 16px;
    height: 16px;
}
.ke-icon-cut {
    background-position: 0px -80px;
    width: 16px;
    height: 16px;
}
.ke-icon-copy {
    background-position: 0px -96px;
    width: 16px;
    height: 16px;
}
.ke-icon-paste {
    background-position: 0px -112px;
    width: 16px;
    height: 16px;
}
.ke-icon-selectall {
    background-position: 0px -128px;
    width: 16px;
    height: 16px;
}
.ke-icon-justifyleft {
    background-position: 0px -144px;
    width: 16px;
    height: 16px;
}
.ke-icon-justifycenter {
    background-position: 0px -160px;
    width: 16px;
    height: 16px;
}
.ke-icon-justifyright {
    background-position: 0px -176px;
    width: 16px;
    height: 16px;
}
.ke-icon-justifyfull {
    background-position: 0px -192px;
    width: 16px;
    height: 16px;
}
.ke-icon-insertorderedlist {
    background-position: 0px -208px;
    width: 16px;
    height: 16px;
}
.ke-icon-insertunorderedlist {
    background-position: 0px -224px;
    width: 16px;
    height: 16px;
}
.ke-icon-indent {
    background-position: 0px -240px;
    width: 16px;
    height: 16px;
}
.ke-icon-outdent {
    background-position: 0px -256px;
    width: 16px;
    height: 16px;
}
.ke-icon-subscript {
    background-position: 0px -272px;
    width: 16px;
    height: 16px;
}
.ke-icon-superscript {
    background-position: 0px -288px;
    width: 16px;
    height: 16px;
}
.ke-icon-date {
    background-position: 0px -304px;
    width: 25px;
    height: 16px;
}
.ke-icon-time {
    background-position: 0px -320px;
    width: 25px;
    height: 16px;
}
.ke-icon-formatblock {
    background-position: 0px -336px;
    width: 25px;
    height: 16px;
}
.ke-icon-fontname {
    background-position: 0px -352px;
    width: 21px;
    height: 16px;
}
.ke-icon-fontsize {
    background-position: 0px -368px;
    width: 23px;
    height: 16px;
}
.ke-icon-forecolor {
    background-position: 0px -384px;
    width: 20px;
    height: 16px;
}
.ke-icon-hilitecolor {
    background-position: 0px -400px;
    width: 23px;
    height: 16px;
}
.ke-icon-bold {
    background-position: 0px -416px;
    width: 16px;
    height: 16px;
}
.ke-icon-italic {
    background-position: 0px -432px;
    width: 16px;
    height: 16px;
}
.ke-icon-underline {
    background-position: 0px -448px;
    width: 16px;
    height: 16px;
}
.ke-icon-strikethrough {
    background-position: 0px -464px;
    width: 16px;
    height: 16px;
}
.ke-icon-removeformat {
    background-position: 0px -480px;
    width: 16px;
    height: 16px;
}
.ke-icon-image {
    background-position: 0px -496px;
    width: 16px;
    height: 16px;
}
.ke-icon-flash {
    background-position: 0px -512px;
    width: 16px;
    height: 16px;
}
.ke-icon-media {
    background-position: 0px -528px;
    width: 16px;
    height: 16px;
}
.ke-icon-div {
    background-position: 0px -544px;
    width: 16px;
    height: 16px;
}
.ke-icon-formula {
    background-position: 0px -576px;
    width: 16px;
    height: 16px;
}
.ke-icon-hr {
    background-position: 0px -592px;
    width: 16px;
    height: 16px;
}
.ke-icon-emoticons {
    background-position: 0px -608px;
    width: 16px;
    height: 16px;
}
.ke-icon-link {
    background-position: 0px -624px;
    width: 16px;
    height: 16px;
}
.ke-icon-unlink {
    background-position: 0px -640px;
    width: 16px;
    height: 16px;
}
.ke-icon-fullscreen {
    background-position: 0px -656px;
    width: 16px;
    height: 16px;
}
.ke-icon-about {
    background-position: 0px -672px;
    width: 16px;
    height: 16px;
}
.ke-icon-plainpaste {
    background-position: 0px -704px;
    width: 16px;
    height: 16px;
}
.ke-icon-wordpaste {
    background-position: 0px -720px;
    width: 16px;
    height: 16px;
}
.ke-icon-table {
    background-position: 0px -784px;
    width: 16px;
    height: 16px;
}
.ke-icon-tablemenu {
    background-position: 0px -768px;
    width: 16px;
    height: 16px;
}
.ke-icon-tableinsert {
    background-position: 0px -784px;
    width: 16px;
    height: 16px;
}
.ke-icon-tabledelete {
    background-position: 0px -800px;
    width: 16px;
    height: 16px;
}
.ke-icon-tablecolinsertleft {
    background-position: 0px -816px;
    width: 16px;
    height: 16px;
}
.ke-icon-tablecolinsertright {
    background-position: 0px -832px;
    width: 16px;
    height: 16px;
}
.ke-icon-tablerowinsertabove {
    background-position: 0px -848px;
    width: 16px;
    height: 16px;
}
.ke-icon-tablerowinsertbelow {
    background-position: 0px -864px;
    width: 16px;
    height: 16px;
}
.ke-icon-tablecoldelete {
    background-position: 0px -880px;
    width: 16px;
    height: 16px;
}
.ke-icon-tablerowdelete {
    background-position: 0px -896px;
    width: 16px;
    height: 16px;
}
.ke-icon-tablecellprop {
    background-position: 0px -912px;
    width: 16px;
    height: 16px;
}
.ke-icon-tableprop {
    background-position: 0px -928px;
    width: 16px;
    height: 16px;
}
.ke-icon-checked {
    background-position: 0px -944px;
    width: 16px;
    height: 16px;
}
.ke-icon-code {
    background-position: 0px -960px;
    width: 16px;
    height: 16px;
}
.ke-icon-map {
    background-position: 0px -976px;
    width: 16px;
    height: 16px;
}
.ke-icon-baidumap {
    background-position: 0px -976px;
    width: 16px;
    height: 16px;
}
.ke-icon-lineheight {
    background-position: 0px -992px;
    width: 16px;
    height: 16px;
}
.ke-icon-clearhtml {
    background-position: 0px -1008px;
    width: 16px;
    height: 16px;
}
.ke-icon-pagebreak {
    background-position: 0px -1024px;
    width: 16px;
    height: 16px;
}
.ke-icon-insertfile {
    background-position: 0px -1040px;
    width: 16px;
    height: 16px;
}
.ke-icon-quickformat {
    background-position: 0px -1056px;
    width: 16px;
    height: 16px;
}
.ke-icon-template {
    background-position: 0px -1072px;
    width: 16px;
    height: 16px;
}
.ke-icon-tablecellsplit {
    background-position: 0px -1088px;
    width: 16px;
    height: 16px;
}
.ke-icon-tablerowmerge {
    background-position: 0px -1104px;
    width: 16px;
    height: 16px;
}
.ke-icon-tablerowsplit {
    background-position: 0px -1120px;
    width: 16px;
    height: 16px;
}
.ke-icon-tablecolmerge {
    background-position: 0px -1136px;
    width: 16px;
    height: 16px;
}
.ke-icon-tablecolsplit {
    background-position: 0px -1152px;
    width: 16px;
    height: 16px;
}
.ke-icon-anchor {
    background-position: 0px -1168px;
    width: 16px;
    height: 16px;
}
.ke-icon-search {
    background-position: 0px -1184px;
    width: 16px;
    height: 16px;
}
.ke-icon-new {
    background-position: 0px -1200px;
    width: 16px;
    height: 16px;
}
.ke-icon-specialchar {
    background-position: 0px -1216px;
    width: 16px;
    height: 16px;
}
.ke-icon-multiimage {
    background-position: 0px -1232px;
    width: 16px;
    height: 16px;
}
/* container */
.ke-container {
    display: block;
    border: 1px solid #CCCCCC;
    background-color: #FFF;
    overflow: hidden;
    margin: 0;
    padding: 0;
    /* height: 100%; */
}
/* toolbar */
.ke-toolbar {
    border-bottom: 1px solid #CCC;
    background-color: #F0F0EE;
    padding: 2px 5px;
    text-align: left;
    overflow: hidden;
    zoom: 1;
}
.ke-toolbar-icon {
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    display: block;
}
.ke-toolbar-icon-url {
    background-image: url(/img/default.4a1cec12.png);
}
.ke-toolbar .ke-outline {
    border: 1px solid #F0F0EE;
    margin: 1px;
    padding: 1px 2px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    cursor: pointer;
    display: block;
    float: left;
}
.ke-toolbar .ke-on {
    border: 1px solid #5690D2;
}
.ke-toolbar .ke-selected {
    border: 1px solid #5690D2;
    background-color: #E9EFF6;
}
.ke-toolbar .ke-disabled {
    cursor: default;
}
.ke-toolbar .ke-separator {
    height: 16px;
    margin: 2px 3px;
    border-left: 1px solid #A0A0A0;
    border-right: 1px solid #FFFFFF;
    border-top:0;
    border-bottom:0;
    width: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    display: block;
    float: left;
}
.ke-toolbar .ke-hr {
    overflow: hidden;
    height: 1px;
    clear: both;
}
.ke-edit-iframe::-webkit-scrollbar{
    width: 3px;
}
/*滚动槽*/
.ke-edit-iframe::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    border-radius: 10px;
}
/* 滚动条滑块 */
.ke-edit-iframe::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
}
/* edit */
.ke-edit {
    padding: 0;
}
.ke-edit-iframe,
.ke-edit-textarea {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
}
.ke-edit-textarea {
    font: 12px/1.5 "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
    color: #000;
    overflow: auto;
    resize: none;
}
.ke-edit-textarea:focus {
    outline: none;
}
/* statusbar */
.ke-statusbar {
    position: relative;
    background-color: #F0F0EE;
    border-top: 1px solid #CCCCCC;
    font-size: 0;
    line-height: 0;
    *height: 12px;
    overflow: hidden;
    text-align: center;
    cursor: s-resize;
}
.ke-statusbar-center-icon {
    background-position: -0px -754px;
    width: 15px;
    height: 11px;
    background-image: url(/img/default.4a1cec12.png);
}
.ke-statusbar-right-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: se-resize;
    background-position: -5px -741px;
    width: 11px;
    height: 11px;
    background-image: url(/img/default.4a1cec12.png);
}
/* menu */
.ke-menu {
    border: 1px solid #A0A0A0;
    background-color: #F1F1F1;
    color: #222222;
    padding: 2px;
    font-family: "sans serif",tahoma,verdana,helvetica;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
}
.ke-menu-item {
    border: 1px solid #F1F1F1;
    background-color: #F1F1F1;
    color: #222222;
    height: 24px;
    overflow: hidden;
    cursor: pointer;
}
.ke-menu-item-on {
    border: 1px solid #5690D2;
    background-color: #E9EFF6;
}
.ke-menu-item-left {
    width: 27px;
    text-align: center;
    overflow: hidden;
}
.ke-menu-item-center {
    width: 0;
    height: 24px;
    border-left: 1px solid #E3E3E3;
    border-right: 1px solid #FFFFFF;
    border-top: 0;
    border-bottom: 0;
}
.ke-menu-item-center-on {
    border-left: 1px solid #E9EFF6;
    border-right: 1px solid #E9EFF6;
}
.ke-menu-item-right {
    border: 0;
    padding: 0 0 0 5px;
    line-height: 24px;
    text-align: left;
    overflow: hidden;
}
.ke-menu-separator {
    margin: 2px 0;
    height: 0;
    overflow: hidden;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #FFFFFF;
    border-left: 0;
    border-right: 0;
}
/* colorpicker */
.ke-colorpicker {
    border: 1px solid #A0A0A0;
    background-color: #F1F1F1;
    color: #222222;
    padding: 2px;
}
.ke-colorpicker-table {
    border:0;
    margin:0;
    padding:0;
    border-collapse: separate;
}
.ke-colorpicker-cell {
    font-size: 0;
    line-height: 0;
    border: 1px solid #F0F0EE;
    cursor: pointer;
    margin:3px;
    padding:0;
}
.ke-colorpicker-cell-top {
    font-family: "sans serif",tahoma,verdana,helvetica;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid #F0F0EE;
    cursor: pointer;
    margin:0;
    padding:0;
    text-align: center;
}
.ke-colorpicker-cell-on {
    border: 1px solid #5690D2;
}
.ke-colorpicker-cell-selected {
    border: 1px solid #2446AB;
}
.ke-colorpicker-cell-color {
    width: 14px;
    height: 14px;
    margin: 3px;
    padding: 0;
    border: 0;
}
/* dialog */
.ke-dialog {
    position: absolute;
    margin: 0;
    padding: 0;
}
.ke-dialog .ke-header {
    width: 100%;
    margin-bottom: 10px;
}
.ke-dialog .ke-header .ke-left {
    float: left;
}
.ke-dialog .ke-header .ke-right {
    float: right;
}
.ke-dialog .ke-header label {
    margin-right: 0;
    cursor: pointer;
    font-weight: normal;
    display: inline;
    vertical-align: top;
}
.ke-dialog-content {
    background-color: #FFF;
    width: 100%;
    height: 100%;
    color: #333;
    border: 1px solid #A0A0A0;
}
.ke-dialog-shadow {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 3px 3px 7px #999;
    -moz-box-shadow: 3px 3px 7px #999;
    -webkit-box-shadow: 3px 3px 7px #999;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3', MakeShadow='true', ShadowOpacity='0.4');
    background-color: #F0F0EE;
}
.ke-dialog-header {
    border:0;
    margin:0;
    padding: 0 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAC0CAMAAAAZ4eHdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMDBENEQ3MzRGMEIxMUU1OEMwMTg0OTNCNTlDMjM0NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMDBENEQ3NDRGMEIxMUU1OEMwMTg0OTNCNTlDMjM0NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMEQ0RDcxNEYwQjExRTU4QzAxODQ5M0I1OUMyMzQ2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwMEQ0RDcyNEYwQjExRTU4QzAxODQ5M0I1OUMyMzQ2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gzOFuAAAAKJQTFRF/////v7+/f39/Pz8/fz8+/v7+/r6+vr6+fn5+fj4+Pf39/b29vX19PT09fT09PPz8/Ly8vHx8fHx8/Hx8vDw8PDw7+/v8e/v8O7u7u7u7+3t7e3t7Ozs7evr7Ovr6+vr6+rq6urq6enp7Onp6Ojo6ufn5+fn5ubm6Obm5eXl5OTk5+Tk5+Pj5eLi5OHh49/f3d3d2tra0tLS0dHRz8/Pzs7Om5VwOgAAAAF0Uk5TAEDm2GYAAAE5SURBVHja7NlbUhNhFIXRAzESQkLAkGC8AArGGypNN/Ofmr8jYPcDD1atNYFT9dV+O/WGWEkwItaGmFhivVCsLTGxxsTaERNrTKz3xMQaE+sDMbHGxLomJtaYWJ+I1WdiYo2JdUes9sTqKzGxxsT6Tqx+EKslsZpsHh6H/129sHbi8WEzqe2wLwL7YVvd8oDIsqv+4JBMX/3hhMxQw6vXZFqsyYzIv2VN50SmLdbRgshRizVbEZm1WMdrIsct1vySyLzFOnlH5KTFWnwksmixTm+JnLZYqy9EVi3W2TciZy3W+ieRdYt18YvIRYt1/pvIeV/dzf0fAvc3Xe2eri7f8ryrp11Nd10/8LxuN/W1AQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgrwADAAPu1ZbnCOHfAAAAAElFTkSuQmCC) repeat scroll 0 0 #F0F0EE;
    border-bottom: 1px solid #CFCFCF;
    height: 24px;
    font: 12px/24px "sans serif",tahoma,verdana,helvetica;
    text-align: left;
    color: #222;
    cursor: move;
}
.ke-dialog-icon-close {
    display: block;
    background: url(/img/default.4a1cec12.png) no-repeat scroll 0px -688px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
}
.ke-dialog-body {
    font: 12px/1.5 "sans serif",tahoma,verdana,helvetica;
    text-align: left;
    overflow: hidden;
    width: 100%;
}
.ke-dialog-body textarea {
    display: block;
    overflow: auto;
    padding: 0;
    resize: none;
}
.ke-dialog-body textarea:focus,
.ke-dialog-body input:focus,
.ke-dialog-body select:focus {
    outline: none;
}
.ke-dialog-body label {
    margin-right: 10px;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}
.ke-dialog-body img {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}
.ke-dialog-body select {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: auto;
}
.ke-dialog-body .ke-textarea {
    display: block;
    width: 408px;
    height: 260px;
    font-family: "sans serif",tahoma,verdana,helvetica;
    font-size: 12px;
    border-color: #848484 #E0E0E0 #E0E0E0 #848484;
    border-style: solid;
    border-width: 1px;
}
.ke-dialog-body .ke-form {
    margin: 0;
    padding: 0;
}
.ke-dialog-loading {
    position: absolute;
    top: 0;
    left: 1px;
    z-index: 1;
    text-align: center;
}
.ke-dialog-loading-content {
    background: url(data:image/gif;base64,R0lGODlhHwAfAPUAAP///wAAAOjo6NLS0ry8vK6urqKiotzc3Li4uJqamuTk5NjY2KqqqqCgoLCwsMzMzPb29qioqNTU1Obm5jY2NiYmJlBQUMTExHBwcJKSklZWVvr6+mhoaEZGRsbGxvj4+EhISDIyMgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEgUDAgFA4BiwSQexKh0eEAkrldAZbvlOD5TqYKALWu5XIwnPFwwymY0GsRgAxrwuJwbCi8aAHlYZ3sVdwtRCm8JgVgODwoQAAIXGRpojQwKRGSDCRESYRsGHYZlBFR5AJt2a3kHQlZlERN2QxMRcAiTeaG2QxJ5RnAOv1EOcEdwUMZDD3BIcKzNq3BJcJLUABBwStrNBtjf3GUGBdLfCtadWMzUz6cDxN/IZQMCvdTBcAIAsli0jOHSJeSAqmlhNr0awo7RJ19TJORqdAXVEEVZyjyKtE3Bg3oZE2iK8oeiKkFZGiCaggelSTiA2LhxiZLBSjZjBL2siNBOFQ84LxHA+mYEiRJzBO7ZCQIAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfju9jf82YAIQxRCm14Ww4PChAAEAoPDlsAFRUgHkRiZAkREmoSEXiVlRgfQgeBaXRpo6MOQlZbERN0Qx4drRUcAAJmnrVDBrkVDwNjr8BDGxq5Z2MPyUQZuRgFY6rRABe5FgZjjdm8uRTh2d5b4NkQY0zX5QpjTc/lD2NOx+WSW0++2RJmUGJhmZVsQqgtCE6lqpXGjBchmt50+hQKEAEiht5gUcTIESR9GhlgE9IH0BiTkxrMmWIHDkose9SwcQlHDsOIk9ygiVbl5JgMLuV4HUmypMkTOkEAACH5BAkKAAAALAAAAAAfAB8AAAb/QIBwSBQMCAUDwFAgDATEqHR4QCSuVwD2ijhMpwrCFqsdJwiK73DBMGfdCcZCDWjAE2V347vY3/NmdXNECm14Ww4PChAAEAoPDltlDGlDYmQJERJqEhGHWARUgZVqaWZeAFZbERN0QxOeWwgAAmabrkMSZkZjDrhRkVtHYw+/RA9jSGOkxgpjSWOMxkIQY0rT0wbR2LQV3t4UBcvcF9/eFpdYxdgZ5hUYA73YGxruCbVjt78G7hXFqlhY/fLQwR0HIQdGuUrTz5eQdIc0cfIEwByGD0MKvcGSaFGjR8GyeAPhIUofQGNQSgrB4IsdOCqx7FHDBiYcOQshYjKDxliVDpRjunCjdSTJkiZP6AQBACH5BAkKAAAALAAAAAAfAB8AAAb/QIBwSBQMCAUDwFAgDATEqHR4QCSuVwD2ijhMpwrCFqsdJwiK73DBMGfdCcZCDWjAE2V347vY3/NmdXNECm14Ww4PChAAEAoPDltlDGlDYmQJERJqEhGHWARUgZVqaWZeAFZbERN0QxOeWwgAAmabrkMSZkZjDrhRkVtHYw+/RA9jSGOkxgpjSWOMxkIQY0rT0wbR2I3WBcvczltNxNzIW0693MFYT7bTumNQqlisv7BjswAHo64egFdQAbj0RtOXDQY6VAAUakihN1gSLaJ1IYOGChgXXqEUpQ9ASRlDYhT0xQ4cACJDhqDD5mRKjCAYuArjBmVKDP9+VRljMyMHDwcfuBlBooSCBQwJiqkJAgAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEgUDAgFA8BQIAwExKh0eEAkrlcA9oo4TKcKwharHScIiu9wwTBn3QnGQg1owBNld+O72N/zZnVzRApteFsODwoQABAKDw5bZQxpQ2JkCRESahIRh1gEVIGVamlmXgBWWxETdEMTnlsIAAJmm65DEmZGYw64UZFbR2MPv0QPY0hjpMYKY0ljjMZCEGNK09MG0diN1gXL3M5bTcTcyFtOvdzBWE+207pjUKpYrL+wY7MAB4EerqZjUAG4lKVCBwMbvnT6dCXUkEIFK0jUkOECFEeQJF2hFKUPAIkgQwIaI+hLiJAoR27Zo4YBCJQgVW4cpMYDBpgVZKL59cEBhw+U+QROQ4bBAoUlTZ7QCQIAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfju9jf82Z1c0QKbXhbDg8KEAAQCg8OW2UMaUNiZAkREmoSEYdYBFSBlWppZl4AVlsRE3RDE55bCAACZpuuQxJmRmMOuFGRW0djD79ED2NIY6TGCmNJY4zGQhBjStPTFBXb21DY1VsGFtzbF9gAzlsFGOQVGefIW2LtGhvYwVgDD+0V17+6Y6BwaNfBwy9YY2YBcMAPnStTY1B9YMdNiyZOngCFGuIBxDZAiRY1eoTvE6UoDEIAGrNSUoNBUuzAaYlljxo2M+HIeXiJpRsRNMaq+JSFCpsRJEqYOPH2JQgAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfjywjlzX9jdXNEHiAVFX8ODwoQABAKDw5bZQxpQh8YiIhaERJqEhF4WwRDDpubAJdqaWZeAByoFR0edEMTolsIAA+yFUq2QxJmAgmyGhvBRJNbA5qoGcpED2MEFrIX0kMKYwUUslDaj2PA4soGY47iEOQFY6vS3FtNYw/m1KQDYw7mzFhPZj5JGzYGipUtESYowzVmF4ADgOCBCZTgFQAxZBJ4AiXqT6ltbUZhWdToUSR/Ii1FWbDnDkUyDQhJsQPn5ZU9atjUhCPHVhgTNy/RSKsiqKFFbUaQKGHiJNyXIAAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEh8JDAWCsBQIAwExKhU+HFwKlgsIMHlIg7TqQeTLW+7XYIiPGSAymY0mrFgA0LwuLzbCC/6eVlnewkADXVECgxcAGUaGRdQEAoPDmhnDGtDBJcVHQYbYRIRhWgEQwd7AB52AGt7YAAIchETrUITpGgIAAJ7ErdDEnsCA3IOwUSWaAOcaA/JQ0amBXKa0QpyBQZyENFCEHIG39HcaN7f4WhM1uTZaE1y0N/TacZoyN/LXU+/0cNyoMxCUytYLjm8AKSS46rVKzmxADhjlCACMFGkBiU4NUQRxS4OHijwNqnSJS6ZovzRyJAQo0NhGrgs5bIPmwWLCLHsQsfhxBWTe9QkOzCwC8sv5Ho127akyRM7QQAAOwAAAAAAAAAAAA==) no-repeat;
    color: #666;
    font-size: 14px;
    font-weight: bold;
    height: 31px;
    line-height: 31px;
    padding-left: 36px;
}
.ke-dialog-row {
    margin-bottom: 10px;
}
.ke-dialog-footer {
    font: 12px/1 "sans serif",tahoma,verdana,helvetica;
    text-align: right;
    padding:0 0 5px 0;
    background-color: #FFF;
    width: 100%;
}
.ke-dialog-preview,
.ke-dialog-yes {
    margin: 5px;
}
.ke-dialog-no {
    margin: 5px 10px 5px 5px;
}
.ke-dialog-mask {
    background-color:#FFF;
    filter:alpha(opacity=50);
    opacity:0.5;
}
.ke-button-common {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAC0CAMAAAAZ4eHdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMDBENEQ3MzRGMEIxMUU1OEMwMTg0OTNCNTlDMjM0NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMDBENEQ3NDRGMEIxMUU1OEMwMTg0OTNCNTlDMjM0NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMEQ0RDcxNEYwQjExRTU4QzAxODQ5M0I1OUMyMzQ2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwMEQ0RDcyNEYwQjExRTU4QzAxODQ5M0I1OUMyMzQ2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gzOFuAAAAKJQTFRF/////v7+/f39/Pz8/fz8+/v7+/r6+vr6+fn5+fj4+Pf39/b29vX19PT09fT09PPz8/Ly8vHx8fHx8/Hx8vDw8PDw7+/v8e/v8O7u7u7u7+3t7e3t7Ozs7evr7Ovr6+vr6+rq6urq6enp7Onp6Ojo6ufn5+fn5ubm6Obm5eXl5OTk5+Tk5+Pj5eLi5OHh49/f3d3d2tra0tLS0dHRz8/Pzs7Om5VwOgAAAAF0Uk5TAEDm2GYAAAE5SURBVHja7NlbUhNhFIXRAzESQkLAkGC8AArGGypNN/Ofmr8jYPcDD1atNYFT9dV+O/WGWEkwItaGmFhivVCsLTGxxsTaERNrTKz3xMQaE+sDMbHGxLomJtaYWJ+I1WdiYo2JdUes9sTqKzGxxsT6Tqx+EKslsZpsHh6H/129sHbi8WEzqe2wLwL7YVvd8oDIsqv+4JBMX/3hhMxQw6vXZFqsyYzIv2VN50SmLdbRgshRizVbEZm1WMdrIsct1vySyLzFOnlH5KTFWnwksmixTm+JnLZYqy9EVi3W2TciZy3W+ieRdYt18YvIRYt1/pvIeV/dzf0fAvc3Xe2eri7f8ryrp11Nd10/8LxuN/W1AQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgrwADAAPu1ZbnCOHfAAAAAElFTkSuQmCC) no-repeat;
    cursor: pointer;
    height: 23px;
    line-height: 23px;
    overflow: visible;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
.ke-button-outer {
    background-position: 0 -25px;
    padding: 0;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}
.ke-button {
    background-position: right -25px;
    padding: 0 14px 0 12px;
    margin: 0 0 0 2px;
    font-family: "sans serif",tahoma,verdana,helvetica;
    border: 0 none;
    color: #333;
    font-size: 12px;
    text-decoration: none;
}
/* inputbox */
.ke-input-text {
    background-color:#FFFFFF;
    font-family: "sans serif",tahoma,verdana,helvetica;
    font-size: 12px;
    line-height: 17px;
    height: 17px;
    padding: 2px 4px;
    border-color: #848484 #E0E0E0 #E0E0E0 #848484;
    border-style: solid;
    border-width: 1px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}
.ke-input-number {
    width: 50px;
}
.ke-input-color {
    border: 1px solid #A0A0A0;
    background-color: #FFFFFF;
    font-size: 12px;
    width: 60px;
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
    overflow: hidden;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}
.ke-upload-button {
    position: relative;
}
.ke-upload-area {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    *height: 25px;
}
.ke-upload-area .ke-upload-file {
    position: absolute;
    font-size: 60px;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 811212;
    border: 0 none;
    opacity: 0;
    filter: alpha(opacity=0);
}
/* tabs */
.ke-tabs {
    font: 12px/1 "sans serif",tahoma,verdana,helvetica;
    border-bottom:1px solid #A0A0A0;
    padding-left:5px;
    margin-bottom:20px;
}
.ke-tabs-ul  {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}
.ke-tabs-li {
    position: relative;
    border: 1px solid #A0A0A0;
    background-color: #F0F0EE;
    margin: 0 2px -1px 0;
    padding: 0 20px;
    float: left;
    line-height: 25px;
    text-align: center;
    color: #555555;
    cursor: pointer;
}
.ke-tabs-li-selected {
    background-color: #FFF;
    border-bottom: 1px solid #FFF;
    color: #000;
    cursor: default;
}
.ke-tabs-li-on {
    background-color: #FFF;
    color: #000;
}
/* progressbar */
.ke-progressbar {
    position: relative;
    margin: 0;
    padding: 0;
}
.ke-progressbar-bar {
    border: 1px solid #6FA5DB;
    width: 80px;
    height: 5px;
    margin: 10px 10px 0 10px;
    padding: 0;
}
.ke-progressbar-bar-inner {
    width: 0;
    height: 5px;
    background-color: #6FA5DB;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.ke-progressbar-percent {
    position: absolute;
    top: 0;
    left: 40%;
    display: none;
}
/* swfupload */
.ke-swfupload-top {
    position: relative;
    margin-bottom: 10px;
    _width: 608px;
}
.ke-swfupload-button {
    height: 23px;
    line-height: 23px;
}
.ke-swfupload-desc {
    padding: 0 10px;
    height: 23px;
    line-height: 23px;
}
.ke-swfupload-startupload {
    position: absolute;
    top: 0;
    right: 0;
}
.ke-swfupload-body {
    overflow: scroll;
    background-color:#FFFFFF;
    border-color: #848484 #E0E0E0 #E0E0E0 #848484;
    border-style: solid;
    border-width: 1px;
    width: auto;
    height: 370px;
    padding: 5px;
}
.ke-swfupload-body .ke-item {
    width: 100px;
    margin: 5px;
}
.ke-swfupload-body .ke-photo {
    position: relative;
    border: 1px solid #DDDDDD;
    background-color:#FFFFFF;
    padding: 10px;
}
.ke-swfupload-body .ke-delete {
    display: block;
    background: url(/img/default.4a1cec12.png) no-repeat scroll 0px -688px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
.ke-swfupload-body .ke-status  {
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100px;
    height: 17px;
}
.ke-swfupload-body .ke-message  {
    width: 100px;
    text-align: center;
    overflow: hidden;
    height:17px;
}
.ke-swfupload-body .ke-error  {
    color: red;
}
.ke-swfupload-body .ke-name {
    width: 100px;
    text-align: center;
    overflow: hidden;
    height:16px;
}
.ke-swfupload-body .ke-on {
    border: 1px solid #5690D2;
    background-color: #E9EFF6;
}

/* emoticons */
.ke-plugin-emoticons {
    position: relative;
}
.ke-plugin-emoticons .ke-preview {
    position: absolute;
    text-align: center;
    margin: 2px;
    padding: 10px;
    top: 0;
    border: 1px solid #A0A0A0;
    background-color: #FFFFFF;
    display: none;
}
.ke-plugin-emoticons .ke-preview-img {
    border:0;
    margin:0;
    padding:0;
}
.ke-plugin-emoticons .ke-table {
    border:0;
    margin:0;
    padding:0;
    border-collapse:separate;
}
.ke-plugin-emoticons .ke-cell {
    margin:0;
    padding:1px;
    border:1px solid #F0F0EE;
    cursor:pointer;
}
.ke-plugin-emoticons .ke-on {
    border: 1px solid #5690D2;
    background-color: #E9EFF6;
}
.ke-plugin-emoticons .ke-img {
    display:block;
    background-repeat:no-repeat;
    overflow:hidden;
    margin:2px;
    width:24px;
    height:24px;
    margin: 0;
    padding: 0;
    border: 0;
}
.ke-plugin-emoticons .ke-page {
    text-align: right;
    margin: 5px;
    padding: 0;
    border: 0;
    font: 12px/1 "sans serif",tahoma,verdana,helvetica;
    color: #333;
    text-decoration: none;
}
.ke-plugin-plainpaste-textarea,
.ke-plugin-wordpaste-iframe {
    display: block;
    width: 408px;
    height: 260px;
    font-family: "sans serif",tahoma,verdana,helvetica;
    font-size: 12px;
    border-color: #848484 #E0E0E0 #E0E0E0 #848484;
    border-style: solid;
    border-width: 1px;
}
/* filemanager */
.ke-plugin-filemanager-header {
    width: 100%;
    margin-bottom: 10px;
}
.ke-plugin-filemanager-header .ke-left {
    float: left;
}
.ke-plugin-filemanager-header .ke-right {
    float: right;
}
.ke-plugin-filemanager-body {
    overflow: scroll;
    background-color:#FFFFFF;
    border-color: #848484 #E0E0E0 #E0E0E0 #848484;
    border-style: solid;
    border-width: 1px;
    width: auto;
    height: 370px;
    padding: 5px;
}
.ke-plugin-filemanager-body .ke-item {
    width: 100px;
    margin: 5px;
}
.ke-plugin-filemanager-body .ke-photo {
    border: 1px solid #DDDDDD;
    background-color:#FFFFFF;
    padding: 10px;
}
.ke-plugin-filemanager-body .ke-name {
    width: 100px;
    text-align: center;
    overflow: hidden;
    height:16px;
}
.ke-plugin-filemanager-body .ke-on {
    border: 1px solid #5690D2;
    background-color: #E9EFF6;
}
.ke-plugin-filemanager-body .ke-table {
    width: 95%;
    border: 0;
    margin: 0;
    padding: 0;
    border-collapse: separate;
}
.ke-plugin-filemanager-body .ke-table .ke-cell {
    margin: 0;
    padding: 0;
    border: 0;
}
.ke-plugin-filemanager-body .ke-table .ke-name {
    width: 55%;
    text-align: left;
}
.ke-plugin-filemanager-body .ke-table .ke-size {
    width: 15%;
    text-align: left;
}
.ke-plugin-filemanager-body .ke-table .ke-datetime {
    width: 30%;
    text-align: center;
}

#TT_alert[data-v-19a24742] {
  position: fixed;
  z-index: 9999;
  width: 221px;
  text-align: center;
  left: calc(50% - 94px);
  top: 10%;
  opacity: 0;
  pointer-events: none;
}
.TT_alert_error[data-v-19a24742] {
  position: relative;
  height: 56px;
  width: 188px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  overflow: hidden;
}
.TT_alert_error span[data-v-19a24742] {
    position: relative;
    line-height: 56px;
}
.TT_alert_error[data-v-19a24742]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background-color: #000000;
}
@-webkit-keyframes fadeIntop-data-v-19a24742 {
0% {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes fadeIntop-data-v-19a24742 {
0% {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.fadeIntop[data-v-19a24742] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeIntop-data-v-19a24742;
          animation-name: fadeIntop-data-v-19a24742;
}
@-webkit-keyframes fadeouttop-data-v-19a24742 {
0% {
    opacity: 0;
    transform: translateY(0);
}
to {
    opacity: 1;
    transform: translateY(-400px);
}
}
@keyframes fadeouttop-data-v-19a24742 {
0% {
    opacity: 0;
    transform: translateY(0);
}
to {
    opacity: 1;
    transform: translateY(-400px);
}
}
.fadeouttop[data-v-19a24742] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeouttop-data-v-19a24742;
          animation-name: fadeouttop-data-v-19a24742;
}

.ke-plugin-emoticons {
  width: 100%;
}
.placeholder[data-v-18519954] {
  position: absolute;
  color: #ccc;
  font-size: 14px;
  left: 21px;
  top: 44px;
  line-height: 1;
  pointer-events: none;
  width: calc(100% - 16px);
}
.tt-button[data-v-d988b436] {
  cursor: pointer;
  border: solid 1px #999;
  padding: 10px 15px;
  border-radius: 5px;
}
.tt-button.disabled[data-v-d988b436] {
  cursor: not-allowed;
  background-color: #99999F !important;
}
.tt-button.mini[data-v-d988b436] {
  font-size: 14px;
  padding: 5px 8px;
  border-radius: 3px;
}
.tt-button[data-v-d988b436]:hover {
  color: #409eff;
  border-color: #c6e2ff;
  background-color: #ecf5ff;
}
.tt-button.primary[data-v-d988b436] {
  border: none;
  background: #409eff;
  color: #fff;
}
.tt-button.primary[data-v-d988b436]:hover {
  background: #66b1ff;
  border-color: #66b1ff;
  color: #fff;
}
.TT_Dialog[data-v-50806753] {
  width: 255px;
  height: 115px;
  position: fixed;
  background: #fff;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.TT_Dialog > p[data-v-50806753] {
    margin: 20px 0;
}
.TT_Dialog .TT_Dialog_Footer[data-v-50806753] {
    position: relative;
}
.TT_Dialog .TT_Dialog_Footer span[data-v-50806753] {
      display: inline-block;
      padding: 5px 8px;
      margin: 0 8px;
      border-radius: 5px;
      cursor: pointer;
}
.TT_Dialog .TT_Dialog_Footer .cancel[data-v-50806753] {
      border: 1px solid #ddd;
}
.TT_Dialog .TT_Dialog_Footer .pramary[data-v-50806753] {
      background-color: #529cff;
      color: #fff;
}
.ke-statusbar {
  display: none;
}
.ke-toolbar {
  box-sizing: border-box;
  height: 36px;
  border-bottom: none;
  background: #fff;
  display: flex !important;
  align-items: center;
  padding: 10px 0 0 21px;
}
.ke-edit {
  padding: 0 15px;
}
.ke-container {
  border: none;
}
.ke-toolbar .ke-outline {
  border: none;
  padding: 0 6px;
}
.TTalk_maopao .Tacl_no_Icon i {
  display: none;
}
.ql-size-small {
  font-size: 0.75em;
}
.ql-size-large {
  font-size: 1.5em;
}
.ql-size-huge {
  font-size: 2.5em;
}
.TTalk_user-im-list li .TTalk_message-content .TTalk_content-img p > img {
  max-width: 100%;
}
.TTalk_content-img img {
  max-width: 100% !important;
  height: auto !important;
}
.TTalk_content-img a {
  color: #3aaeff;
  -webkit-text-decoration: #3aaeff;
          text-decoration: #3aaeff;
  border-bottom: 1px solid #3aaeff;
}
.TTalk_content-img p {
  margin: 5px;
  text-align: left;
}
.TTalk_message-content {
  margin-top: 5px;
}
.TTalk_message-content img {
    max-width: 100%;
    max-height: 100%;
    height: auto !important;
}
.TTalk_message-content p {
    margin: 5px;
}
@charset "UTF-8";
.sendBtn[data-v-95ceee60] {
  text-align: right;
  padding-right: 12px;
}
ul[data-v-95ceee60] {
  padding-left: 0;
}
.system-msg[data-v-95ceee60] {
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 18px;
  font-size: 14px;
  color: #9999;
}
.system-msg[data-v-95ceee60] p {
    padding: 0;
    margin: 0;
}
:not(.system-msg) + .system-msg[data-v-95ceee60] {
  padding-top: 0;
}
.system-msg[data-v-95ceee60] + :not(.system-msg) {
  padding-top: 17px;
}

/* 弹框 大 576*550 */
.TTalk_chatDialogbig[data-v-95ceee60] {
  width: 576px;
  height: 550px;
  margin: 0 auto;
  position: relative;
  float: left;
  background: #fff;
}

/* 弹框 中 536*510 */
.TTalk_chatDialogmid[data-v-95ceee60] {
  width: 536px;
  height: 510px;
  margin: 0 auto;
  position: relative;
  float: left;
  background: #fff;
}

/* 弹框 小  496*470 */
.TTalk_chatDialogsmall[data-v-95ceee60] {
  width: 496px;
  height: 470px;
  margin: 0 auto;
  position: relative;
  float: left;
  background: #fff;
}
.TTalk_dialog_foot[data-v-95ceee60] {
  background: #fff;
  position: relative;
  height: 141px;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
}
.TTalk_dialog_foot img[data-v-95ceee60] {
  width: 17px;
}
.TTalk_dialog_body[data-v-95ceee60] {
  padding: 20px 21px;
  overflow: auto;
  border-top: none;
  background: #f9f9fb;
  border-bottom: none;
  border: 1px solid #eee;
  border-top-width: 0;
  box-sizing: border-box;
}
.TTalk_chatDialogbig .TTalk_dialog_body[data-v-95ceee60] {
  height: 390px;
}
.TTalk_chatDialogmid .TTalk_dialog_body[data-v-95ceee60] {
  height: 335px;
}
.TTalk_chatDialogsmall .TTalk_dialog_body[data-v-95ceee60] {
  height: 275px;
}
.TTalk_user-im-list[data-v-95ceee60] {
  margin: 0;
  text-align: center;
  display: grid;
}
.TTalk_user-im-list li > img[data-v-95ceee60] {
  width: 39px;
  height: 39px;
  border-radius: 50%;
  overflow: hidden;
}
.TTalk_user-im-list li.left > img[data-v-95ceee60] {
  float: left;
  margin-right: 11px;
  max-width: 100%;
  max-height: none;
  /* border-radius: 50%; */
}
.TTalk_user-im-list li.left div[data-v-95ceee60] {
  float: left;
  text-align: left;
}
.TTalk_user-im-list li.left .TTalk_message-content[data-v-95ceee60] {
  border-radius: 0 8px 8px 8px;
}
.TTalk_user-im-list li.right[data-v-95ceee60] {
  flex-direction: row-reverse;
}
.TTalk_user-im-list li.right .TTalk_message-content[data-v-95ceee60] {
  color: #fff;
}
.TTalk_user-im-list li div[data-v-95ceee60] {
  width: calc(100% - 130px);
  word-break: break-all;
}
.TTalk_user-im-list li.right div[data-v-95ceee60] {
  text-align: right;
  float: right;
}
.TTalk_user-im-list li.right p img[data-v-95ceee60] {
  width: 100px;
}
.TTalk_user-im-list li.right > img[data-v-95ceee60] {
  float: right;
  margin-left: 11px;
  max-width: 100%;
}
.TTalk_user-im-list li.left .TTalk_countstyle[data-v-95ceee60] {
  background-color: #fff;
  box-shadow: 0px 5px 10px 0px rgba(76, 127, 255, 0.08);
}
.TTalk_user-im-list li.left .TTalk_countstyle[data-v-95ceee60]::after {
  top: 7px;
  left: -4px;
  background-color: #fff;
}
.TTalk_user-im-list li.right .TTalk_countstyle[data-v-95ceee60] {
  background-color: #a4d1ff;
}
.TTalk_draggable[data-v-95ceee60] {
  cursor: move;
}
.TTalk_userImg[data-v-95ceee60] {
  width: 26px;
  height: 26px;
  position: relative;
  float: left;
}
.TTalk_userImg img[data-v-95ceee60] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 12px;
}
.TTalk_dialog_head[data-v-95ceee60] {
  background: #4285f4;
  color: #fff;
  height: 44px;
  box-sizing: border-box;
  position: relative;
}
.TTalk_img[data-v-95ceee60] {
  width: 16px;
  cursor: pointer;
  position: relative;
  top: 3px;
}
.TTalk_resetImg[data-v-95ceee60] {
  top: 4px;
  left: 5px;
}
.TTalk_dialog_head_left[data-v-95ceee60] {
  float: left;
  width: calc(100% - 192px);
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  line-height: 43px;
  padding: 0 12px 0 12px;
}
.TTalk_dialog_head_position[data-v-95ceee60] {
  top: 13px;
}
.TTalk_dialog_head_right[data-v-95ceee60] {
  padding-right: 10px;
  float: right;
  position: absolute;
  display: flex;
}
.TTalk_dialog_head_right .action[data-v-95ceee60] {
    cursor: pointer;
    margin-right: 12px;
    color: #fff;
}
.TTalk_dialog_head_right .action[data-v-95ceee60]:last-child {
    margin-right: 0;
}
.TTalk_dialog_head_right .action[data-v-95ceee60] {
    font-size: 12px;
    line-height: 1;
}
.TTalk_dialog_head_right .action-text[data-v-95ceee60] {
    border-radius: 3px;
    height: 24px;
    line-height: 22px;
    border: 1px solid #fff;
    padding: 0 8px;
}
.TTalk_dialog_head_right .action-icon[data-v-95ceee60] {
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.TTalk_dialog_head_right .action-icon i[data-v-95ceee60] {
      line-height: 1;
      font-size: 18px;
}
.TTalk_dialog_head_right img[data-v-95ceee60] {
  vertical-align: top;
  display: inline-block;
}
.TTalk_message-content[data-v-95ceee60] {
  text-align: left;
  padding: 9px 10px;
  max-width: 100%;
  display: inline-block;
  border-radius: 8px 0px 8px 8px;
  font-size: 13px;
  color: #666;
  position: relative;
  word-break: break-all;
  z-index: 1;
  font-size: 12px;
  line-height: 18px;
}
.TTalk_message-content[data-v-95ceee60] p {
  margin: 0px !important;
}
.TTalk_chatDialogbig .TTalk_dialog_body[data-v-95ceee60]::-webkit-scrollbar,
.TTalk_chatDialogmid .TTalk_dialog_body[data-v-95ceee60]::-webkit-scrollbar,
.TTalk_chatDialogsmall .TTalk_dialog_body[data-v-95ceee60]::-webkit-scrollbar {
  width: 10px;
  height: 8px;
}

/*滚动区域背景*/
/*竖向滚动条*/
.TTalk_chatDialogbig .TTalk_dialog_body[data-v-95ceee60]::-webkit-scrollbar-thumb:vertical,
.TTalk_chatDialogmid .TTalk_dialog_body[data-v-95ceee60]::-webkit-scrollbar-thumb:vertical,
.TTalk_chatDialogsmall .TTalk_dialog_body[data-v-95ceee60]::-webkit-scrollbar-thumb:vertical {
  border: 2px solid rgba(0, 0, 0, 0);
  box-shadow: 6px 0 0 #dddfe0 inset;
  border-radius: 5px;
}
.TTalk_kefu[data-v-95ceee60] {
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 1px 5px;
  margin-right: 5px;
}
.TTalk_companytitle[data-v-95ceee60] {
  position: relative;
  top: 3px;
  left: 5px;
  float: left;
  width: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TTalk_link[data-v-95ceee60] {
  color: #3aaeff;
  cursor: pointer;
  margin-left: 10px;
}
.TTalk_maopao[data-v-95ceee60] {
  z-index: -1;
  content: "";
  display: none;
  position: absolute;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background: #bdc1c7;
  right: -4px;
  top: 9px;
}
.TTalk_likeAnswer[data-v-95ceee60] {
  display: block;
  cursor: pointer;
  color: #3aaeff;
}
.TTalk_comser[data-v-95ceee60] {
  color: #3aaeff;
  cursor: pointer;
}
html[data-v-95ceee60],
body[data-v-95ceee60] {
  font-family: "Microsoft YaHei", "宋体", "sunshine", "SimHei", "SimSun", \5b8b\4f53, Arial Narrow, arial, serif;
}
i[data-v-95ceee60],
p[data-v-95ceee60],
b[data-v-95ceee60],
div[data-v-95ceee60],
span[data-v-95ceee60] {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  margin: 0px;
}
.TTalk_message-content a[data-v-95ceee60] {
  text-decoration: underline;
  -webkit-text-decoration-color: #0000ee;
          text-decoration-color: #0000ee;
  color: #0000ee;
  border-bottom: none;
}
.TTalk_phone[data-v-95ceee60] {
  width: 100%;
  height: 100%;
}
.TTalk_phone .TTalk_dialog_head .TTalk_dialog_head_left[data-v-95ceee60] {
    width: 50%;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.TTalk_phone .TTalk_dialog_head_right[data-v-95ceee60] {
    right: 15px;
    top: 12px;
}
.TTalk_phone .TTalk_dialog_body[data-v-95ceee60] {
    height: calc(100% - 110px);
    background: #f5f5f5;
    padding: 15px;
    overflow: scroll;
    box-sizing: border-box;
}
.TTalk_phone .TTalk_user-im-list li div[data-v-95ceee60] {
    width: 83%;
}
.TTalk_phone .TTalk_dialog_foot[data-v-95ceee60] {
    border-top: 1px solid #eee;
}
.TTalk_height[data-v-95ceee60] {
  height: 16px;
}
.TTalk_draggable_phone[data-v-95ceee60] {
  width: 100%;
  margin-left: 0px !important;
  position: fixed;
  z-index: 2000;
  top: 0px !important;
  left: 0px !important;
  right: 0px;
  bottom: 10px;
  transform: unset !important;
}
.TTalk_draggable_phone .drag[data-v-95ceee60] {
    cursor: move;
}
.TTalk_dialog_foot_phone[data-v-95ceee60] {
  position: absolute;
  bottom: 0px;
  height: 66px;
  line-height: 40px;
  background: #fff;
  width: 100%;
  z-index: 2010;
}
.TTalk_dialog_foot_phone .TTalk_dialog_foot_input[data-v-95ceee60] {
    width: calc(100% - 100px);
    margin: 10px;
    line-height: 32px;
    border: 1px solid #eee;
    border-radius: 10px;
}
.TTalk_dialog_foot_phone_btn[data-v-95ceee60] {
  line-height: 32px;
  background: #4285f4;
  text-align: center;
  color: #fff;
  border-radius: 10px;
  margin-top: 7px;
  padding: 8px 15px;
}
[data-v-95ceee60] .TTalk_dialog_foot .TTalk_Inviter {
  bottom: 0px;
}
.TTalk_message-content[data-v-95ceee60] {
  color: #333333;
}
.TTalk_time[data-v-95ceee60] {
  color: #acafb5;
  font-size: 12px;
  line-height: 12px;
  padding: 8px 8px 0;
}
.TTalk_dialog_head[data-v-95ceee60],[data-v-95ceee60] .TTalk_div-head {
  height: 48px !important;
}
.TTalk_dialog_head .TTalk_dialog_head_left span[data-v-95ceee60],[data-v-95ceee60] .TTalk_div-head .TTalk_dialog_head_left span {
    font-size: 16px;
    line-height: 48px;
    padding-left: 5px;
}
.TTalk_dialog_head .TTalk_dialog_head_right[data-v-95ceee60],[data-v-95ceee60] .TTalk_div-head .TTalk_dialog_head_right {
    height: 24px;
    font-size: 0;
}
.TTalk_dialog_head .TTalk_dialog_head_right span[data-v-95ceee60],[data-v-95ceee60] .TTalk_div-head .TTalk_dialog_head_right span {
      margin-right: 8px;
      padding: 3px 7px;
      font-size: 12px;
      display: inline-block;
}
.TTalk_dialog_head .TTalk_dialog_head_right img[data-v-95ceee60],[data-v-95ceee60] .TTalk_div-head .TTalk_dialog_head_right img {
      top: 0;
      left: 0;
      width: 23px;
      height: auto;
      margin: 3px;
}
.TTalk_dialog_head .TTalk_dialog_head_right img[data-v-95ceee60]:last-child,[data-v-95ceee60] .TTalk_div-head .TTalk_dialog_head_right img:last-child {
        margin-right: 0;
}
.sendBtn[data-v-95ceee60] .tt-button.mini {
  width: 67px;
  height: 37px;
  border: 0;
  padding: 0;
  text-align: center;
  line-height: 37px;
  font-size: 15px;
  display: inline-block;
  border-radius: 3px;
}
[data-v-95ceee60] .TTalk_dialog_foot {
  height: 152px;
}

.tt-form-item[data-v-564c606a] {
  border: 1px solid #eee;
  position: relative;
  transition: all .3s;
  margin-bottom: 10px;
}
.tt-form-item[data-v-564c606a]:last-child {
    margin-bottom: 2px;
}
.tt-form-item .tt-form-item-content[data-v-564c606a] {
    position: relative;
    font-size: 14px;
    text-align: right;
}
.tt-form-item .tt-form-item-content span[data-v-564c606a] {
      padding: 0;
      width: 67px;
      height: 37px;
      line-height: 37px;
      text-align: center;
      display: inline-block;
      border-radius: 3px;
}
.tt-form-item label[data-v-564c606a] {
    float: left;
}
.tt-form-item label .red[data-v-564c606a] {
      color: #5294e4;
      font-size: 12px;
      margin-right: 5px;
}
.tt-form-item[data-v-564c606a] input {
    width: calc(100% - 40px);
}
.tt-form-item[data-v-564c606a] textarea {
    width: calc(100%);
}
.tt-form-item .validate-error[data-v-564c606a] {
    margin: 0;
    color: red;
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    bottom: -20px;
}
.tt-form-item-error[data-v-564c606a] {
  border: 1px solid red;
  margin-bottom: 26px;
}
</style>
  <style type="text/css">
.TTalk_message_body_left p {
  margin: 0;
}

@charset "UTF-8";
.TTalk_full_message[data-v-3a4551cb] {
  max-width: 1440px;
  width: 100%;
  max-height: 896px !important;
  height: 100%;
}
.TTalk_full_message .TTalk_leaveMessage[data-v-3a4551cb] {
    max-width: 1040px;
    width: 100%;
    max-height: 896px !important;
    height: 100% !important;
    box-sizing: border-box;
}
.TTalk_full_message .TTalk_leaveMessage .TTalk_message_body_left[data-v-3a4551cb] {
      padding: 30px 40px;
      height: calc(100% - 48px);
}
.TTalk_full_message .TTalk_leaveMessage .TTalk_message_top[data-v-3a4551cb] {
      display: flex;
      align-items: center;
      height: 48px;
      font-size: 16px;
}
.TTalk_full_message .TTalk_leaveMessage .tt-form-item[data-v-3a4551cb] {
      margin-bottom: 27px;
      height: 40px;
      line-height: 40px;
}
.TTalk_full_message .TTalk_leaveMessage .TTalk_message_content[data-v-3a4551cb] {
      width: 100%;
}
.TTalk_full_message .TTalk_leaveMessage .TTalk_message_area[data-v-3a4551cb] {
      height: 400px;
}
.TTalk_full_message .TTalk_leaveMessage .formClass[data-v-3a4551cb] {
      width: 20px;
      top: 10px;
}
.TTalk_full_message .TTalk_leaveMessage .TTalk_message_body_left[data-v-3a4551cb] {
      overflow: hidden;
}
.TTalk_full_message .TTalk_leaveMessage .TTalk_message_body_left .TTalk_tips[data-v-3a4551cb] {
      font-size: 16px;
}
.TTalk_full_message .TTalk_else_message[data-v-3a4551cb] {
    max-width: 1440px;
    max-height: 896px;
    width: 100%;
    height: 100%;
    display: flex;
}
.TTalk_full_message_else[data-v-3a4551cb] {
  max-width: 1040px;
  width: 100%;
  max-height: 896px !important;
  height: 100% !important;
}
.TTalk_full_message_else .TTalk_leaveMessage[data-v-3a4551cb] {
    max-width: 1040px;
    width: 100%;
    max-height: 896px !important;
    height: 100% !important;
    box-sizing: border-box;
    /*定义滚动条的轨道颜色、内阴影及圆角*/
    /*定义滑块颜色、内阴影及圆角*/
}
.TTalk_full_message_else .TTalk_leaveMessage .TTalk_message_body_left[data-v-3a4551cb] {
      overflow-y: auto;
      height: calc(100% - 48px);
      box-sizing: border-box;
}
.TTalk_full_message_else .TTalk_leaveMessage .TTalk_message_body_left[data-v-3a4551cb]::-webkit-scrollbar {
      width: 3px;
      /*对垂直流动条有效*/
      height: 3px;
      /*对水平流动条有效*/
}
.TTalk_full_message_else .TTalk_leaveMessage .TTalk_message_body_left[data-v-3a4551cb]::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #e8e8e8;
      border-radius: 3px;
}
.TTalk_full_message_else .TTalk_leaveMessage .TTalk_message_body_left[data-v-3a4551cb]::-webkit-scrollbar-thumb {
      border-radius: 7px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #e8e8e8;
}
.TTalk_full_message_else .TTalk_leaveMessage .TTalk_message_top[data-v-3a4551cb] {
      display: flex;
      align-items: center;
      height: 48px;
      font-size: 16px;
}
.TTalk_full_message_else .TTalk_leaveMessage .tt-form-item[data-v-3a4551cb] {
      margin-bottom: 27px;
      height: 40px;
      line-height: 40px;
}
.TTalk_full_message_else .TTalk_leaveMessage .TTalk_message_content[data-v-3a4551cb] {
      width: 100%;
}
.TTalk_full_message_else .TTalk_leaveMessage .TTalk_message_area[data-v-3a4551cb] {
      height: 400px;
}
.TTalk_full_message_else .TTalk_leaveMessage .formClass[data-v-3a4551cb] {
      width: 20px;
      top: 10px;
}
.TTalk_full_message_else .TTalk_leaveMessage .TTalk_message_body_left .TTalk_tips[data-v-3a4551cb] {
      font-size: 16px;
}
.TTalk_full_message_else .TTalk_else_message[data-v-3a4551cb] {
    max-width: 1440px;
    max-height: 896px;
    width: 100%;
    height: 100%;
    display: flex;
}
.TTalk_full_message.TTalk_full_nocompany_message[data-v-3a4551cb] {
  width: 1040px;
}
.TTalk_message_item[data-v-3a4551cb] {
  background: #fff;
}
.formClass[data-v-3a4551cb] {
  position: absolute;
  width: 18px;
  top: 10px;
  left: 10px;
}
.TTalk_tips[data-v-3a4551cb]::-webkit-scrollbar {
  width: 2px;
}
.TTalk_tips[data-v-3a4551cb]::-webkit-scrollbar-track-piece {
  background-color: #ccc;
  -webkit-border-radius: 2px;
}
.TTalk_tips[data-v-3a4551cb]::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #ddd;
  -webkit-border-radius: 2px;
}
.TTalk_close[data-v-3a4551cb] {
  position: absolute;
  right: 10px;
  top: 0;
  font-style: normal;
  font-size: 24px;
  cursor: pointer;
}
.TTalk_allleaveMessage[data-v-3a4551cb] {
  z-index: 99999;
}
.TTalk_rightmsg[data-v-3a4551cb] {
  background: #f5f5f5 !important;
  width: 500px;
  height: 509px !important;
}
.TTalk_allleaveMessage .TTalk_div-right[data-v-3a4551cb] {
  width: 220px;
}
.TTalk_leaveMessage[data-v-3a4551cb] {
  margin: 0 auto;
  float: left;
  background: #f9f9fb;
  width: 370px;
  box-sizing: border-box;
}
.TTalk_leaveMessage .TTalk_message_content[data-v-3a4551cb] {
    width: 550px;
    max-width: 100%;
}
.TTalk_leaveMessage .TTalk_message_top[data-v-3a4551cb] {
    display: flex;
    align-items: center;
    height: 44px;
    line-height: 44px;
    text-align: left;
    background: #337eff;
    color: #fff;
    font-size: 16px;
    padding-left: 20px;
}
.TTalk_leaveMessage .TTalk_message_top .TTalk_top_title[data-v-3a4551cb] {
      float: left;
      width: 85%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
}
.TTalk_leaveMessage .TTalk_message_body_left[data-v-3a4551cb] {
    text-align: center;
    background: #f9f9fb;
    padding: 21px 17px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.TTalk_leaveMessage .TTalk_message_body_left .TTalk_tips[data-v-3a4551cb] {
      font-size: 14px;
      text-align: left;
      margin: 0 0px 20px;
      max-height: 36px;
      line-height: 18px;
      overflow: auto;
      color: #999999;
}
.TTalk_leaveMessage .TTalk_message_body_left .TTalk_tit[data-v-3a4551cb] {
      margin-top: 100px;
      font-size: 15px;
      color: #a8a8bd;
      background: #f5f5f5;
}
.TTalk_leaveMessage .TTalk_message_body_left_no[data-v-3a4551cb] {
    color: #666;
    font-size: 14px;
    width: 100%;
    height: calc(100% - 43px);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-top-width: 0;
}
.TTalk_leaveMessage .TTalk_Succsess[data-v-3a4551cb] {
    padding-top: 20%;
    min-height: 422px;
    margin: 0 auto;
    text-align: center;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}
.TTalk_leaveMessage .TTalk_Succsess .TTalk_message_success[data-v-3a4551cb] {
      margin: 19px 0;
      font-size: 22px;
      color: #000;
}
.TTalk_leaveMessage .TTalk_Succsess .TTalk_message_success_tips[data-v-3a4551cb] {
      color: #979797;
}
.TTalk_leaveMessage_phone[data-v-3a4551cb] {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f9f9fb;
}
.TTalk_leaveMessage_phone .TTalk_message_top[data-v-3a4551cb] {
    display: flex;
    align-items: center;
    height: 54px;
    line-height: 54px;
    background: #409eff;
    color: #fff;
}
.TTalk_leaveMessage_phone .TTalk_message_top .TTalk_top_title[data-v-3a4551cb] {
      float: left;
      padding-left: 20px;
      width: 83%;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
}
.TTalk_leaveMessage_phone .TTalk_message_body_left[data-v-3a4551cb] {
    text-align: center;
    padding: 20px;
}
.TTalk_leaveMessage_phone .TTalk_message_body_left .TTalk_tips[data-v-3a4551cb] {
      font-size: 14px;
      margin-bottom: 20px;
}
.TTalk_leaveMessage_phone .TTalk_Succsess[data-v-3a4551cb] {
    text-align: center;
}
.TTalk_leaveMessage_phone .TTalk_Succsess img[data-v-3a4551cb] {
      padding-top: 50px;
      padding-bottom: 20px;
}
.TTalk_leaveMessage_phone .TTalk_Succsess .TTalk_message_success[data-v-3a4551cb] {
      padding-bottom: 12px;
}
.TTalk_leaveMessage_phone .TTalk_Succsess .TTalk_message_success_tips[data-v-3a4551cb] {
      color: #979797;
}
.TTButton_Close[data-v-3a4551cb] {
  background: #fff;
  border: 1px solid #ccc;
  font-size: 14px;
  padding: 10px 25px;
}
@media screen and (max-width: 415px) {
.TTalk_leaveMessage[data-v-3a4551cb] {
    width: 100%;
    height: 100% !important;
    box-sizing: border-box;
}
}
.TTalk_draggable[data-v-3a4551cb] {
  position: fixed;
  z-index: 2000;
}
.TTalk_draggable .drag[data-v-3a4551cb] {
    cursor: move;
}
.TTalk_leaveMessage[data-v-3a4551cb] input, .TTalk_leaveMessage_phone[data-v-3a4551cb] input {
  width: 100%;
  line-height: 18px;
  padding: 10px 10px 10px 40px;
  width: calc(100%);
}
#TT_All_messageForm.invitation-message .TTalk_message_top[data-v-3a4551cb],
#TT_All_messageForm.invitation-message[data-v-3a4551cb] .TTalk_div-head {
  height: 48px;
}
#TT_All_messageForm.invitation-message .TTalk_message_top .TTalk_top_title[data-v-3a4551cb],
  #TT_All_messageForm.invitation-message[data-v-3a4551cb] .TTalk_div-head .TTalk_top_title {
    line-height: 48px;
}
#TT_All_messageForm.invitation-message .TTalk_message_body_left_no[data-v-3a4551cb] {
  height: calc(100% - 48px);
}
#TT_All_messageForm.invitation-message .TTalk_else_message .TTalk_leaveMessage[data-v-3a4551cb] {
  height: 550px !important;
}
#TT_All_messageForm.invitation-message .TTalk_leaveMessage[data-v-3a4551cb] {
  width: 418px;
}
#TT_All_messageForm.invitation-message .TTalk_Succsess[data-v-3a4551cb] {
  height: 508px;
}
#TT_All_messageForm.invitation-message .TTalk_div-right[data-v-3a4551cb] {
  width: 220px;
  box-sizing: border-box;
  height: 550px !important;
  display: flex;
  flex-direction: column;
}
#TT_All_messageForm.invitation-message .TTalk_div-right[data-v-3a4551cb] .TTalk_div-head,
  #TT_All_messageForm.invitation-message .TTalk_div-right[data-v-3a4551cb] .TTalk_div-title {
    flex-grow: 0;
    flex-shrink: 0;
}
#TT_All_messageForm.invitation-message .TTalk_div-right[data-v-3a4551cb] .TTalk_div-title {
    height: 220px;
}
#TT_All_messageForm.invitation-message .TTalk_div-right[data-v-3a4551cb] .TTalk_div-issue {
    flex-grow: 1;
    flex-shrink: 1;
    height: 0;
}

.Ttalk_center_show[data-v-2f6dd36f] {
  opacity: 1 !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.Ttalk_center_notshow[data-v-2f6dd36f] {
  opacity: 0 !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@-webkit-keyframes fadeInRight-data-v-2f6dd36f {
0% {
    opacity: 0;
    transform: translateX(-335px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes fadeInRight-data-v-2f6dd36f {
0% {
    opacity: 0;
    transform: translateX(-335px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
.fadeInRight[data-v-2f6dd36f] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInRight-data-v-2f6dd36f;
          animation-name: fadeInRight-data-v-2f6dd36f;
}
@-webkit-keyframes fadeoutRight-data-v-2f6dd36f {
0% {
    opacity: 0;
    transform: translateX(0);
}
to {
    opacity: 1;
    transform: translateX(-550px);
}
}
@keyframes fadeoutRight-data-v-2f6dd36f {
0% {
    opacity: 0;
    transform: translateX(0);
}
to {
    opacity: 1;
    transform: translateX(-550px);
}
}
.fadeoutRight[data-v-2f6dd36f] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeoutRight-data-v-2f6dd36f;
          animation-name: fadeoutRight-data-v-2f6dd36f;
}
@-webkit-keyframes fadeInleft-data-v-2f6dd36f {
0% {
    opacity: 0;
    transform: translateX(525px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes fadeInleft-data-v-2f6dd36f {
0% {
    opacity: 0;
    transform: translateX(525px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
.fadeInleft[data-v-2f6dd36f] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInleft-data-v-2f6dd36f;
          animation-name: fadeInleft-data-v-2f6dd36f;
}
@-webkit-keyframes fadeoutleft-data-v-2f6dd36f {
0% {
    opacity: 0;
    transform: translateX(0);
}
to {
    opacity: 1;
    transform: translateX(560px);
}
}
@keyframes fadeoutleft-data-v-2f6dd36f {
0% {
    opacity: 0;
    transform: translateX(0);
}
to {
    opacity: 1;
    transform: translateX(560px);
}
}
.fadeoutleft[data-v-2f6dd36f] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeoutleft-data-v-2f6dd36f;
          animation-name: fadeoutleft-data-v-2f6dd36f;
}
@-webkit-keyframes fadeIntop-data-v-2f6dd36f {
0% {
    opacity: 0;
    transform: translateY(-155px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes fadeIntop-data-v-2f6dd36f {
0% {
    opacity: 0;
    transform: translateY(-155px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.fadeIntop[data-v-2f6dd36f] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeIntop-data-v-2f6dd36f;
          animation-name: fadeIntop-data-v-2f6dd36f;
}
@-webkit-keyframes fadeouttop-data-v-2f6dd36f {
0% {
    opacity: 0;
    transform: translateY(0);
}
to {
    opacity: 1;
    transform: translateY(-560px);
}
}
@keyframes fadeouttop-data-v-2f6dd36f {
0% {
    opacity: 0;
    transform: translateY(0);
}
to {
    opacity: 1;
    transform: translateY(-560px);
}
}
.fadeouttop[data-v-2f6dd36f] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeouttop-data-v-2f6dd36f;
          animation-name: fadeouttop-data-v-2f6dd36f;
}
@-webkit-keyframes fadeInbottom-data-v-2f6dd36f {
0% {
    opacity: 0;
    transform: translateY(155px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes fadeInbottom-data-v-2f6dd36f {
0% {
    opacity: 0;
    transform: translateY(155px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.fadeInbottom[data-v-2f6dd36f] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInbottom-data-v-2f6dd36f;
          animation-name: fadeInbottom-data-v-2f6dd36f;
}
@-webkit-keyframes fadeoutbottom-data-v-2f6dd36f {
0% {
    opacity: 0;
    transform: translateY(0);
}
to {
    opacity: 1;
    transform: translateY(460px);
}
}
@keyframes fadeoutbottom-data-v-2f6dd36f {
0% {
    opacity: 0;
    transform: translateY(0);
}
to {
    opacity: 1;
    transform: translateY(460px);
}
}
.fadeoutbottom[data-v-2f6dd36f] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeoutbottom-data-v-2f6dd36f;
          animation-name: fadeoutbottom-data-v-2f6dd36f;
}
ul[data-v-2f6dd36f] {
  padding-left: 0;
}
p[data-v-2f6dd36f] {
  margin: 0;
}
.TTalk_preview_phone[data-v-2f6dd36f] {
  height: 100px !important;
  width: 250px !important;
}
.TTalk_preview_phone.TTalk_preview_new[data-v-2f6dd36f] {
    width: 80vw !important;
    height: auto !important;
}
.TTalk_preview_phone.TTalk_preview_new .preview-close[data-v-2f6dd36f] {
      right: 2.553vw;
      top: 2.553vw;
}
.TTalk_preview_phone.TTalk_preview_new .preview-close i[data-v-2f6dd36f] {
        font-size: 2.723vw;
}
.TTalk_preview_phone.TTalk_preview_new .preview-sure[data-v-2f6dd36f] {
      bottom: 10.21vw;
      right: 16.17vw;
      width: 25.2vw;
      height: 7.489vw;
      border-radius: 3.75vw;
      line-height: 7.489vw;
      font-size: 3.064vw;
}
.TTalk_preview_phone.TTalk_preview_new img[data-v-2f6dd36f] {
      width: 100%;
}
.TTalk_preview_phone.TTalk_preview_new.TTalk_preview_new.TTalk_preview_new81 .preview-close[data-v-2f6dd36f] {
      top: 5.16vw;
}
.TTalk_preview_phone.TTalk_preview_new.TTalk_preview_new.TTalk_preview_new81 .preview-sure[data-v-2f6dd36f] {
      bottom: 2.553vw;
      right: unset;
}
.TTalk_preview[data-v-2f6dd36f] {
  position: fixed;
  opacity: 0;
  width: 335px;
  height: 148px;
  z-index: 999999;
  margin: auto;
}
.TTalk_preview img[data-v-2f6dd36f] {
    float: left;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.TTalk_preview p[data-v-2f6dd36f] {
    float: right;
    font-size: 16px;
    color: #f9fbfe;
    margin-top: -145px;
    margin-right: 10px;
    cursor: pointer;
}
.TTalk_preview h3[data-v-2f6dd36f] {
    float: right;
    margin-top: -95px;
    margin-right: 15px;
    color: #fff;
}
.TTalk_preview h3 b[data-v-2f6dd36f] {
      font-size: 14px;
      color: #fff;
}
.TTalk_preview div[data-v-2f6dd36f] {
    float: right;
    margin-top: -40px;
    margin-right: 5px;
}
.TTalk_preview div span[data-v-2f6dd36f] {
      display: inline-block;
      width: 66px;
      height: 28px;
      text-align: center;
      line-height: 28px;
      border: 1px solid #fff;
      margin-right: 5px;
      border-radius: 5px;
      cursor: pointer;
      font-size: 14px;
}
.TTalk_preview div span[data-v-2f6dd36f]:nth-child(1) {
      color: #fff;
}
.TTalk_preview div span[data-v-2f6dd36f]:nth-child(2) {
      background: #fff;
      color: #4587e8;
}
.TTalk_preview_new[data-v-2f6dd36f] {
  width: auto;
  height: auto;
  background-color: transparent;
}
.TTalk_preview_new .preview-shadow[data-v-2f6dd36f] {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: calc(100% - 40px);
    border-radius: 10px;
    box-shadow: 3px 4px 20px 0px #282c351a;
}
.TTalk_preview_new .preview-action[data-v-2f6dd36f] {
    cursor: pointer;
}
.TTalk_preview_new .preview-close[data-v-2f6dd36f] {
    position: absolute;
    right: 15px;
    top: 15px;
    margin: 0;
    color: #ffffff;
    width: 25px;
    height: 25px;
}
.TTalk_preview_new .preview-sure[data-v-2f6dd36f] {
    position: absolute;
    bottom: 60px;
    right: 95px;
    width: 148px;
    height: 44px;
    border-radius: 22px;
    background-color: #fff;
    line-height: 44px;
    text-align: center;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: normal;
    color: #407bfe;
}
.TTalk_preview_new img[data-v-2f6dd36f] {
    width: auto;
    height: auto;
}
.TTalk_preview_new81 .preview-close[data-v-2f6dd36f] {
  top: 30px;
  color: #bec7c8;
}
.TTalk_preview_new81 .preview-sure[data-v-2f6dd36f] {
  bottom: 15px;
  left: 50%;
  right: unset;
  transform: translateX(-50%);
}
</style>
  <style type="text/css">
.TTalk_message_body_left p {
  margin: 0;
}

.Ttalk_center_show[data-v-16002af2] {
  position: fixed !important;
  opacity: 1 !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.Ttalk_center_notshow[data-v-16002af2] {
  position: fixed !important;
  opacity: 0 !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@-webkit-keyframes fadeInRight-data-v-16002af2 {
0% {
    opacity: 0;
    transform: translateX(-335px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes fadeInRight-data-v-16002af2 {
0% {
    opacity: 0;
    transform: translateX(-335px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
.fadeInRight[data-v-16002af2] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInRight-data-v-16002af2;
          animation-name: fadeInRight-data-v-16002af2;
}
@-webkit-keyframes fadeoutRight-data-v-16002af2 {
0% {
    opacity: 0;
    transform: translateX(0);
}
to {
    opacity: 1;
    transform: translateX(-580px);
}
}
@keyframes fadeoutRight-data-v-16002af2 {
0% {
    opacity: 0;
    transform: translateX(0);
}
to {
    opacity: 1;
    transform: translateX(-580px);
}
}
.fadeoutRight[data-v-16002af2] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeoutRight-data-v-16002af2;
          animation-name: fadeoutRight-data-v-16002af2;
}
@-webkit-keyframes fadeInleft-data-v-16002af2 {
0% {
    opacity: 0;
    transform: translateX(325px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes fadeInleft-data-v-16002af2 {
0% {
    opacity: 0;
    transform: translateX(325px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
.fadeInleft[data-v-16002af2] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInleft-data-v-16002af2;
          animation-name: fadeInleft-data-v-16002af2;
}
@-webkit-keyframes fadeoutleft-data-v-16002af2 {
0% {
    opacity: 0;
    transform: translateX(0);
}
to {
    opacity: 1;
    transform: translateX(600px);
}
}
@keyframes fadeoutleft-data-v-16002af2 {
0% {
    opacity: 0;
    transform: translateX(0);
}
to {
    opacity: 1;
    transform: translateX(600px);
}
}
.fadeoutleft[data-v-16002af2] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeoutleft-data-v-16002af2;
          animation-name: fadeoutleft-data-v-16002af2;
}
@-webkit-keyframes fadeIntop-data-v-16002af2 {
0% {
    opacity: 0;
    transform: translateY(-155px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes fadeIntop-data-v-16002af2 {
0% {
    opacity: 0;
    transform: translateY(-155px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.fadeIntop[data-v-16002af2] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeIntop-data-v-16002af2;
          animation-name: fadeIntop-data-v-16002af2;
}
@-webkit-keyframes fadeouttop-data-v-16002af2 {
0% {
    opacity: 0;
    transform: translateY(0);
}
to {
    opacity: 1;
    transform: translateY(-640px);
}
}
@keyframes fadeouttop-data-v-16002af2 {
0% {
    opacity: 0;
    transform: translateY(0);
}
to {
    opacity: 1;
    transform: translateY(-640px);
}
}
.fadeouttop[data-v-16002af2] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeouttop-data-v-16002af2;
          animation-name: fadeouttop-data-v-16002af2;
}
@-webkit-keyframes fadeInbottom-data-v-16002af2 {
0% {
    opacity: 0;
    transform: translateY(155px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes fadeInbottom-data-v-16002af2 {
0% {
    opacity: 0;
    transform: translateY(155px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.fadeInbottom[data-v-16002af2] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInbottom-data-v-16002af2;
          animation-name: fadeInbottom-data-v-16002af2;
}
@-webkit-keyframes fadeoutbottom-data-v-16002af2 {
0% {
    opacity: 0;
    transform: translateY(0);
}
to {
    opacity: 1;
    transform: translateY(540px);
}
}
@keyframes fadeoutbottom-data-v-16002af2 {
0% {
    opacity: 0;
    transform: translateY(0);
}
to {
    opacity: 1;
    transform: translateY(540px);
}
}
.fadeoutbottom[data-v-16002af2] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeoutbottom-data-v-16002af2;
          animation-name: fadeoutbottom-data-v-16002af2;
}
.TTalk_InvitationMessage[data-v-16002af2] {
  opacity: 0;
  width: 372px;
  position: fixed;
}
.Ttalk_mr10[data-v-16002af2] {
  margin-right: 15px;
}
.formClass[data-v-16002af2] {
  position: absolute;
  width: 18px;
  top: 10px;
  left: 10px;
}
.TTalk_tips[data-v-16002af2]::-webkit-scrollbar {
  width: 2px;
}
.TTalk_tips[data-v-16002af2]::-webkit-scrollbar-track-piece {
  background-color: #ccc;
  -webkit-border-radius: 2px;
}
.TTalk_tips[data-v-16002af2]::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #ddd;
  -webkit-border-radius: 2px;
}
.TTalk_close[data-v-16002af2] {
  float: right;
  margin-right: 10px;
  font-style: normal;
  font-size: 24px;
  cursor: pointer;
}
.TTalk_allleaveMessage[data-v-16002af2] {
  z-index: 99999;
}
.TTalk_rightmsg[data-v-16002af2] {
  background: #f5f5f5 !important;
  width: 500px;
  height: 550px !important;
}
.TTalk_allleaveMessage .TTalk_div-right[data-v-16002af2] {
  width: 220px;
}
.TTalk_leaveMessage[data-v-16002af2] {
  margin: 0 auto;
  float: left;
  background: #f9f9fb;
  width: 370px;
}
.TTalk_leaveMessage .TTalk_message_top[data-v-16002af2] {
    display: flex;
    align-items: center;
    height: 48px;
    text-align: left;
    background: #337eff;
    color: #fff;
    font-size: 16px;
    padding: 0 21px;
}
.TTalk_leaveMessage .TTalk_message_top i[data-v-16002af2] {
      cursor: pointer;
      font-size: 18px;
      line-height: 1;
}
.TTalk_leaveMessage .TTalk_message_top .TTalk_top_title[data-v-16002af2] {
      float: left;
      width: 85%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
}
.TTalk_leaveMessage .TTalk_message_body_left[data-v-16002af2] {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: center;
    background: #f9f9fb;
    padding: 21px 17px;
}
.TTalk_leaveMessage .TTalk_message_body_left .TTalk_tips[data-v-16002af2] {
      font-size: 14px;
      line-height: 18px;
      text-align: left;
      max-height: 40px;
      overflow: auto;
      margin-bottom: 20px;
      color: #999999;
}
.TTalk_leaveMessage .TTalk_message_body_left .TTalk_tit[data-v-16002af2] {
      margin-top: 100px;
      font-size: 15px;
      color: #a8a8bd;
      background: #f5f5f5;
}
.TTalk_leaveMessage .TTalk_message_body_left_no[data-v-16002af2] {
    background: #f5f5f5;
    padding-top: 20%;
}
.TTalk_leaveMessage .TTalk_Succsess[data-v-16002af2] {
    display: flex;
    flex-direction: column;
    padding-top: 75px;
    align-items: center;
    justify-content: flex-start;
    background: #f9f9fb;
    min-height: 422px;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    margin: 0 auto;
    text-align: center;
}
.TTalk_leaveMessage .TTalk_Succsess .TTalk_message_success[data-v-16002af2] {
      margin: 19px 0;
      font-size: 22px;
      color: #000;
}
.TTalk_leaveMessage .TTalk_Succsess .TTalk_message_success_tips[data-v-16002af2] {
      color: #979797;
}
.TTalk_leaveMessage_phone[data-v-16002af2] {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  transform: translate(100%, 0);
  background: #fff;
}
.TTalk_leaveMessage_phone .TTalk_message_body_left[data-v-16002af2] {
    height: 100%;
}
.TTalk_leaveMessage_phone .TTalk_message_top[data-v-16002af2] {
    display: flex;
    align-items: center;
    height: 54px;
    line-height: 54px;
    background: #409eff;
    color: #fff;
}
.TTalk_leaveMessage_phone .TTalk_message_top .TTalk_top_title[data-v-16002af2] {
      float: left;
      padding-left: 20px;
      width: 83%;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
}
.TTalk_leaveMessage_phone .TTalk_message_body_left[data-v-16002af2] {
    text-align: center;
    padding: 20px;
}
.TTalk_leaveMessage_phone .TTalk_message_body_left .TTalk_tips[data-v-16002af2] {
      font-size: 14px;
}
.TTalk_leaveMessage_phone .TTalk_Succsess[data-v-16002af2] {
    text-align: center;
}
.TTalk_leaveMessage_phone .TTalk_Succsess img[data-v-16002af2] {
      padding-top: 50px;
      padding-bottom: 20px;
}
.TTalk_leaveMessage_phone .TTalk_Succsess .TTalk_message_success[data-v-16002af2] {
      padding-bottom: 30px;
}
.TTButton_Close[data-v-16002af2] {
  background: #fff;
  border: 1px solid #ccc;
  font-size: 14px;
  padding: 10px 25px;
}
@media screen and (max-width: 415px) {
.TTalk_leaveMessage[data-v-16002af2] {
    width: 100%;
    height: 100% !important;
}
}
.TTalk_draggable[data-v-16002af2] {
  position: fixed;
  width: 100%;
  z-index: 2000;
}
.TTalk_draggable .drag[data-v-16002af2] {
    cursor: move;
}
.TTalk_message_item[data-v-16002af2] {
  background: #fff;
}
#InvitationMessageId[data-v-16002af2] input {
  width: 100%;
  line-height: 18px;
  padding: 11px 10px 11px 0px;
  width: calc(100% - 40px);
}
#InvitationMessageId.invitation-message[data-v-16002af2] {
  width: 418px;
}
#InvitationMessageId.invitation-message .TTalk_leaveMessage[data-v-16002af2] {
    width: 100%;
}
#InvitationMessageId.invitation-message .TTalk_Succsess[data-v-16002af2] {
    height: 508px;
}

.ttalk-entrance .e[data-v-c1f1e874] {
  text-align: center;
  cursor: pointer;
  position: fixed;
  color: #fff;
  background: #f00;
  font-size: 15px;
  z-index: 999999;
  margin: 12px;
}
.ttalk-entrance .e img[data-v-c1f1e874] {
    width: 15px;
    height: 15px;
    position: absolute;
    display: inline-block;
}
.ttalk-entrance .e span[data-v-c1f1e874] {
    position: absolute;
    top: -4px;
    display: inline-block;
    min-width: 15px;
    height: 15px;
    background: red;
    border-radius: 100%;
    line-height: 15px;
    right: -4px;
    font-size: 12px;
    text-align: center;
}
.ttalk-entrance .e1[data-v-c1f1e874] {
  width: 28px;
  height: 110px;
  line-height: 18px;
  border-radius: 24px;
  padding-top: 15px;
}
.ttalk-entrance .e1 img[data-v-c1f1e874] {
    top: 15px;
    left: 7px;
}
.ttalk-entrance .e2[data-v-c1f1e874] {
  width: 75px;
  height: 75px;
  border-radius: 10px;
  line-height: 30px;
}
.ttalk-entrance .e2 img[data-v-c1f1e874] {
    top: 20px;
    left: 30px;
}
.ttalk-entrance .e3[data-v-c1f1e874] {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  line-height: 30px;
}
.ttalk-entrance .e3 img[data-v-c1f1e874] {
    top: 20px;
    left: 30px;
}
.ttalk-entrance .e3 span[data-v-c1f1e874] {
    top: 10px;
    right: 0px;
}
.online-style[data-v-c1f1e874] {
  position: absolute;
  width: 50px;
  height: 50px;
}
.online-style .red-point[data-v-c1f1e874] {
    position: absolute;
    right: 20px;
    top: 12px;
    width: 9px;
    height: 9px;
    background: #ff904d;
    border-radius: 50%;
}
.online-style .action[data-v-c1f1e874] {
    cursor: pointer;
}
.online-style .online[data-v-c1f1e874],
  .online-style .online .action[data-v-c1f1e874] {
    width: 76px;
    height: 76px;
}
.online-style .online .bg[data-v-c1f1e874],
  .online-style .online .action[data-v-c1f1e874] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-position: center;
    background-repeat: no-repeat;
}
.online-style .online .bg[data-v-c1f1e874] {
    width: 76px;
    height: 76px;
    pointer-events: none;
}
.online-style:hover .online-hover[data-v-c1f1e874] {
    width: 138px;
}
.online-style .online-hover[data-v-c1f1e874] {
    position: absolute;
    overflow: hidden;
    top: 0;
    width: 0;
    height: 72px;
    transition: all 0.3s;
}
.online-style .online-hover .bg[data-v-c1f1e874],
    .online-style .online-hover .action[data-v-c1f1e874] {
      width: 138px;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background-repeat: no-repeat;
}
.online-style .online-hover .style-item-text[data-v-c1f1e874] {
      position: absolute;
      left: 22px;
      top: 14px;
      padding-left: 24px;
      background-repeat: no-repeat;
      background-size: 18px 18px;
      background-position-x: 2px;
      background-position-y: 2px;
      color: #333;
      line-height: 22px;
      font-size: 14px;
}
.e11.elevel1 .red-point[data-v-c1f1e874] {
  position: absolute;
  width: 9px;
  height: 9px;
  background: #ff904d;
  border-radius: 50%;
  right: 20px;
  top: 15px;
}
.e11.elevel2 .red-point[data-v-c1f1e874] {
  position: absolute;
  width: 9px;
  height: 9px;
  background: #ff904d;
  border-radius: 50%;
  right: 15px;
  top: 15px;
}
.e12 .red-point[data-v-c1f1e874] {
  position: absolute;
  right: 20px;
  top: 12px;
  width: 9px;
  height: 9px;
  background: #ff904d;
  border-radius: 50%;
}
.e13.elevel1 .red-point[data-v-c1f1e874] {
  position: absolute;
  right: 15px;
  top: 13px;
  width: 9px;
  height: 9px;
  background: #ff904d;
  border-radius: 50%;
}
.e13.elevel2 .red-point[data-v-c1f1e874] {
  position: absolute;
  right: 16px;
  top: 11px;
  width: 9px;
  height: 9px;
  background: #ff904d;
  border-radius: 50%;
}

#app {
  line-height: normal;
}
.ke-toolbar-icon {
  width: 22px !important;
  height: 22px !important;
  background-size: 100% auto !important;
}
.ke-toolbar .ke-outline {
  padding: 0;
  margin-right: 20px;
}
.ttalk-entrance .ke-toolbar-icon-url {
  background-image: url("https://prettalkjs.71360.com/img/default.4a1cec12.png");
}
.ttalk-entrance .ke-icon-emoticons {
  background-size: cover;
  background-position: 0;
  background-image: url("https://prettalkjs.71360.com/Images/emotion.png");
}
.ttalk-entrance .ke-icon-emoticons:hover {
    background-image: url("https://prettalkjs.71360.com/Images/emotion-hover.png");
}
.ttalk-entrance .ke-icon-image {
  background-size: cover;
  background-position: 0;
  width: 19px;
  background-image: url("https://prettalkjs.71360.com/Images/uploadImg.png");
}
.ttalk-entrance .ke-icon-image:hover {
    background-image: url("https://prettalkjs.71360.com/Images/uploadImg-hover.png");
}
.ttalk-entrance .ke-icon-insertfile {
  background-size: cover;
  width: 19px;
  background-position: 0;
  background-image: url("https://prettalkjs.71360.com/Images/upload.png");
}
.ttalk-entrance .ke-icon-insertfile:hover {
    background-image: url("https://prettalkjs.71360.com/Images/upload-hover.png");
}
.ttalk-entrance .ke-icon-invite {
  background-size: cover;
  width: 16px;
  height: 16px;
  background-position: 0;
  background-image: url("https://prettalkjs.71360.com/Images/Evaluation.png");
}
.ttalk-entrance .ke-icon-invite:hover {
    background-image: url("https://prettalkjs.71360.com/Images/Evaluation-hover.png");
}
.not-sumitVote .ke-icon-invite {
  background-size: cover;
  width: 16px;
  height: 16px;
  background-position: 0;
  background-image: url("https://prettalkjs.71360.com/Images/noEvaluation.png");
}