footer {text-align: center;}

.fixed-bottom {
  position: fixed;
  left: 0;
  bottom: 0;
}

#wsToast {
  z-index: 99999;
  opacity: 0;
  width: 50% !important;
  height: 9% !important;
  text-align: center;
  position: fixed;
  top: -10%;
  left: 25%;
}

@keyframes topSlid
{
    0% {top: -10%; opacity: 0;}
    10% {top: 0; opacity: 1;}
    80% {top: 0; opacity: 1;}
    100% {top: -10%; opacity: 0;}
}

.top-slid {
    display: inline-block;
    animation: topSlid 3s;
}



/* 编辑器 */
.editor-frm{
  position: relative;;
}

.editor-frm label {
  position: absolute;
  top: 7px;
  left: 25px;
  color: #aaa;
}

.editor-frm input {
  padding-left: 50px;
}

.editor-frm input.chars-3 {
  padding-left: 65px;
}



/*标签*/
.tag em {
  display: inline-block;
  margin-right: 10px;
}


/*列表item*/
.item a {
  color: #2f2f2f;
  text-decoration: none;
}
.item a:hover {
  color: #2f2f2f;
  text-decoration: underline;
}
.item p {
  color: #999999;
}

/*footer*/
footer {
  color: #bbbbbb;
}
footer a {
  color: #bbbbbb;
}


/*icon*/
.navbar-expand-sm .navbar-nav .nav-link.icon {
  padding-left: 1.7rem;
  background-size: 1.5rem;
}

.navbar-expand-sm .navbar-nav .nav-link.icon:hover {
  fill: #ff0000;
}

.ic-game {
  background: url(/web/svg/game.svg) no-repeat center left;
}
.ic-comment {
  background: url(/web/svg/comment.svg) no-repeat center left;
}
.ic-home {
  background: url(/web/svg/home.svg) no-repeat center left;
}
.ic-people {
  background: url(/web/svg/people.svg) no-repeat center left;
}
.ic-tool {
  background: url(/web/svg/tool.svg) no-repeat center left;
}