@charset "UTF-8";

/* 通用文本样式 */
/* 按钮、可点击文字样式 */
/* reset */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}

header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
  display: block;
}

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

caption,
th {
  text-align: left;
  font-weight: normal;
}

html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}

i,
cite,
em,
var,
address,
dfn {
  font-style: normal;
}

[hidefocus],
summary {
  outline: 0;
}

li {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
  font-size: 100%;
}

sup,
sub {
  font-size: 83%;
}

pre,
code,
kbd,
samp {
  font-family: inherit;
}

q:before,
q:after {
  content: none;
}

textarea {
  overflow: auto;
  resize: none;
}

label,
summary {
  cursor: default;
}

a,
button {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: bold;
}

del,
ins,
u,
s,
a,
a:hover {
  text-decoration: none;
}

body,
textarea,
input,
button,
select,
keygen,
legend {
  font: 12px/1.14 arial, \5b8b\4f53;
  color: #696969;
  outline: 0;
}

body {
  background: #fff;
}

/* a,
a:hover {
  color: #696969;
} */
a {
  color: #fff;
}

/* tools */
.clearfix:after {
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
  line-height: 0;
  content: '\20';
}

.clearfix {
  *display: table;
  *zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.none {
  display: none;
}

.hidden {
  overflow: hidden;
}

.icon-item {
  display: inline-block;
}

button {
  *overflow: visible;
}

::-ms-clear {
  display: none;
}

::-ms-reveal {
  display: none;
}

/* common */
/* layout */
.xlayout {
  min-width: 1024px;
  overflow: hidden;
  position: relative;
}

body {
  background-color: #FAFAFA;
  color: #777;
}

input {
  color: #777;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a7a3a3;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a7a3a3;
  opacity: 1;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a7a3a3;
  opacity: 1;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a7a3a3;
}

.body-north {
  height: 60px;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  z-index: 20;
}

.body-west {
  width: 200px;
  background-color: #fff;
  border-right: 1px solid #e7e7e7;
  z-index: 25;
  overflow: auto;
}

.body-center {
  background-color: #fff;
}

.head-right {
  float: right;
}

.head-right .user-avatar {
  margin-right: 20px;
  position: relative;
  float: left;
  cursor: pointer;
}

.user-logout {
  cursor: pointer;
  margin-top: 25px;
  margin-left: 15px;
  text-align: center;
  width: 61px;
  height: 14px;
  border-left: 1px solid #d8d5e6;
  float: right;
}

.user-img-arrow {
  width: 10px;
  margin-top: 29px;
  padding-left: 5px;
}

.icon-user-img-down-arrow {
  display: block;
  background-image: url(./images/icons-10191724.png);
  background-position: -514px -149px;
  width: 10px;
  height: 6px;
}

.nav-logo {
  float: left;
  margin-top: 15px;
  margin-left: 20px;
}

.nav-photo {
  display: block;
  float: right;
  width: 32px;
  height: 32px;
  border-radius: 90px;
  overflow: hidden;
  margin: 15px 20px;
}

.nav-username {
  display: inline-block;
  float: right;
  margin-top: 25px;
  max-width: 90px;
  height: 14px;
  line-height: 14px;
  text-align: right;
  font-size: 12px;
  color: #777;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 6px;
}

.saas-menu {
  margin-left: 20px;
  font-family: "Microsoft Yahei";
}

.saas-menu li {
  float: left;
  width: 90px;
  height: 58px;
  text-align: center;
  line-height: 58px;
  font-size: 16px;
  cursor: pointer;
}

.saas-menu li:hover {
  color: #498bf5;
  border-bottom: 3px solid #498bf5;
}

.saas-menu .menu-current {
  color: #498bf5;
  border-bottom: 3px solid #498bf5;
}

.common-header {
  width: 100%;
  height: 60px;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), 0 2px 4px rgba(0, 0, 0, 0.28);
  border-bottom: 1px solid #e7e7e7;
}

.common-nav {
  width: 1024px;
  height: 60px;
  margin: auto;
}

.common-center {
  width: 984px;
  margin: 15px auto;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
}

.common-footer {
  margin: 40px auto;
  padding: 20px 0;
  font-size: 14px;
  text-align: center;
  font-family: Arial;
  border-top: 1px solid #e7e7e7;
}

.common-icon {
  display: inline-block;
}

.common-btn {
  width: 312px;
  height: 37px;
  background-color: #3497FE;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 37px;
  margin-top: 20px;
  border-radius: 3px;
  cursor: pointer;
}

.common-btn:hover {
  background-color: #67B1FE;
}

.reg-header {
  width: 100%;
  height: 60px;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), 0 2px 4px rgba(0, 0, 0, 0.28);
  border-bottom: 1px solid #e7e7e7;
}

.reg-nav {
  width: 1000px;
  height: 60px;
  margin: auto;
}

.reg-center {
  font-size: 14px;
  width: 800px;
  margin: 20px auto;
  padding: 50px 100px 80px 100px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
}

.reg-title {
  font-size: 24px;
  font-family: Microsoft Yahei;
  margin-bottom: 20px;
}

.reg-text {
  font-size: 14px;
  line-height: 40px;
}

.common-codewrap {
  width: 400px;
  overflow: auto;
}

.common-codewrap label {
  float: left;
}

.common-codewrap .common-codeimg {
  display: block;
  float: right;
  margin-top: 20px;
}

.col-opt {
  cursor: pointer;
}

.data-toolbar {
  overflow-y: auto;
  padding: 15px 10px;
}

.data-toolbar button,
.data-toolbar input,
.data-toolbar select {
  float: left;
  margin-right: 5px;
}

.data-toolbar .btn {
  padding: 6px 15px;
}

.toolbar-input {
  width: 150px;
  height: 20px;
  padding: 4px 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  float: left;
  margin-right: 5px;
}

.group-col {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.group-col .input-small {
  width: 50px;
  float: left;
}

.group-col .input-medium {
  width: 200px;
  float: left;
}

.group-col .form-select {
  display: inline-block;
  float: left;
  margin-left: 10px;
  height: 32px;
  border: 1px solid #D9D9D9;
  padding: 0 5px;
}

.blank {
  font-size: 0;
  height: 5px;
  clear: both;
}

.common-table {
  border-collapse: collapse;
}

.common-table td {
  padding: 5px;
  border-bottom: 1px solid #F0F0F0;
}

.tree-dept {
  background: url(./images/tree-dept.png) no-repeat;
}

.tree-user {
  background: url(./images/tree-user.png) no-repeat;
}

.tree-group {
  background: url(./images/tree-group.png) no-repeat;
}

#fslist .xtable-titlewrap .xtable-title .col .xcheck {
  margin-top: 0;
}

