#notice.visible {
  visibility: visible;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

#notice {
  z-index: 100;
  position: fixed;
  right: 0;
  bottom: 0;
  height: auto;
  width: 15rem;
  background: #fff;
  box-shadow: 0 0.1rem 0.75rem 0 rgba(9,41,77,.15);
  visibility: hidden;
  transition: all .3s ease;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
  padding: 1.5rem 1.2rem 1.5rem 1.2rem;
  line-height: 1;
}

#notice .btn-close {
  position: absolute;
  right: .52rem;
  top: .515rem;
  width: .635rem;
  height: .635rem;
  text-align: center;
  color: #727475;
  background: #fff;
  font-size: .9rem;
}

#notice .content {
  position: relative;
}

#notice .app.active {
  display: block;
}

#notice .app {
  height: auto;
  overflow: hidden;
  display: none;
}

#notice .notice-item {
  height: 5.45rem;
  overflow: hidden;
  display: none;
}

#notice .btn-wrapper {
  height: 1.5rem;
  text-align: right;
  padding-top: .75rem;
  padding-left: .1rem;
  font-size: 12px;
  color: #4293f4;
  letter-spacing: 0;
  line-height: .8rem;
}

#notice .btn-wrapper a {
  display: inline-block;
}

.btn-disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .3;
}