/**
 *
 * All animations must live in their own file
 * in the animations directory and be included
 * here.
 *
 */
/**
 * Styles shared by multiple animations
 */
/**
 * Dots
 */
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }

  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }

  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

.ball-pulse > div:nth-child(0) {
  -webkit-animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(1) {
  -webkit-animation: scale 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(2) {
  -webkit-animation: scale 0.75s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.75s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(3) {
  -webkit-animation: scale 0.75s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.75s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

@-webkit-keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }

  66% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }

  66% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.ball-pulse-sync > div:nth-child(0) {
  -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; }
.ball-pulse-sync > div:nth-child(1) {
  -webkit-animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out; }
.ball-pulse-sync > div:nth-child(2) {
  -webkit-animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out; }
.ball-pulse-sync > div:nth-child(3) {
  -webkit-animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out; }
.ball-pulse-sync > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

@-webkit-keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ball-scale > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  height: 60px;
  width: 60px;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
          animation: ball-scale 1s 0s ease-in-out infinite; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }

  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }

  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.ball-rotate {
  position: relative; }
  .ball-rotate > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: relative; }
    .ball-rotate > div:first-child {
      -webkit-animation: rotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;
              animation: rotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite; }
    .ball-rotate > div:before, .ball-rotate > div:after {
      background-color: #fff;
      width: 15px;
      height: 15px;
      border-radius: 100%;
      margin: 2px;
      content: "";
      position: absolute;
      opacity: 0.8; }
    .ball-rotate > div:before {
      top: 0px;
      left: -28px; }
    .ball-rotate > div:after {
      top: 0px;
      left: 25px; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }

  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); } }

.ball-clip-rotate > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  height: 25px;
  width: 25px;
  background: transparent !important;
  display: inline-block;
  -webkit-animation: rotate 0.75s 0s linear infinite;
          animation: rotate 0.75s 0s linear infinite; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }

  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); } }

@keyframes scale {
  30% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ball-clip-rotate-pulse {
  position: relative;
  -webkit-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
          transform: translateY(-15px); }
  .ball-clip-rotate-pulse > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%; }
    .ball-clip-rotate-pulse > div:first-child {
      background: #fff;
      height: 16px;
      width: 16px;
      top: 9px;
      left: 9px;
      -webkit-animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
              animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; }
    .ball-clip-rotate-pulse > div:last-child {
      position: absolute;
      border: 2px solid #fff;
      width: 30px;
      height: 30px;
      background: transparent;
      border: 2px solid;
      border-color: #fff transparent #fff transparent;
      -webkit-animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
              animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
      -webkit-animation-duration: 1s;
              animation-duration: 1s; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }

  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); } }

.ball-clip-rotate-multiple {
  position: relative; }
  .ball-clip-rotate-multiple > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    left: 0px;
    top: 0px;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-radius: 100%;
    height: 35px;
    width: 35px;
    -webkit-animation: rotate 1s 0s ease-in-out infinite;
            animation: rotate 1s 0s ease-in-out infinite; }
    .ball-clip-rotate-multiple > div:last-child {
      display: inline-block;
      top: 10px;
      left: 10px;
      width: 15px;
      height: 15px;
      -webkit-animation-duration: 0.5s;
              animation-duration: 0.5s;
      border-color: #fff transparent #fff transparent;
      -webkit-animation-direction: reverse;
              animation-direction: reverse; }

@-webkit-keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }

  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }

  100% {
    opacity: 0.0; } }

@keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }

  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }

  100% {
    opacity: 0.0; } }

.ball-scale-ripple > div {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8);
          animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8); }

@-webkit-keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }

  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }

  100% {
    opacity: 0.0; } }

@keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }

  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }

  100% {
    opacity: 0.0; } }

.ball-scale-ripple-multiple {
  position: relative;
  -webkit-transform: translateY(-25px);
      -ms-transform: translateY(-25px);
          transform: translateY(-25px); }
  .ball-scale-ripple-multiple > div:nth-child(0) {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  .ball-scale-ripple-multiple > div:nth-child(1) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s; }
  .ball-scale-ripple-multiple > div:nth-child(2) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .ball-scale-ripple-multiple > div:nth-child(3) {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s; }
  .ball-scale-ripple-multiple > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 2px solid #fff;
    -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8);
            animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8); }

@-webkit-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ball-beat > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: ball-beat 0.7s 0s infinite linear;
          animation: ball-beat 0.7s 0s infinite linear; }
  .ball-beat > div:nth-child(2n-1) {
    -webkit-animation-delay: 0.35s !important;
            animation-delay: 0.35s !important; }

@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }

  5% {
    opacity: 1; }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }

  5% {
    opacity: 1; }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px); }
  .ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s; }
  .ball-scale-multiple > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
            animation: ball-scale-multiple 1s 0s linear infinite; }

@-webkit-keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
            transform: translate(25px, -50px); }

  66% {
    -webkit-transform: translate(50px, 0px);
            transform: translate(50px, 0px); }

  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
            transform: translate(25px, -50px); }

  66% {
    -webkit-transform: translate(50px, 0px);
            transform: translate(50px, 0px); }

  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@-webkit-keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
            transform: translate(25px, 50px); }

  66% {
    -webkit-transform: translate(-25px, 50px);
            transform: translate(-25px, 50px); }

  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
            transform: translate(25px, 50px); }

  66% {
    -webkit-transform: translate(-25px, 50px);
            transform: translate(-25px, 50px); }

  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@-webkit-keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px, 0px);
            transform: translate(-50px, 0px); }

  66% {
    -webkit-transform: translate(-25px, -50px);
            transform: translate(-25px, -50px); }

  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px, 0px);
            transform: translate(-50px, 0px); }

  66% {
    -webkit-transform: translate(-25px, -50px);
            transform: translate(-25px, -50px); }

  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

.ball-triangle-path {
  position: relative;
  -webkit-transform: translate(-25px, -25px);
      -ms-transform: translate(-25px, -25px);
          transform: translate(-25px, -25px); }
  .ball-triangle-path > div:nth-child(1) {
    -webkit-animation-name: ball-triangle-path-1;
            animation-name: ball-triangle-path-1;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  .ball-triangle-path > div:nth-child(2) {
    -webkit-animation-name: ball-triangle-path-2;
            animation-name: ball-triangle-path-2;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  .ball-triangle-path > div:nth-child(3) {
    -webkit-animation-name: ball-triangle-path-3;
            animation-name: ball-triangle-path-3;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  .ball-triangle-path > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #fff; }
    .ball-triangle-path > div:nth-of-type(1) {
      top: 50px; }
    .ball-triangle-path > div:nth-of-type(2) {
      left: 25px; }
    .ball-triangle-path > div:nth-of-type(3) {
      top: 50px;
      left: 50px; }

@-webkit-keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }

  25% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }

  50% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }

  75% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }

  25% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }

  50% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }

  75% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }

  25% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }

  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }

  75% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(0.75);
            transform: scale(0.75); } }

@keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }

  25% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }

  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }

  75% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(0.75);
            transform: scale(0.75); } }

.ball-pulse-rise > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(.15, .46, .9, .6);
          animation-timing-function: cubic-bezier(.15, .46, .9, .6);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
          animation-delay: 0; }
  .ball-pulse-rise > div:nth-child(2n) {
    -webkit-animation-name: ball-pulse-rise-even;
            animation-name: ball-pulse-rise-even; }
  .ball-pulse-rise > div:nth-child(2n-1) {
    -webkit-animation-name: ball-pulse-rise-odd;
            animation-name: ball-pulse-rise-odd; }

@-webkit-keyframes ball-grid-beat {
  50% {
    opacity: 0.7; }

  100% {
    opacity: 1; } }

@keyframes ball-grid-beat {
  50% {
    opacity: 0.7; }

  100% {
    opacity: 1; } }

.ball-grid-beat {
  width: 57px; }
  .ball-grid-beat > div:nth-child(1) {
    -webkit-animation-delay: 0.05s;
            animation-delay: 0.05s;
    -webkit-animation-duration: 1.52s;
            animation-duration: 1.52s; }
  .ball-grid-beat > div:nth-child(2) {
    -webkit-animation-delay: 0.54s;
            animation-delay: 0.54s;
    -webkit-animation-duration: 1.26s;
            animation-duration: 1.26s; }
  .ball-grid-beat > div:nth-child(3) {
    -webkit-animation-delay: 0.22s;
            animation-delay: 0.22s;
    -webkit-animation-duration: 0.93s;
            animation-duration: 0.93s; }
  .ball-grid-beat > div:nth-child(4) {
    -webkit-animation-delay: 0.44s;
            animation-delay: 0.44s;
    -webkit-animation-duration: 1.13s;
            animation-duration: 1.13s; }
  .ball-grid-beat > div:nth-child(5) {
    -webkit-animation-delay: 0.52s;
            animation-delay: 0.52s;
    -webkit-animation-duration: 0.67s;
            animation-duration: 0.67s; }
  .ball-grid-beat > div:nth-child(6) {
    -webkit-animation-delay: 0.71s;
            animation-delay: 0.71s;
    -webkit-animation-duration: 1.56s;
            animation-duration: 1.56s; }
  .ball-grid-beat > div:nth-child(7) {
    -webkit-animation-delay: 0.44s;
            animation-delay: 0.44s;
    -webkit-animation-duration: 1.03s;
            animation-duration: 1.03s; }
  .ball-grid-beat > div:nth-child(8) {
    -webkit-animation-delay: 0.11s;
            animation-delay: 0.11s;
    -webkit-animation-duration: 0.93s;
            animation-duration: 0.93s; }
  .ball-grid-beat > div:nth-child(9) {
    -webkit-animation-delay: 0.78s;
            animation-delay: 0.78s;
    -webkit-animation-duration: 1.09s;
            animation-duration: 1.09s; }
  .ball-grid-beat > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    display: inline-block;
    -webkit-animation-name: ball-grid-beat;
            animation-name: ball-grid-beat;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
            animation-delay: 0; }

@-webkit-keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }

  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.7; }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }

  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.7; }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

.ball-grid-pulse {
  width: 57px; }
  .ball-grid-pulse > div:nth-child(1) {
    -webkit-animation-delay: -0.09s;
            animation-delay: -0.09s;
    -webkit-animation-duration: 0.81s;
            animation-duration: 0.81s; }
  .ball-grid-pulse > div:nth-child(2) {
    -webkit-animation-delay: 0.52s;
            animation-delay: 0.52s;
    -webkit-animation-duration: 1.12s;
            animation-duration: 1.12s; }
  .ball-grid-pulse > div:nth-child(3) {
    -webkit-animation-delay: 0.41s;
            animation-delay: 0.41s;
    -webkit-animation-duration: 1.57s;
            animation-duration: 1.57s; }
  .ball-grid-pulse > div:nth-child(4) {
    -webkit-animation-delay: 0.72s;
            animation-delay: 0.72s;
    -webkit-animation-duration: 0.73s;
            animation-duration: 0.73s; }
  .ball-grid-pulse > div:nth-child(5) {
    -webkit-animation-delay: 0.7s;
            animation-delay: 0.7s;
    -webkit-animation-duration: 1.45s;
            animation-duration: 1.45s; }
  .ball-grid-pulse > div:nth-child(6) {
    -webkit-animation-delay: 0.31s;
            animation-delay: 0.31s;
    -webkit-animation-duration: 0.86s;
            animation-duration: 0.86s; }
  .ball-grid-pulse > div:nth-child(7) {
    -webkit-animation-delay: 0.43s;
            animation-delay: 0.43s;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s; }
  .ball-grid-pulse > div:nth-child(8) {
    -webkit-animation-delay: 0.18s;
            animation-delay: 0.18s;
    -webkit-animation-duration: 1.35s;
            animation-duration: 1.35s; }
  .ball-grid-pulse > div:nth-child(9) {
    -webkit-animation-delay: 0.57s;
            animation-delay: 0.57s;
    -webkit-animation-duration: 1.4s;
            animation-duration: 1.4s; }
  .ball-grid-pulse > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    display: inline-block;
    -webkit-animation-name: ball-grid-pulse;
            animation-name: ball-grid-pulse;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
            animation-delay: 0; }