#fslist .xtable-list .xtable-row .xcheck-col i {
  margin-top: 2px;
}

#fslist .filename {
  margin-left: 0;
}

.xtable-listwrap .col {
  border-right: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  height: 35px;
  line-height: 35px;
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.c-Android {
  background-image: url(./images/icons-1803021032.png);
  background-position: -250px -529px;
  width: 20px;
  height: 20px;
}

.c-Mac {
  background-image: url(./images/icons-1803021032.png);
  background-position: -475px -529px;
  width: 20px;
  height: 20px;
}

.c-PC {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -175px;
  width: 20px;
  height: 20px;
}

.c-Windows {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -200px;
  width: 20px;
  height: 20px;
}

.c-iOS {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -475px;
  width: 20px;
  height: 20px;
}

.c-more {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -50px;
  width: 20px;
  height: 20px;
}

.c-qr {
  background-image: url(./images/icons-1803021032.png);
  background-position: -125px -504px;
  width: 20px;
  height: 20px;
}

.icon-add-favorites {
  background-image: url(./images/icons-1803021032.png);
  background-position: -534px -396px;
  width: 24px;
  height: 24px;
}

.icon-add-subscribe {
  background-image: url(./images/icons-1803021032.png);
  background-position: -325px -529px;
  width: 20px;
  height: 20px;
}

.icon-addfile-grey {
  background-image: url(./images/icons-1803021032.png);
  background-position: -350px -529px;
  width: 20px;
  height: 20px;
}

.icon-addfile {
  background-image: url(./images/icons-1803021032.png);
  background-position: -375px -529px;
  width: 20px;
  height: 20px;
}

.icon-addfolder {
  background-image: url(./images/icons-1803021032.png);
  background-position: -425px -529px;
  width: 20px;
  height: 20px;
}

.icon-ai {
  background-image: url(./images/icons-1803021032.png);
  background-position: -297px -471px;
  width: 28px;
  height: 28px;
}

.icon-android {
  background-image: url(./images/icons-1803021032.png);
  background-position: -534px -330px;
  width: 28px;
  height: 28px;
}

.icon-arrow-blue {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -250px;
  width: 20px;
  height: 20px;
}

.icon-arrow-down {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -300px;
  width: 20px;
  height: 20px;
}

.icon-arrow-grey {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -325px;
  width: 20px;
  height: 20px;
}

.icon-arrow-right {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -450px;
  width: 20px;
  height: 20px;
}

.icon-blank {
  background-image: url(./images/icons-1803021032.png);
  background-position: -534px -297px;
  width: 28px;
  height: 28px;
}

.icon-cancel-blue {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -500px;
  width: 20px;
  height: 20px;
}

.icon-cancel-gray {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -525px;
  width: 20px;
  height: 20px;
}

.icon-cancel-grey {
  background-image: url(./images/icons-1803021032.png);
  background-position: -50px -554px;
  width: 20px;
  height: 20px;
}

.icon-cancel-subscribe-menu {
  background-image: url(./images/icons-1803021032.png);
  background-position: -232px -604px;
  width: 16px;
  height: 16px;
}

.icon-cancel-subscribe {
  background-image: url(./images/icons-1803021032.png);
  background-position: -100px -554px;
  width: 20px;
  height: 20px;
}

.icon-cancel {
  background-image: url(./images/icons-1803021032.png);
  background-position: -225px -554px;
  width: 20px;
  height: 20px;
}

.icon-classify-blue {
  background-image: url(./images/icons-1803021032.png);
  background-position: -300px -554px;
  width: 20px;
  height: 20px;
}

.icon-classify-fav {
  background-image: url(./images/icons-1803021032.png);
  background-position: -325px -554px;
  width: 20px;
  height: 20px;
}

.icon-classify-tag {
  background-image: url(./images/icons-1803021032.png);
  background-position: -400px -554px;
  width: 20px;
  height: 20px;
}

.icon-classify {
  background-image: url(./images/icons-1803021032.png);
  background-position: -525px -554px;
  width: 20px;
  height: 20px;
}

.icon-clear {
  background-image: url(./images/icons-1803021032.png);
  background-position: -550px -554px;
  width: 20px;
  height: 20px;
}

.icon-close-20 {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -25px;
  width: 20px;
  height: 20px;
}

.icon-close-45 {
  background-image: url(./images/icons-1803021032.png);
  background-position: -430px -65px;
  width: 45px;
  height: 45px;
}

.icon-comment {
  background-image: url(./images/icons-1803021032.png);
  background-position: -300px -579px;
  width: 20px;
  height: 20px;
}

.icon-companybaseinfo {
  background-image: url(./images/icons-1803021032.png);
  background-position: -100px -504px;
  width: 20px;
  height: 20px;
}

.icon-companycustom {
  background-image: url(./images/icons-1803021032.png);
  background-position: -25px -604px;
  width: 20px;
  height: 19px;
}

.icon-coop {
  background-image: url(./images/icons-1803021032.png);
  background-position: -150px -504px;
  width: 20px;
  height: 20px;
}

.icon-copy {
  background-image: url(./images/icons-1803021032.png);
  background-position: -175px -504px;
  width: 20px;
  height: 20px;
}

.icon-delete-fav {
  background-image: url(./images/icons-1803021032.png);
  background-position: -225px -504px;
  width: 20px;
  height: 20px;
}

.icon-delete-tag {
  background-image: url(./images/icons-1803021032.png);
  background-position: -525px -504px;
  width: 20px;
  height: 20px;
}

.icon-delete {
  background-image: url(./images/icons-1803021032.png);
  background-position: -175px -529px;
  width: 20px;
  height: 20px;
}

.icon-edit-blue {
  background-image: url(./images/icons-1803021032.png);
  background-position: -200px -529px;
  width: 20px;
  height: 20px;
}

.icon-edit {
  background-image: url(./images/icons-1803021032.png);
  background-position: -225px -529px;
  width: 20px;
  height: 20px;
}

.icon-excel {
  background-image: url(./images/icons-1803021032.png);
  background-position: -534px -231px;
  width: 28px;
  height: 28px;
}

.icon-excelmenu {
  background-image: url(./images/icons-1803021032.png);
  background-position: -275px -529px;
  width: 20px;
  height: 20px;
}

.icon-exe {
  background-image: url(./images/icons-1803021032.png);
  background-position: -495px -346px;
  width: 28px;
  height: 28px;
}

.icon-fav-classify-empty {
  background-image: url(./images/icons-1803021032.png);
  background-position: -495px -313px;
  width: 28px;
  height: 28px;
}

.icon-fav-classify {
  background-image: url(./images/icons-1803021032.png);
  background-position: -495px -280px;
  width: 28px;
  height: 28px;
}

.icon-favorite {
  background-image: url(./images/icons-1803021032.png);
  background-position: -400px -529px;
  width: 20px;
  height: 20px;
}

.icon-file-gone {
  background-image: url(./images/icons-1803021032.png);
  background-position: -534px -363px;
  width: 28px;
  height: 28px;
}

.icon-filedown {
  background-image: url(./images/icons-1803021032.png);
  background-position: -450px -529px;
  width: 20px;
  height: 20px;
}

.icon-filefav {
  background-image: url(./images/icons-1803021032.png);
  background-position: -500px -529px;
  width: 20px;
  height: 20px;
}

.icon-filelink {
  background-image: url(./images/icons-1803021032.png);
  background-position: -525px -529px;
  width: 20px;
  height: 20px;
}

.icon-filelock {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px 0px;
  width: 20px;
  height: 20px;
}

.icon-fileshare {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -25px;
  width: 20px;
  height: 20px;
}

.icon-filetag {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -50px;
  width: 20px;
  height: 20px;
}

.icon-fileunfav-blue {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -75px;
  width: 20px;
  height: 20px;
}

.icon-fileunfav {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -100px;
  width: 20px;
  height: 20px;
}

.icon-fileunlock {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -125px;
  width: 20px;
  height: 20px;
}

.icon-fileview {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -150px;
  width: 20px;
  height: 20px;
}

.icon-folder-coop {
  background-image: url(./images/icons-1803021032.png);
  background-position: -495px -113px;
  width: 30px;
  height: 30px;
}

.icon-folder {
  background-image: url(./images/icons-1803021032.png);
  background-position: -495px -181px;
  width: 28px;
  height: 28px;
}

.icon-fs {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -225px;
  width: 20px;
  height: 20px;
}

.icon-gather {
  background-image: url(./images/icons-1803021032.png);
  background-position: -495px -148px;
  width: 28px;
  height: 28px;
}

.icon-grid {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -275px;
  width: 20px;
  height: 20px;
}

.icon-group-empty {
  background-image: url(./images/icons-1803021032.png);
  background-position: -534px -264px;
  width: 28px;
  height: 28px;
}

.icon-group {
  background-image: url(./images/icons-1803021032.png);
  background-position: -534px -198px;
  width: 28px;
  height: 28px;
}

.icon-grouplist {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -350px;
  width: 20px;
  height: 20px;
}

.icon-grouptag {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -375px;
  width: 20px;
  height: 20px;
}

.icon-hidestrongbox {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -400px;
  width: 20px;
  height: 20px;
}

.icon-history {
  background-image: url(./images/icons-1803021032.png);
  background-position: -567px -425px;
  width: 20px;
  height: 20px;
}

.icon-html {
  background-image: url(./images/icons-1803021032.png);
  background-position: -495px -78px;
  width: 30px;
  height: 30px;
}

.icon-ios {
  background-image: url(./images/icons-1803021032.png);
  background-position: -534px -132px;
  width: 28px;
  height: 28px;
}

.icon-iso {
  background-image: url(./images/icons-1803021032.png);
  background-position: -534px -99px;
  width: 28px;
  height: 28px;
}

.icon-label-classify-empty {
  background-image: url(./images/icons-1803021032.png);
  background-position: -534px -66px;
  width: 28px;
  height: 28px;
}

.icon-label-classify {
  background-image: url(./images/icons-1803021032.png);
  background-position: -534px -33px;
  width: 28px;
  height: 28px;
}

.icon-label-group {
  background-image: url(./images/icons-1803021032.png);
  background-position: -534px 0px;
  width: 28px;
  height: 28px;
}

.icon-label-personal {
  background-image: url(./images/icons-1803021032.png);
  background-position: -495px -471px;
  width: 28px;
  height: 28px;
}

.icon-link {
  background-image: url(./images/icons-1803021032.png);
  background-position: -125px -554px;
  width: 20px;
  height: 20px;
}

.icon-list {
  background-image: url(./images/icons-1803021032.png);
  background-position: -150px -554px;
  width: 20px;
  height: 20px;
}

.icon-location {
  background-image: url(./images/icons-1803021032.png);
  background-position: -175px -554px;
  width: 20px;
  height: 20px;
}

.icon-lock {
  background-image: url(./images/icons-1803021032.png);
  background-position: -200px -554px;
  width: 20px;
  height: 20px;
}

.icon-lockstrongbox {
  background-image: url(./images/icons-1803021032.png);
  background-position: -471px -297px;
  width: 18px;
  height: 18px;
}

.icon-log-data-arrow {
  background-image: url(./images/icons-1803021032.png);
  background-position: -520px -445px;
  width: 9px;
  height: 10px;
}

.icon-log-data-select {
  background-image: url(./images/icons-1803021032.png);
  background-position: -471px -215px;
  width: 19px;
  height: 18px;
}

.icon-map {
  background-image: url(./images/icons-1803021032.png);
  background-position: -429px -471px;
  width: 28px;
  height: 28px;
}

.icon-max-45 {
  background-image: url(./images/icons-1803021032.png);
  background-position: -430px -115px;
  width: 45px;
  height: 45px;
}

.icon-member-delete {
  background-image: url(./images/icons-1803021032.png);
  background-position: -461px -604px;
  width: 14px;
  height: 14px;
}

.icon-member {
  background-image: url(./images/icons-1803021032.png);
  background-position: -375px -554px;
  width: 20px;
  height: 20px;
}

.icon-min-45 {
  background-image: url(./images/icons-1803021032.png);
  background-position: -430px -165px;
  width: 45px;
  height: 45px;
}

.icon-more {
  background-image: url(./images/icons-1803021032.png);
  background-position: -425px -554px;
  width: 20px;
  height: 20px;
}

.icon-moremenu {
  background-image: url(./images/icons-1803021032.png);
  background-position: -450px -554px;
  width: 20px;
  height: 20px;
}

.icon-move {
  background-image: url(./images/icons-1803021032.png);
  background-position: -475px -554px;
  width: 20px;
  height: 20px;
}

.icon-music {
  background-image: url(./images/icons-1803021032.png);
  background-position: -330px -471px;
  width: 28px;
  height: 28px;
}

.icon-pdf {
  background-image: url(./images/icons-1803021032.png);
  background-position: -264px -471px;
  width: 28px;
  height: 28px;
}

.icon-pic {
  background-image: url(./images/icons-1803021032.png);
  background-position: -231px -471px;
  width: 28px;
  height: 28px;
}

.icon-ppt {
  background-image: url(./images/icons-1803021032.png);
  background-position: -198px -471px;
  width: 28px;
  height: 28px;
}

.icon-pptmenu {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -350px;
  width: 20px;
  height: 20px;
}

.icon-preview {
  background-image: url(./images/icons-1803021032.png);
  background-position: -50px -579px;
  width: 20px;
  height: 20px;
}

.icon-property {
  background-image: url(./images/icons-1803021032.png);
  background-position: -75px -579px;
  width: 20px;
  height: 20px;
}

.icon-ps {
  background-image: url(./images/icons-1803021032.png);
  background-position: -165px -471px;
  width: 28px;
  height: 28px;
}

.icon-qr {
  background-image: url(./images/icons-1803021032.png);
  background-position: -325px -579px;
  width: 20px;
  height: 20px;
}

.icon-qrcode {
  background-image: url(./images/icons-1803021032.png);
  background-position: -350px -579px;
  width: 20px;
  height: 20px;
}

.icon-readacl {
  background-image: url(./images/icons-1803021032.png);
  background-position: -471px -256px;
  width: 17px;
  height: 20px;
}

.icon-receive {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -100px;
  width: 20px;
  height: 20px;
}

.icon-recent {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -125px;
  width: 20px;
  height: 20px;
}

.icon-recive {
  background-image: url(./images/icons-1803021032.png);
  background-position: -534px -425px;
  width: 20px;
  height: 20px;
}

.icon-recycle {
  background-image: url(./images/icons-1803021032.png);
  background-position: -534px -450px;
  width: 20px;
  height: 20px;
}

.icon-remove-blue {
  background-image: url(./images/icons-1803021032.png);
  background-position: -534px -475px;
  width: 20px;
  height: 20px;
}

.icon-rename-blue {
  background-image: url(./images/icons-1803021032.png);
  background-position: -495px -445px;
  width: 20px;
  height: 20px;
}

.icon-rename-fav {
  background-image: url(./images/icons-1803021032.png);
  background-position: -404px -325px;
  width: 20px;
  height: 20px;
}

.icon-rename-tag {
  background-image: url(./images/icons-1803021032.png);
  background-position: -339px -260px;
  width: 20px;
  height: 20px;
}

.icon-rename {
  background-image: url(./images/icons-1803021032.png);
  background-position: -274px -195px;
  width: 20px;
  height: 20px;
}

.icon-restore-blue {
  background-image: url(./images/icons-1803021032.png);
  background-position: -205px -160px;
  width: 20px;
  height: 20px;
}

.icon-restore-gray {
  background-image: url(./images/icons-1803021032.png);
  background-position: -205px -185px;
  width: 20px;
  height: 20px;
}

.icon-role {
  background-image: url(./images/icons-1803021032.png);
  background-position: -337px -604px;
  width: 16px;
  height: 16px;
}

.icon-search {
  background-image: url(./images/icons-1803021032.png);
  background-position: -358px -604px;
  width: 16px;
  height: 16px;
}

.icon-sendlink {
  background-image: url(./images/icons-1803021032.png);
  background-position: -390px -404px;
  width: 20px;
  height: 20px;
}

.icon-sensitive {
  background-image: url(./images/icons-1803021032.png);
  background-position: -379px -604px;
  width: 16px;
  height: 16px;
}

.icon-setting {
  background-image: url(./images/icons-1803021032.png);
  background-position: -421px -604px;
  width: 15px;
  height: 15px;
}

.icon-share-set-tip {
  background-image: url(./images/icons-1803021032.png);
  background-position: -441px -604px;
  width: 15px;
  height: 15px;
}

.icon-share {
  background-image: url(./images/icons-1803021032.png);
  background-position: -75px -504px;
  width: 20px;
  height: 20px;
}

.icon-small-empty-personal-file {
  background-image: url(./images/icons-1803021032.png);
  background-position: -132px -471px;
  width: 28px;
  height: 28px;
}

.icon-small-favorite-mask {
  background-image: url(./images/icons-1803021032.png);
  background-position: -99px -471px;
  width: 28px;
  height: 28px;
}

.icon-small-my-sort {
  background-image: url(./images/icons-1803021032.png);
  background-position: -66px -471px;
  width: 28px;
  height: 28px;
}

.icon-small-personal-file {
  background-image: url(./images/icons-1803021032.png);
  background-position: -363px -471px;
  width: 28px;
  height: 28px;
}

.icon-statistics {
  background-image: url(./images/icons-1803021032.png);
  background-position: -400px -604px;
  width: 16px;
  height: 16px;
}

.icon-strongbox {
  background-image: url(./images/icons-1803021032.png);
  background-position: -495px -247px;
  width: 28px;
  height: 28px;
}

.icon-strongboxin {
  background-image: url(./images/icons-1803021032.png);
  background-position: -250px -504px;
  width: 20px;
  height: 20px;
}

.icon-strongboxremove {
  background-image: url(./images/icons-1803021032.png);
  background-position: -275px -504px;
  width: 20px;
  height: 20px;
}

.icon-strongboxset {
  background-image: url(./images/icons-1803021032.png);
  background-position: -300px -504px;
  width: 20px;
  height: 20px;
}

.icon-subscribe {
  background-image: url(./images/icons-1803021032.png);
  background-position: -325px -504px;
  width: 20px;
  height: 20px;
}

.icon-support {
  background-image: url(./images/icons-1803021032.png);
  background-position: -350px -504px;
  width: 20px;
  height: 20px;
}

.icon-tag {
  background-image: url(./images/icons-1803021032.png);
  background-position: -375px -504px;
  width: 20px;
  height: 20px;
}

.icon-tags-delete-blue {
  background-image: url(./images/icons-1803021032.png);
  background-position: -480px -604px;
  width: 14px;
  height: 14px;
}

.icon-tags-delete-gray {
  background-image: url(./images/icons-1803021032.png);
  background-position: -499px -604px;
  width: 14px;
  height: 14px;
}

.icon-tags-delete-white-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -518px -604px;
  width: 14px;
  height: 14px;
}

