.main {
  padding: 0 0.5em 0 0;
}

.sidebar {
  background: #fff;
}

.sidebar .sideCard {
  margin: 0 0 1em 0;
}

.sidebar .sideCard .cont {
  min-height: 175px;
}

.sidebar .sideCard .card {
  box-shadow: none;
}

#news .cont {
  height: 180px;
  min-height: 180px;
}

#news .cont a {
  display: block;
  font-size: 14px;
  height: 2.5em;
  line-height: 2.5em;
}

#news .cont a .title {
  display: block;
  float: left;
  width: 48em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sideNews a {
  display: block;
  font-size: 14px;
  height: 2.5em;
  line-height: 2.5em;
}

.sideNews a .title {
  display: block;
  float: left;
  width: 20em;
  margin: 0 0.5em 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sideNews a .date {
  width: 6em;
  white-space: nowrap;
  overflow: hidden;
  float: left;
}

#flows .tit .badge {
  height: 1.6em;
  line-height: 1.6em;
  font-size: 0.7em;
  border-radius: 0.8em;
  text-align: center;
  font-style: normal;
  padding: 0 0.5em;
  background: #e7483b;
  color: #fff;
  vertical-align: middle;
  display: none;
  margin-left: 0.5em;
}

#flows .cont {
  height: 180px;
}

#flows .cont a {
  display: block;
  font-size: 14px;
  height: 2.5em;
  line-height: 2.5em;
}

#flows .cont a:nth-child(even) {
  background: #f6f6f6;
}

#flows .subtit {
  font-size: 14px;
  height: 2.5em;
  line-height: 2.5em;
  background: #f6f6f6;
}

#flows span {
  display: block;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-indent: 0.5em;
}

#flows .id {
  width: 5em;
}

#flows .appname {
  width: 10em;
}

#flows .processname {
  width: 20em;
}

#flows .update {
  width: 12em;
}

#flows .state {
  width: 7em;
  margin: 0;
}

#apps .icoLst {
  min-height: 7em;
}

#apps .icoLst a {
  display: block;
  width: 20%;
  padding: 0 0.5em;
  float: left;
  text-align: center;
  height: 7em;
  font-size: 14px;
}

#apps .icoLst a .icon {
  width: 3.4em;
  height: 3.5em;
  margin: 0 auto 0.5em auto;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

#cal .tab .tit li {
  padding: 0;
  width: 25%;
  height: 4em;
  line-height: 4em;
}

#cal .cont .list {
  padding: 0 1em;
}

#cal .cont .list a {
  display: block;
  height: 2.5em;
  line-height: 2.5em;
}

#cal .cont .list a:after {
  content: "";
  width: 0;
  height: 0;
  display: table;
  clear: both;
}

#cal .cont .list a span {
  display: block;
  float: left;
}

#cal .cont .list a .title {
  width: 22em;
  margin: 0 1em 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#cal #calendar {
  overflow: hidden;
}

#commUsed a {
  float: left;
  width: 50%;
  text-align: center;
  height: 5em;
}

#commUsed a .icon {
  width: 2.5em;
  height: 2.5em;
  margin: 0 auto;
  background: 100%;
  background-size: contain;
  background-position: center center;
}

#links .cont a {
  display: block;
  width: 50%;
  float: left;
  height: 2.5em;
  line-height: 2.5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#mails .cont a {
  display: block;
  height: 2.5em;
  line-height: 2.5em;
  overflow: hidden;
  font-size: 14px;
}

#mails .cont a .subject {
  width: 20em;
  display: block;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#mails .cont a .time {
  display: block;
  overflow: hidden;
  width: 6em;
}

#news .tit {
  position: relative;
}

#news .tit li .more {
  display: none;
  position: absolute;
  right: 0.5em;
  top: 0;
  font-size: 14px;
}

#news .tit li.on .more {
  display: block;
}

#flows .tit {
  position: relative;
}

#flows .tit li .more {
  display: none;
  position: absolute;
  right: 0.5em;
  top: 0;
  font-size: 14px;
}

#flows .tit li.on .more {
  display: block;
}

.title {
  position: relative;
}

.title .more {
  display: block;
  position: absolute;
  height: 2em;
  line-height: 2em;
  right: 0.5em;
  top: 0;
  font-size: 14px;
  font-weight: normal;
}

#loginTip {
  display: none;
  color: #f66;
}

.RightNav {
  position: fixed;
  width: 6em;
  left: 50%;
  margin: 0 0 0 610px;
  padding: 0.5em;
  bottom: 10em;
  z-index: 9999;
  background: #fff;
  border-radius: 0.3rem;
  text-align: center;
  color: #999;
}

.RightNav ul {
  font-size: 0.6rem;
}

.RightNav ul li {
  cursor: pointer;
  border-top: 1px solid #ccc;
  margin: 0 0 0.5em 0;
}

.RightNav ul li:nth-child(1) {
  border: none;
}

.RightNav .mdi {
  font-size: 3em;
  line-height: 1.2em;
  display: block;
}

.RightNav .mdi-heart {
  color: #b30000;
}

.RightNav .mdi-repeat {
  color: #00b300;
}

.RightNav .mdi-pen {
  color: #6666ff;
}

.RightNav .mdi-thumb-up {
  font-size: 2.5em;
  color: #f60;
}

.RightNav img {
  display: block;
  margin: 0.5em auto
}

.RightNav a,
.RightNav a:visited {
  color: #999;
}

#robot {
  display: block;
  cursor: pointer;
  position: fixed;
  width: 5em;
  left: 50%;
  margin: 0 0 0 610px;
  bottom: 20em;
  z-index: 9990;
  height: 8em;
  background-image: url("/img/sprit.gif");
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  transition: 0.3s all ease-in-out;
}

#robot:hover {
  bottom: 25em;
}

#bioAuth {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(3px);
}

#bioAuth .wrapper {
  width: 600px;
  background: #fff;
  margin: 100px auto auto;
  border-radius: 6px;
  padding: 30px;
  line-height: 200%;
}

#bioAuth .tit {
  text-align: center;
  font-size: 150%;
}

#bioAuth .cont {
  margin: 30px 0;
}

#bioAuth .btnGrp {
  text-align: center;
}

#bioAuth .btn {
  background-color: #1b467b;
}

#bioAuth .btn.gray {
  background-color: #ddd;
  color: #666;
}

#shuWeixin .card {
  background: #2d76cf;
  color: #fff;
}

#shuWeixin .card a {
  color: #fff !important;
}