/* a11y-dark theme */
/* Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css */
/* @author: ericwbailey */
/* Comment */
.code-preview-dark-theme {
  /* Red */
  /* Orange */
  /* Yellow */
  /* Green */
  /* Blue */
  /* Purple */
}
.code-preview-dark-theme .hljs-comment,
.code-preview-dark-theme .hljs-quote {
  color: #d4d0ab;
}
.code-preview-dark-theme .hljs-variable,
.code-preview-dark-theme .hljs-template-variable,
.code-preview-dark-theme .hljs-tag,
.code-preview-dark-theme .hljs-name,
.code-preview-dark-theme .hljs-selector-id,
.code-preview-dark-theme .hljs-selector-class,
.code-preview-dark-theme .hljs-regexp,
.code-preview-dark-theme .hljs-deletion {
  color: #ffa07a;
}
.code-preview-dark-theme .hljs-number,
.code-preview-dark-theme .hljs-built_in,
.code-preview-dark-theme .hljs-builtin-name,
.code-preview-dark-theme .hljs-literal,
.code-preview-dark-theme .hljs-type,
.code-preview-dark-theme .hljs-params,
.code-preview-dark-theme .hljs-meta,
.code-preview-dark-theme .hljs-link {
  color: #f5ab35;
}
.code-preview-dark-theme .hljs-attribute {
  color: #ffd700;
}
.code-preview-dark-theme .hljs-string,
.code-preview-dark-theme .hljs-symbol,
.code-preview-dark-theme .hljs-bullet,
.code-preview-dark-theme .hljs-addition {
  color: #abe338;
}
.code-preview-dark-theme .hljs-title,
.code-preview-dark-theme .hljs-section {
  color: #00e0e0;
}
.code-preview-dark-theme .hljs-keyword,
.code-preview-dark-theme .hljs-selector-tag {
  color: #dcc6e0;
}
.code-preview-dark-theme .hljs {
  display: block;
  overflow-x: auto;
  background: #2b2b2b;
  color: #f8f8f2;
  padding: 0.5em;
}
.code-preview-dark-theme .hljs-emphasis {
  font-style: italic;
}
.code-preview-dark-theme .hljs-strong {
  font-weight: bold;
}
@media screen and (-ms-high-contrast: active) {
  .code-preview-dark-theme .hljs-addition,
  .code-preview-dark-theme .hljs-attribute,
  .code-preview-dark-theme .hljs-built_in,
  .code-preview-dark-theme .hljs-builtin-name,
  .code-preview-dark-theme .hljs-bullet,
  .code-preview-dark-theme .hljs-comment,
  .code-preview-dark-theme .hljs-link,
  .code-preview-dark-theme .hljs-literal,
  .code-preview-dark-theme .hljs-meta,
  .code-preview-dark-theme .hljs-number,
  .code-preview-dark-theme .hljs-params,
  .code-preview-dark-theme .hljs-string,
  .code-preview-dark-theme .hljs-symbol,
  .code-preview-dark-theme .hljs-type,
  .code-preview-dark-theme .hljs-quote {
    color: highlight;
  }
  .code-preview-dark-theme .hljs-keyword,
  .code-preview-dark-theme .hljs-selector-tag {
    font-weight: bold;
  }
}

/* a11y-light theme */
/* Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css */
/* @author: ericwbailey */
/* Comment */
.code-preview-light-theme {
  /* Red */
  /* Orange */
  /* Yellow */
  /* Green */
  /* Blue */
  /* Purple */
}
.code-preview-light-theme .hljs-comment,
.code-preview-light-theme .hljs-quote {
  color: #696969;
}
.code-preview-light-theme .hljs-variable,
.code-preview-light-theme .hljs-template-variable,
.code-preview-light-theme .hljs-tag,
.code-preview-light-theme .hljs-name,
.code-preview-light-theme .hljs-selector-id,
.code-preview-light-theme .hljs-selector-class,
.code-preview-light-theme .hljs-regexp,
.code-preview-light-theme .hljs-deletion {
  color: #d91e18;
}
.code-preview-light-theme .hljs-number,
.code-preview-light-theme .hljs-built_in,
.code-preview-light-theme .hljs-builtin-name,
.code-preview-light-theme .hljs-literal,
.code-preview-light-theme .hljs-type,
.code-preview-light-theme .hljs-params,
.code-preview-light-theme .hljs-meta,
.code-preview-light-theme .hljs-link {
  color: #aa5d00;
}
.code-preview-light-theme .hljs-attribute {
  color: #aa5d00;
}
.code-preview-light-theme .hljs-string,
.code-preview-light-theme .hljs-symbol,
.code-preview-light-theme .hljs-bullet,
.code-preview-light-theme .hljs-addition {
  color: #008000;
}
.code-preview-light-theme .hljs-title,
.code-preview-light-theme .hljs-section {
  color: #007faa;
}
.code-preview-light-theme .hljs-keyword,
.code-preview-light-theme .hljs-selector-tag {
  color: #7928a1;
}
.code-preview-light-theme .hljs {
  display: block;
  overflow-x: auto;
  background: #fefefe;
  color: #545454;
  padding: 0.5em;
}
.code-preview-light-theme .hljs-emphasis {
  font-style: italic;
}
.code-preview-light-theme .hljs-strong {
  font-weight: bold;
}
@media screen and (-ms-high-contrast: active) {
  .code-preview-light-theme .hljs-addition,
  .code-preview-light-theme .hljs-attribute,
  .code-preview-light-theme .hljs-built_in,
  .code-preview-light-theme .hljs-builtin-name,
  .code-preview-light-theme .hljs-bullet,
  .code-preview-light-theme .hljs-comment,
  .code-preview-light-theme .hljs-link,
  .code-preview-light-theme .hljs-literal,
  .code-preview-light-theme .hljs-meta,
  .code-preview-light-theme .hljs-number,
  .code-preview-light-theme .hljs-params,
  .code-preview-light-theme .hljs-string,
  .code-preview-light-theme .hljs-symbol,
  .code-preview-light-theme .hljs-type,
  .code-preview-light-theme .hljs-quote {
    color: highlight;
  }
  .code-preview-light-theme .hljs-keyword,
  .code-preview-light-theme .hljs-selector-tag {
    font-weight: bold;
  }
}