.icon-tags-delete-white {
  background-image: url(./images/icons-1803021032.png);
  background-position: -537px -604px;
  width: 14px;
  height: 14px;
}

.icon-tags {
  background-image: url(./images/icons-1803021032.png);
  background-position: -500px -504px;
  width: 20px;
  height: 20px;
}

.icon-txt {
  background-image: url(./images/icons-1803021032.png);
  background-position: -396px -471px;
  width: 28px;
  height: 28px;
}

.icon-txtmenu {
  background-image: url(./images/icons-1803021032.png);
  background-position: 0px -529px;
  width: 20px;
  height: 20px;
}

.icon-uploadfile {
  background-image: url(./images/icons-1803021032.png);
  background-position: -25px -529px;
  width: 20px;
  height: 20px;
}

.icon-uploadfolder {
  background-image: url(./images/icons-1803021032.png);
  background-position: -50px -529px;
  width: 20px;
  height: 20px;
}

.icon-uploadnew {
  background-image: url(./images/icons-1803021032.png);
  background-position: -75px -529px;
  width: 20px;
  height: 20px;
}

.icon-user-blue {
  background-image: url(./images/icons-1803021032.png);
  background-position: -189px -604px;
  width: 17px;
  height: 17px;
}

.icon-user-gray {
  background-image: url(./images/icons-1803021032.png);
  background-position: -167px -604px;
  width: 17px;
  height: 17px;
}