@-webkit-keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ball-spin-fade-loader {
  position: relative; }
  .ball-spin-fade-loader > div:nth-child(1) {
    top: 25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s 0s infinite linear;
            animation: ball-spin-fade-loader 1s 0s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(2) {
    top: 17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s 0.12s infinite linear;
            animation: ball-spin-fade-loader 1s 0.12s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 25px;
    -webkit-animation: ball-spin-fade-loader 1s 0.24s infinite linear;
            animation: ball-spin-fade-loader 1s 0.24s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(4) {
    top: -17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s 0.36s infinite linear;
            animation: ball-spin-fade-loader 1s 0.36s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(5) {
    top: -25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s 0.48s infinite linear;
            animation: ball-spin-fade-loader 1s 0.48s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(6) {
    top: -17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s 0.6s infinite linear;
            animation: ball-spin-fade-loader 1s 0.6s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -25px;
    -webkit-animation: ball-spin-fade-loader 1s 0.72s infinite linear;
            animation: ball-spin-fade-loader 1s 0.72s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(8) {
    top: 17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s 0.84s infinite linear;
            animation: ball-spin-fade-loader 1s 0.84s infinite linear; }
  .ball-spin-fade-loader > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute; }

@-webkit-keyframes ball-spin-loader {
  75% {
    opacity: 0.2; }

  100% {
    opacity: 1; } }

@keyframes ball-spin-loader {
  75% {
    opacity: 0.2; }

  100% {
    opacity: 1; } }

.ball-spin-loader {
  position: relative; }
  .ball-spin-loader > span:nth-child(1) {
    top: 45px;
    left: 0;
    -webkit-animation: ball-spin-loader 2s 0.9s infinite linear;
            animation: ball-spin-loader 2s 0.9s infinite linear; }
  .ball-spin-loader > span:nth-child(2) {
    top: 30.68182px;
    left: 30.68182px;
    -webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
            animation: ball-spin-loader 2s 1.8s infinite linear; }
  .ball-spin-loader > span:nth-child(3) {
    top: 0;
    left: 45px;
    -webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
            animation: ball-spin-loader 2s 2.7s infinite linear; }
  .ball-spin-loader > span:nth-child(4) {
    top: -30.68182px;
    left: 30.68182px;
    -webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
            animation: ball-spin-loader 2s 3.6s infinite linear; }
  .ball-spin-loader > span:nth-child(5) {
    top: -45px;
    left: 0;
    -webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
            animation: ball-spin-loader 2s 4.5s infinite linear; }
  .ball-spin-loader > span:nth-child(6) {
    top: -30.68182px;
    left: -30.68182px;
    -webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
            animation: ball-spin-loader 2s 5.4s infinite linear; }
  .ball-spin-loader > span:nth-child(7) {
    top: 0;
    left: -45px;
    -webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
            animation: ball-spin-loader 2s 6.3s infinite linear; }
  .ball-spin-loader > span:nth-child(8) {
    top: 30.68182px;
    left: -30.68182px;
    -webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
            animation: ball-spin-loader 2s 7.2s infinite linear; }
  .ball-spin-loader > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: green; }

@-webkit-keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }

  66% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }

  66% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }

  66% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }

  66% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

.ball-zig-zag {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
      -ms-transform: translate(-15px, -15px);
          transform: translate(-15px, -15px); }
  .ball-zig-zag > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    margin-left: 15px;
    top: 30px;
    left: 30px; }
    .ball-zig-zag > div:first-child {
      -webkit-animation: ball-zig 0.7s 0s infinite linear;
              animation: ball-zig 0.7s 0s infinite linear; }
    .ball-zig-zag > div:last-child {
      -webkit-animation: ball-zag 0.7s 0s infinite linear;
              animation: ball-zag 0.7s 0s infinite linear; }

@-webkit-keyframes ball-zig-deflect {
  17% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }

  34% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }

  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

  67% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }

  84% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zig-deflect {
  17% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }

  34% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }

  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

  67% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }

  84% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes ball-zag-deflect {
  17% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }

  34% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }

  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

  67% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }

  84% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zag-deflect {
  17% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }

  34% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }

  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

  67% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }

  84% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

.ball-zig-zag-deflect {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
      -ms-transform: translate(-15px, -15px);
          transform: translate(-15px, -15px); }
  .ball-zig-zag-deflect > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    margin-left: 15px;
    top: 30px;
    left: 30px; }
    .ball-zig-zag-deflect > div:first-child {
      -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
              animation: ball-zig-deflect 1.5s 0s infinite linear; }
    .ball-zig-zag-deflect > div:last-child {
      -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
              animation: ball-zag-deflect 1.5s 0s infinite linear; }

/**
 * Lines
 */
@-webkit-keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }
@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

@-webkit-keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }

  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }

  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.line-scale-party > div:nth-child(1) {
  -webkit-animation-delay: 0.39s;
          animation-delay: 0.39s;
  -webkit-animation-duration: 0.35s;
          animation-duration: 0.35s; }
.line-scale-party > div:nth-child(2) {
  -webkit-animation-delay: 0.01s;
          animation-delay: 0.01s;
  -webkit-animation-duration: 0.53s;
          animation-duration: 0.53s; }
.line-scale-party > div:nth-child(3) {
  -webkit-animation-delay: 0.23s;
          animation-delay: 0.23s;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s; }
.line-scale-party > div:nth-child(4) {
  -webkit-animation-delay: 0.67s;
          animation-delay: 0.67s;
  -webkit-animation-duration: 0.44s;
          animation-duration: 0.44s; }
.line-scale-party > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-name: line-scale-party;
          animation-name: line-scale-party;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
          animation-delay: 0; }

@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale-pulse-out > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85);
          animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85); }
  .line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
    -webkit-animation-delay: 0.2s !important;
            animation-delay: 0.2s !important; }
  .line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
    -webkit-animation-delay: 0.4s !important;
            animation-delay: 0.4s !important; }

@-webkit-keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  80% {
    -webkit-transform: scaley(0.3);
            transform: scaley(0.3); }

  90% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

@keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  80% {
    -webkit-transform: scaley(0.3);
            transform: scaley(0.3); }

  90% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale-pulse-out-rapid > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
          animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78); }
  .line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
    -webkit-animation-delay: 0.25s !important;
            animation-delay: 0.25s !important; }
  .line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
    -webkit-animation-delay: 0.5s !important;
            animation-delay: 0.5s !important; }

@-webkit-keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3; }

  100% {
    opacity: 1; } }

@keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3; }

  100% {
    opacity: 1; } }

.line-spin-fade-loader {
  position: relative; }
  .line-spin-fade-loader > div:nth-child(1) {
    top: 20px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(2) {
    top: 13.63636px;
    left: 13.63636px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 20px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(4) {
    top: -13.63636px;
    left: 13.63636px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(5) {
    top: -20px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(6) {
    top: -13.63636px;
    left: -13.63636px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -20px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(8) {
    top: 13.63636px;
    left: -13.63636px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out; }
  .line-spin-fade-loader > div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    width: 5px;
    height: 15px; }

/**
 * Misc
 */
@-webkit-keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }

  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }

  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }

  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }
@keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }

  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }

  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }

  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

.triangle-skew-spin > div {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
  -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
          animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; }

@-webkit-keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }

  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }

  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }

  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

@keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }

  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }

  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }

  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

.square-spin > div {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid red;
  -webkit-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
          animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; }

@-webkit-keyframes pacman-balls {
  75% {
    opacity: 0.7; }

  100% {
    -webkit-transform: translate(-100px, -6.25px);
            transform: translate(-100px, -6.25px); } }

@keyframes pacman-balls {
  75% {
    opacity: 0.7; }

  100% {
    -webkit-transform: translate(-100px, -6.25px);
            transform: translate(-100px, -6.25px); } }

.pacman {
  position: relative; }
  .pacman > div:nth-child(2) {
    -webkit-animation: pacman-balls 1s 0s infinite linear;
            animation: pacman-balls 1s 0s infinite linear; }
  .pacman > div:nth-child(3) {
    -webkit-animation: pacman-balls 1s 0.25s infinite linear;
            animation: pacman-balls 1s 0.25s infinite linear; }
  .pacman > div:nth-child(4) {
    -webkit-animation: pacman-balls 1s 0.5s infinite linear;
            animation: pacman-balls 1s 0.5s infinite linear; }
  .pacman > div:nth-child(5) {
    -webkit-animation: pacman-balls 1s 0.75s infinite linear;
            animation: pacman-balls 1s 0.75s infinite linear; }
  .pacman > div:first-of-type {
    width: 0px;
    height: 0px;
    border-right: 25px solid transparent;
    border-top: 25px solid #fff;
    border-left: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 25px; }
  .pacman > div:nth-child(2), .pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5) {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    width: 10px;
    height: 10px;
    position: absolute;
    -webkit-transform: translate(0, -6.25px);
        -ms-transform: translate(0, -6.25px);
            transform: translate(0, -6.25px);
    top: 25px;
    left: 100px; }

@-webkit-keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
            transform: translateX(50px) scale(0.5) rotate(-90deg); }

  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
            transform: translate(50px, 50px) rotate(-180deg); }

  75% {
    -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
            transform: translateY(50px) scale(0.5) rotate(-270deg); }

  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
            transform: translateX(50px) scale(0.5) rotate(-90deg); }

  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
            transform: translate(50px, 50px) rotate(-180deg); }

  75% {
    -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
            transform: translateY(50px) scale(0.5) rotate(-270deg); }

  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

.cube-transition {
  position: relative;
  -webkit-transform: translate(-25px, -25px);
      -ms-transform: translate(-25px, -25px);
          transform: translate(-25px, -25px); }
  .cube-transition > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
            animation: cube-transition 1.6s 0s infinite ease-in-out; }
    .cube-transition > div:last-child {
      -webkit-animation-delay: -0.8s;
              animation-delay: -0.8s; }

@-webkit-keyframes spin-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }

  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }

  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.semi-circle-spin {
  position: relative;
  width: 35px;
  height: 35px;
  overflow: hidden; }
  .semi-circle-spin > div {
    position: absolute;
    border-width: 0px;
    border-radius: 100%;
    -webkit-animation: spin-rotate 0.6s 0s infinite linear;
            animation: spin-rotate 0.6s 0s infinite linear;
    background-image: -webkit-linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
    background-image: linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
    width: 100%;
    height: 100%; }



* {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-user-select: text
}

a,
img {
    -webkit-touch-callout: none
}