.pointer {
  cursor: pointer;
}
.hiddenEllipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: keep-all;
}
@font-face {
  font-family: 'drive';
  src: url(../fonts/drive.eot);
  src: url(../fonts/drive.eot) format('embedded-opentype'), url(../fonts/drive.ttf) format('truetype'), url(../fonts/drive.woff) format('woff'), url(../icons/drive.svg) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^='components-icon-'],
[class*=' components-icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'drive' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.components-icon-add:before {
  content: "\E90E";
  color: #666;
}
.components-icon-addfolder:before {
  content: "\E90F";
  color: #666;
}
.components-icon-add-user:before {
  content: "\E910";
  color: #666;
}
.components-icon-anonymous:before {
  content: "\E911";
}
.components-icon-approve .path1:before {
  content: "\E912";
  color: #424d5f;
}
.components-icon-approve .path2:before {
  content: "\E913";
  margin-left: -1em;
  color: #4587f0;
}
.components-icon-approve .path3:before {
  content: "\E914";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-approve .path4:before {
  content: "\E915";
  margin-left: -1em;
  color: #8b572a;
}
.components-icon-approve .path5:before {
  content: "\E916";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-approve .path6:before {
  content: "\E917";
  margin-left: -1em;
  color: #7ed321;
}
.components-icon-approve .path7:before {
  content: "\E918";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-approve .path8:before {
  content: "\E919";
  margin-left: -1em;
  color: #50e3c2;
}
.components-icon-approve .path9:before {
  content: "\E91A";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-approve .path10:before {
  content: "\E91B";
  margin-left: -1em;
  color: #3e8ed7;
}
.components-icon-approve .path11:before {
  content: "\E91C";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-approve .path12:before {
  content: "\E91D";
  margin-left: -1em;
  color: #bd10e0;
}
.components-icon-approve .path13:before {
  content: "\E91E";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-apps:before {
  content: "\E91F";
  color: #666;
}
.components-icon-arrow-down:before {
  content: "\E920";
}
.components-icon-attachments:before {
  content: "\E921";
  color: #666;
}
.components-icon-back:before {
  content: "\E922";
  color: #666;
}
.components-icon-bubble:before {
  content: "\E923";
  color: #999;
}
.components-icon-camera:before {
  content: "\E924";
  color: #999;
}
.components-icon-card:before {
  content: "\E925";
  color: #666;
}
.components-icon-check:before {
  content: "\E926";
  color: #666;
}
.components-icon-check-circle .path1:before {
  content: "\E927";
  color: #68c700;
}
.components-icon-check-circle .path2:before {
  content: "\E928";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-chevrondown:before {
  content: "\E929";
  color: #666;
}
.components-icon-chevronleft:before {
  content: "\E92A";
  color: #666;
}
.components-icon-chevronright:before {
  content: "\E92B";
  color: #666;
}
.components-icon-chevrontop:before {
  content: "\E92C";
  color: #666;
}
.components-icon-clock:before {
  content: "\E92D";
  color: #666;
}
.components-icon-close:before {
  content: "\E92E";
  color: #666;
}
.components-icon-close-circle:before {
  content: "\E92F";
  color: #666;
}
.components-icon-cloud:before {
  content: "\E930";
  color: #666;
}
.components-icon-cloud2:before {
  content: "\E931";
  color: #999;
}
.components-icon-cloud-code .path1:before {
  content: "\E932";
  color: #72b2a2;
}
.components-icon-cloud-code .path2:before {
  content: "\E933";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-code .path3:before {
  content: "\E934";
  margin-left: -1em;
  color: #72b2a2;
}
.components-icon-cloud-code .path4:before {
  content: "\E935";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-csv .path1:before {
  content: "\E936";
  color: #efb825;
}
.components-icon-cloud-csv .path2:before {
  content: "\E937";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-csv .path3:before {
  content: "\E938";
  margin-left: -1em;
  color: #efb825;
}
.components-icon-cloud-csv .path4:before {
  content: "\E939";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-excel .path1:before {
  content: "\E93A";
  color: #79ac65;
}
.components-icon-cloud-excel .path2:before {
  content: "\E93B";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-excel .path3:before {
  content: "\E93C";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-excel .path4:before {
  content: "\E93D";
  margin-left: -1em;
  color: #79ac65;
}
.components-icon-cloud-excel .path5:before {
  content: "\E93E";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-folder .path1:before {
  content: "\E93F";
  color: #74aaff;
}
.components-icon-cloud-folder .path2:before {
  content: "\E940";
  margin-left: -1em;
  color: #74aaff;
}
.components-icon-cloud-folder .path3:before {
  content: "\E941";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-image .path1:before {
  content: "\E942";
  color: #b49fd4;
}
.components-icon-cloud-image .path2:before {
  content: "\E943";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-image .path3:before {
  content: "\E944";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-image .path4:before {
  content: "\E945";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-image .path5:before {
  content: "\E946";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-image .path6:before {
  content: "\E947";
  margin-left: -1em;
  color: #b49fd4;
}
.components-icon-cloud-image .path7:before {
  content: "\E948";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-pdf .path1:before {
  content: "\E949";
  color: #d66247;
}
.components-icon-cloud-pdf .path2:before {
  content: "\E94A";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-pdf .path3:before {
  content: "\E94B";
  margin-left: -1em;
  color: #d66247;
}
.components-icon-cloud-pdf .path4:before {
  content: "\E94C";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-ppt .path1:before {
  content: "\E94D";
  color: #e27115;
}
.components-icon-cloud-ppt .path2:before {
  content: "\E94E";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-ppt .path3:before {
  content: "\E94F";
  margin-left: -1em;
  color: #e27115;
}
.components-icon-cloud-ppt .path4:before {
  content: "\E950";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-sharefolder1 .path1:before {
  content: "\E951";
  color: #74aaff;
}
.components-icon-cloud-sharefolder1 .path2:before {
  content: "\E952";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-sharefolder1 .path3:before {
  content: "\E953";
  margin-left: -1em;
  color: #74aaff;
}
.components-icon-cloud-sharefolder1 .path4:before {
  content: "\E954";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-sharefolder1 .path5:before {
  content: "\E955";
  margin-left: -1em;
  color: #74aaff;
}
.components-icon-cloud-sharefolder1 .path6:before {
  content: "\E956";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-text .path1:before {
  content: "\E957";
  color: #70b8e6;
}
.components-icon-cloud-text .path2:before {
  content: "\E958";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-text .path3:before {
  content: "\E959";
  margin-left: -1em;
  color: #70b8e6;
}
.components-icon-cloud-text .path4:before {
  content: "\E95A";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-unknown .path1:before {
  content: "\E95B";
  color: #979bbb;
}
.components-icon-cloud-unknown .path2:before {
  content: "\E95C";
  margin-left: -1em;
  color: #979bbb;
}
.components-icon-cloud-unknown .path3:before {
  content: "\E95D";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-unknown .path4:before {
  content: "\E95E";
  margin-left: -1em;
  color: #cacbd8;
}
.components-icon-cloud-uploadfile .path1:before {
  content: "\E95F";
  color: #74aaff;
}
.components-icon-cloud-uploadfile .path2:before {
  content: "\E960";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-uploadfile .path3:before {
  content: "\E961";
  margin-left: -1em;
  color: #74aaff;
}
.components-icon-cloud-uploadfile .path4:before {
  content: "\E962";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-word .path1:before {
  content: "\E963";
  color: #6798e5;
}
.components-icon-cloud-word .path2:before {
  content: "\E964";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-word .path3:before {
  content: "\E965";
  margin-left: -1em;
  color: #6798e5;
}
.components-icon-cloud-word .path4:before {
  content: "\E966";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-zip .path1:before {
  content: "\E967";
  color: #808db7;
}
.components-icon-cloud-zip .path2:before {
  content: "\E968";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cloud-zip .path3:before {
  content: "\E969";
  margin-left: -1em;
  color: #808db7;
}
.components-icon-cloud-zip .path4:before {
  content: "\E96A";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-code .path1:before {
  content: "\E96B";
  color: #72b2a2;
}
.components-icon-code .path2:before {
  content: "\E96C";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-code-bg .path1:before {
  content: "\E96D";
  color: #72b2a2;
}
.components-icon-code-bg .path2:before {
  content: "\E96E";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-company:before {
  content: "\E96F";
  color: #666;
}
.components-icon-companyfolder .path1:before {
  content: "\E970";
  color: #666666;
}
.components-icon-companyfolder .path2:before {
  content: "\E971";
  margin-left: -1.00488281em;
  color: #ffffff;
}
.components-icon-csv .path1:before {
  content: "\E972";
  color: #efb825;
}
.components-icon-csv .path2:before {
  content: "\E973";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-csv-bg .path1:before {
  content: "\E974";
  color: #efb825;
}
.components-icon-csv-bg .path2:before {
  content: "\E975";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-cut:before {
  content: "\E976";
  color: #999;
}
.components-icon-delete:before {
  content: "\E977";
  color: #666;
}
.components-icon-department:before {
  content: "\E978";
  color: #74aaff;
}
.components-icon-discuss:before {
  content: "\E979";
  color: #999;
}
.components-icon-doc .path1:before {
  content: "\E900";
  color: #6798e5;
}
.components-icon-doc .path2:before {
  content: "\E901";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-doc2:before {
  content: "\E97A";
  color: #999;
}
.components-icon-doc-bg .path1:before {
  content: "\E97B";
  color: #6798e5;
}
.components-icon-doc-bg .path2:before {
  content: "\E97C";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-dot:before {
  content: "\E97D";
  color: #666;
}
.components-icon-dot2:before {
  content: "\E97E";
  color: #666;
}
.components-icon-down:before {
  content: "\E97F";
  color: #666;
}
.components-icon-download:before {
  content: "\E980";
  color: #666;
}
.components-icon-download1:before {
  content: "\E981";
  color: #fff;
}
.components-icon-download-copy:before {
  content: "\E982";
  color: #666;
}
.components-icon-dpss .path1:before {
  content: "\E983";
  color: #e27115;
}
.components-icon-dpss .path2:before {
  content: "\E984";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-dpss-bg .path1:before {
  content: "\E985";
  color: #e27115;
}
.components-icon-dpss-bg .path2:before {
  content: "\E986";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-dpss-icbc .path1:before {
  content: "\E987";
  color: #e27115;
}
.components-icon-dpss-icbc .path2:before {
  content: "\E988";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-dpss-icbc .path3:before {
  content: "\E989";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-dump:before {
  content: "\E98A";
  color: #999;
}
.components-icon-easyChat .path1:before {
  content: "\E98B";
  color: #4587f0;
}
.components-icon-easyChat .path2:before {
  content: "\E98C";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-easyChat1:before {
  content: "\E98D";
  color: #4990e2;
}
.components-icon-edit:before {
  content: "\E98E";
  color: #9b9b9b;
}
.components-icon-ets .path1:before {
  content: "\E98F";
  color: #79ac65;
}
.components-icon-ets .path2:before {
  content: "\E990";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-ets-bg .path1:before {
  content: "\E991";
  color: #79ac65;
}
.components-icon-ets-bg .path2:before {
  content: "\E992";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-ets-icbc .path1:before {
  content: "\E993";
  color: #79ac65;
}
.components-icon-ets-icbc .path2:before {
  content: "\E994";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-ets-icbc .path3:before {
  content: "\E995";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-excel .path1:before {
  content: "\E902";
  color: #79ac65;
}
.components-icon-excel .path2:before {
  content: "\E903";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-excel .path3:before {
  content: "\E904";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-excel-bg .path1:before {
  content: "\E996";
  color: #79ac65;
}
.components-icon-excel-bg .path2:before {
  content: "\E997";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-exclamation .path1:before {
  content: "\E998";
  color: #ed7057;
}
.components-icon-exclamation .path2:before {
  content: "\E999";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-exclamation .path3:before {
  content: "\E99A";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-feedback:before {
  content: "\E99B";
  color: #999;
}
.components-icon-folder:before {
  content: "\E905";
}
.components-icon-folder_tmp:before {
  content: "\E99C";
  color: #999;
}
.components-icon-folder-black:before {
  content: "\E99D";
  color: #666;
}
.components-icon-form .path1:before {
  content: "\E99E";
  color: #fbfbfc;
}
.components-icon-form .path2:before {
  content: "\E99F";
  margin-left: -1em;
  color: #6cb6f4;
}
.components-icon-form .path3:before {
  content: "\E9A0";
  margin-left: -1em;
  color: #d4e4fc;
}
.components-icon-form .path4:before {
  content: "\E9A1";
  margin-left: -1em;
  color: #148cec;
}
.components-icon-form .path5:before {
  content: "\E9A2";
  margin-left: -1em;
  color: #4ca4f4;
}
.components-icon-go:before {
  content: "\E9A3";
  color: #666;
}
.components-icon-group:before {
  content: "\E9A4";
  color: #666;
}
.components-icon-group-detail:before {
  content: "\E9A5";
  color: #999;
}
.components-icon-h5 .path1:before {
  content: "\E9A6";
  color: #f59800;
}
.components-icon-h5 .path2:before {
  content: "\E9A7";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-home-folder .path1:before {
  content: "\E9A8";
  color: #50ade3;
}
.components-icon-home-folder .path2:before {
  content: "\E9A9";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-home-recycle .path1:before {
  content: "\E9AA";
  color: #50ade3;
}
.components-icon-home-recycle .path2:before {
  content: "\E9AB";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-home-share:before {
  content: "\E9AC";
  color: #50ade3;
}
.components-icon-home-star .path1:before {
  content: "\E9AD";
  color: #50ade3;
}
.components-icon-home-star .path2:before {
  content: "\E9AE";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-image .path1:before {
  content: "\E9AF";
  color: #b49fd4;
}
.components-icon-image .path2:before {
  content: "\E9B0";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-image .path3:before {
  content: "\E9B1";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-image .path4:before {
  content: "\E9B2";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-image .path5:before {
  content: "\E9B3";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-image-bg .path1:before {
  content: "\E9B4";
  color: #b49fd4;
}
.components-icon-image-bg .path2:before {
  content: "\E9B5";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-image-bg .path3:before {
  content: "\E9B6";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-image-bg .path4:before {
  content: "\E9B7";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-info:before {
  content: "\E9B8";
  color: #666;
}
.components-icon-keyboard:before {
  content: "\E9B9";
  color: #999;
}
.components-icon-left:before {
  content: "\E9BA";
  color: #666;
}
.components-icon-link:before {
  content: "\E9BB";
  color: #666;
}
.components-icon-list:before {
  content: "\E9BC";
  color: #666;
}
.components-icon-loading-spinner:before {
  content: "\E9BD";
}
.components-icon-lock:before {
  content: "\E9BE";
  color: #999;
}
.components-icon-max:before {
  content: "\E9BF";
  color: #666;
}
.components-icon-microphone:before {
  content: "\E9C0";
  color: #999;
}
.components-icon-minus:before {
  content: "\E9C1";
  color: #666;
}
.components-icon-move:before {
  content: "\E9C2";
  color: #999;
}
.components-icon-mute:before {
  content: "\E9C3";
  color: #afacb0;
}
.components-icon-pdf .path1:before {
  content: "\E906";
  color: #d66247;
}
.components-icon-pdf .path2:before {
  content: "\E907";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-pdf-bg .path1:before {
  content: "\E9C4";
  color: #d66247;
}
.components-icon-pdf-bg .path2:before {
  content: "\E9C5";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-pen:before {
  content: "\E9C6";
  color: #666;
}
.components-icon-phone:before {
  content: "\E9C7";
  color: #666;
}
.components-icon-plus:before {
  content: "\E9C8";
  color: #666;
}
.components-icon-pom .path1:before {
  content: "\E9C9";
  color: #5d88aa;
}
.components-icon-pom .path2:before {
  content: "\E9CA";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-pom .path3:before {
  content: "\E9CB";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-pom .path4:before {
  content: "\E9CC";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-pom .path5:before {
  content: "\E9CD";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-pom .path6:before {
  content: "\E9CE";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-pom .path7:before {
  content: "\E9CF";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-pom .path8:before {
  content: "\E9D0";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-ppt .path1:before {
  content: "\E908";
  color: #e27115;
}
.components-icon-ppt .path2:before {
  content: "\E909";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-ppt-bg .path1:before {
  content: "\E9D1";
  color: #e27115;
}
.components-icon-ppt-bg .path2:before {
  content: "\E9D2";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-preview:before {
  content: "\E9D3";
  color: #666;
}
.components-icon-private .path1:before {
  content: "\E9D4";
  color: #959595;
}
.components-icon-private .path2:before {
  content: "\E9D5";
  margin-left: -1.00585937em;
  color: #ffffff;
}
.components-icon-private .path3:before {
  content: "\E9D6";
  margin-left: -1.00585937em;
  color: #ffffff;
}
.components-icon-private .path4:before {
  content: "\E9D7";
  margin-left: -1.00585937em;
  color: #ffffff;
}
.components-icon-private .path5:before {
  content: "\E9D8";
  margin-left: -1.00585937em;
  color: #999999;
}
.components-icon-private .path6:before {
  content: "\E9D9";
  margin-left: -1.00585937em;
  color: #ffffff;
}
.components-icon-private .path7:before {
  content: "\E9DA";
  margin-left: -1.00585937em;
  color: #999999;
}
.components-icon-private .path8:before {
  content: "\E9DB";
  margin-left: -1.00585937em;
  color: #ffffff;
}
.components-icon-private .path9:before {
  content: "\E9DC";
  margin-left: -1.00585937em;
  color: #ffffff;
}
.components-icon-protect:before {
  content: "\E9DD";
}
.components-icon-recover:before {
  content: "\E9DE";
  color: #666;
}
.components-icon-recovery:before {
  content: "\E9DF";
  color: #666;
}
.components-icon-reload:before {
  content: "\E9E0";
  color: #d0daf5;
}
.components-icon-rename:before {
  content: "\E9E1";
  color: #999;
}
.components-icon-reply:before {
  content: "\E9E2";
  color: #999;
}
.components-icon-reply-all:before {
  content: "\E9E3";
  color: #6c9cf8;
}
.components-icon-retry:before {
  content: "\E9E4";
  color: #999;
}
.components-icon-returntime:before {
  content: "\E9E5";
  color: #666;
}
.components-icon-right:before {
  content: "\E9E6";
  color: #666;
}
.components-icon-ring:before {
  content: "\E9E7";
  color: #666;
}
.components-icon-scan:before {
  content: "\E9E8";
  color: #999;
}
.components-icon-search:before {
  content: "\E9E9";
  color: #666;
}
.components-icon-search_ligh:before {
  content: "\E9EA";
}
.components-icon-search-close:before {
  content: "\E9EB";
}
.components-icon-send:before {
  content: "\E9EC";
  color: #999;
}
.components-icon-settings:before {
  content: "\E9ED";
  color: #666;
}
.components-icon-share:before {
  content: "\E9EE";
  color: #999;
}
.components-icon-share1:before {
  content: "\E9EF";
  color: #fff;
}
.components-icon-shared-play:before {
  content: "\E9F0";
  color: #999;
}
.components-icon-sharefolder .path1:before {
  content: "\E9F1";
  color: #666666;
}
.components-icon-sharefolder .path2:before {
  content: "\E9F2";
  margin-left: -1.00488281em;
  color: #ffffff;
}
.components-icon-sharefolder1 .path1:before {
  content: "\E9F3";
  color: #74aaff;
}
.components-icon-sharefolder1 .path2:before {
  content: "\E9F4";
  margin-left: -1.00683594em;
  color: #ffffff;
}
.components-icon-sharefolder1 .path3:before {
  content: "\E9F5";
  margin-left: -1.00683594em;
  color: #74aaff;
}
.components-icon-sharefolder1 .path4:before {
  content: "\E9F6";
  margin-left: -1.00683594em;
  color: #ffffff;
}
.components-icon-shield-white-border .path1:before {
  content: "\E9F7";
  color: #ffffff;
}
.components-icon-shield-white-border .path2:before {
  content: "\E9F8";
  margin-left: -0.75em;
  color: #666666;
}
.components-icon-sign:before {
  content: "\E9F9";
}
.components-icon-small-auth:before {
  content: "\E9FA";
  color: #9b9b9b;
}
.components-icon-small-cloud:before {
  content: "\E9FB";
  color: #9b9b9b;
}
.components-icon-small-lock:before {
  content: "\E9FC";
  color: #9b9b9b;
}
.components-icon-small-shield:before {
  content: "\E9FD";
  color: #9b9b9b;
}
.components-icon-smile:before {
  content: "\E9FE";
  color: #999;
}
.components-icon-spinner:before {
  content: "\E9FF";
}
.components-icon-star:before {
  content: "\EA00";
  color: #999;
}
.components-icon-star-null:before {
  content: "\EA01";
  color: #999;
}
.components-icon-strecture:before {
  content: "\EA02";
  color: #999;
}
.components-icon-syncYun .path1:before {
  content: "\EA03";
  color: #9b9b9b;
}
.components-icon-syncYun .path2:before {
  content: "\EA04";
  margin-left: -1.20019531em;
  color: #bbbbbb;
}
.components-icon-text .path1:before {
  content: "\E90A";
  color: #70b8e6;
}
.components-icon-text .path2:before {
  content: "\E90B";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-text-bg .path1:before {
  content: "\EA05";
  color: #70b8e6;
}
.components-icon-text-bg .path2:before {
  content: "\EA06";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-unknown .path1:before {
  content: "\E90C";
  color: #979bbb;
}
.components-icon-unknown .path2:before {
  content: "\E90D";
  margin-left: -1em;
  color: #cacbd8;
}
.components-icon-unknown-bg .path1:before {
  content: "\EA07";
  color: #979bbb;
}
.components-icon-unknown-bg .path2:before {
  content: "\EA08";
  margin-left: -1em;
  color: #cacbd8;
}
.components-icon-up:before {
  content: "\EA09";
  color: #666;
}
.components-icon-upload-add .path1:before {
  content: "\EA0A";
  color: #5a86ea;
}
.components-icon-upload-add .path2:before {
  content: "\EA0B";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-upload-add .path3:before {
  content: "\EA0C";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-upload-close .path1:before {
  content: "\EA0D";
  color: #5a86ea;
}
.components-icon-upload-close .path2:before {
  content: "\EA0E";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-upload-close .path3:before {
  content: "\EA0F";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-uploadfile .path1:before {
  content: "\EA10";
  color: #74aaff;
}
.components-icon-uploadfile .path2:before {
  content: "\EA11";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-user:before {
  content: "\EA12";
  color: #666;
}
.components-icon-video:before {
  content: "\EA13";
  color: #999;
}
.components-icon-voice1-left:before {
  content: "\EA14";
  color: #666;
}
.components-icon-voice1-right:before {
  content: "\EA15";
  color: #666;
}
.components-icon-voice2-left:before {
  content: "\EA16";
  color: #666;
}
.components-icon-voice2-right:before {
  content: "\EA17";
  color: #666;
}
.components-icon-voice-left:before {
  content: "\EA18";
  color: #666;
}
.components-icon-voice-right:before {
  content: "\EA19";
  color: #666;
}
.components-icon-wdoc .path1:before {
  content: "\EA1A";
  color: #6798e5;
}
.components-icon-wdoc .path2:before {
  content: "\EA1B";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-wdoc .path3:before {
  content: "\EA1C";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-wdoc .path4:before {
  content: "\EA1D";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-wppt .path1:before {
  content: "\EA1E";
  color: #f72b24;
}
.components-icon-wppt .path2:before {
  content: "\EA1F";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-wppt .path3:before {
  content: "\EA20";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-WPSLogo .path1:before {
  content: "\EA21";
  color: #f65023;
}
.components-icon-WPSLogo .path2:before {
  content: "\EA22";
  margin-left: -3.0625em;
  color: #4a4a4a;
}
.components-icon-wpss .path1:before {
  content: "\EA23";
  color: #6798e5;
}
.components-icon-wpss .path2:before {
  content: "\EA24";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-wpss-bg .path1:before {
  content: "\EA25";
  color: #6798e5;
}
.components-icon-wpss-bg .path2:before {
  content: "\EA26";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-wpss-icbc .path1:before {
  content: "\EA27";
  color: #6798e5;
}
.components-icon-wpss-icbc .path2:before {
  content: "\EA28";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-wpss-icbc .path3:before {
  content: "\EA29";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-wxls .path1:before {
  content: "\EA2A";
  color: #79ac65;
}
.components-icon-wxls .path2:before {
  content: "\EA2B";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-wxls .path3:before {
  content: "\EA2C";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-wxls .path4:before {
  content: "\EA2D";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-wxls .path5:before {
  content: "\EA2E";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-wxls .path6:before {
  content: "\EA2F";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-wxls .path7:before {
  content: "\EA30";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-yun-logo .path1:before {
  content: "\EA31";
  color: #4269d5;
}
.components-icon-yun-logo .path2:before {
  content: "\EA32";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-zip .path1:before {
  content: "\EA33";
  color: #808db7;
}
.components-icon-zip .path2:before {
  content: "\EA34";
  margin-left: -1em;
  color: #ffffff;
}
.components-icon-zip-bg .path1:before {
  content: "\EA35";
  color: #808db7;
}
.components-icon-zip-bg .path2:before {
  content: "\EA36";
  margin-left: -1em;
  color: #ffffff;
}
html {
  box-sizing: border-box;
  height: 100%;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
#body {
  overflow: hidden;
  height: 100%;
}
#app {
  width: 100%;
  height: 100%;
  font-size: 12px;
  background: transparent;
  font-family: 'Microsoft YaHei', '\5B8B\4F53', sans-serif;
}
#app *::selection {
  color: #ffffff;
}
::-ms-clear {
  display: none;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}
::-webkit-scrollbar-thumb:hover {
  visibility: visible;
}
::-webkit-scrollbar-thumb:active {
  visibility: visible;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #a6aaa9;
}
::-webkit-input-placeholder {
  color: #d0d0d0;
}
iframe {
  height: 100% !important ;
}
.app-wrapper {
  width: 100%;
  height: 100%;
}
.main-layout {
  min-height: 100vh;
}
.ant-menu-item > .menu-index {
  display: inherit;
}
.ant-layout-footer {
  padding: 8px 50px;
}
.main-header {
  margin: 0;
  background: transparent;
  border-radius: 2px;
  position: fixed;
  top: 0;
  right: 0;
  padding: 0;
}
.main-header .username-wrapper {
  float: right;
  color: #888;
  line-height: 0;
  width: 44px;
  height: 44px;
  border-radius: 0 0 0 22px;
  background: #f0f2f5;
}
.main-header .username-wrapper .ant-avatar.ant-avatar-icon {
  cursor: pointer;
  font-size: 18px;
  position: fixed;
  right: 4px;
  top: 4px;
}
.main-header .username-wrapper .username {
  margin-left: 4px;
}
.main-content {
  background: #fff;
}
.drawer-title {
  height: 32px;
  line-height: 32px;
  color: #666;
}
.drawer-title .ant-avatar {
  margin-top: -4px;
  margin-right: 6px;
}
.ant-drawer-body {
  padding: 0;
}
.ant-drawer-body .drawer-body {
  padding: 24px;
}
.ant-drawer-body .drawer-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.ant-drawer-body .drawer-footer .tool-button {
  border: 0;
  border-top: 1px solid #e8e8e8;
  border-radius: 0;
  height: 42px;
  line-height: 42px;
  background-color: #fff;
}
.ant-drawer-body .drawer-footer .change-psw {
  color: #888;
}
.ant-drawer-body .drawer-footer .change-psw:hover {
  background: #1890ff;
  color: #fff;
}
.ant-drawer-body .drawer-footer .sign-out {
  color: #f5222d;
}
.ant-drawer-body .drawer-footer .sign-out:hover {
  background: #f5222d;
  color: #fff;
}
.main-footer {
  font-size: 12px;
  text-align: center;
  color: #aaa;
}
.ant-modal-header {
  border-bottom: none;
}
.ant-modal-footer {
  border-top: none;
}
.search-wrapper {
  padding: 8px;
}
.search-wrapper .search-input {
  width: 188px;
  margin-bottom: 8px;
  display: block;
}
.search-wrapper .search-btn {
  width: 90px;
  margin-right: 8px;
}
.search-wrapper .undo-btn {
  width: 90px;
}
.components-icon-folder {
  color: #74aaff;
}
.password-modal {
  padding: 24px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(13, 13, 13, 0.12) !important;
  background: #fff !important;
  box-shadow: 0px 12px 32px 0px rgba(13, 13, 13, 0.08) !important;
}
.password-modal .ant-modal-content {
  border-radius: 0 !important;
  box-shadow: none !important;
}
.password-modal .ant-modal-close-x {
  width: 24px !important;
  height: 24px !important;
  line-height: 24px !important;
}
.password-modal .ant-modal-header {
  border-bottom: none !important;
  padding: 0 !important;
  margin: 0 0 20px 0 !important;
}
.password-modal .ant-modal-title {
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  color: rgba(13, 13, 13, 0.9) !important;
  line-height: 24px !important;
}
.password-modal .ant-modal-body {
  height: 32px !important;
  padding: 0 !important;
}
.password-modal .ant-input {
  height: 32px !important;
  padding: 3px 8px !important;
  font-size: 14px !important;
  line-height: 32px !important;
  border: 1px solid rgba(13, 13, 13, 0.12) !important;
  border-radius: 5px !important;
  color: rgba(13, 13, 13, 0.46) !important;
}
.password-modal .ant-input:focus {
  border-color: #2453de !important;
  box-shadow: none !important;
}
.password-modal .ant-input:hover {
  border-color: #2453de !important;
  box-shadow: none !important;
}
.password-modal .ant-modal-footer {
  padding: 20px 0 0 0 !important;
  margin: 0 !important;
}
.password-modal .ant-btn {
  height: 32px !important;
  font-size: 14px !important;
  border-radius: 5px !important;
  padding: 4px 15px !important;
}
.password-modal .ant-btn > span {
  min-width: 40px !important;
}
.password-modal .ant-btn-default {
  color: rgba(13, 13, 13, 0.9) !important;
  background: #fff !important;
  border: none !important;
  box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 0.1), 0px 1px 0px rgba(13, 13, 13, 0.14) !important;
}
.password-modal .ant-btn-default:hover {
  color: rgba(13, 13, 13, 0.9) !important;
  background: #fff !important;
  border: none !important;
  background-color: #f5f5f5 !important;
  box-shadow: 0px 0px 0px 1px rgba(13, 13, 13, 0.1), 0px 1px 0px rgba(13, 13, 13, 0.14) !important;
}
.password-modal .ant-btn-primary {
  color: #fff !important;
  background: #3b64fc !important;
  border: none !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
}
.password-modal .ant-btn-primary:hover {
  color: #fff !important;
  background-color: #4f87fe !important;
  border: none !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: none !important;
}
.password-modal .ant-btn-primary[disabled] {
  border: none !important;
  opacity: 0.3 !important;
}