.icon-user-img-down-arrow {
  background-image: url(./images/icons-1803021032.png);
  background-position: -480px -115px;
  width: 10px;
  height: 6px;
}

.icon-vcf {
  background-image: url(./images/icons-1803021032.png);
  background-position: -534px -165px;
  width: 28px;
  height: 28px;
}

.icon-video {
  background-image: url(./images/icons-1803021032.png);
  background-position: -495px -214px;
  width: 28px;
  height: 28px;
}

.icon-visio {
  background-image: url(./images/icons-1803021032.png);
  background-position: -495px -379px;
  width: 28px;
  height: 28px;
}

.icon-web {
  background-image: url(./images/icons-1803021032.png);
  background-position: -495px -412px;
  width: 28px;
  height: 28px;
}

.icon-word {
  background-image: url(./images/icons-1803021032.png);
  background-position: 0px -471px;
  width: 28px;
  height: 28px;
}

.icon-wordmenu {
  background-image: url(./images/icons-1803021032.png);
  background-position: -300px -529px;
  width: 20px;
  height: 20px;
}

.icon-zip {
  background-image: url(./images/icons-1803021032.png);
  background-position: -33px -471px;
  width: 28px;
  height: 28px;
}

.index_advanced_search {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -450px;
  width: 20px;
  height: 20px;
}