ul,
ol {
    list-style: none
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body,
html {
    text-align: left;
    height: 100%;
    width: 100%;
    font-family: Roboto, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: center
}

section,
p,
div {
    max-height: 999999px
}

textarea,
input[type="password"],
input[type="text"] {
    resize: none;
    outline: none;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #fff;
    overflow: scroll
}

body {
    width: 640px;
    background-color: #f6f6f6;
    text-align: center;
}

a {
    color: #333;
    text-decoration: none
}

img {
    vertical-align: top
}

.ellipsis {
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    overflow: hidden
}

.box-center {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.fix-break-word,
p {
    background-image: url('about:blank');
    display: block !important;
    background-color: transparent;
    word-break: break-all
}

.hide {
    display: none !important
}

.fl-r {
    float: right
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

body {
    padding-bottom: 0.2rem;
    -webkit-box-pack: center;
    font-family: Hiragino Sans GB;
    background: #f0f0f0
}

html,
body,
.container {
    height: auto
}

.container {
    width: 100%
}

.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.4rem;
    margin-top: -0.4rem;
    height: 0.8rem;
    width: 0.8rem;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
    background-color: #df3031
}

.u-show {
    display: block !important
}

.u-hide {
    display: none !important
}

.container,
.container>section {
    width: 100%
}

.static-header {
    display: none;
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 3;
    margin-left: -3.2rem;
    width: 6.4rem;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .1s ease-in-out
}

.static-header.active {
    -webkit-transform: translate3d(0, -0.85rem, 0)
}

.static-header.active .live-header {
    height: 1.18rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: height .1s ease-in-out
}

.static-header.active .section,
.static-header.active .scores a,
.static-header.active img,
.static-header.active .user-count {
    display: none
}

.static-header.active .teams {
    line-height: .8rem;
    padding: 0 .34rem;
    font-size: .28rem
}

.static-header.active .subtitle {
    display: none
}

.static-header.normal {
    width: 6.4rem;
    height: 3.59rem
}

.static-header.normal.active {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 3;
    margin-left: -3.2rem;
    -webkit-animation: slideDown .2s ease-in-out
}

.header-placeholder {
    height: 3.59rem
}

.m-nav {
    height: 0.85rem;
    width: 100%;
    background: #de2f31 url('data:image/png;base64,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') center center no-repeat;
    -webkit-background-size: .96rem .44rem;
    background-size: .96rem .44rem
}

.m-nav .back,
.m-nav .home,
.m-nav .menu {
    width: .88rem;
    height: .85rem
}

.m-nav .back {
    display: inline-block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNS8wNC8xNar2ml4AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAADxElEQVRogdWaS2hdVRSGv32x6cCCA2NK007EpprMqmAiVCFxoKMqtNJqVXBSiKlQxIgPnAmOdGDaqQNfA2faTEWwJU1rmxSKSSWKA4uQWkGbBwiWz8Hdl5zU3sc5Z9/c5p8czj57/eu/3LXPWWvtHUgAdTswDAwC/cD9wH3AtjhlGfgD+BWYB84B34UQFsv6DkUN1W7gJeAF4GFgDjgdrz9Hwctx+jaqP2g3MAA8Hq+zwBfAZyGE60W15BW+U/1IXVan1DG1pwBPT7SdUlfUE+qudmiuOexS31FX1a/VoYTcQ5FzVX1X7UrFXXPQp86oc+pwUvL1fkaij0vqQCrSZ9S/1Ql1axLSxv62Rl831GfLkh1Vl9SDifTl8X0w+j5alGBU/Uvdl1hbHg37oobRvIb744IaaZO2PFpGopb9rRr0xZjf8LCpB/VAXBN7mk3cEt82H2+QtpYRF/aMuqXRpHF1Pvl7OAHid2hefbPehN646jse9/UQ18OSuvN2D0+qpzqgKxfUU+rJWwe740pPlh60C+pg1NqdHTyuTicgv0c9r35flquJn7Pq69mBC+pYSdIu9VurOFdaZWNfr6oXajfb1ZuxKClKGNTPo/jf25oWs05zL+ph9XJJwg+i+BV1MJXQJj4vqy9WqJaBZ0oQjQJvAQKvhBDaGj4ZnAEeqQAPAT8WYYj5yUS8fS+E8FUica1gDngQdUF9Kq+1+mgMGWP8F66vi0B9Wl0gJkl7cxrvUn+L4s92IvVQ96rXiSL6chpfsj04nUPDHvWfSv7fDkBRu2bIG4ZdKUJoqoMhdKMCLAK5PmIhhKvAAWAVeAz4ZKMXMVXNixWqXbTdea1DCOeB54GbwBHg7aTymqMPWKgAV6i2+XIjhPAN8Fq8fV99LpG4VjAA/FRLJS6WYbIzqcRF9UitR/mvBfqbGbJsMnfV9idzNc29tYHU6XTp2qKJrzH1h+zAZitoptXj2YHNVFIOeWtJGR+cUCc7pKtleLuiPj7Y4eZpq/TWm/CGd35ja7zRpDu9tThro9ZinNgf/6bDG6StKdRDUVN/qwabt72eMdy8GxwZgtoW06HE2lrxXQubYltMGaJObfItWXaTL0Na22adb+e6UJ+MPmZNtc2aIb/L6gbIkjqZMu2I6cFk5B5v+qos6WyH+qFrRw2OFUnFY0p8zLWjBhN1v7ANUOawx73Ay/z/sMc88AtwjfWHPXqAB6ieZnkiXmeAL4FPQwh/FtGRpBCP/8AwMES1VVk7bnN3nLLC2nGbK8A01eM218r6/g8DN32TqPSSDAAAAABJRU5ErkJggg==') center center no-repeat;
    -webkit-background-size: .48rem .48rem;
    background-size: .48rem .48rem
}

.m-nav .home {
    float: right;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNS8wNC8xNar2ml4AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAADl0lEQVRogdWaTW9NURSG33MTNWBIJa0JStQIAzoQoR10hgFRVVOJ6EAkDOo3IEH5AYgf0IaBJiQSH6HUxEfqcyLxMajShqTJY3DWvdna3nPOPnvfcNfk5uyz3ne9K2edc/deeyeKYMAqSbslbZfUKWmNpJWSlpvLT0lfJb2X9FLSI0l3kiT5HBo7KQsEVkg6Iqlf0lZJLyTdM4FvJX1WKlxKE1klaZ3SBHfa7zNJ1yVdTZLkW1ktvsLbgXPAT+A+MAi0luBpNex9YAa4BKxuhOZqwBZgCJgFRoGuiNxdxjkLnAFaYnFXA6wHngIvge6o5H/H6bEYE8CmWKR7ge/ARWBpFNLseEst1g9gXyjZUSM6GEmfT+yDFvtoWYJjwBSwI7I2Hw07TMMxX+Aee6EaVu8eWrpNy56igE57dH0N1lbYrJxmgM48xyX2BbgQKXA/8BHoj8B1AXgOLMlyOmWfseDvMDAAzJHaHHA4kK/FtJ2u59BmpRNc9/PE346YxG7T2LbYzWFgJCSA8bjih2zsTMQkRoDh+YMr7E0Pmh4sJt65FyUJm3bMkk4ma4MngIcB2jPFOz6xkngAnHQHngDHAwhzxTu+Q6FJAMeBx9WLViPznhIbvrB4BxOUhKO5TUAfMO4vvZx4BxuaxDgwIOA8cLkEQWnxDkfpJIArwHkBt4BBT3CweIfLTWLAAzcI3BQwCfR6AKOJdzi9kwB6gUkB08CWgiBX/Nsw2Qu4P/kkAWwGvslA6wsADjniAYgjvcbv2hxwKMe/A/jtk8CHatk0OIEq/4cc/w6AwiVEuuDe7waLpL3KX+ME9gM9Of6bgWnvl3h+sFjmy1l9iSuS3kjKLaGCpGMUs7EI4TZImqxIeiUpTg9GynzsJfyybJOk1xWljdbtEQhrlmRYxDDbJI2XmszVq9cidRyCdXxrk7lKkiRfJE1IOlA0gf/ADkh6liTJp4oNXFPaKm8WOyLpRu0KzyXlvywhFltS2o1hYLSA/jwRvwKwRRJYuKi3G4XbKjkipgKweU+vflvFHAo1tsi2QgnUswxcdmPLnAq1FklbfPXsXg426996IgOX31o0x+Zt7jqA5m2vO8Dm3eBwCJp3i8khat5NPoe0ebdZHfLqRvcPGrfRPWMx4m50zwvWDpylMUcN2n15GnnY44v+PuzRqgYc9oiyQiI9brNLUpekjZLWKj1us8xcZpQet3mndAn7UNLdGMdt/gCP9XWdfxrXkAAAAABJRU5ErkJggg==') center center no-repeat;
    -webkit-background-size: .48rem .48rem;
    background-size: .48rem .48rem
}

.m-nav .menu {
    float: right;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNS8wNC8xNar2ml4AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAADVUlEQVRogdWasY8TRxTGf7Pi7KMBopxAGKQkBXBHQZMiFEQCBJSQFpRQUBw6UZMi6RAtSNyFf+BC4E+goADBFYCABJrkMAlKikRBoUMKB4p+KWYsjMGwu1575a+033zv292ZNzPvvUAFUDcAe4DPgBngE6AB/JdMMuAl8Bj4GbgFXA0h/D2o71B2oDoFfAUcAZrAVeAG8AD4PYSw0mPfBD4CdgCfEx/4BfAD8H0I4Z+yWooK36SeVR+qp9TpAbimE0db/U7dXKXWXmcN9Rv1V/W42qiY+3ji/rZK7o6DLeod9Zy6rlLy1/2sSz7uqdurIj2kLqv7KyHM53NfmlZfDEo0m95GqyJtRXy31FvqbFmCOfX6MKdMDg1rkoa5ogMPqj+qa4ekrYiWtUnLwbwDZlKIHF5IKwh1s/pInXmf4YR6V909Gmn5oe5O63HiXUYn1fkR6ioEdV79ut+frRS6ap/3/ZDWQ/utUVE9r56oQVchqCfU870/Tqm/qatr0pUb6uqkdQriMRfgS+BiCOHfAkQ3rA5Lef0mjReBo70PsJiXZAiwoP0icDiO1PXq/colDRnqfbWVAXuBK3ULKoFrwN6MeA28Wa+WUlgCPs2AaeI1cNzwC7CNtDFUewMaAdRJtZ0BzRDCi7oFFUUI4TnQyCgewoD69oFeZO83GQlKvUSggfpHpVJGCPWvDFgZ10UMPMuAR8DH9cophS1AOyPG0x01iymDaWA5IyZad9Yspgx2AXfH+TD3QG1lIYQnwEt1W0GC2vYBdSuwEkL4s7MPXCCmyutC0X3gKHDp1ehxv1Km4sJl4Fid4nLiGHD5jYKI455WSQYn1YUR68oNdcF+ia1kMGFM342sFpAX6n5j2rN/ajEZzhhLPeOX3O0aML7p9a6Bc+qS+sGQtOXRsCZtmMUKHF0Es+pPfVf9EJGi4m3Llpi6iA6l0HWgIm15fB5Ic36wIl8XYafMOu/wy6zzKdpUU2btIl+V9ol2Wh/NCrmbibOdfLw7VA7obKN6Jn3i0w7eanA6he2FMmttkGaPD4mnwiPAJLHZYwlYBpZT3qbbfhLYSrxJ7SI2ezwnpsoXQwhPy+go/QA94tYnQTuTwE67TeeYHIidKY+JV9ibxHabJ4P6/h9DI6zhNiIgHQAAAABJRU5ErkJggg==') center center no-repeat;
    -webkit-background-size: .48rem .48rem;
    background-size: .48rem .48rem
}

.m-down {
    height: 0.85rem
}

.m-down a,
.m-down-imoney a {
    display: block;
    height: 0.85rem;
    background: url(../images/live-download.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.m-down-imoney a {
    background-image: url(../images/imoney.jpg)
}

.m-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.85)
}

.m-mask.show {
    display: block
}

.m-mask:before {
    content: " ";
    position: absolute;
    top: 0;
    right: .42rem;
    width: 4.93rem;
    height: 4.41rem;
    z-index: 6;
    background: url('../images/imoney.png') center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.m-tab {
    height: 1.5rem;
    line-height: .74rem;
    font-size: .3rem;
    text-align: center;
    color: #555555;
    background-color: #F6F6F6
}

.m-tab .tab-item {
    /*margin-right: .2rem;*/
    vertical-align: middle
}

.m-tab .tab-item.active {
    font-size: .42rem;
    color: #E35556
}

.m-tab-panel {
    display: none
}

.m-tab-panel.active {
    display: block;
    -webkit-animation: slideInUp .5s ease-in-out
}

.video-img {
    overflow: hidden;
}

.video2-img {
    overflow: hidden;
}

.live-not-start-tip {
    display: none;
    font-size: 0.35rem;
    text-align: center;
    color: #373737
}

.live-header-normal {
    display: -webkit-box;
    position: relative;
    height: 2rem;
    padding: 0 0.2rem;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-orient: vertical;
    background-image: url('../images/live-banner-default.jpg');
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center
}

.live-header-normal video {
    display: none;
    width: 100%;
    height: 0
}

.live-header-normal.notitle .title,
.live-header-normal.notitle .subtitle {
    display: none
}

.live-header-normal.video .subtitle {
    display: none
}

.live-header-normal.video:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.35rem 0 0 -0.35rem;
    width: 0.7rem;
    height: .7rem;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABHCAYAAAC6cjEhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RDJCQzczMUREQjMxMUU0QTFBOUU0RkEyMzhCRTEzOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RDJCQzczMkREQjMxMUU0QTFBOUU0RkEyMzhCRTEzOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjREMkJDNzJGRERCMzExRTRBMUE5RTRGQTIzOEJFMTM4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjREMkJDNzMwRERCMzExRTRBMUE5RTRGQTIzOEJFMTM4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+22YLZQAACTxJREFUeNrcXHtsU9cd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')
}

.live-header-normal .title {
    width: 100%;
    line-height: 0.66rem;
    font-size: 0.38rem;
    color: #fff
}

.live-header-normal .subtitle {
    line-height: 0.4rem;
    font-size: 0.26rem;
    color: #fff
}

.live-header-normal .user-count {
    position: absolute;
    right: .2rem;
    bottom: .2rem;
    color: #fff;
    opacity: .8;
    font-size: .2rem
}

.live-header-nba {
    height: 2rem;
    padding: 0.2rem 0.22rem;
    color: #fff;
    background: url('../images/live-nba-banner.jpg') center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.live-header-nba.soccer {
    background-image: url('../images/live-soccer-banner.jpg')
}

.live-header-nba .section {
    text-align: center;
    opacity: 0.54;
    font-size: 0.2rem;
    color: #ffffff
}

.live-header-nba .teams {
    display: -webkit-box;
    -webkit-box-flex: 1;
    -webkit-box-pack: justify
}

.live-header-nba .team {
    text-align: center
}

.live-header-nba .team img {
    width: 1.14rem;
    height: 1.14rem
}

.live-header-nba .team>span {
    display: block
}

.live-header-nba .scores {
    text-align: center;
    font-family: "MyWebFont";
    font-size: 0.8rem
}

.live-header-nba .scores a {
    position: relative;
    display: inline-block;
    margin-top: 0.13rem;
    padding: 0.12rem 0.39rem 0.1rem 0.3rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    vertical-align: top;
    font-size: 0.22rem;
    color: #fff;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem
}

.live-header-nba .scores a:after {
    content: " ";
    position: absolute;
    top: 0.17rem;
    right: 0.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    border-right: 1px solid rgba(255, 255, 255, 0.6);
    width: 0.1rem;
    height: 0.1rem;
    -webkit-transform: rotate(45deg)
}

@font-face {
    font-family: 'MyWebFont';
    src: url('https://img4.cache.netease.com/utf8/3g/webfonts/dsdigi/ds-digi-webfont.eot');
    src: url('https://img4.cache.netease.com/utf8/3g/webfonts/dsdigi/ds-digi-webfont.eot?#iefix') format('embedded-opentype'), url('https://img4.cache.netease.com/utf8/3g/webfonts/dsdigi/ds-digi-webfont.woff') format('woff'), url('https://img4.cache.netease.com/utf8/3g/webfonts/dsdigi/ds-digi-webfont.ttf') format('truetype'), url('https://img4.cache.netease.com/utf8/3g/webfonts/dsdigi/ds-digi-webfont.svg#webfont') format('svg')
}

.title-placeholder {
    height: 0.4rem;
    margin-bottom: 0.2rem
}

.title-placeholder .section-title {
    padding-left: 0.3rem;
    line-height: 0.4rem;
    font-size: 0.24rem;
    color: #666666;
    background-color: #ebebeb
}

.static-title {
    visibility: hidden;
    width: 6.4rem;
    padding-left: 0.3rem;
    line-height: 0.4rem;
    font-size: 0.24rem;
    opacity: 0;
    color: #666;
    background-color: #ebebeb;
    -webkit-transition: opacity .2s ease-in-out
}

.static-title.active {
    visibility: visible;
    opacity: 1
}

.chat-list {
    padding-top: .1rem
}

.chat-list.animate {
    -webkit-animation: slideInUp .5s ease-in-out
}

.live-list-item,
.chat-list-item {
    margin-bottom: 0.2rem
}

.live-list-item .inner,
.chat-list-item .inner {
    display: -webkit-box;
    padding: 0 0.2rem
}

.live-list-item.newest .body,
.chat-list-item.newest .body {
    background-color: #5591d2
}

.live-list-item.newest .body:before,
.chat-list-item.newest .body:before {
    border-right-color: #5591d2
}

.live-list-item.newest .body .text,
.chat-list-item.newest .body .text,
.live-list-item.newest .body .name,
.chat-list-item.newest .body .name,
.live-list-item.newest .body .time,
.chat-list-item.newest .body .time,
.live-list-item.newest .body .nba-score,
.chat-list-item.newest .body .nba-score,
.live-list-item.newest .body a,
.chat-list-item.newest .body a {
    color: #fff !important
}

.live-list-item.top,
.chat-list-item.top {
    position: relative;
    overflow: hidden
}

.live-list-item.top:after,
.chat-list-item.top:after {
    content: " ";
    position: absolute;
    top: 0;
    right: .2rem;
    width: 0.78rem;
    height: 0.68rem;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAABECAYAAAAIn4KTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFN0NFREM3QURERDUxMUU0OUNGMDhGRTA0Q0VCNUVGQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFN0NFREM3QkRERDUxMUU0OUNGMDhGRTA0Q0VCNUVGQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU3Q0VEQzc4RERENTExRTQ5Q0YwOEZFMDRDRUI1RUZCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU3Q0VEQzc5RERENTExRTQ5Q0YwOEZFMDRDRUI1RUZCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zM8H0wAAGftJREFUeNrsnAlwXeV1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')
}

.live-list-item.quote-wrap,
.chat-list-item.quote-wrap {
    position: relative
}

.live-list-item.quote-wrap:after,
.chat-list-item.quote-wrap:after {
    content: " ";
    position: absolute;
    top: 0;
    right: .2rem;
    width: 0.8rem;
    height: 0.67rem;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABDCAYAAAALU4KYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDQkRFQjUzM0RFNjExMUU0QUFCQUM5REI2NDk0QjZGNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDQkRFQjUzNERFNjExMUU0QUFCQUM5REI2NDk0QjZGNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNCREVCNTMxREU2MTExRTRBQUJBQzlEQjY0OTRCNkY2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNCREVCNTMyREU2MTExRTRBQUJBQzlEQjY0OTRCNkY2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+y9fu3AAAKjVJREFUeNrsfHmQHNd5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')
}

.live-list-item .avatar,
.chat-list-item .avatar {
    margin-right: 0.2rem
}

.live-list-item .avatar img,
.chat-list-item .avatar img {
    width: 0.66rem;
    height: 0.66rem;
    -webkit-border-radius: 0.33rem;
    border-radius: 0.33rem
}

.live-list-item .body,
.chat-list-item .body {
    position: relative;
    -webkit-box-flex: 1;
    padding: 0.2rem;
    -webkit-border-radius: 0.08rem;
    border-radius: 0.08rem;
    background: #fff
}

.live-list-item .body:before,
.chat-list-item .body:before {
    content: " ";
    position: absolute;
    top: 0.22rem;
    left: -0.12rem;
    width: 0;
    height: 0;
    border-top: 0.12rem solid transparent;
    border-bottom: 0.12rem solid transparent;
    border-right: 0.12rem solid #fff
}

.live-list-item .body .name,
.chat-list-item .body .name {
    color: #df3031;
    font-size: 0.24rem;
    max-width: 4rem
}

.live-list-item .body .time,
.chat-list-item .body .time {
    float: right;
    color: #97979b;
    font-size: 0.24rem
}

.live-list-item .body .content,
.chat-list-item .body .content {
    margin-top: 0.13rem;
    line-height: 0.42rem;
    font-size: 0.3rem;
    color: #1f1f1f;
    word-break: break-all
}
.live-list-item .body .content a,
.chat-list-item .body .content a {
    color: #df3031;
}

.live-list-item .body .album,
.chat-list-item .body .album {
    position: relative;
    display: block;
    margin-top: 0.1rem
}

.live-list-item .body .album .tip,
.chat-list-item .body .album .tip {
    position: absolute;
    left: 0;
    bottom: 0;
    width: .68rem;
    height: .44rem;
    line-height: .44rem;
    text-align: center;
    font-size: 0.24rem;
    color: #f0f0f0;
    background: rgba(0, 0, 0, 0.6)
}

.live-list-item .body .album img,
.chat-list-item .body .album img {
    width: 100%
}

.live-list-item .body .link,
.chat-list-item .body .link {
    text-decoration: underline;
    color: #5291d2
}

.live-list-item .body .news,
.chat-list-item .body .news {
    position: relative;
    display: block;
    margin-top: 0.1rem;
    padding: 0.2rem;
    border: 1px solid #dddddd;
    line-height: 1.5;
    -webkit-box-shadow: 0 .04rem 0 0 rgba(233, 233, 233, 0.75);
    box-shadow: 0 .04rem 0 0 rgba(233, 233, 233, 0.75)
}

.live-list-item .body .news:after,
.chat-list-item .body .news:after {
    content: ">";
    position: absolute;
    right: 0.15rem;
    font-family: sans-serif
}

.live-list-item .body .imgs,
.chat-list-item .body .imgs {
    display: -webkit-box;
    -webkit-box-pack: justify;
    margin-top: 0.1rem;
    max-height: 4.74rem;
    overflow: hidden
}

.live-list-item .body .imgs a,
.chat-list-item .body .imgs a {
    pointer-events: none
}

.live-list-item .body .imgs .img-wrap,
.chat-list-item .body .imgs .img-wrap {
    display: inline-block;
    overflow: hidden;
    width: 1.51rem;
    height: 1.15rem;
    margin-right: 0.1rem;
    margin-bottom: 0.1rem;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
}

.live-list-item .body .imgs .img-wrap:nth-child(3n),
.chat-list-item .body .imgs .img-wrap:nth-child(3n) {
    margin-right: 0
}

.live-list-item .body .imgs .img-wrap img,
.chat-list-item .body .imgs .img-wrap img {
    width: 100%
}

.live-list-item .body .imgs.img1 .img-wrap,
.chat-list-item .body .imgs.img1 .img-wrap {
    width: 4.74rem;
    max-height: 4.74rem;
    height: auto
}

.live-list-item .body .imgs.img2 .img-wrap,
.chat-list-item .body .imgs.img2 .img-wrap {
    width: 2.27rem;
    height: auto
}

.live-list-item .body .imgs.img2 .img-wrap.nth-child(2),
.chat-list-item .body .imgs.img2 .img-wrap.nth-child(2) {
    margin-right: 0
}

.live-list-item .body img,
.chat-list-item .body img {
    vertical-align: top;
    max-width: 100%
}

.live-list-item .body .video,
.chat-list-item .body .video {
    position: relative;
    display: inline-block
}

.live-list-item .body .video:after,
.chat-list-item .body .video:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.35rem 0 0 -0.35rem;
    width: 0.7rem;
    height: .7rem;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABHCAYAAAC6cjEhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RDJCQzczMUREQjMxMUU0QTFBOUU0RkEyMzhCRTEzOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RDJCQzczMkREQjMxMUU0QTFBOUU0RkEyMzhCRTEzOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjREMkJDNzJGRERCMzExRTRBMUE5RTRGQTIzOEJFMTM4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjREMkJDNzMwRERCMzExRTRBMUE5RTRGQTIzOEJFMTM4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+22YLZQAACTxJREFUeNrcXHtsU9cd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')
}

.live-list-item .body .video video,
.chat-list-item .body .video video {
    display: none;
    width: 100%;
    height: 0
}

.live-list-item .body .quote,
.chat-list-item .body .quote {
    margin-top: 0.1rem;
    color: #999;
    padding: 0.2rem;
    -webkit-border-radius: 0.04rem;
    border-radius: 0.04rem;
    background-color: #f3f3f3
}

.live-list-item .body .quote .quote-user,
.chat-list-item .body .quote .quote-user {
    font-size: 0.22rem
}

.live-list-item .body .nba-score,
.chat-list-item .body .nba-score {
    text-align: right;
    color: #97979b;
    font-size: 0.22rem;
    line-height: 1.25
}

.live-list-item .down-link,
.chat-list-item .down-link {
    display: none;
    margin-top: 0.2rem;
    padding-left: 1.26rem;
    padding-bottom: .15rem;
    font-size: 0.22rem
}

.live-list-item .down-link a,
.chat-list-item .down-link a {
    color: #7daddd !important;
    text-decoration: underline
}

.chat-list-item .name {
    color: #97979b !important
}

.m-noti {
    visibility: hidden;
    width: 6.4rem;
    text-align: center;
    line-height: 0.6rem;
    font-size: 0.3rem;
    color: #1f1f1f;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    background: rgba(255, 255, 255, 0.8)
}

.m-noti.active {
    visibility: visible;
    opacity: 1
}

.m-carousel {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 3;
    margin-left: -3.2rem;
    width: 6.4rem;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(.8);
    -webkit-transition: all .2s ease-in-out;
    background: #000
}

.m-carousel.active {
    -webkit-transform: scale(1);
    visibility: visible;
    opacity: 1
}

.m-carousel .inner {
    display: -webkit-box;
    height: 100%
}

.m-carousel .img-wrap {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    height: 100%;
    width: 6.4rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.m-carousel img {
    max-width: 6.4rem
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        opacity: 0.3
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        opacity: 0.3
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translate3d(0, -3.59rem, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}
.live-bd {
  text-align: left;
}
.live-list-item .body .content pre{
  font-size: .3rem !important;
  line-height: .42rem !important;
}
.live-list-item .body .content a {
  word-break: break-all;
  background-color: transparent !important;
  line-height: 24px !important;;
  // color: #444444 !important;;
  font-size: 16px !important;
  font-weight: normal !important;
  font-style: normal !important;
}
.live-list-item .body .content .text,.live-list-item .body .content .text span，,.live-list-item .body .content .text p{
  background-color: transparent !important;
  line-height: 24px !important;;
  color: #444444 !important;;
  font-size: 16px !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-family: Hiragino Sans GB;
}
.m-tab {
    height: 1.25rem;
}
.m-tab .tab-item.active{
    font-size: .32rem;
    line-height: .74rem;
}
.tabs{
  font-size: 0;
  margin-bottom: 10px;
}
.tabs .tab{
  display: inline-block;
  width: 50%;
  font-size: 14px;
  line-height: 40px;
  background-color: #fff;
  cursor: pointer;
}
.tabs .current{
  color: #df3031;
}
.tabs .tab:first-child{
  border-right: 1px solid #e5e5e5;
}
.header-placeholder{
  height: 3.95rem;
}
.scroll-header{
  position: absolute;
}
.static-header .time{
  font-size: .15rem;
  line-height: 0.26rem;
}
.video-live{
  text-align: center;
  margin-bottom: 10px;
}
.video-live img{
  max-width: 100%
}
.hide{
  display: none;
}
iframe, .cbox-prompt-w-hotComment,#list_hot,#powerby_sohu,.module-hot-topic,.module-cmt-footer{
  display: none !important;
  visibility: hidden !important;
}