#float-window {
  width: 100%;
  position: absolute;
  z-index: 10002; }
  #float-window .float-wrapper {
    width: 1176px;
    margin: 0 auto;
    position: relative; }
  #float-window .float-box {
    background: #FFFFFF;
    position: absolute;
    right: 0;
    width: 23.5rem;
    padding: 1.5rem 1rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px; }
  #float-window .float-box.open {
    -webkit-animation: fade-in 1.5s;
            animation: fade-in 1.5s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards; }
  #float-window .float-box.down {
    -webkit-animation: fade-out 1.5s;
            animation: fade-out 1.5s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards; }

@-webkit-keyframes fade-in {
  from {
    -webkit-transform: translateY(-250px);
            transform: translateY(-250px); }
  to {
    -webkit-transform: translateY(91px);
            transform: translateY(91px); } }

@keyframes fade-in {
  from {
    -webkit-transform: translateY(-250px);
            transform: translateY(-250px); }
  to {
    -webkit-transform: translateY(91px);
            transform: translateY(91px); } }

@-webkit-keyframes fade-out {
  from {
    -webkit-transform: translateY(91px);
            transform: translateY(91px); }
  to {
    -webkit-transform: translateY(-250px);
            transform: translateY(-250px); } }

@keyframes fade-out {
  from {
    -webkit-transform: translateY(91px);
            transform: translateY(91px); }
  to {
    -webkit-transform: translateY(-250px);
            transform: translateY(-250px); } }
  #float-window .cell {
    vertical-align: top;
    float: left; }
  #float-window .light {
    padding-right: .8rem;
    width: 3.5rem; }
  #float-window .content {
    width: 17rem; }
  #float-window h3 {
    font-size: 15px; }
  #float-window .notification {
    margin-top: .6rem;
    font-size: 12px;
    color: #8796A8;
    line-height: 1.5;
    word-break: break-all; }
    #float-window .notification a {
      display: inline-block;
      color: #4289DB; }
  #float-window .close {
    color: #acb8c5;
    border-radius: 3px;
    font-size: 1.4rem;
    position: absolute;
    top: .2rem;
    right: 1.5rem; }
    #float-window .close:hover {
      cursor: pointer; }
  @media screen and (max-width: 1100px) {
    #float-window {
      display: none; } }