.index_arrow_down {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -475px;
  width: 20px;
  height: 20px;
}

.index_arrow_right {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -500px;
  width: 20px;
  height: 20px;
}

.index_grid_nor {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -525px;
  width: 20px;
  height: 20px;
}

.index_icon_addMember {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -550px;
  width: 20px;
  height: 20px;
}

.index_icon_addfile {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -575px;
  width: 20px;
  height: 20px;
}

.index_icon_cancel {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -550px;
  width: 20px;
  height: 20px;
}

.index_icon_classify {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -525px;
  width: 20px;
  height: 20px;
}

.index_icon_delete {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -500px;
  width: 20px;
  height: 20px;
}

.index_icon_download {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -475px;
  width: 20px;
  height: 20px;
}

.index_icon_edit {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -450px;
  width: 20px;
  height: 20px;
}

.index_icon_empty {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -425px;
  width: 20px;
  height: 20px;
}

.index_icon_link {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -400px;
  width: 20px;
  height: 20px;
}

.index_icon_more {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -325px;
  width: 20px;
  height: 20px;
}

.index_icon_new {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -300px;
  width: 20px;
  height: 20px;
}

.index_icon_rename {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -275px;
  width: 20px;
  height: 20px;
}

.index_icon_restore {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -250px;
  width: 20px;
  height: 20px;
}

.index_icon_saveto {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -225px;
  width: 20px;
  height: 20px;
}

.index_icon_search {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -200px;
  width: 20px;
  height: 20px;
}

.index_icon_unfav {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -175px;
  width: 20px;
  height: 20px;
}

.index_icon_unsubscribe {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -150px;
  width: 20px;
  height: 20px;
}

.index_iocn_upload {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -100px;
  width: 20px;
  height: 20px;
}

.index_list_nor {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -75px;
  width: 20px;
  height: 20px;
}

.index_menu_commonuse {
  background-image: url(./images/icons-1803021032.png);
  background-position: -25px -554px;
  width: 20px;
  height: 20px;
}

.index_menu_coop {
  background-image: url(./images/icons-1803021032.png);
  background-position: 0px -554px;
  width: 20px;
  height: 20px;
}

.index_menu_fav {
  background-image: url(./images/icons-1803021032.png);
  background-position: -150px -529px;
  width: 20px;
  height: 20px;
}

.index_menu_filelabel {
  background-image: url(./images/icons-1803021032.png);
  background-position: -125px -529px;
  width: 20px;
  height: 20px;
}

.index_menu_groupfile {
  background-image: url(./images/icons-1803021032.png);
  background-position: -100px -529px;
  width: 20px;
  height: 20px;
}

.index_menu_link {
  background-image: url(./images/icons-1803021032.png);
  background-position: -475px -504px;
  width: 20px;
  height: 20px;
}

.index_menu_personalfile {
  background-image: url(./images/icons-1803021032.png);
  background-position: -450px -504px;
  width: 20px;
  height: 20px;
}

.index_menu_receive {
  background-image: url(./images/icons-1803021032.png);
  background-position: -425px -504px;
  width: 20px;
  height: 20px;
}

.index_menu_recycle {
  background-image: url(./images/icons-1803021032.png);
  background-position: -400px -504px;
  width: 20px;
  height: 20px;
}

.index_menu_subscribe {
  background-image: url(./images/icons-1803021032.png);
  background-position: -200px -504px;
  width: 20px;
  height: 20px;
}

.index_nav_help {
  background-image: url(./images/icons-1803021032.png);
  background-position: -50px -504px;
  width: 20px;
  height: 20px;
}

.index_nav_news {
  background-image: url(./images/icons-1803021032.png);
  background-position: -25px -504px;
  width: 20px;
  height: 20px;
}

.index_new_excel {
  background-image: url(./images/icons-1803021032.png);
  background-position: 0px -504px;
  width: 20px;
  height: 20px;
}

.index_new_fav_group {
  background-image: url(./images/icons-1803021032.png);
  background-position: -325px -339px;
  width: 20px;
  height: 20px;
}

.index_new_folder {
  background-image: url(./images/icons-1803021032.png);
  background-position: -260px -274px;
  width: 20px;
  height: 20px;
}

.index_new_label_classify {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -75px;
  width: 20px;
  height: 20px;
}

.index_new_ppt {
  background-image: url(./images/icons-1803021032.png);
  background-position: -350px -554px;
  width: 20px;
  height: 20px;
}

.index_new_txt {
  background-image: url(./images/icons-1803021032.png);
  background-position: -275px -554px;
  width: 20px;
  height: 20px;
}

.index_new_word {
  background-image: url(./images/icons-1803021032.png);
  background-position: -250px -554px;
  width: 20px;
  height: 20px;
}

.mark_lock {
  background-image: url(./images/icons-1803021032.png);
  background-position: -462px -471px;
  width: 28px;
  height: 28px;
}

.mark_lock_large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -365px -130px;
  width: 60px;
  height: 60px;
}

.tree-fav-group {
  background-image: url(./images/icons-1803021032.png);
  background-position: -75px -554px;
  width: 20px;
  height: 20px;
}

.tree-fav {
  background-image: url(./images/icons-1803021032.png);
  background-position: 0px -604px;
  width: 20px;
  height: 20px;
}

.ai-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -325px -365px;
  width: 60px;
  height: 60px;
}

.android-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -260px -365px;
  width: 60px;
  height: 60px;
}

.big-empty-personal-file-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -195px -365px;
  width: 60px;
  height: 60px;
}

.big-favorite-mask {
  background-image: url(./images/icons-1803021032.png);
  background-position: -130px -365px;
  width: 60px;
  height: 60px;
}

.big-personal-file-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -65px -365px;
  width: 60px;
  height: 60px;
}

.blank-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -75px -160px;
  width: 60px;
  height: 60px;
}

.coop-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: 0px -365px;
  width: 60px;
  height: 60px;
}

.excel-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -365px -260px;
  width: 60px;
  height: 60px;
}

.exe-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -430px 0px;
  width: 60px;
  height: 60px;
}

.folder-large-coop {
  background-image: url(./images/icons-1803021032.png);
  background-position: -365px -195px;
  width: 60px;
  height: 60px;
}

.folder-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: 0px 0px;
  width: 80px;
  height: 80px;
}

.group-empty-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -365px -65px;
  width: 60px;
  height: 60px;
}

.group-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -365px 0px;
  width: 60px;
  height: 60px;
}

.ios-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -260px -300px;
  width: 60px;
  height: 60px;
}

.iso-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -195px -300px;
  width: 60px;
  height: 60px;
}

.map-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -130px -300px;
  width: 60px;
  height: 60px;
}

.music-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -65px -300px;
  width: 60px;
  height: 60px;
}

.pdf-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: 0px -300px;
  width: 60px;
  height: 60px;
}

.pic-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -300px -195px;
  width: 60px;
  height: 60px;
}

.ppt-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -300px -130px;
  width: 60px;
  height: 60px;
}

.ps-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -300px -65px;
  width: 60px;
  height: 60px;
}

.sort_large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -300px 0px;
  width: 60px;
  height: 60px;
}

.strongbox-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -195px -235px;
  width: 60px;
  height: 60px;
}

.txt-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -130px -235px;
  width: 60px;
  height: 60px;
}

.vcf_large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -65px -235px;
  width: 60px;
  height: 60px;
}

.video-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: 0px -235px;
  width: 60px;
  height: 60px;
}

.visio-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -235px -130px;
  width: 60px;
  height: 60px;
}

.web-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -235px -65px;
  width: 60px;
  height: 60px;
}

.word-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -235px 0px;
  width: 60px;
  height: 60px;
}

.zip-large {
  background-image: url(./images/icons-1803021032.png);
  background-position: -140px -160px;
  width: 60px;
  height: 60px;
}

.drop_hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -480px -65px;
  width: 9px;
  height: 9px;
}

.drop_normal {
  background-image: url(./images/icons-1803021032.png);
  background-position: -480px -79px;
  width: 9px;
  height: 9px;
}

.login-Android-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -300px -260px;
  width: 34px;
  height: 34px;
}

.login-Android {
  background-image: url(./images/icons-1803021032.png);
  background-position: -495px 0px;
  width: 34px;
  height: 34px;
}

.login-Mac-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -445px -430px;
  width: 34px;
  height: 34px;
}

.login-Mac {
  background-image: url(./images/icons-1803021032.png);
  background-position: -406px -430px;
  width: 34px;
  height: 34px;
}

.login-PC-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -365px -325px;
  width: 34px;
  height: 34px;
}

.login-PC {
  background-image: url(./images/icons-1803021032.png);
  background-position: -328px -430px;
  width: 34px;
  height: 34px;
}

.login-Windows-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -390px -365px;
  width: 34px;
  height: 34px;
}

.login-Windows {
  background-image: url(./images/icons-1803021032.png);
  background-position: -325px -300px;
  width: 34px;
  height: 34px;
}

.login-iOS-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -260px -235px;
  width: 34px;
  height: 34px;
}

.login-iOS {
  background-image: url(./images/icons-1803021032.png);
  background-position: -235px -195px;
  width: 34px;
  height: 34px;
}

.login_android_grey {
  background-image: url(./images/icons-1803021032.png);
  background-position: -430px -256px;
  width: 36px;
  height: 36px;
}

.login_android_white {
  background-image: url(./images/icons-1803021032.png);
  background-position: -287px -430px;
  width: 36px;
  height: 36px;
}

.login_drive_grey {
  background-image: url(./images/icons-1803021032.png);
  background-position: -430px -215px;
  width: 36px;
  height: 36px;
}

.login_drive_white {
  background-image: url(./images/icons-1803021032.png);
  background-position: -246px -430px;
  width: 36px;
  height: 36px;
}

.login_ios_grey {
  background-image: url(./images/icons-1803021032.png);
  background-position: -205px -430px;
  width: 36px;
  height: 36px;
}

.login_ios_white {
  background-image: url(./images/icons-1803021032.png);
  background-position: -164px -430px;
  width: 36px;
  height: 36px;
}

.login_mac_grey {
  background-image: url(./images/icons-1803021032.png);
  background-position: -123px -430px;
  width: 36px;
  height: 36px;
}

.login_mac_white {
  background-image: url(./images/icons-1803021032.png);
  background-position: -82px -430px;
  width: 36px;
  height: 36px;
}

.login_name {
  background-image: url(./images/icons-1803021032.png);
  background-position: -500px -554px;
  width: 20px;
  height: 20px;
}

.login_office_grey {
  background-image: url(./images/icons-1803021032.png);
  background-position: -41px -430px;
  width: 36px;
  height: 36px;
}

.login_office_white {
  background-image: url(./images/icons-1803021032.png);
  background-position: 0px -430px;
  width: 36px;
  height: 36px;
}

.login_password {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px 0px;
  width: 20px;
  height: 20px;
}

.login_pc_grey {
  background-image: url(./images/icons-1803021032.png);
  background-position: -430px -379px;
  width: 36px;
  height: 36px;
}

.login_pc_white {
  background-image: url(./images/icons-1803021032.png);
  background-position: -430px -338px;
  width: 36px;
  height: 36px;
}

.login_user {
  background-image: url(./images/icons-1803021032.png);
  background-position: -144px -604px;
  width: 18px;
  height: 18px;
}

.pre-cancel-fav-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: 0px -579px;
  width: 20px;
  height: 20px;
}

.pre-cancel-fav {
  background-image: url(./images/icons-1803021032.png);
  background-position: -25px -579px;
  width: 20px;
  height: 20px;
}

.pre-close-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -495px -39px;
  width: 34px;
  height: 34px;
}

.pre-close {
  background-image: url(./images/icons-1803021032.png);
  background-position: -367px -430px;
  width: 34px;
  height: 34px;
}

.pre-delete-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -100px -579px;
  width: 20px;
  height: 20px;
}

.pre-delete {
  background-image: url(./images/icons-1803021032.png);
  background-position: -125px -579px;
  width: 20px;
  height: 20px;
}

.pre-filedown-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -150px -579px;
  width: 20px;
  height: 20px;
}

.pre-filedown {
  background-image: url(./images/icons-1803021032.png);
  background-position: -175px -579px;
  width: 20px;
  height: 20px;
}

.pre-filefav-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -200px -579px;
  width: 20px;
  height: 20px;
}

.pre-filefav {
  background-image: url(./images/icons-1803021032.png);
  background-position: -225px -579px;
  width: 20px;
  height: 20px;
}

.pre-filelink-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -250px -579px;
  width: 20px;
  height: 20px;
}

.pre-filelink {
  background-image: url(./images/icons-1803021032.png);
  background-position: -275px -579px;
  width: 20px;
  height: 20px;
}

.pre-next-disabled {
  background-image: url(./images/icons-1803021032.png);
  background-position: 0px -160px;
  width: 70px;
  height: 70px;
}

.pre-next-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -160px -75px;
  width: 70px;
  height: 70px;
}

.pre-next {
  background-image: url(./images/icons-1803021032.png);
  background-position: -160px 0px;
  width: 70px;
  height: 70px;
}

.pre-option-enlarge-disabled {
  background-image: url(./images/icons-1803021032.png);
  background-position: -375px -579px;
  width: 20px;
  height: 20px;
}

.pre-option-enlarge-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -400px -579px;
  width: 20px;
  height: 20px;
}

.pre-option-enlarge {
  background-image: url(./images/icons-1803021032.png);
  background-position: -425px -579px;
  width: 20px;
  height: 20px;
}

.pre-option-full-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -450px -579px;
  width: 20px;
  height: 20px;
}

.pre-option-full {
  background-image: url(./images/icons-1803021032.png);
  background-position: -475px -579px;
  width: 20px;
  height: 20px;
}

.pre-option-narrow-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -500px -579px;
  width: 20px;
  height: 20px;
}

.pre-option-narrow {
  background-image: url(./images/icons-1803021032.png);
  background-position: -525px -579px;
  width: 20px;
  height: 20px;
}

.pre-option-shrink-disabled {
  background-image: url(./images/icons-1803021032.png);
  background-position: -550px -579px;
  width: 20px;
  height: 20px;
}

.pre-option-shrink-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -575px -579px;
  width: 20px;
  height: 20px;
}

.pre-option-shrink {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px 0px;
  width: 20px;
  height: 20px;
}

.pre-option-turn-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -25px;
  width: 20px;
  height: 20px;
}

.pre-option-turn {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -50px;
  width: 20px;
  height: 20px;
}

.pre-previous-disabled {
  background-image: url(./images/icons-1803021032.png);
  background-position: -75px -85px;
  width: 70px;
  height: 70px;
}

.pre-previous-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: 0px -85px;
  width: 70px;
  height: 70px;
}

.pre-previous {
  background-image: url(./images/icons-1803021032.png);
  background-position: -85px 0px;
  width: 70px;
  height: 70px;
}

.pre-sendlink-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -150px;
  width: 20px;
  height: 20px;
}

.pre-sendlink {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -175px;
  width: 20px;
  height: 20px;
}

.pre-small-next-disabled {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -200px;
  width: 20px;
  height: 20px;
}

.pre-small-next-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -225px;
  width: 20px;
  height: 20px;
}

.pre-small-next {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -250px;
  width: 20px;
  height: 20px;
}

.pre-small-previous-disabled {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -275px;
  width: 20px;
  height: 20px;
}

.pre-small-previous-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -300px;
  width: 20px;
  height: 20px;
}

.pre-small-previous {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -325px;
  width: 20px;
  height: 20px;
}

.pre-subscribe-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -350px;
  width: 20px;
  height: 20px;
}

.pre-subscribe {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -375px;
  width: 20px;
  height: 20px;
}

.pre-unsubscribe-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -400px;
  width: 20px;
  height: 20px;
}

.pre-unsubscribe {
  background-image: url(./images/icons-1803021032.png);
  background-position: -617px -425px;
  width: 20px;
  height: 20px;
}

.icon-acl-tip {
  background-image: url(./images/icons-1803021032.png);
  background-position: -471px -379px;
  width: 18px;
  height: 18px;
}

.icon-saas-company-baseinfo {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -125px;
  width: 20px;
  height: 20px;
}

.icon-saas-company-custom {
  background-image: url(./images/icons-1803021032.png);
  background-position: -50px -604px;
  width: 20px;
  height: 19px;
}

.icon-saas-console-add-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -471px -338px;
  width: 18px;
  height: 18px;
}

.icon-saas-console-add-pressed {
  background-image: url(./images/icons-1803021032.png);
  background-position: -121px -604px;
  width: 18px;
  height: 18px;
}

.icon-saas-console-add {
  background-image: url(./images/icons-1803021032.png);
  background-position: -98px -604px;
  width: 18px;
  height: 18px;
}

.icon-saas-console-databox-default {
  background-image: url(./images/icons-1803021032.png);
  background-position: -594px -604px;
  width: 14px;
  height: 14px;
}

.icon-saas-console-databox-focus {
  background-image: url(./images/icons-1803021032.png);
  background-position: -575px -604px;
  width: 14px;
  height: 14px;
}

.icon-saas-console-databox-hover {
  background-image: url(./images/icons-1803021032.png);
  background-position: -556px -604px;
  width: 14px;
  height: 14px;
}

.icon-saas-console-pill-close {
  background-image: url(./images/icons-1803021032.png);
  background-position: -480px -93px;
  width: 8px;
  height: 8px;
}

.icon-saas-dept {
  background-image: url(./images/icons-1803021032.png);
  background-position: -430px -297px;
  width: 36px;
  height: 36px;
}

.icon-saas-group {
  background-image: url(./images/icons-1803021032.png);
  background-position: -592px -375px;
  width: 20px;
  height: 20px;
}

.icon-saas-user-home {
  background-image: url(./images/icons-1803021032.png);
  background-position: -295px -604px;
  width: 16px;
  height: 16px;
}

.icon-saas-user-search {
  background-image: url(./images/icons-1803021032.png);
  background-position: -75px -604px;
  width: 18px;
  height: 18px;
}

.icon-saas-user-small-dept {
  background-image: url(./images/icons-1803021032.png);
  background-position: -274px -604px;
  width: 16px;
  height: 16px;
}

.icon-tree-dept {
  background-image: url(./images/icons-1803021032.png);
  background-position: -253px -604px;
  width: 16px;
  height: 16px;
}

.icon-tree-user {
  background-image: url(./images/icons-1803021032.png);
  background-position: -471px -238px;
  width: 12px;
  height: 12px;
}

.icon-user-home {
  background-image: url(./images/icons-1803021032.png);
  background-position: -316px -604px;
  width: 16px;
  height: 16px;
}

.icon-user-small-dept {
  background-image: url(./images/icons-1803021032.png);
  background-position: -211px -604px;
  width: 16px;
  height: 16px;
}

html {
  font-family: "San Francisco", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

body {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  min-width: 1200px;
  background: url(./images/login/login_bg.png) no-repeat;
  background-size: 100%;
  background-attachment: fixed;
}

.header-wrap {
  width: 100%;
  height: 60px;
  min-width: 1200px;
  border-bottom: 1px solid #e3e3e3;
  background: #ffffff;
}

.header-wrap .header {
  width: 1200px;
  margin: 0 auto;
  height: 60px;
}

.header-wrap .logo-img {
  margin-left: 250px;
  margin-top: 10px;
}

.header-wrap .header-title {
  margin-right: 20px;
  line-height: 60px;
  font-family: "San Francisco", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 14px;
  color: #626a6f;
}

.header-wrap .header-title span {
  cursor: pointer;
}

.header-wrap .language-img-arrow {
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
}

.container {
  width: 1200px;
  margin: 0 auto;
  padding-top: 100px;
  text-align: center;
}

.login-title {
  font-family: "San Francisco", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 30px;
  line-height: 30px;
  color: #626a6f;
  margin-bottom: 60px;
}

.login-error {
  position: absolute;
  border: 1px solid #faccc6;
  background-color: #fff1eb;
  left: 50%;
  margin-left: -200px;
  margin-top: -28px;
  padding: 0 10px;
  height: 22px;
  width: 378px;
  line-height: 22px;
  font-size: 12px;
  font-family: "San Francisco", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  color: #ee2222;
  text-align: left;
}

.login-input-wrap {
  width: 400px;
  margin: 0 auto;
  height: 42px;
  margin-bottom: 20px;
  position: relative;
}

.login-input-wrap input {
  background-color: #fff;
}

.login-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 10px;
  top: 10px;
}

.login-input {
  height: 40px;
  line-height: 40px;
  width: 348px;
  outline: none;
  border: 1px solid #d6dadc;
  border-radius: 3px;
  padding: 0 10px 0 40px;
  font-size: 14px;
  font-family: "San Francisco", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  color: #626a6f;
}

.login-code-ipt {
  padding: 0 10px;
  width: 248px;
  margin-right: 30px;
}

.login-code-img {
  width: 100px;
  height: 42px;
  border: none;
  outline: none;
  cursor: pointer;
}

.login-btn {
  height: 40px;
  width: 400px;
  margin-bottom: 76px;
}

.login-loading {
  opacity: .8;
  filter: alpha(opacity=80);
  zoom: 1;
}

.client-wrap {
  margin: 0 auto;
  height: 80px;
  font-size: 14px;
  color: #a1a7aa;
  text-align: center;
  font-family: "San Francisco", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

.client-title {
  width: 490px;
  height: 48px;
  margin: 0 auto;
  display: none;
}

.client-border {
  width: 180px;
  height: 0;
  border-top: 1px solid #e3e3e3;
  margin-top: 10px;
}

.client-lf-border {
  margin-right: 30px;
}

.client-rt-border {
  margin-left: 30px;
}

.client-icon-wrap {
  position: absolute;
  left: 50%;
  width: 324px;
  margin-left: -162px;
  height: 75px;
}

.client-icon-wrap .client-icon {
  float: left;
  height: 62px;
  width: 55px;
  cursor: pointer;
  margin-right: 10px;
  text-align: center;
}

.client-icon-wrap .client-icon i {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
}

.client-icon-wrap .client-icon .client-info {
  font-size: 14px;
  width: 36px;
  height: 20px;
  line-height: 20px;
  color: #9e9e9e;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.client-icon-wrap .client-icon:last-of-type {
  margin-right: 0;
}

.client-icon-wrap .client-icon:hover {
  opacity: .9;
  filter: alpha(opacity=80);
  zoom: 1;
}

.login-footer-wrap {
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -600px;
  font-family: "San Francisco", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  text-align: center;
}

.login-contact {
  width: 1200px;
  height: 20px;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  color: #fff;
}

.login-footer {
  width: 1200px;
  height: 20px;
  font-size: 12px;
  color: #a1a7aa;
  line-height: 20px;
  font-weight: bold;
}

.iframebox {
  width: 400px;
  height: 570px;
  position: absolute;
  top: 130px;
  right: 54px;
  background: #ffffff;
  border-radius: 10px;
  text-align: center;
}

.iframebox .nav {
  position: absolute;
  right: 0px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.iframebox .nav .nav-favorite {
  width: 20px;
  height: 20px;
  margin-right: 20px;
  display: inline-block;
  background-image: url("./images/login/nav_favorite__normal.png");
  cursor: pointer;
}

.iframebox .nav .nav-favorite:hover {
  background-image: url("./images/login/nav_favorite_select.png");
}

.iframebox .nav .nav-help {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("./images/login/nav_help.png");
  margin-right: 20px;
  cursor: pointer;
}

.iframebox .nav .nav-help:hover {
  background-image: url("./images/login/nav_help_select.png");
}

.iframebox .iframe-title {
  color: #666666;
  font-weight: bold;
  font-size: 22px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  margin-top: 50px;
  margin-bottom: 20px;
}

.iframebox .iframe-main {
  position: relative;
  width: 100%;
  height: 350px
}

.iframebox .iframe-main .iframe {
  height: 350px;
  position: absolute;
  left: 50%;
  transform: translateX(-45%);
  top: -20px;
}

.iframe-footer {
  border-top: 1px solid #ccc;
  margin-top: -20px;
  padding-top: 20px;
}

.footer-title {
  padding: 0 5px;
  border-right: 1px solid #fff;
  color: #ffffff;
}

.footer-title-last {
  padding-left: 5px;
  color: #ffffff;
}

.main {
  height: 799px;
  width: 1024px;
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.main-logo {
  width: 500px;
  height: 546px;
  margin-top: 150px;
}

.logo-img_new {
  margin-left: 20px;
  margin-top: 10px;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}

.dwclient {
  font-size: 14px;
  color: #696969;
  margin-bottom: 20px;
  font-weight: bold;
  font-family: Georgia, 'Times New Roman', Times, serif;
}