@charset "UTF-8";
/**
 * global setting
 */
/**
 * icon
 */
/**
 * button
 */
/**
 * button-group
 */
/**
 * textbox
 */
/**
 * tip
 */
/**
 * number-spinner
 */
/**
 * option-group
 */
/**
 * menu
 */
/**
 * messager
 */
/**
 * toaster
 */
/**
 * dropdown
 */
/**
 * datagrid
 */
/**
 * datepicker
 */
/**
 * dev-tool
 */
/**
 * pagination
 */
/**
 * popup
 */
/**
 * slider
 */
/**
 * switch
 */
/**
 * tabs
 */
@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont/kunlun988/iconfont.eot?r8g9tw");
  src: url("../fonts/iconfont/kunlun988/iconfont.eot?r8g9tw#iefix") format("embedded-opentype"), url("../fonts/iconfont/kunlun988/iconfont.ttf?r8g9tw") format("truetype"), url("../fonts/iconfont/kunlun988/iconfont.woff?r8g9tw") format("woff"), url("../fonts/iconfont/kunlun988/iconfont.svg?r8g9tw#iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="iconfont_"], .tcg-icon.tcg-icon-success, .tcg-icon.tcg-icon-error, .tcg-icon.tcg-icon-fish-eye, .tcg-icon.tcg-icon-no-fish-eye, .tcg-icon.tcg-icon-check, .tcg-icon.tcg-icon-round-success, .tcg-icon.tcg-icon-round-warn, .tcg-icon.tcg-icon-round-error, [class*=" iconfont_"], .tcg-icon.tcg-icon-success, .tcg-icon.tcg-icon-error, .tcg-icon.tcg-icon-fish-eye, .tcg-icon.tcg-icon-no-fish-eye, .tcg-icon.tcg-icon-check, .tcg-icon.tcg-icon-round-success, .tcg-icon.tcg-icon-round-warn, .tcg-icon.tcg-icon-round-error {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "iconfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconfont_reflash:before {
  content: "⟲";
}

.iconfont_check_01:before, .tcg-icon.tcg-icon-success:before, .tcg-icon.tcg-icon-check:before {
  content: "✔";
}

.iconfont_error_01:before, .tcg-icon.tcg-icon-error:before {
  content: "✘";
}

.iconfont_plus_01:before {
  content: "✚";
}

.iconfont_eye:before, .tcg-icon.tcg-icon-fish-eye:before {
  content: "";
}

.iconfont_eye_hide:before, .tcg-icon.tcg-icon-no-fish-eye:before {
  content: "";
}

.iconfont_check_02:before, .tcg-icon.tcg-icon-round-success:before {
  content: "✓";
}

.iconfont_error_02:before, .tcg-icon.tcg-icon-round-error:before {
  content: "✗";
}

.iconfont_warn_02:before, .tcg-icon.tcg-icon-round-warn:before {
  content: "!";
}

.iconfont_search:before {
  content: "🔍";
}

.iconfont_print:before {
  content: "🖶";
}

.iconfont_home:before {
  content: "⌂";
}

.iconfont_toggle:before {
  content: "⥌";
}

.iconfont_deposit:before {
  content: "充";
}

.iconfont_withdraw:before {
  content: "提";
}

.iconfont_transfer:before {
  content: "💱";
}

.iconfont_money:before {
  content: "💰";
}

.iconfont_message:before {
  content: "💬";
}

.iconfont_agent:before {
  content: "🌟";
}

.iconfont_help:before {
  content: "📢";
}

.iconfont_mail:before {
  content: "📧";
}

.iconfont_dot_01:before {
  content: "⬥";
}

.iconfont_arrow_01:before {
  content: "⯆";
}

.iconfont_camera:before {
  content: "📷";
}

.iconfont_bell:before {
  content: "🔔";
}

.iconfont_shi:before {
  content: "时";
}

.iconfont_11:before {
  content: "⏸";
}

.iconfont_di:before {
  content: "低";
}

.iconfont_liu:before {
  content: "六";
}

.iconfont_pk:before {
  content: "K";
}

.iconfont_pc:before {
  content: "C";
}

.iconfont_kuai:before {
  content: "快";
}

.iconfont_zhen:before {
  content: "真";
}

.iconfont_dian:before {
  content: "电";
}

.iconfont_ti:before {
  content: "体";
}

.tcg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: top;
}

.tcg-icon.tcg-icon-success {
  width: 0.13rem;
  height: 0.12rem;
  background-image: url("../images/golden-sprite.png");
  background-position: -0.3rem -0.53rem;
  background-image: none;
  font-size: 0.12rem;
  color: #5fc2aa;
  text-align: center;
  vertical-align: middle;
}

.tcg-icon.tcg-icon-success:before {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 0.12rem;
}

.tcg-icon.tcg-icon-error {
  width: 0.13rem;
  height: 0.12rem;
  background-image: url("../images/golden-sprite.png");
  background-position: -0.09rem -0.53rem;
  background-image: none;
  font-size: 0.12rem;
  color: #ed5858;
  text-align: center;
  vertical-align: middle;
}

.tcg-icon.tcg-icon-error:before {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 0.12rem;
}

.tcg-icon.tcg-icon-fish-eye {
  width: 0.16rem;
  height: 0.16rem;
  background-image: url("../images/golden-sprite.png");
  background-position: -0.51rem -0.5rem;
  background-image: none;
  font-size: 0.128rem;
  color: #a0adb5;
  text-align: center;
  vertical-align: middle;
}

.tcg-icon.tcg-icon-fish-eye:before {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 0.16rem;
}

.tcg-icon.tcg-icon-no-fish-eye {
  width: 0.16rem;
  height: 0.16rem;
  background-image: url("../images/golden-sprite.png");
  background-position: -0.73rem -0.5rem;
  background-image: none;
  font-size: 0.128rem;
  color: #a0adb5;
  text-align: center;
  vertical-align: middle;
}

.tcg-icon.tcg-icon-no-fish-eye:before {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 0.16rem;
}

.tcg-icon.tcg-icon-search {
  width: 0.16rem;
  height: 0.16rem;
  background-image: url("../images/golden-sprite.png");
  background-position: -1.2rem -0.5rem;
}

.tcg-icon.tcg-icon-solid-arrow-left, .tcg-icon.tcg-icon-solid-arrow-right, .tcg-icon.tcg-icon-solid-arrow-up, .tcg-icon.tcg-icon-solid-arrow-bottom {
  width: 0.06rem;
  height: 0.1rem;
  background-image: url("../images/golden-sprite.png");
  background-position: -0.1rem -0.1rem;
}

.tcg-icon.tcg-icon-solid-arrow-right {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.tcg-icon.tcg-icon-solid-arrow-up {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.tcg-icon.tcg-icon-solid-arrow-bottom {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.tcg-icon.tcg-icon-right-arrow {
  width: 6px;
  height: 8px;
  background-image: url("../images/right-arrow.svg#right-arrow");
  transform: rotate(0deg);
}

.tcg-icon.tcg-icon-left-arrow {
  width: 6px;
  height: 8px;
  background-image: url("../images/right-arrow.svg#right-arrow");
  transform: rotate(180deg);
}

.tcg-icon.tcg-icon-disabled-right-arrow {
  width: 6px;
  height: 8px;
  background-image: url("../images/disabled-right-arrow.svg#disabled-right-arrow");
  transform: rotate(180deg);
}

.tcg-icon.tcg-icon-disabled-left-arrow {
  width: 6px;
  height: 8px;
  background-image: url("../images/disabled-right-arrow.svg#disabled-right-arrow");
  transform: rotate(0deg);
}

.tcg-icon.tcg-icon-check {
  width: 0.2rem;
  height: 0.16rem;
  background-image: url("../images/golden-sprite.png");
  background-position: -0.09rem -0.26rem;
  background-image: none;
  font-size: 0.16rem;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}

.tcg-icon.tcg-icon-check:before {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 0.16rem;
}

.tcg-icon.tcg-icon-check[disabled] {
  background-position: -0.37rem -0.26rem;
}

.tcg-icon.tcg-icon-round-success {
  width: 0.5rem;
  height: 0.5rem;
  background-image: url("../images/golden-sprite.png");
  background-position: -0.1rem -0.745rem;
  background-image: none;
  font-size: 0.325rem;
  color: #5fc2aa;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  border-color: #5fc2aa;
  text-align: center;
  vertical-align: middle;
}

.tcg-icon.tcg-icon-round-success:before {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 0.5rem;
}

.tcg-icon.tcg-icon-round-warn {
  width: 0.5rem;
  height: 0.5rem;
  background-image: url("../images/golden-sprite.png");
  background-position: -0.55rem -0.745rem;
  background-image: none;
  font-size: 0.325rem;
  color: #e7b06f;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  border-color: #e7b06f;
  text-align: center;
  vertical-align: middle;
}

.tcg-icon.tcg-icon-round-warn:before {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 0.5rem;
}

.tcg-icon.tcg-icon-round-error {
  width: 0.5rem;
  height: 0.5rem;
  background-image: url("../images/golden-sprite.png");
  background-position: -1.01rem -0.745rem;
  background-image: none;
  font-size: 0.325rem;
  color: #ed5858;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  border-color: #ed5858;
  text-align: center;
  vertical-align: middle;
}

.tcg-icon.tcg-icon-round-error:before {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 0.5rem;
}

.tcg-icon.tcg-icon-arrow-left {
  width: 0.06rem;
  height: 0.12rem;
  background-image: url("../images/golden-sprite.png");
  background-position: -0.1rem -1.21rem;
}

.tcg-icon.tcg-icon-arrow-right {
  width: 0.06rem;
  height: 0.12rem;
  background-image: url("../images/golden-sprite.png");
  background-position: -0.28rem -1.21rem;
}

.tcg-icon.tcg-icon-calendar {
  width: 0.16rem;
  height: 0.16rem;
  background-image: url("../images/golden-sprite.png");
  background-position: -1.2rem -0.5rem;
}

.tcg-icon.tcg-icon-cycle {
  width: 0.2rem;
  height: 0.2rem;
  background-image: url("../images/golden-sprite.png");
  background-position: -0.65rem -0.26rem;
}

html, body {
  width: 100%;
  height: 100%;
}

html {
  font-size: 100px;
}

body {
  font-size: .12rem;
}

@-moz-keyframes flash {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes flash {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-ms-keyframes flash {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes flash {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-o-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-ms-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  30% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  60% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  70% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  30% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  60% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  70% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-o-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  30% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  60% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  70% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-ms-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  30% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  60% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  70% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  30% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  60% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  70% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes tada {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  10% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  60% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  70% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  10% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  60% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  70% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@-o-keyframes tada {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  10% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  60% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  70% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@-ms-keyframes tada {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  10% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  60% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  70% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  10% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  60% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  70% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@-moz-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center 50%;
    -moz-transform-origin: top center 50%;
    -ms-transform-origin: top center 50%;
    -o-transform-origin: top center 50%;
    transform-origin: top center 50%;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center 50%;
    -moz-transform-origin: top center 50%;
    -ms-transform-origin: top center 50%;
    -o-transform-origin: top center 50%;
    transform-origin: top center 50%;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center 50%;
    -moz-transform-origin: top center 50%;
    -ms-transform-origin: top center 50%;
    -o-transform-origin: top center 50%;
    transform-origin: top center 50%;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-ms-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center 50%;
    -moz-transform-origin: top center 50%;
    -ms-transform-origin: top center 50%;
    -o-transform-origin: top center 50%;
    transform-origin: top center 50%;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center 50%;
    -moz-transform-origin: top center 50%;
    -ms-transform-origin: top center 50%;
    -o-transform-origin: top center 50%;
    transform-origin: top center 50%;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-o-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-ms-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-moz-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
    -moz-transform: skewX(9deg);
    -ms-transform: skewX(9deg);
    -o-transform: skewX(9deg);
    transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
    -moz-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    -o-transform: skewX(-8deg);
    transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
    -moz-transform: skewX(7deg);
    -ms-transform: skewX(7deg);
    -o-transform: skewX(7deg);
    transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
    -moz-transform: skewX(-6deg);
    -ms-transform: skewX(-6deg);
    -o-transform: skewX(-6deg);
    transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
    -moz-transform: skewX(5deg);
    -ms-transform: skewX(5deg);
    -o-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
    -moz-transform: skewX(-4deg);
    -ms-transform: skewX(-4deg);
    -o-transform: skewX(-4deg);
    transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
    -moz-transform: skewX(3deg);
    -ms-transform: skewX(3deg);
    -o-transform: skewX(3deg);
    transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
    -moz-transform: skewX(-2deg);
    -ms-transform: skewX(-2deg);
    -o-transform: skewX(-2deg);
    transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
    -moz-transform: skewX(1deg);
    -ms-transform: skewX(1deg);
    -o-transform: skewX(1deg);
    transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
}

@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
    -moz-transform: skewX(9deg);
    -ms-transform: skewX(9deg);
    -o-transform: skewX(9deg);
    transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
    -moz-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    -o-transform: skewX(-8deg);
    transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
    -moz-transform: skewX(7deg);
    -ms-transform: skewX(7deg);
    -o-transform: skewX(7deg);
    transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
    -moz-transform: skewX(-6deg);
    -ms-transform: skewX(-6deg);
    -o-transform: skewX(-6deg);
    transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
    -moz-transform: skewX(5deg);
    -ms-transform: skewX(5deg);
    -o-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
    -moz-transform: skewX(-4deg);
    -ms-transform: skewX(-4deg);
    -o-transform: skewX(-4deg);
    transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
    -moz-transform: skewX(3deg);
    -ms-transform: skewX(3deg);
    -o-transform: skewX(3deg);
    transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
    -moz-transform: skewX(-2deg);
    -ms-transform: skewX(-2deg);
    -o-transform: skewX(-2deg);
    transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
    -moz-transform: skewX(1deg);
    -ms-transform: skewX(1deg);
    -o-transform: skewX(1deg);
    transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
}

@-o-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
    -moz-transform: skewX(9deg);
    -ms-transform: skewX(9deg);
    -o-transform: skewX(9deg);
    transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
    -moz-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    -o-transform: skewX(-8deg);
    transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
    -moz-transform: skewX(7deg);
    -ms-transform: skewX(7deg);
    -o-transform: skewX(7deg);
    transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
    -moz-transform: skewX(-6deg);
    -ms-transform: skewX(-6deg);
    -o-transform: skewX(-6deg);
    transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
    -moz-transform: skewX(5deg);
    -ms-transform: skewX(5deg);
    -o-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
    -moz-transform: skewX(-4deg);
    -ms-transform: skewX(-4deg);
    -o-transform: skewX(-4deg);
    transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
    -moz-transform: skewX(3deg);
    -ms-transform: skewX(3deg);
    -o-transform: skewX(3deg);
    transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
    -moz-transform: skewX(-2deg);
    -ms-transform: skewX(-2deg);
    -o-transform: skewX(-2deg);
    transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
    -moz-transform: skewX(1deg);
    -ms-transform: skewX(1deg);
    -o-transform: skewX(1deg);
    transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
}

@-ms-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
    -moz-transform: skewX(9deg);
    -ms-transform: skewX(9deg);
    -o-transform: skewX(9deg);
    transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
    -moz-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    -o-transform: skewX(-8deg);
    transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
    -moz-transform: skewX(7deg);
    -ms-transform: skewX(7deg);
    -o-transform: skewX(7deg);
    transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
    -moz-transform: skewX(-6deg);
    -ms-transform: skewX(-6deg);
    -o-transform: skewX(-6deg);
    transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
    -moz-transform: skewX(5deg);
    -ms-transform: skewX(5deg);
    -o-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
    -moz-transform: skewX(-4deg);
    -ms-transform: skewX(-4deg);
    -o-transform: skewX(-4deg);
    transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
    -moz-transform: skewX(3deg);
    -ms-transform: skewX(3deg);
    -o-transform: skewX(3deg);
    transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
    -moz-transform: skewX(-2deg);
    -ms-transform: skewX(-2deg);
    -o-transform: skewX(-2deg);
    transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
    -moz-transform: skewX(1deg);
    -ms-transform: skewX(1deg);
    -o-transform: skewX(1deg);
    transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
}

@keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
    -moz-transform: skewX(9deg);
    -ms-transform: skewX(9deg);
    -o-transform: skewX(9deg);
    transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
    -moz-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    -o-transform: skewX(-8deg);
    transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
    -moz-transform: skewX(7deg);
    -ms-transform: skewX(7deg);
    -o-transform: skewX(7deg);
    transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
    -moz-transform: skewX(-6deg);
    -ms-transform: skewX(-6deg);
    -o-transform: skewX(-6deg);
    transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
    -moz-transform: skewX(5deg);
    -ms-transform: skewX(5deg);
    -o-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
    -moz-transform: skewX(-4deg);
    -ms-transform: skewX(-4deg);
    -o-transform: skewX(-4deg);
    transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
    -moz-transform: skewX(3deg);
    -ms-transform: skewX(3deg);
    -o-transform: skewX(3deg);
    transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
    -moz-transform: skewX(-2deg);
    -ms-transform: skewX(-2deg);
    -o-transform: skewX(-2deg);
    transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
    -moz-transform: skewX(1deg);
    -ms-transform: skewX(1deg);
    -o-transform: skewX(1deg);
    transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
}

@-moz-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    -o-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    -o-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
}

@-o-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    -o-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
}

@-ms-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    -o-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    -o-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
}

@-moz-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@-o-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@-ms-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@-moz-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@-o-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@-ms-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@-moz-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@-o-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@-ms-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@-moz-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@-o-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@-ms-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  70% {
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  70% {
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  70% {
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  70% {
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  70% {
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-ms-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-ms-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
}

@-o-keyframes fadeOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
}

@-ms-keyframes fadeOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
}

@keyframes fadeOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
}

@-moz-keyframes fadeOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
}

@-o-keyframes fadeOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
}

@-ms-keyframes fadeOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
}

@keyframes fadeOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
}

@-moz-keyframes fadeOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
}

@-o-keyframes fadeOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
}

@-ms-keyframes fadeOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
}

@keyframes fadeOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
}

@-moz-keyframes fadeOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
}

@-o-keyframes fadeOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
}

@-ms-keyframes fadeOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
}

@keyframes fadeOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
}

@-moz-keyframes fadeOutUpBig {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
    opacity: 0;
  }
}

@-o-keyframes fadeOutUpBig {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
    opacity: 0;
  }
}

@-ms-keyframes fadeOutUpBig {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
    opacity: 0;
  }
}

@keyframes fadeOutUpBig {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
    opacity: 0;
  }
}

@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@-ms-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@-ms-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@-ms-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-o-keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-ms-keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-moz-keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-o-keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-ms-keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-moz-keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-o-keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-ms-keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-o-keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-ms-keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes fadeInUpBig {
  0% {
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes fadeInUpBig {
  0% {
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-o-keyframes fadeInUpBig {
  0% {
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-ms-keyframes fadeInUpBig {
  0% {
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeInUpBig {
  0% {
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-o-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-ms-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-moz-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-o-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-ms-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-moz-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-o-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-ms-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-moz-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-o-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-ms-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-moz-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-o-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-ms-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-moz-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-o-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-ms-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-moz-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-o-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-ms-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-moz-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-ms-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-ms-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-ms-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-ms-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-ms-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-o-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-ms-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-moz-keyframes rollIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@-webkit-keyframes rollIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@-o-keyframes rollIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@-ms-keyframes rollIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@-moz-keyframes rollOut {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
}

@-webkit-keyframes rollOut {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
}

@-o-keyframes rollOut {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
}

@-ms-keyframes rollOut {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
}

@keyframes rollOut {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
}

@keyframes tcg-animation-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.tcg-widget,
.tcg-inner-widget {
  display: inline-block;
  color: #46494d;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tcg-widget *,
.tcg-inner-widget * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tcg-widget .tcg-processing, .tcg-widget.tcg-processing,
.tcg-inner-widget .tcg-processing,
.tcg-inner-widget.tcg-processing {
  pointer-events: none;
  cursor: default;
}

.tcg-widget[disabled],
.tcg-inner-widget[disabled] {
  color: #46494d;
  pointer-events: none;
  cursor: default;
}

.tcg-corner-tl {
  border-top-left-radius: 0.04rem;
}

.tcg-corner-tr {
  border-top-right-radius: 0.04rem;
}

.tcg-corner-bl {
  border-bottom-left-radius: 0.04rem;
}

.tcg-corner-br {
  border-bottom-right-radius: 0.04rem;
}

.tcg-corner-top {
  border-top-left-radius: 0.04rem;
  border-top-right-radius: 0.04rem;
}

.tcg-corner-bottom {
  border-bottom-left-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
}

.tcg-corner-all {
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
}

.tcg-corner-tl-in {
  border-top-left-radius: 0.03rem;
}

.tcg-corner-tr-in {
  border-top-right-radius: 0.03rem;
}

.tcg-corner-bl-in {
  border-bottom-left-radius: 0.03rem;
}

.tcg-corner-br-in {
  border-bottom-right-radius: 0.03rem;
}

.tcg-corner-top-in {
  border-top-left-radius: 0.03rem;
  border-top-right-radius: 0.03rem;
}

.tcg-corner-bottom-in {
  border-bottom-left-radius: 0.03rem;
  border-bottom-right-radius: 0.03rem;
}

.tcg-corner-all-in {
  border-radius: 0.04rem 0.04rem-0.01rem 0.04rem 0.04rem-0.01rem;
}

.tcg-unselected {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tcg-input {
  overflow: hidden;
  white-space: nowrap;
}

.tcg-input:focus {
  outline: 0px;
}

.tcg-clearfix {
  clear: both;
}

.tcg-widget.tcg-button, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel,
.tcg-inner-widget.tcg-button {
  display: inline-block;
  height: 0.36rem;
  line-height: 0.34rem;
  background-color: #355075;
  color: white;
  border-width: 0.01rem;
  border-style: solid;
  border-color: #477dc8;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0 0.16rem 0 0.16rem;
  font-size: 0.16rem;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}

.tcg-widget.tcg-button.tcg-round-corner, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-round-corner.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-round-corner.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-round-corner {
  border-radius: 0.18rem;
}

.tcg-widget.tcg-button.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-processing.tcg-ok span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-processing.tcg-cancel span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-processing span.tcg-loading {
  display: inline-block;
  width: 0.18rem;
  height: 0.18rem;
  vertical-align: middle;
  margin-left: 0.05rem;
  border-style: solid;
  border-width: 0.02rem;
  border-radius: 50%;
  border-top-color: rgba(0, 0, 0, 0);
  border-bottom-color: white;
  -webkit-animation: tcg-animation-rotate 1000ms infinite linear;
  -moz-animation: tcg-animation-rotate 1000ms infinite linear;
  -ms-animation: tcg-animation-rotate 1000ms infinite linear;
  -o-animation: tcg-animation-rotate 1000ms infinite linear;
  animation: tcg-animation-rotate 1000ms infinite linear;
}

.tcg-widget.tcg-button:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel:hover,
.tcg-inner-widget.tcg-button:hover {
  background-color: #456898;
  color: white;
  border-color: #598bcd;
  -webkit-box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15), inset 0 0 0.06rem 0 rgba(96, 137, 192, 0.2);
  -moz-box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15), inset 0 0 0.06rem 0 rgba(96, 137, 192, 0.2);
  box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15), inset 0 0 0.06rem 0 rgba(96, 137, 192, 0.2);
}

.tcg-widget.tcg-button:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel:active,
.tcg-inner-widget.tcg-button:active {
  background-color: #283d59;
  color: white;
  border-color: #3a67a5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button.tcg-s16, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s16.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s16.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s16 {
  height: 0.16rem;
  line-height: 0.14rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-button.tcg-s16.tcg-round-corner, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s16.tcg-round-corner.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s16.tcg-round-corner.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s16.tcg-round-corner {
  border-radius: 0.08rem;
}

.tcg-widget.tcg-button.tcg-s16.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s16.tcg-processing.tcg-ok span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s16.tcg-processing.tcg-cancel span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-s16.tcg-processing span.tcg-loading {
  width: 0.08rem;
  height: 0.08rem;
}

.tcg-widget.tcg-button.tcg-s18, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s18.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s18.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s18 {
  height: 0.18rem;
  line-height: 0.16rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-button.tcg-s18.tcg-round-corner, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s18.tcg-round-corner.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s18.tcg-round-corner.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s18.tcg-round-corner {
  border-radius: 0.09rem;
}

.tcg-widget.tcg-button.tcg-s18.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s18.tcg-processing.tcg-ok span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s18.tcg-processing.tcg-cancel span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-s18.tcg-processing span.tcg-loading {
  width: 0.09rem;
  height: 0.09rem;
}

.tcg-widget.tcg-button.tcg-s20, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s20.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s20.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s20 {
  height: 0.2rem;
  line-height: 0.18rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-button.tcg-s20.tcg-round-corner, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s20.tcg-round-corner.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s20.tcg-round-corner.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s20.tcg-round-corner {
  border-radius: 0.1rem;
}

.tcg-widget.tcg-button.tcg-s20.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s20.tcg-processing.tcg-ok span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s20.tcg-processing.tcg-cancel span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-s20.tcg-processing span.tcg-loading {
  width: 0.1rem;
  height: 0.1rem;
}

.tcg-widget.tcg-button.tcg-s22, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s22.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s22.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s22 {
  height: 0.22rem;
  line-height: 0.2rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-button.tcg-s22.tcg-round-corner, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s22.tcg-round-corner.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s22.tcg-round-corner.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s22.tcg-round-corner {
  border-radius: 0.11rem;
}

.tcg-widget.tcg-button.tcg-s22.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s22.tcg-processing.tcg-ok span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s22.tcg-processing.tcg-cancel span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-s22.tcg-processing span.tcg-loading {
  width: 0.11rem;
  height: 0.11rem;
}

.tcg-widget.tcg-button.tcg-s24, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s24.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s24.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s24 {
  height: 0.24rem;
  line-height: 0.22rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-button.tcg-s24.tcg-round-corner, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s24.tcg-round-corner.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s24.tcg-round-corner.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s24.tcg-round-corner {
  border-radius: 0.12rem;
}

.tcg-widget.tcg-button.tcg-s24.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s24.tcg-processing.tcg-ok span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s24.tcg-processing.tcg-cancel span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-s24.tcg-processing span.tcg-loading {
  width: 0.12rem;
  height: 0.12rem;
}

.tcg-widget.tcg-button.tcg-s26, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s26.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s26.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s26 {
  height: 0.26rem;
  line-height: 0.24rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-button.tcg-s26.tcg-round-corner, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s26.tcg-round-corner.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s26.tcg-round-corner.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s26.tcg-round-corner {
  border-radius: 0.13rem;
}

.tcg-widget.tcg-button.tcg-s26.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s26.tcg-processing.tcg-ok span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s26.tcg-processing.tcg-cancel span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-s26.tcg-processing span.tcg-loading {
  width: 0.13rem;
  height: 0.13rem;
}

.tcg-widget.tcg-button.tcg-s28, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s28.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s28.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s28 {
  height: 0.28rem;
  line-height: 0.26rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-button.tcg-s28.tcg-round-corner, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s28.tcg-round-corner.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s28.tcg-round-corner.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s28.tcg-round-corner {
  border-radius: 0.14rem;
}

.tcg-widget.tcg-button.tcg-s28.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s28.tcg-processing.tcg-ok span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s28.tcg-processing.tcg-cancel span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-s28.tcg-processing span.tcg-loading {
  width: 0.14rem;
  height: 0.14rem;
}

.tcg-widget.tcg-button.tcg-s30, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s30.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s30.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s30 {
  height: 0.3rem;
  line-height: 0.28rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-button.tcg-s30.tcg-round-corner, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s30.tcg-round-corner.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s30.tcg-round-corner.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s30.tcg-round-corner {
  border-radius: 0.15rem;
}

.tcg-widget.tcg-button.tcg-s30.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s30.tcg-processing.tcg-ok span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s30.tcg-processing.tcg-cancel span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-s30.tcg-processing span.tcg-loading {
  width: 0.15rem;
  height: 0.15rem;
}

.tcg-widget.tcg-button.tcg-s32, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s32.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s32.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s32 {
  height: 0.32rem;
  line-height: 0.3rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-button.tcg-s32.tcg-round-corner, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s32.tcg-round-corner.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s32.tcg-round-corner.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s32.tcg-round-corner {
  border-radius: 0.16rem;
}

.tcg-widget.tcg-button.tcg-s32.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s32.tcg-processing.tcg-ok span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s32.tcg-processing.tcg-cancel span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-s32.tcg-processing span.tcg-loading {
  width: 0.16rem;
  height: 0.16rem;
}

.tcg-widget.tcg-button.tcg-s34, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s34.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s34.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s34 {
  height: 0.34rem;
  line-height: 0.32rem;
  font-size: 0.16rem;
}

.tcg-widget.tcg-button.tcg-s34.tcg-round-corner, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s34.tcg-round-corner.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s34.tcg-round-corner.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s34.tcg-round-corner {
  border-radius: 0.17rem;
}

.tcg-widget.tcg-button.tcg-s34.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s34.tcg-processing.tcg-ok span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s34.tcg-processing.tcg-cancel span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-s34.tcg-processing span.tcg-loading {
  width: 0.17rem;
  height: 0.17rem;
}

.tcg-widget.tcg-button.tcg-s36, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s36.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s36.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s36 {
  height: 0.36rem;
  line-height: 0.34rem;
  font-size: 0.16rem;
}

.tcg-widget.tcg-button.tcg-s36.tcg-round-corner, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s36.tcg-round-corner.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s36.tcg-round-corner.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-s36.tcg-round-corner {
  border-radius: 0.18rem;
}

.tcg-widget.tcg-button.tcg-s36.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s36.tcg-processing.tcg-ok span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-s36.tcg-processing.tcg-cancel span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-s36.tcg-processing span.tcg-loading {
  width: 0.18rem;
  height: 0.18rem;
}

.tcg-widget.tcg-button.tcg-soft-amber, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-soft-amber {
  background-color: #94bed4;
  color: white;
  border-color: #9bc6dc;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button.tcg-soft-amber.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-processing.tcg-ok span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-processing.tcg-cancel span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-soft-amber.tcg-processing span.tcg-loading {
  border-bottom-color: white;
}

.tcg-widget.tcg-button.tcg-soft-amber:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-ok:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-cancel:hover,
.tcg-inner-widget.tcg-button.tcg-soft-amber:hover {
  background-color: #b8d4e3;
  color: white;
  border-color: #aed0e2;
  -webkit-box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15), inset 0 0 0.06rem 0 rgba(96, 137, 192, 0.2);
  -moz-box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15), inset 0 0 0.06rem 0 rgba(96, 137, 192, 0.2);
  box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15), inset 0 0 0.06rem 0 rgba(96, 137, 192, 0.2);
}

.tcg-widget.tcg-button.tcg-soft-amber:hover.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-ok:hover.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-cancel:hover.tcg-processing span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-soft-amber:hover.tcg-processing span.tcg-loading {
  border-bottom-color: white;
}

.tcg-widget.tcg-button.tcg-soft-amber:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-ok:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-cancel:active,
.tcg-inner-widget.tcg-button.tcg-soft-amber:active {
  background-color: #77acc8;
  color: white;
  border-color: #90b7ca;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button.tcg-soft-amber:active.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-ok:active.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-cancel:active.tcg-processing span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-soft-amber:active.tcg-processing span.tcg-loading {
  border-bottom-color: white;
}

.tcg-widget.tcg-button.tcg-rajah, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-rajah.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-rajah,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-ok {
  background-color: #355075;
  color: white;
  border-color: #477dc8;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button.tcg-rajah.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-processing.tcg-ok span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-rajah.tcg-processing.tcg-cancel span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-rajah.tcg-processing span.tcg-loading,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-processing.tcg-ok span.tcg-loading {
  border-bottom-color: white;
}

.tcg-widget.tcg-button.tcg-rajah:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-rajah.tcg-cancel:hover,
.tcg-inner-widget.tcg-button.tcg-rajah:hover,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-ok:hover {
  background-color: #456898;
  color: white;
  border-color: #598bcd;
  -webkit-box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15), inset 0 0 0.06rem 0 rgba(96, 137, 192, 0.2);
  -moz-box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15), inset 0 0 0.06rem 0 rgba(96, 137, 192, 0.2);
  box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15), inset 0 0 0.06rem 0 rgba(96, 137, 192, 0.2);
}

.tcg-widget.tcg-button.tcg-rajah:hover.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok:hover.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-rajah.tcg-cancel:hover.tcg-processing span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-rajah:hover.tcg-processing span.tcg-loading,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-ok:hover.tcg-processing span.tcg-loading {
  border-bottom-color: white;
}

.tcg-widget.tcg-button.tcg-rajah:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-rajah.tcg-cancel:active,
.tcg-inner-widget.tcg-button.tcg-rajah:active,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-ok:active {
  background-color: #283d59;
  color: white;
  border-color: #3a67a5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button.tcg-rajah:active.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok:active.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-rajah.tcg-cancel:active.tcg-processing span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-rajah:active.tcg-processing span.tcg-loading,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-ok:active.tcg-processing span.tcg-loading {
  border-bottom-color: white;
}

.tcg-widget.tcg-button.tcg-thunderbird, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-thunderbird.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-thunderbird,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-cancel {
  background-color: white;
  color: #355075;
  border-color: #4777b6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button.tcg-thunderbird.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-thunderbird.tcg-processing.tcg-ok span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-processing.tcg-cancel span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-thunderbird.tcg-processing span.tcg-loading,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-processing.tcg-cancel span.tcg-loading {
  border-bottom-color: #355075;
}

.tcg-widget.tcg-button.tcg-thunderbird:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-thunderbird.tcg-ok:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel:hover,
.tcg-inner-widget.tcg-button.tcg-thunderbird:hover,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-cancel:hover {
  background-color: #e5f0ff;
  color: #355075;
  border-color: #4776b6;
  -webkit-box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15);
  -moz-box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15);
  box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15);
}

.tcg-widget.tcg-button.tcg-thunderbird:hover.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-thunderbird.tcg-ok:hover.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel:hover.tcg-processing span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-thunderbird:hover.tcg-processing span.tcg-loading,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-cancel:hover.tcg-processing span.tcg-loading {
  border-bottom-color: #355075;
}

.tcg-widget.tcg-button.tcg-thunderbird:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-thunderbird.tcg-ok:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel:active,
.tcg-inner-widget.tcg-button.tcg-thunderbird:active,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-cancel:active {
  background-color: #cce1fd;
  color: #355075;
  border-color: #3a67a5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button.tcg-thunderbird:active.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-thunderbird.tcg-ok:active.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel:active.tcg-processing span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-thunderbird:active.tcg-processing span.tcg-loading,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-cancel:active.tcg-processing span.tcg-loading {
  border-bottom-color: #355075;
}

.tcg-widget.tcg-button[disabled], .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok[disabled], .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel[disabled],
.tcg-inner-widget.tcg-button[disabled] {
  color: #b3bac3 !important;
  border-color: #b3bac3 !important;
  background-color: #f4f4f4 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

.tcg-widget.tcg-button-group {
  display: inline-block;
  height: 0.36rem;
  background-color: #FFFFFF;
  border-width: 0.01rem;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.15);
  padding: 0.01rem 0.01rem 0.01rem 0.01rem;
  font-size: 0.16rem;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tcg-widget.tcg-button-group *,
.tcg-widget.tcg-button-group *:before,
.tcg-widget.tcg-button-group *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tcg-widget.tcg-button-group .tcg-button {
  height: 0.32rem;
  color: #46494d;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button-group .tcg-button[selected] {
  color: white;
  background-color: #355075;
  border-color: #477dc8;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button-group .tcg-button:not([selected]):hover {
  color: #355075;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button-group.tcg-s16 {
  height: 0.16rem;
}

.tcg-widget.tcg-button-group.tcg-s16.tcg-round-corner {
  border-radius: 0.08rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s16 {
  height: 0.12rem;
  line-height: 0.1rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s16.tcg-round-corner {
  border-radius: 0.06rem;
}

.tcg-widget.tcg-button-group.tcg-s18 {
  height: 0.18rem;
}

.tcg-widget.tcg-button-group.tcg-s18.tcg-round-corner {
  border-radius: 0.09rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s18 {
  height: 0.14rem;
  line-height: 0.12rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s18.tcg-round-corner {
  border-radius: 0.07rem;
}

.tcg-widget.tcg-button-group.tcg-s20 {
  height: 0.2rem;
}

.tcg-widget.tcg-button-group.tcg-s20.tcg-round-corner {
  border-radius: 0.1rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s20 {
  height: 0.16rem;
  line-height: 0.14rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s20.tcg-round-corner {
  border-radius: 0.08rem;
}

.tcg-widget.tcg-button-group.tcg-s22 {
  height: 0.22rem;
}

.tcg-widget.tcg-button-group.tcg-s22.tcg-round-corner {
  border-radius: 0.11rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s22 {
  height: 0.18rem;
  line-height: 0.16rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s22.tcg-round-corner {
  border-radius: 0.09rem;
}

.tcg-widget.tcg-button-group.tcg-s24 {
  height: 0.24rem;
}

.tcg-widget.tcg-button-group.tcg-s24.tcg-round-corner {
  border-radius: 0.12rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s24 {
  height: 0.2rem;
  line-height: 0.18rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s24.tcg-round-corner {
  border-radius: 0.1rem;
}

.tcg-widget.tcg-button-group.tcg-s26 {
  height: 0.26rem;
}

.tcg-widget.tcg-button-group.tcg-s26.tcg-round-corner {
  border-radius: 0.13rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s26 {
  height: 0.22rem;
  line-height: 0.2rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s26.tcg-round-corner {
  border-radius: 0.11rem;
}

.tcg-widget.tcg-button-group.tcg-s28 {
  height: 0.28rem;
}

.tcg-widget.tcg-button-group.tcg-s28.tcg-round-corner {
  border-radius: 0.14rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s28 {
  height: 0.24rem;
  line-height: 0.22rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s28.tcg-round-corner {
  border-radius: 0.12rem;
}

.tcg-widget.tcg-button-group.tcg-s30 {
  height: 0.3rem;
}

.tcg-widget.tcg-button-group.tcg-s30.tcg-round-corner {
  border-radius: 0.15rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s30 {
  height: 0.26rem;
  line-height: 0.24rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s30.tcg-round-corner {
  border-radius: 0.13rem;
}

.tcg-widget.tcg-button-group.tcg-s32 {
  height: 0.32rem;
}

.tcg-widget.tcg-button-group.tcg-s32.tcg-round-corner {
  border-radius: 0.16rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s32 {
  height: 0.28rem;
  line-height: 0.26rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s32.tcg-round-corner {
  border-radius: 0.14rem;
}

.tcg-widget.tcg-button-group.tcg-s34 {
  height: 0.34rem;
}

.tcg-widget.tcg-button-group.tcg-s34.tcg-round-corner {
  border-radius: 0.17rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s34 {
  height: 0.3rem;
  line-height: 0.28rem;
  font-size: 0.16rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s34.tcg-round-corner {
  border-radius: 0.15rem;
}

.tcg-widget.tcg-button-group.tcg-s36 {
  height: 0.36rem;
}

.tcg-widget.tcg-button-group.tcg-s36.tcg-round-corner {
  border-radius: 0.18rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s36 {
  height: 0.32rem;
  line-height: 0.3rem;
  font-size: 0.16rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-s36.tcg-round-corner {
  border-radius: 0.16rem;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-soft-amber[selected] {
  background-color: #94bed4;
  color: white;
  border-color: #9bc6dc;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-soft-amber[selected]:active {
  background-color: #77acc8;
  color: white;
  border-color: #90b7ca;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-soft-amber:not([selected]):hover {
  color: #94bed4;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-rajah[selected], .tcg-widget.tcg-button-group .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-button.tcg-ok[selected], .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default .tcg-widget.tcg-button-group button.tcg-button.tcg-ok[selected] {
  background-color: #355075;
  color: white;
  border-color: #477dc8;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-rajah[selected]:active, .tcg-widget.tcg-button-group .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-button.tcg-ok[selected]:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default .tcg-widget.tcg-button-group button.tcg-button.tcg-ok[selected]:active {
  background-color: #283d59;
  color: white;
  border-color: #3a67a5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-rajah:not([selected]):hover, .tcg-widget.tcg-button-group .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-button.tcg-ok:not([selected]):hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default .tcg-widget.tcg-button-group button.tcg-button.tcg-ok:not([selected]):hover {
  color: #355075;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-thunderbird[selected], .tcg-widget.tcg-button-group .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-button.tcg-cancel[selected], .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default .tcg-widget.tcg-button-group button.tcg-button.tcg-cancel[selected] {
  background-color: white;
  color: #355075;
  border-color: #4777b6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-thunderbird[selected]:active, .tcg-widget.tcg-button-group .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-button.tcg-cancel[selected]:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default .tcg-widget.tcg-button-group button.tcg-button.tcg-cancel[selected]:active {
  background-color: #cce1fd;
  color: #355075;
  border-color: #3a67a5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button-group .tcg-button.tcg-thunderbird:not([selected]):hover, .tcg-widget.tcg-button-group .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-button.tcg-cancel:not([selected]):hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default .tcg-widget.tcg-button-group button.tcg-button.tcg-cancel:not([selected]):hover {
  color: white;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-datagrid {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  background: transparent;
  background: transparent;
  background: transparent;
  background: transparent;
  overflow: hidden;
}

.tcg-widget.tcg-datagrid table.tcg-datagrid-table {
  width: 100%;
  table-layout: fixed;
}

.tcg-widget.tcg-datagrid table.tcg-datagrid-table td, .tcg-widget.tcg-datagrid table.tcg-datagrid-table th {
  line-height: 0.32rem;
  font-size: 0.14rem;
  padding-right: 0.05rem;
  padding-left: 0.05rem;
  white-space: nowrap;
  overflow: hidden;
  color: #46494d;
  font-size: 0.14rem;
}

.tcg-widget.tcg-datagrid table.tcg-datagrid-table td a, .tcg-widget.tcg-datagrid table.tcg-datagrid-table th a {
  color: #355075;
  text-decoration: none;
  cursor: pointer;
}

.tcg-widget.tcg-datagrid table.tcg-datagrid-table td * {
  color: #2f3133;
}

.tcg-widget.tcg-datagrid table.tcg-datagrid-table th * {
  color: #46494d;
}

.tcg-widget.tcg-datagrid table.tcg-datagrid-table th.row-first,
.tcg-widget.tcg-datagrid table.tcg-datagrid-table td.row-first {
  width: 0;
}

.tcg-widget.tcg-datagrid table.tcg-datagrid-table th.row-second,
.tcg-widget.tcg-datagrid table.tcg-datagrid-table td.row-second {
  width: 0;
}

.tcg-widget.tcg-datagrid table.tcg-datagrid-table th.row-last,
.tcg-widget.tcg-datagrid table.tcg-datagrid-table td.row-last {
  width: 0;
}

.tcg-widget.tcg-datagrid table.tcg-datagrid-table th.row-last-two,
.tcg-widget.tcg-datagrid table.tcg-datagrid-table td.row-last-two {
  width: 0;
}

.tcg-widget.tcg-datagrid table.tcg-datagrid-table td:nth-of-type(3),
.tcg-widget.tcg-datagrid table.tcg-datagrid-table th:nth-of-type(3) {
  padding-left: .24rem;
}

.tcg-widget.tcg-datagrid table.tcg-datagrid-table td:nth-last-child(3),
.tcg-widget.tcg-datagrid table.tcg-datagrid-table th:nth-last-child(3) {
  padding-right: .24rem;
}

.tcg-widget.tcg-datagrid table.tcg-datagrid-table div.column {
  white-space: nowrap;
  overflow: hidden;
}

.tcg-widget.tcg-datagrid table.tcg-datagrid-table .tcg-datagrid-table-sortable,
.tcg-widget.tcg-datagrid table.tcg-datagrid-table .tcg-datagrid-table-filtable {
  display: block;
  width: 100%;
  cursor: pointer;
}

.tcg-widget.tcg-datagrid table.tcg-datagrid-table span.tcg-datagrid-table-condition {
  display: inline-block;
  width: .17rem;
  height: .16rem;
  line-height: .16rem;
  text-align: center;
  border-radius: .05rem;
  margin-left: .02rem;
  vertical-align: middle;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-header {
  background: #f2f2f2;
  border-color: #dfdfdf;
  border-style: solid;
  border-top-width: 0.01rem;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  padding-left: 0;
  padding-right: 0;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-body {
  position: relative;
  width: 100%;
  height: calc(100% - 0.92rem);
  overflow: hidden;
  border-color: rgba(0, 0, 0, 0.15);
  border-style: solid;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0.01rem;
  border-left-width: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-footer {
  position: absolute;
  width: 100%;
  height: 0.33rem;
  left: 0;
  bottom: 0;
  background: #f2f2f2;
  border-color: #dfdfdf;
  border-style: solid;
  border-top-width: 0.01rem;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-extension {
  height: 0.6rem;
  line-height: 0.45rem;
  padding-top: 0.07rem;
  padding-right: 0.24rem;
  padding-bottom: 0.07rem;
  padding-left: 0.24rem;
  background: transparent;
  border-color: rgba(0, 0, 0, 0.15);
  border-style: solid;
  border-top-width: 0.01rem;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-body table.tcg-datagrid-table tr:hover td {
  background: #d9ecff;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-empty,
.tcg-widget.tcg-datagrid .tcg-scrollable,
.tcg-widget.tcg-datagrid .tcg-datagrid-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-empty.active,
.tcg-widget.tcg-datagrid .tcg-scrollable.active,
.tcg-widget.tcg-datagrid .tcg-datagrid-loading.active {
  display: block;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-loading,
.tcg-widget.tcg-datagrid .tcg-datagrid-empty {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-loading.active,
.tcg-widget.tcg-datagrid .tcg-datagrid-empty.active {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-loading .loading_wrap,
.tcg-widget.tcg-datagrid .tcg-datagrid-empty .loading_wrap {
  position: relative;
  width: 1.34rem;
  height: 1.34rem;
  margin-bottom: .1rem;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-loading .loading_wrap:before, .tcg-widget.tcg-datagrid .tcg-datagrid-loading .loading_wrap:after,
.tcg-widget.tcg-datagrid .tcg-datagrid-empty .loading_wrap:before,
.tcg-widget.tcg-datagrid .tcg-datagrid-empty .loading_wrap:after {
  content: "";
  position: absolute;
  width: 1.4rem;
  height: .02rem;
  top: 0.66rem;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-loading .loading_wrap:before,
.tcg-widget.tcg-datagrid .tcg-datagrid-empty .loading_wrap:before {
  left: -1.55rem;
  background-image: -owg-linear-gradient(to left, #c7d0d2, rgba(199, 208, 210, 0));
  background-image: -webkit-linear-gradient(to left, #c7d0d2, rgba(199, 208, 210, 0));
  background-image: -moz-linear-gradient(to left, #c7d0d2, rgba(199, 208, 210, 0));
  background-image: -o-linear-gradient(to left, #c7d0d2, rgba(199, 208, 210, 0));
  background-image: linear-gradient(to left, #c7d0d2, rgba(199, 208, 210, 0));
}

.tcg-widget.tcg-datagrid .tcg-datagrid-loading .loading_wrap:after,
.tcg-widget.tcg-datagrid .tcg-datagrid-empty .loading_wrap:after {
  right: -1.55rem;
  background-image: -owg-linear-gradient(to left, rgba(199, 208, 210, 0), #c7d0d2);
  background-image: -webkit-linear-gradient(to left, rgba(199, 208, 210, 0), #c7d0d2);
  background-image: -moz-linear-gradient(to left, rgba(199, 208, 210, 0), #c7d0d2);
  background-image: -o-linear-gradient(to left, rgba(199, 208, 210, 0), #c7d0d2);
  background-image: linear-gradient(to left, rgba(199, 208, 210, 0), #c7d0d2);
}

.tcg-widget.tcg-datagrid .tcg-datagrid-loading .loading_wrap > div,
.tcg-widget.tcg-datagrid .tcg-datagrid-empty .loading_wrap > div {
  color: #C6CFD1;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-loading .loading_wrap > div:first-child,
.tcg-widget.tcg-datagrid .tcg-datagrid-empty .loading_wrap > div:first-child {
  width: 1.34rem;
  height: 1.34rem;
  font-size: 1.34rem;
  -webkit-animation: rotate 6000ms linear infinite;
  -moz-animation: rotate 6000ms linear infinite;
  -ms-animation: rotate 6000ms linear infinite;
  -o-animation: rotate 6000ms linear infinite;
  animation: rotate 6000ms linear infinite;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-loading .loading_wrap > div:last-child,
.tcg-widget.tcg-datagrid .tcg-datagrid-empty .loading_wrap > div:last-child {
  position: absolute;
  width: .8rem;
  height: .8rem;
  font-size: .8rem;
  left: 50%;
  top: 50%;
  margin-left: -.4rem;
  margin-top: -.4rem;
  -webkit-animation: rotateR 6000ms linear infinite;
  -moz-animation: rotateR 6000ms linear infinite;
  -ms-animation: rotateR 6000ms linear infinite;
  -o-animation: rotateR 6000ms linear infinite;
  animation: rotateR 6000ms linear infinite;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-loading .empty_wrap,
.tcg-widget.tcg-datagrid .tcg-datagrid-empty .empty_wrap {
  position: relative;
  width: 1.6rem;
  height: 1.6rem;
  margin-bottom: .1rem;
  background-image: url("../images/img_data_empty.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-loading p,
.tcg-widget.tcg-datagrid .tcg-datagrid-empty p {
  text-align: center;
  color: #909499;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-loading p.loading_text, .tcg-widget.tcg-datagrid .tcg-datagrid-loading p.empty_text,
.tcg-widget.tcg-datagrid .tcg-datagrid-empty p.loading_text,
.tcg-widget.tcg-datagrid .tcg-datagrid-empty p.empty_text {
  font-size: .14rem;
  width: 1.6rem;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-loading p.loading_text .loading_message,
.tcg-widget.tcg-datagrid .tcg-datagrid-loading p.loading_text .empty_message, .tcg-widget.tcg-datagrid .tcg-datagrid-loading p.empty_text .loading_message,
.tcg-widget.tcg-datagrid .tcg-datagrid-loading p.empty_text .empty_message,
.tcg-widget.tcg-datagrid .tcg-datagrid-empty p.loading_text .loading_message,
.tcg-widget.tcg-datagrid .tcg-datagrid-empty p.loading_text .empty_message,
.tcg-widget.tcg-datagrid .tcg-datagrid-empty p.empty_text .loading_message,
.tcg-widget.tcg-datagrid .tcg-datagrid-empty p.empty_text .empty_message {
  display: block;
  margin-bottom: .1rem;
}

.tcg-widget.tcg-datagrid .tcg-scrollable {
  top: 0;
  left: 0;
  width: calc(100% - 0);
  height: 100%;
  overflow: scroll;
  padding: .02rem 0 .02rem 0;
}

.tcg-widget.tcg-datagrid .tcg-pagination {
  float: left;
  margin: 0.065rem 0;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-info {
  height: 100%;
  float: right;
  color: #2f3133;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-info > * {
  vertical-align: middle;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-info .tcg-pagination {
  float: left;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-info .tcg-datagrid-separate {
  display: inline-block;
  height: calc(100% - 0);
  width: 0.01rem;
  margin-top: 0;
  margin-right: 0.21rem;
  margin-bottom: 0;
  margin-left: 0.21rem;
  border-color: rgba(0, 0, 0, 0.15);
  border-style: solid;
  border-right-width: 0.01rem;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-info .tcg-round-button {
  display: inline-block;
  width: 0.32rem;
  height: 0.32rem;
  vertical-align: middle;
  border-radius: 0.16rem;
  border-width: 0.02rem;
  border-color: #606060;
  border-style: solid;
  padding: 0.04rem;
  cursor: pointer;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-info .tcg-datagrid-update {
  position: relative;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-info .tcg-datagrid-update.tcg-processing {
  -webkit-animation: tcg-animation-rotate 600ms infinite linear;
  -moz-animation: tcg-animation-rotate 600ms infinite linear;
  -ms-animation: tcg-animation-rotate 600ms infinite linear;
  -o-animation: tcg-animation-rotate 600ms infinite linear;
  animation: tcg-animation-rotate 600ms infinite linear;
}

.tcg-widget.tcg-datepicker .tcg-inner-widget.tcg-popup {
  position: absolute;
  left: 0;
}

.tcg-widget.tcg-datepicker .tcg-inner-widget.tcg-popup .popup-wrap {
  top: 0.34rem;
  left: 0px;
}

.tcg-widget.tcg-datepicker .tcg-inner-widget.tcg-popup .popup-wrap .popup-body {
  padding: 0 .08rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s16 .tcg-input {
  font-size: 0.1rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s18 .tcg-input {
  font-size: 0.1rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s20 .tcg-input {
  font-size: 0.11rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s22 .tcg-input {
  font-size: 0.11rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s24 .tcg-input {
  font-size: 0.11rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s26 .tcg-input {
  font-size: 0.11rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s28 .tcg-input {
  font-size: 0.11rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s30 .tcg-input {
  font-size: 0.11rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s32 .tcg-input {
  font-size: 0.11rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s34 .tcg-input {
  font-size: 0.13rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s36 .tcg-input {
  font-size: 0.13rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar {
  color: #46494d;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header .cal,
.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-week .cal,
.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content .cal,
.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-footer .cal {
  position: relative;
  float: left;
  width: 2.4rem;
  height: auto;
  padding-right: 0.08rem;
  padding-left: 0.08rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.tcg-widget.tcg-datepicker .tcg-calendar ul li {
  display: inline-block;
  width: 0.32rem;
  text-align: center;
}

.tcg-widget.tcg-datepicker .tcg-calendar ul li[disabled], .tcg-widget.tcg-datepicker .tcg-calendar ul li.empty {
  pointer-events: none;
  cursor: default;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header {
  height: 0.36rem;
  line-height: 0.36rem;
  margin-top: 0.1rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header h6 {
  text-align: center;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header .pre-month-button,
.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header .next-month-button {
  position: absolute;
  display: block;
  width: 0.2rem;
  height: 0.36rem;
  cursor: pointer;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header .pre-month-button span,
.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header .next-month-button span {
  display: inline-block;
  width: .1rem;
  height: .1rem;
  border-top: 0.01rem solid #babfc7;
  border-left: 0.01rem solid #babfc7;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header .pre-month-button {
  left: 0.08rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header .pre-month-button span {
  margin-left: 2px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header .next-month-button {
  right: 0.08rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header .next-month-button span {
  margin-right: 8px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-week {
  height: 24px;
  line-height: 24px;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-week ul {
  height: 0.32rem;
  border-bottom: 0.01rem solid #ffffff;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li {
  height: 0.22rem;
  margin: 0.04rem 0px 0.04rem 0px;
  padding: 0.02rem 0.02rem 0.02rem 0.02rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li span {
  display: block;
  height: 0.22rem;
  border-radius: 0;
  cursor: pointer;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li[selected] {
  background: #E5E9ED;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li[selected].start, .tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li[selected].active, .tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li[selected]:first-child {
  border-top-left-radius: 0.04rem;
  border-bottom-left-radius: 0.04rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li[selected].end, .tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li[selected].active, .tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li[selected]:last-child {
  border-top-right-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li[disabled] {
  color: #46494d;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li:hover span,
.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li.active span,
.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li.start span,
.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li.end span {
  background: #355075;
  color: #ffffff;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-footer {
  height: 0.5rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-footer .in {
  border-top: 0.01rem solid #ffffff;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-footer .time {
  height: 0.2rem;
  float: left;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-footer .time input[type='text'] {
  width: 0.2rem;
  height: 0.2rem;
  border: none;
  background: none;
  text-align: center;
  color: #46494d;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-footer .time input[type='text']:focus {
  outline: 0px;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-footer .tcg-button {
  float: right;
  padding: 0px 10px;
  height: 0.2rem;
  line-height: 0.18rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar[range=false] {
  width: 2.4rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar[range=false] .cal:first-child {
  display: none;
}

.tcg-widget.tcg-datepicker .tcg-calendar[range=true] {
  width: 4.8rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar[range=true] .cal {
  display: block;
}

.tcg-widget.tcg-datepicker .tcg-calendar .sun, .tcg-widget.tcg-datepicker .tcg-calendar .sat {
  color: #FD2F28;
}

.tcg-widget.tcg-datepicker .tcg-calendar .mon, .tcg-widget.tcg-datepicker .tcg-calendar .tue, .tcg-widget.tcg-datepicker .tcg-calendar .wed, .tcg-widget.tcg-datepicker .tcg-calendar .thu, .tcg-widget.tcg-datepicker .tcg-calendar .fri {
  color: #35BFF8;
}

#tcg-dev-tool {
  position: absolute;
  z-index: 300;
  background: #f5f9ff;
  font-size: 0.15rem;
  color: #FFFFFF;
}

#tcg-dev-tool * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#tcg-dev-tool div.console {
  width: 100%;
  height: calc(100% - 0.3rem);
  padding: 0.1rem;
}

#tcg-dev-tool div.console pre {
  width: 100%;
  height: 100%;
  overflow: scroll;
  white-space: normal;
}

#tcg-dev-tool div.console p {
  line-height: 0.2rem;
}

#tcg-dev-tool div.console p.error {
  color: #FFB6C1;
}

#tcg-dev-tool input[type='text'] {
  width: 100%;
  height: 0.3rem;
  line-height: 0.3rem;
  border: none;
  border-top: 0.01rem solid rgba(241, 241, 241, 0.6);
  padding: 0 0.1rem;
  background: rgba(0, 0, 0, 0.6);
  color: #FFFFFF;
}

#tcg-dev-tool input[type='text']:focus {
  outline: none;
}

#tcg-dev-tool input[type='text']::-webkit-input-placeholder, #tcg-dev-tool input[type='text']:-ms-input-placeholder, #tcg-dev-tool input[type='text']::-moz-placeholder, #tcg-dev-tool input[type='text']:-moz-placeholder {
  color: #FFFFFF;
}

.tcg-widget.tcg-dropdown {
  position: relative;
  display: inline-block;
  height: 0.36rem;
  background-color: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.15);
  border-width: 0.01rem;
  border-style: solid;
}

.tcg-widget.tcg-dropdown.tcg-round-corner {
  border-radius: 0.18rem;
}

.tcg-widget.tcg-dropdown div.tcg-dropdown-text {
  position: relative;
  cursor: pointer;
  height: 0.34rem;
  padding-left: 0.1rem;
  padding-right: 0.3rem;
  overflow: hidden;
}

.tcg-widget.tcg-dropdown div.tcg-dropdown-text .tcg-dropdown-inner {
  line-height: 0.34rem;
  word-break: break-all;
  border: none;
  padding: 0;
  background-color: transparent;
}

.tcg-widget.tcg-dropdown div.tcg-dropdown-text input.tcg-dropdown-inner {
  display: block;
  width: 100%;
}

.tcg-widget.tcg-dropdown div.tcg-dropdown-text .tcg-suffix-icon {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 0.3rem;
  height: 0.34rem;
  padding: 12px 11px;
}

.tcg-widget.tcg-dropdown div.tcg-dropdown-arrow {
  position: absolute;
  top: calc(100% + 0.05rem);
  left: 20px;
  display: none;
  width: 0px;
  height: 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-width: 0.05rem;
  border-color: rgba(66, 96, 132, 0.96) transparent transparent rgba(66, 96, 132, 0.96);
  border-style: solid;
  border-top-left-radius: 0.02rem;
}

.tcg-widget.tcg-dropdown div.tcg-dropdown-list {
  position: absolute;
  z-index: 1;
  top: calc(100% + 0.1rem);
  left: 0px;
  display: none;
  max-height: 2.5rem;
  padding: 0.02rem 0;
  border-color: transparent;
  border-width: 0;
  border-style: solid;
  border-radius: 0.04rem;
  background-color: rgba(66, 96, 132, 0.96);
  -webkit-box-shadow: 0 0.04rem 0.08rem 0 rgba(9, 18, 30, 0.18);
  -moz-box-shadow: 0 0.04rem 0.08rem 0 rgba(9, 18, 30, 0.18);
  box-shadow: 0 0.04rem 0.08rem 0 rgba(9, 18, 30, 0.18);
  color: #ffffff;
  overflow-y: scroll;
}

.tcg-widget.tcg-dropdown div.tcg-dropdown-list ul {
  list-style-type: none;
}

.tcg-widget.tcg-dropdown div.tcg-dropdown-list ul li {
  width: calc(100% - 0);
  height: 0.36rem;
  line-height: 0.36rem;
  padding: 0 0.16rem;
  cursor: pointer;
  overflow: hidden;
  word-break: break-all;
}

.tcg-widget.tcg-dropdown div.tcg-dropdown-list ul li:not([selected]):hover {
  color: #FFFFFF;
  background-color: #94bed4;
}

.tcg-widget.tcg-dropdown div.tcg-dropdown-list ul li[selected] {
  color: #FFFFFF;
  background-color: #355075;
}

.tcg-widget.tcg-dropdown.tcg-open {
  border-color: #355075;
}

.tcg-widget.tcg-dropdown.tcg-open div.tcg-dropdown-arrow,
.tcg-widget.tcg-dropdown.tcg-open div.tcg-dropdown-list {
  display: block;
}

.tcg-widget.tcg-dropdown.tcg-s16 {
  height: 0.16rem;
}

.tcg-widget.tcg-dropdown.tcg-s16 .tcg-dropdown-text {
  height: 0.16rem;
}

.tcg-widget.tcg-dropdown.tcg-s16 .tcg-dropdown-text .tcg-dropdown-inner {
  line-height: 0.14rem;
}

.tcg-widget.tcg-dropdown.tcg-s16 .tcg-dropdown-text .tcg-suffix-icon {
  height: 0.16rem;
}

.tcg-widget.tcg-dropdown.tcg-s16 .tcg-dropdown-list li {
  height: 0.16rem;
  line-height: 0.14rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-dropdown.tcg-s16.tcg-round-corner {
  border-radius: 0.08rem;
}

.tcg-widget.tcg-dropdown.tcg-s18 {
  height: 0.18rem;
}

.tcg-widget.tcg-dropdown.tcg-s18 .tcg-dropdown-text {
  height: 0.18rem;
}

.tcg-widget.tcg-dropdown.tcg-s18 .tcg-dropdown-text .tcg-dropdown-inner {
  line-height: 0.16rem;
}

.tcg-widget.tcg-dropdown.tcg-s18 .tcg-dropdown-text .tcg-suffix-icon {
  height: 0.18rem;
}

.tcg-widget.tcg-dropdown.tcg-s18 .tcg-dropdown-list li {
  height: 0.18rem;
  line-height: 0.16rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-dropdown.tcg-s18.tcg-round-corner {
  border-radius: 0.09rem;
}

.tcg-widget.tcg-dropdown.tcg-s20 {
  height: 0.2rem;
}

.tcg-widget.tcg-dropdown.tcg-s20 .tcg-dropdown-text {
  height: 0.2rem;
}

.tcg-widget.tcg-dropdown.tcg-s20 .tcg-dropdown-text .tcg-dropdown-inner {
  line-height: 0.18rem;
}

.tcg-widget.tcg-dropdown.tcg-s20 .tcg-dropdown-text .tcg-suffix-icon {
  height: 0.2rem;
}

.tcg-widget.tcg-dropdown.tcg-s20 .tcg-dropdown-list li {
  height: 0.2rem;
  line-height: 0.18rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-dropdown.tcg-s20.tcg-round-corner {
  border-radius: 0.1rem;
}

.tcg-widget.tcg-dropdown.tcg-s22 {
  height: 0.22rem;
}

.tcg-widget.tcg-dropdown.tcg-s22 .tcg-dropdown-text {
  height: 0.22rem;
}

.tcg-widget.tcg-dropdown.tcg-s22 .tcg-dropdown-text .tcg-dropdown-inner {
  line-height: 0.2rem;
}

.tcg-widget.tcg-dropdown.tcg-s22 .tcg-dropdown-text .tcg-suffix-icon {
  height: 0.22rem;
}

.tcg-widget.tcg-dropdown.tcg-s22 .tcg-dropdown-list li {
  height: 0.22rem;
  line-height: 0.2rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-dropdown.tcg-s22.tcg-round-corner {
  border-radius: 0.11rem;
}

.tcg-widget.tcg-dropdown.tcg-s24 {
  height: 0.24rem;
}

.tcg-widget.tcg-dropdown.tcg-s24 .tcg-dropdown-text {
  height: 0.24rem;
}

.tcg-widget.tcg-dropdown.tcg-s24 .tcg-dropdown-text .tcg-dropdown-inner {
  line-height: 0.22rem;
}

.tcg-widget.tcg-dropdown.tcg-s24 .tcg-dropdown-text .tcg-suffix-icon {
  height: 0.24rem;
}

.tcg-widget.tcg-dropdown.tcg-s24 .tcg-dropdown-list li {
  height: 0.24rem;
  line-height: 0.22rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-dropdown.tcg-s24.tcg-round-corner {
  border-radius: 0.12rem;
}

.tcg-widget.tcg-dropdown.tcg-s26 {
  height: 0.26rem;
}

.tcg-widget.tcg-dropdown.tcg-s26 .tcg-dropdown-text {
  height: 0.26rem;
}

.tcg-widget.tcg-dropdown.tcg-s26 .tcg-dropdown-text .tcg-dropdown-inner {
  line-height: 0.24rem;
}

.tcg-widget.tcg-dropdown.tcg-s26 .tcg-dropdown-text .tcg-suffix-icon {
  height: 0.26rem;
}

.tcg-widget.tcg-dropdown.tcg-s26 .tcg-dropdown-list li {
  height: 0.26rem;
  line-height: 0.24rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-dropdown.tcg-s26.tcg-round-corner {
  border-radius: 0.13rem;
}

.tcg-widget.tcg-dropdown.tcg-s28 {
  height: 0.28rem;
}

.tcg-widget.tcg-dropdown.tcg-s28 .tcg-dropdown-text {
  height: 0.28rem;
}

.tcg-widget.tcg-dropdown.tcg-s28 .tcg-dropdown-text .tcg-dropdown-inner {
  line-height: 0.26rem;
}

.tcg-widget.tcg-dropdown.tcg-s28 .tcg-dropdown-text .tcg-suffix-icon {
  height: 0.28rem;
}

.tcg-widget.tcg-dropdown.tcg-s28 .tcg-dropdown-list li {
  height: 0.28rem;
  line-height: 0.26rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-dropdown.tcg-s28.tcg-round-corner {
  border-radius: 0.14rem;
}

.tcg-widget.tcg-dropdown.tcg-s30 {
  height: 0.3rem;
}

.tcg-widget.tcg-dropdown.tcg-s30 .tcg-dropdown-text {
  height: 0.3rem;
}

.tcg-widget.tcg-dropdown.tcg-s30 .tcg-dropdown-text .tcg-dropdown-inner {
  line-height: 0.28rem;
}

.tcg-widget.tcg-dropdown.tcg-s30 .tcg-dropdown-text .tcg-suffix-icon {
  height: 0.3rem;
}

.tcg-widget.tcg-dropdown.tcg-s30 .tcg-dropdown-list li {
  height: 0.3rem;
  line-height: 0.28rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-dropdown.tcg-s30.tcg-round-corner {
  border-radius: 0.15rem;
}

.tcg-widget.tcg-dropdown.tcg-s32 {
  height: 0.32rem;
}

.tcg-widget.tcg-dropdown.tcg-s32 .tcg-dropdown-text {
  height: 0.32rem;
}

.tcg-widget.tcg-dropdown.tcg-s32 .tcg-dropdown-text .tcg-dropdown-inner {
  line-height: 0.3rem;
}

.tcg-widget.tcg-dropdown.tcg-s32 .tcg-dropdown-text .tcg-suffix-icon {
  height: 0.32rem;
}

.tcg-widget.tcg-dropdown.tcg-s32 .tcg-dropdown-list li {
  height: 0.32rem;
  line-height: 0.3rem;
  font-size: 0.14rem;
}

.tcg-widget.tcg-dropdown.tcg-s32.tcg-round-corner {
  border-radius: 0.16rem;
}

.tcg-widget.tcg-dropdown.tcg-s34 {
  height: 0.34rem;
}

.tcg-widget.tcg-dropdown.tcg-s34 .tcg-dropdown-text {
  height: 0.34rem;
}

.tcg-widget.tcg-dropdown.tcg-s34 .tcg-dropdown-text .tcg-dropdown-inner {
  line-height: 0.32rem;
}

.tcg-widget.tcg-dropdown.tcg-s34 .tcg-dropdown-text .tcg-suffix-icon {
  height: 0.34rem;
}

.tcg-widget.tcg-dropdown.tcg-s34 .tcg-dropdown-list li {
  height: 0.34rem;
  line-height: 0.32rem;
  font-size: 0.16rem;
}

.tcg-widget.tcg-dropdown.tcg-s34.tcg-round-corner {
  border-radius: 0.17rem;
}

.tcg-widget.tcg-dropdown.tcg-s36 {
  height: 0.36rem;
}

.tcg-widget.tcg-dropdown.tcg-s36 .tcg-dropdown-text {
  height: 0.36rem;
}

.tcg-widget.tcg-dropdown.tcg-s36 .tcg-dropdown-text .tcg-dropdown-inner {
  line-height: 0.34rem;
}

.tcg-widget.tcg-dropdown.tcg-s36 .tcg-dropdown-text .tcg-suffix-icon {
  height: 0.36rem;
}

.tcg-widget.tcg-dropdown.tcg-s36 .tcg-dropdown-list li {
  height: 0.36rem;
  line-height: 0.34rem;
  font-size: 0.16rem;
}

.tcg-widget.tcg-dropdown.tcg-s36.tcg-round-corner {
  border-radius: 0.18rem;
}

.tcg-widget.tcg-menu {
  display: inline-block;
  height: 0.36rem;
}

.tcg-widget.tcg-menu ul {
  display: inline-block;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  height: 0.36rem;
}

.tcg-widget.tcg-menu ul li {
  position: relative;
  display: inline-block;
  height: 0.36rem;
  line-height: 0.36rem;
  padding: 0 0.15rem;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 50ms linear;
  -moz-transition: all 50ms linear;
  -o-transition: all 50ms linear;
  transition: all 50ms linear;
}

.tcg-widget.tcg-menu ul li[selected] {
  top: -0.13rem;
  /*height: $tcg-menu-li-selected-height;
				line-height: $tcg-menu-li-selected-height;*/
  color: #FFFFFF;
  background: #355075;
  border-radius: 0 0 0.04rem 0.04rem;
  -webkit-box-shadow: 0 0.03rem 0.05rem 0 rgba(53, 80, 117, 0.4);
  -moz-box-shadow: 0 0.03rem 0.05rem 0 rgba(53, 80, 117, 0.4);
  box-shadow: 0 0.03rem 0.05rem 0 rgba(53, 80, 117, 0.4);
}

.tcg-widget.tcg-menu.tcg-s16 {
  height: 0.16rem;
}

.tcg-widget.tcg-menu.tcg-s16 ul {
  height: 0.16rem;
}

.tcg-widget.tcg-menu.tcg-s16 ul li {
  height: 0.16rem;
  line-height: 0.16rem;
  /*&[selected]{
						height: $tcg-menu-li-selected-height;
						line-height: $tcg-menu-li-selected-height;
					}*/
}

.tcg-widget.tcg-menu.tcg-s18 {
  height: 0.18rem;
}

.tcg-widget.tcg-menu.tcg-s18 ul {
  height: 0.18rem;
}

.tcg-widget.tcg-menu.tcg-s18 ul li {
  height: 0.18rem;
  line-height: 0.18rem;
  /*&[selected]{
						height: $tcg-menu-li-selected-height;
						line-height: $tcg-menu-li-selected-height;
					}*/
}

.tcg-widget.tcg-menu.tcg-s20 {
  height: 0.2rem;
}

.tcg-widget.tcg-menu.tcg-s20 ul {
  height: 0.2rem;
}

.tcg-widget.tcg-menu.tcg-s20 ul li {
  height: 0.2rem;
  line-height: 0.2rem;
  /*&[selected]{
						height: $tcg-menu-li-selected-height;
						line-height: $tcg-menu-li-selected-height;
					}*/
}

.tcg-widget.tcg-menu.tcg-s22 {
  height: 0.22rem;
}

.tcg-widget.tcg-menu.tcg-s22 ul {
  height: 0.22rem;
}

.tcg-widget.tcg-menu.tcg-s22 ul li {
  height: 0.22rem;
  line-height: 0.22rem;
  /*&[selected]{
						height: $tcg-menu-li-selected-height;
						line-height: $tcg-menu-li-selected-height;
					}*/
}

.tcg-widget.tcg-menu.tcg-s24 {
  height: 0.24rem;
}

.tcg-widget.tcg-menu.tcg-s24 ul {
  height: 0.24rem;
}

.tcg-widget.tcg-menu.tcg-s24 ul li {
  height: 0.24rem;
  line-height: 0.24rem;
  /*&[selected]{
						height: $tcg-menu-li-selected-height;
						line-height: $tcg-menu-li-selected-height;
					}*/
}

.tcg-widget.tcg-menu.tcg-s26 {
  height: 0.26rem;
}

.tcg-widget.tcg-menu.tcg-s26 ul {
  height: 0.26rem;
}

.tcg-widget.tcg-menu.tcg-s26 ul li {
  height: 0.26rem;
  line-height: 0.26rem;
  /*&[selected]{
						height: $tcg-menu-li-selected-height;
						line-height: $tcg-menu-li-selected-height;
					}*/
}

.tcg-widget.tcg-menu.tcg-s28 {
  height: 0.28rem;
}

.tcg-widget.tcg-menu.tcg-s28 ul {
  height: 0.28rem;
}

.tcg-widget.tcg-menu.tcg-s28 ul li {
  height: 0.28rem;
  line-height: 0.28rem;
  /*&[selected]{
						height: $tcg-menu-li-selected-height;
						line-height: $tcg-menu-li-selected-height;
					}*/
}

.tcg-widget.tcg-menu.tcg-s30 {
  height: 0.3rem;
}

.tcg-widget.tcg-menu.tcg-s30 ul {
  height: 0.3rem;
}

.tcg-widget.tcg-menu.tcg-s30 ul li {
  height: 0.3rem;
  line-height: 0.3rem;
  /*&[selected]{
						height: $tcg-menu-li-selected-height;
						line-height: $tcg-menu-li-selected-height;
					}*/
}

.tcg-widget.tcg-menu.tcg-s32 {
  height: 0.32rem;
}

.tcg-widget.tcg-menu.tcg-s32 ul {
  height: 0.32rem;
}

.tcg-widget.tcg-menu.tcg-s32 ul li {
  height: 0.32rem;
  line-height: 0.32rem;
  /*&[selected]{
						height: $tcg-menu-li-selected-height;
						line-height: $tcg-menu-li-selected-height;
					}*/
}

.tcg-widget.tcg-menu.tcg-s34 {
  height: 0.34rem;
}

.tcg-widget.tcg-menu.tcg-s34 ul {
  height: 0.34rem;
}

.tcg-widget.tcg-menu.tcg-s34 ul li {
  height: 0.34rem;
  line-height: 0.34rem;
  /*&[selected]{
						height: $tcg-menu-li-selected-height;
						line-height: $tcg-menu-li-selected-height;
					}*/
}

.tcg-widget.tcg-menu.tcg-s36 {
  height: 0.36rem;
}

.tcg-widget.tcg-menu.tcg-s36 ul {
  height: 0.36rem;
}

.tcg-widget.tcg-menu.tcg-s36 ul li {
  height: 0.36rem;
  line-height: 0.36rem;
  /*&[selected]{
						height: $tcg-menu-li-selected-height;
						line-height: $tcg-menu-li-selected-height;
					}*/
}

.tcg-messager-overlay {
  z-index: 99999;
  position: fixed;
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: .15rem;
  background: RGBA(0, 0, 0, 0);
  -webkit-transition: opacity 200ms linear;
  -moz-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tcg-messager-overlay * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tcg-messager-overlay.shadow {
  background: rgba(0, 0, 0, 0.4);
}

.tcg-messager-overlay.close {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 200ms 100ms;
  -webkit-transition-delay: 300ms, ease-out;
  -moz-transition: visibility 0s 300ms, opacity 200ms 100ms ease-out;
  -o-transition: visibility 0s 300ms, opacity 200ms 100ms ease-out;
  transition: visibility 0s 300ms, opacity 200ms 100ms ease-out;
}

.tcg-messager-overlay.close .tcg-widget.tcg-messager {
  opacity: 0;
  -webkit-transform: scale(0.001);
  -moz-transform: scale(0.001);
  -ms-transform: scale(0.001);
  -o-transform: scale(0.001);
  transform: scale(0.001);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: -webkit-transform 400ms 100ms, opacity 300ms ease-out;
  -webkit-transition-delay: ease-out, 0s;
  -moz-transition: -moz-transform 400ms 100ms ease-out, opacity 300ms ease-out;
  -o-transition: -o-transform 400ms 100ms ease-out, opacity 300ms ease-out;
  transition: transform 400ms 100ms ease-out, opacity 300ms ease-out;
}

.tcg-widget.tcg-messager {
  position: absolute;
  min-width: 4rem;
  min-height: 1rem;
  background: #f5f9ff;
  background: #f5f9ff;
  background: #f5f9ff;
  background: #f5f9ff;
  background: #f5f9ff;
  -webkit-box-shadow: 0 0.05rem 0.2rem 0 rgba(9, 18, 30, 0.1);
  -moz-box-shadow: 0 0.05rem 0.2rem 0 rgba(9, 18, 30, 0.1);
  box-shadow: 0 0.05rem 0.2rem 0 rgba(9, 18, 30, 0.1);
  color: #2f3133;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 250ms 25ms, opacity 100ms 100ms;
  -webkit-transition-delay: ease-out, ease-out;
  -moz-transition: -moz-transform 250ms 25ms ease-out, opacity 100ms 100ms ease-out;
  -o-transition: -o-transform 250ms 25ms ease-out, opacity 100ms 100ms ease-out;
  transition: transform 250ms 25ms ease-out, opacity 100ms 100ms ease-out;
}

.tcg-widget.tcg-messager > .tcg-widget.tcg-messager-wrap {
  overflow: auto;
}

.tcg-widget.tcg-messager h3, .tcg-widget.tcg-messager h4, .tcg-widget.tcg-messager p {
  margin: 0px;
  padding: 0px;
  letter-spacing: 0.6px;
}

.tcg-widget.tcg-messager .tcg-messager-header,
.tcg-widget.tcg-messager .tcg-messager-body,
.tcg-widget.tcg-messager .tcg-messager-footer {
  text-align: center;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.tcg-widget.tcg-messager .tcg-messager-icon {
  display: block;
  margin: 0 auto 0;
}

.tcg-widget.tcg-messager .tcg-messager-header {
  padding: 0.14rem 0 0.1rem 0;
}

.tcg-widget.tcg-messager .tcg-messager-header h3 {
  line-height: 0.25rem;
  font-size: 0.16rem;
}

.tcg-widget.tcg-messager .tcg-messager-header h4 {
  line-height: 0.2rem;
  font-size: 0.15rem;
}

.tcg-widget.tcg-messager .tcg-messager-body {
  padding: 0.16rem 0;
  border-top-width: 0.01rem;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.4);
}

.tcg-widget.tcg-messager .tcg-messager-body p {
  font-size: 0.14rem;
  line-height: 0.25rem;
}

.tcg-widget.tcg-messager .tcg-messager-footer {
  position: relative;
  padding: 0.32rem 0 0 0;
}

.tcg-widget.tcg-messager .tcg-messager-footer button {
  margin-left: 8px;
  margin-right: 8px;
}

.tcg-widget.tcg-messager .tcg-messager-footer button:focus {
  outline: 0px;
}

.tcg-widget.tcg-messager .tcg-messager-footer button.tcg-ok {
  background-color: #355075;
}

.tcg-widget.tcg-messager .tcg-messager-footer button.tcg-cancel {
  background-color: #9A9FB5;
}

.tcg-widget.tcg-messager .tcg-messager-footer.tcg-messager-footer-full {
  bottom: -0.04rem;
  height: 0.44rem;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.tcg-widget.tcg-messager .tcg-messager-footer.tcg-messager-footer-full button {
  display: block;
  float: right;
  margin: 0;
  height: 0.44rem;
  line-height: 0.44rem;
  color: #2f3133;
  text-align: center;
  text-decoration: none;
  font-size: 0.16rem;
  background-color: #355075;
  cursor: pointer;
  transition: font-size 100ms;
  border: none;
}

.tcg-widget.tcg-messager .tcg-messager-footer.tcg-messager-footer-full button.tcg-ok {
  background-color: #355075;
}

.tcg-widget.tcg-messager .tcg-messager-footer.tcg-messager-footer-full button.tcg-cancel {
  background-color: #9A9FB5;
}

.tcg-widget.tcg-number-spinner {
  display: inline-block;
  height: 0.36rem;
  border-width: 0.01rem;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-number-spinner .tcg-input {
  display: inline-block;
  height: 0.34rem;
  line-height: 0.34rem;
  vertical-align: top;
  text-align: center;
  border: none;
}

.tcg-widget.tcg-number-spinner .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner .tcg-number-spinner-right-button {
  position: relative;
  display: inline-block;
  width: 0.3rem;
  height: 0.34rem;
  line-height: 0.34rem;
  background: -owg-linear-gradient(-180deg, #FFFFFF 0%, #FFFFFF 100%);
  background: -webkit-linear-gradient(-180deg, #FFFFFF 0%, #FFFFFF 100%);
  background: -moz-linear-gradient(-180deg, #FFFFFF 0%, #FFFFFF 100%);
  background: -o-linear-gradient(-180deg, #FFFFFF 0%, #FFFFFF 100%);
  background: linear-gradient(-180deg, #FFFFFF 0%, #FFFFFF 100%);
  cursor: pointer;
}

.tcg-widget.tcg-number-spinner .tcg-number-spinner-left-button:active,
.tcg-widget.tcg-number-spinner .tcg-number-spinner-right-button:active {
  background: -owg-linear-gradient(-180deg, #FFFFFF 0%, #FFFFFF 100%);
  background: -webkit-linear-gradient(-180deg, #FFFFFF 0%, #FFFFFF 100%);
  background: -moz-linear-gradient(-180deg, #FFFFFF 0%, #FFFFFF 100%);
  background: -o-linear-gradient(-180deg, #FFFFFF 0%, #FFFFFF 100%);
  background: linear-gradient(-180deg, #FFFFFF 0%, #FFFFFF 100%);
}

.tcg-widget.tcg-number-spinner .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner .tcg-number-spinner-right-button .tcg-icon {
  position: absolute;
  top: 0.13rem;
  left: 0.12rem;
}

.tcg-widget.tcg-number-spinner .tcg-number-spinner-left-button {
  border-right-width: 0.01rem;
  border-right-style: solid;
  border-right-color: rgba(0, 0, 0, 0.15);
}

.tcg-widget.tcg-number-spinner .tcg-number-spinner-right-button {
  border-left-width: 0.01rem;
  border-left-style: solid;
  border-left-color: rgba(0, 0, 0, 0.15);
}

.tcg-widget.tcg-number-spinner.tcg-s16 {
  height: 0.16rem;
}

.tcg-widget.tcg-number-spinner.tcg-s16 .tcg-input {
  height: 0.14rem;
  line-height: 0.14rem;
  font-size: 0.12rem;
}

.tcg-widget.tcg-number-spinner.tcg-s16 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s16 .tcg-number-spinner-right-button {
  height: 0.14rem;
  line-height: 0.14rem;
}

.tcg-widget.tcg-number-spinner.tcg-s16 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s16 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.03rem;
}

.tcg-widget.tcg-number-spinner.tcg-s18 {
  height: 0.18rem;
}

.tcg-widget.tcg-number-spinner.tcg-s18 .tcg-input {
  height: 0.16rem;
  line-height: 0.16rem;
  font-size: 0.12rem;
}

.tcg-widget.tcg-number-spinner.tcg-s18 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s18 .tcg-number-spinner-right-button {
  height: 0.16rem;
  line-height: 0.16rem;
}

.tcg-widget.tcg-number-spinner.tcg-s18 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s18 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.04rem;
}

.tcg-widget.tcg-number-spinner.tcg-s20 {
  height: 0.2rem;
}

.tcg-widget.tcg-number-spinner.tcg-s20 .tcg-input {
  height: 0.18rem;
  line-height: 0.18rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-number-spinner.tcg-s20 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s20 .tcg-number-spinner-right-button {
  height: 0.18rem;
  line-height: 0.18rem;
}

.tcg-widget.tcg-number-spinner.tcg-s20 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s20 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.05rem;
}

.tcg-widget.tcg-number-spinner.tcg-s22 {
  height: 0.22rem;
}

.tcg-widget.tcg-number-spinner.tcg-s22 .tcg-input {
  height: 0.2rem;
  line-height: 0.2rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-number-spinner.tcg-s22 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s22 .tcg-number-spinner-right-button {
  height: 0.2rem;
  line-height: 0.2rem;
}

.tcg-widget.tcg-number-spinner.tcg-s22 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s22 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.06rem;
}

.tcg-widget.tcg-number-spinner.tcg-s24 {
  height: 0.24rem;
}

.tcg-widget.tcg-number-spinner.tcg-s24 .tcg-input {
  height: 0.22rem;
  line-height: 0.22rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-number-spinner.tcg-s24 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s24 .tcg-number-spinner-right-button {
  height: 0.22rem;
  line-height: 0.22rem;
}

.tcg-widget.tcg-number-spinner.tcg-s24 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s24 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.07rem;
}

.tcg-widget.tcg-number-spinner.tcg-s26 {
  height: 0.26rem;
}

.tcg-widget.tcg-number-spinner.tcg-s26 .tcg-input {
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-number-spinner.tcg-s26 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s26 .tcg-number-spinner-right-button {
  height: 0.24rem;
  line-height: 0.24rem;
}

.tcg-widget.tcg-number-spinner.tcg-s26 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s26 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.08rem;
}

.tcg-widget.tcg-number-spinner.tcg-s28 {
  height: 0.28rem;
}

.tcg-widget.tcg-number-spinner.tcg-s28 .tcg-input {
  height: 0.26rem;
  line-height: 0.26rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-number-spinner.tcg-s28 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s28 .tcg-number-spinner-right-button {
  height: 0.26rem;
  line-height: 0.26rem;
}

.tcg-widget.tcg-number-spinner.tcg-s28 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s28 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.09rem;
}

.tcg-widget.tcg-number-spinner.tcg-s30 {
  height: 0.3rem;
}

.tcg-widget.tcg-number-spinner.tcg-s30 .tcg-input {
  height: 0.28rem;
  line-height: 0.28rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-number-spinner.tcg-s30 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s30 .tcg-number-spinner-right-button {
  height: 0.28rem;
  line-height: 0.28rem;
}

.tcg-widget.tcg-number-spinner.tcg-s30 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s30 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.1rem;
}

.tcg-widget.tcg-number-spinner.tcg-s32 {
  height: 0.32rem;
}

.tcg-widget.tcg-number-spinner.tcg-s32 .tcg-input {
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-number-spinner.tcg-s32 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s32 .tcg-number-spinner-right-button {
  height: 0.3rem;
  line-height: 0.3rem;
}

.tcg-widget.tcg-number-spinner.tcg-s32 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s32 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.11rem;
}

.tcg-widget.tcg-number-spinner.tcg-s34 {
  height: 0.34rem;
}

.tcg-widget.tcg-number-spinner.tcg-s34 .tcg-input {
  height: 0.32rem;
  line-height: 0.32rem;
  font-size: 0.15rem;
}

.tcg-widget.tcg-number-spinner.tcg-s34 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s34 .tcg-number-spinner-right-button {
  height: 0.32rem;
  line-height: 0.32rem;
}

.tcg-widget.tcg-number-spinner.tcg-s34 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s34 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.12rem;
}

.tcg-widget.tcg-number-spinner.tcg-s36 {
  height: 0.36rem;
}

.tcg-widget.tcg-number-spinner.tcg-s36 .tcg-input {
  height: 0.34rem;
  line-height: 0.34rem;
  font-size: 0.15rem;
}

.tcg-widget.tcg-number-spinner.tcg-s36 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s36 .tcg-number-spinner-right-button {
  height: 0.34rem;
  line-height: 0.34rem;
}

.tcg-widget.tcg-number-spinner.tcg-s36 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s36 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.13rem;
}

.tcg-widget.tcg-option-group ul {
  display: inline-block;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  height: 0.36rem;
}

.tcg-widget.tcg-option-group li.tcg-options,
.tcg-widget.tcg-option-group .tcg-options {
  height: 0.36rem;
  cursor: pointer;
}

.tcg-widget.tcg-option-group li.tcg-options.tcg-vertical,
.tcg-widget.tcg-option-group .tcg-options.tcg-vertical {
  float: left;
}

.tcg-widget.tcg-option-group li.tcg-options .tcg-checkbox, .tcg-widget.tcg-option-group li.tcg-options .tcg-radio, .tcg-widget.tcg-option-group li.tcg-options span, .tcg-widget.tcg-option-group li.tcg-options img,
.tcg-widget.tcg-option-group .tcg-options .tcg-checkbox,
.tcg-widget.tcg-option-group .tcg-options .tcg-radio,
.tcg-widget.tcg-option-group .tcg-options span,
.tcg-widget.tcg-option-group .tcg-options img {
  vertical-align: middle;
}

.tcg-widget.tcg-option-group li.tcg-options .tcg-checkbox,
.tcg-widget.tcg-option-group li.tcg-options .tcg-radio,
.tcg-widget.tcg-option-group .tcg-options .tcg-checkbox,
.tcg-widget.tcg-option-group .tcg-options .tcg-radio {
  display: inline-block;
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.05rem;
  border-width: 0.02rem;
  border-style: solid;
  border-color: #D0D0D0;
  background: transparent;
  background: transparent;
  background: transparent;
  background: transparent;
  background: transparent;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}

.tcg-widget.tcg-option-group li.tcg-options .tcg-radio,
.tcg-widget.tcg-option-group .tcg-options .tcg-radio {
  border-radius: 0.12rem;
  padding: 0.04rem;
}

.tcg-widget.tcg-option-group li.tcg-options .tcg-radio .tcg-inner,
.tcg-widget.tcg-option-group .tcg-options .tcg-radio .tcg-inner {
  display: block;
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 0.06rem;
  background: transparent;
  background: transparent;
  background: transparent;
  background: transparent;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}

.tcg-widget.tcg-option-group li.tcg-options .tcg-checkbox,
.tcg-widget.tcg-option-group .tcg-options .tcg-checkbox {
  border-radius: 0.04rem;
  padding: 0.02rem 0;
}

.tcg-widget.tcg-option-group li.tcg-options .tcg-checkbox .tcg-icon-check,
.tcg-widget.tcg-option-group .tcg-options .tcg-checkbox .tcg-icon-check {
  opacity: 0;
}

.tcg-widget.tcg-option-group li.tcg-options span,
.tcg-widget.tcg-option-group .tcg-options span {
  line-height: 0.36rem;
}

.tcg-widget.tcg-option-group li.tcg-options:hover .tcg-checkbox,
.tcg-widget.tcg-option-group li.tcg-options:hover .tcg-radio,
.tcg-widget.tcg-option-group .tcg-options:hover .tcg-checkbox,
.tcg-widget.tcg-option-group .tcg-options:hover .tcg-radio {
  border-color: #355075;
  background: transparent;
  background: transparent;
  background: transparent;
  background: transparent;
  background: transparent;
}

.tcg-widget.tcg-option-group li.tcg-options:hover .tcg-checkbox .tcg-inner,
.tcg-widget.tcg-option-group li.tcg-options:hover .tcg-radio .tcg-inner,
.tcg-widget.tcg-option-group .tcg-options:hover .tcg-checkbox .tcg-inner,
.tcg-widget.tcg-option-group .tcg-options:hover .tcg-radio .tcg-inner {
  background: transparent;
  background: transparent;
  background: transparent;
  background: transparent;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-option-group li.tcg-options[selected] .tcg-checkbox,
.tcg-widget.tcg-option-group li.tcg-options[selected] .tcg-radio,
.tcg-widget.tcg-option-group .tcg-options[selected] .tcg-checkbox,
.tcg-widget.tcg-option-group .tcg-options[selected] .tcg-radio {
  border-color: #355075;
  background: #355075;
  background: #355075;
  background: #355075;
  background: #355075;
  background: #355075;
}

.tcg-widget.tcg-option-group li.tcg-options[selected] .tcg-checkbox .tcg-inner,
.tcg-widget.tcg-option-group li.tcg-options[selected] .tcg-radio .tcg-inner,
.tcg-widget.tcg-option-group .tcg-options[selected] .tcg-checkbox .tcg-inner,
.tcg-widget.tcg-option-group .tcg-options[selected] .tcg-radio .tcg-inner {
  background: #FFFFFF;
  -webkit-box-shadow: 0 0.02rem 0.02rem 0 rgba(135, 108, 38, 0.2);
  -moz-box-shadow: 0 0.02rem 0.02rem 0 rgba(135, 108, 38, 0.2);
  box-shadow: 0 0.02rem 0.02rem 0 rgba(135, 108, 38, 0.2);
}

.tcg-widget.tcg-option-group li.tcg-options[selected] .tcg-checkbox .tcg-icon-check,
.tcg-widget.tcg-option-group li.tcg-options[selected] .tcg-radio .tcg-icon-check,
.tcg-widget.tcg-option-group .tcg-options[selected] .tcg-checkbox .tcg-icon-check,
.tcg-widget.tcg-option-group .tcg-options[selected] .tcg-radio .tcg-icon-check {
  opacity: 1;
}

.tcg-widget.tcg-option-group li.tcg-options[disabled],
.tcg-widget.tcg-option-group .tcg-options[disabled] {
  cursor: default;
}

.tcg-widget.tcg-option-group li.tcg-options[disabled] .tcg-checkbox,
.tcg-widget.tcg-option-group li.tcg-options[disabled] .tcg-radio,
.tcg-widget.tcg-option-group .tcg-options[disabled] .tcg-checkbox,
.tcg-widget.tcg-option-group .tcg-options[disabled] .tcg-radio {
  border-color: #D0D0D0;
  background: #F1F1F1;
  background: #F1F1F1;
  background: #F1F1F1;
  background: #F1F1F1;
  background: #F1F1F1;
}

.tcg-widget.tcg-option-group li.tcg-options[selected][disabled] .tcg-radio .tcg-inner,
.tcg-widget.tcg-option-group .tcg-options[selected][disabled] .tcg-radio .tcg-inner {
  background: #B6B6B6;
  background: #B6B6B6;
  background: #B6B6B6;
  background: #B6B6B6;
  background: #B6B6B6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-option-group li.tcg-options.tcg-s16,
.tcg-widget.tcg-option-group .tcg-options.tcg-s16 {
  height: 0.16rem;
}

.tcg-widget.tcg-option-group li.tcg-options.tcg-s18,
.tcg-widget.tcg-option-group .tcg-options.tcg-s18 {
  height: 0.18rem;
}

.tcg-widget.tcg-option-group li.tcg-options.tcg-s20,
.tcg-widget.tcg-option-group .tcg-options.tcg-s20 {
  height: 0.2rem;
}

.tcg-widget.tcg-option-group li.tcg-options.tcg-s22,
.tcg-widget.tcg-option-group .tcg-options.tcg-s22 {
  height: 0.22rem;
}

.tcg-widget.tcg-option-group li.tcg-options.tcg-s24,
.tcg-widget.tcg-option-group .tcg-options.tcg-s24 {
  height: 0.24rem;
}

.tcg-widget.tcg-option-group li.tcg-options.tcg-s26,
.tcg-widget.tcg-option-group .tcg-options.tcg-s26 {
  height: 0.26rem;
}

.tcg-widget.tcg-option-group li.tcg-options.tcg-s28,
.tcg-widget.tcg-option-group .tcg-options.tcg-s28 {
  height: 0.28rem;
}

.tcg-widget.tcg-option-group li.tcg-options.tcg-s30,
.tcg-widget.tcg-option-group .tcg-options.tcg-s30 {
  height: 0.3rem;
}

.tcg-widget.tcg-option-group li.tcg-options.tcg-s32,
.tcg-widget.tcg-option-group .tcg-options.tcg-s32 {
  height: 0.32rem;
}

.tcg-widget.tcg-option-group li.tcg-options.tcg-s34,
.tcg-widget.tcg-option-group .tcg-options.tcg-s34 {
  height: 0.34rem;
}

.tcg-widget.tcg-option-group li.tcg-options.tcg-s36,
.tcg-widget.tcg-option-group .tcg-options.tcg-s36 {
  height: 0.36rem;
}

.tcg-widget.tcg-pagination,
.tcg-inner-widget.tcg-pagination {
  display: inline-block;
  height: 0.36rem;
  padding-top: 0.07rem;
  padding-bottom: 0.07rem;
}

.tcg-widget.tcg-pagination span.tcg-prev-button,
.tcg-widget.tcg-pagination span.tcg-next-button,
.tcg-widget.tcg-pagination ul.tcg-pagination-list,
.tcg-inner-widget.tcg-pagination span.tcg-prev-button,
.tcg-inner-widget.tcg-pagination span.tcg-next-button,
.tcg-inner-widget.tcg-pagination ul.tcg-pagination-list {
  display: inline-block;
  float: left;
}

.tcg-widget.tcg-pagination span.tcg-prev-button,
.tcg-widget.tcg-pagination span.tcg-next-button,
.tcg-inner-widget.tcg-pagination span.tcg-prev-button,
.tcg-inner-widget.tcg-pagination span.tcg-next-button {
  width: 0.22rem;
  height: 0.22rem;
  padding: 0.04rem 0.08rem;
  cursor: pointer;
}

.tcg-widget.tcg-pagination ul.tcg-pagination-list,
.tcg-inner-widget.tcg-pagination ul.tcg-pagination-list {
  list-style-type: none;
  height: 0.36rem;
  margin-right: 0.05rem;
  margin-left: 0.05rem;
}

.tcg-widget.tcg-pagination ul.tcg-pagination-list li,
.tcg-inner-widget.tcg-pagination ul.tcg-pagination-list li {
  display: block;
  float: left;
  width: 0.22rem;
  height: 0.22rem;
  line-height: 0.22rem;
  margin: 0px 0.07rem 0px 0.07rem;
  border-radius: 0.04rem;
  text-align: center;
  font-size: 0.14rem;
  color: #2f3133;
}

.tcg-widget.tcg-pagination ul.tcg-pagination-list li.page-index,
.tcg-inner-widget.tcg-pagination ul.tcg-pagination-list li.page-index {
  cursor: pointer;
}

.tcg-widget.tcg-pagination ul.tcg-pagination-list li.page-index:hover,
.tcg-inner-widget.tcg-pagination ul.tcg-pagination-list li.page-index:hover {
  color: #355075;
}

.tcg-widget.tcg-pagination ul.tcg-pagination-list li.page-index[selected],
.tcg-inner-widget.tcg-pagination ul.tcg-pagination-list li.page-index[selected] {
  background-color: #355075;
  color: #FFFFFF;
  -webkit-box-shadow: 0 0.02rem 0.08rem 0 rgba(251, 190, 32, 0.2);
  -moz-box-shadow: 0 0.02rem 0.08rem 0 rgba(251, 190, 32, 0.2);
  box-shadow: 0 0.02rem 0.08rem 0 rgba(251, 190, 32, 0.2);
}

.tcg-widget.tcg-pagination ul.tcg-pagination-list li.tcg-hidden,
.tcg-inner-widget.tcg-pagination ul.tcg-pagination-list li.tcg-hidden {
  display: none;
}

.tcg-widget.tcg-popup,
.tcg-inner-widget.tcg-popup {
  position: relative;
  z-index: 1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: opacity 100ms ease-out;
  -webkit-transition-delay: 100ms;
  -moz-transition: opacity 100ms ease-out 100ms;
  -o-transition: opacity 100ms ease-out 100ms;
  transition: opacity 100ms ease-out 100ms;
}

.tcg-widget.tcg-popup.tcg-active,
.tcg-inner-widget.tcg-popup.tcg-active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.tcg-widget.tcg-popup .popup-wrap,
.tcg-inner-widget.tcg-popup .popup-wrap {
  position: absolute;
}

.tcg-widget.tcg-popup .popup-wrap .popup-header,
.tcg-widget.tcg-popup .popup-wrap .popup-body,
.tcg-inner-widget.tcg-popup .popup-wrap .popup-header,
.tcg-inner-widget.tcg-popup .popup-wrap .popup-body {
  position: absolute;
}

.tcg-widget.tcg-popup .popup-wrap .popup-body,
.tcg-inner-widget.tcg-popup .popup-wrap .popup-body {
  width: auto;
  height: auto;
  margin-top: 0.09rem;
  padding: 0;
  border-radius: 0.04rem;
  color: #FFFFFF;
  background: #f5f9ff;
}

.tcg-widget.tcg-popup .popup-wrap .popup-header,
.tcg-inner-widget.tcg-popup .popup-wrap .popup-header {
  width: 100%;
  height: 0.1rem;
}

.tcg-widget.tcg-popup .popup-wrap .popup-header .popup-arrow,
.tcg-inner-widget.tcg-popup .popup-wrap .popup-header .popup-arrow {
  position: absolute;
  top: 0.05rem;
  left: 0.1rem;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0;
  height: 0;
  border-width: 0.05rem;
  border-color: #f5f9ff transparent transparent #f5f9ff;
  border-style: solid;
  border-top-left-radius: 0.02rem;
}

.tcg-widget.tcg-slider,
.tcg-inner-widget.tcg-slider {
  position: relative;
  height: 0.36rem;
  overflow: visible;
}

.tcg-widget.tcg-slider .tcg-slider-progress,
.tcg-inner-widget.tcg-slider .tcg-slider-progress {
  position: absolute;
  top: 0.15rem;
  left: 0;
  width: 100%;
  height: 0.06rem;
  border-radius: 0.03rem;
  overflow: hidden;
  background: #D0D0D0;
  background: #D0D0D0;
  background: #D0D0D0;
  background: #D0D0D0;
  background: #D0D0D0;
}

.tcg-widget.tcg-slider .tcg-slider-progress .tcg-slider-progress-bar,
.tcg-inner-widget.tcg-slider .tcg-slider-progress .tcg-slider-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.06rem;
  background: #355075;
  -webkit-transition: background 200ms ease-in;
  -moz-transition: background 200ms ease-in;
  -o-transition: background 200ms ease-in;
  transition: background 200ms ease-in;
}

.tcg-widget.tcg-slider .tcg-slider-range,
.tcg-inner-widget.tcg-slider .tcg-slider-range {
  height: 100%;
}

.tcg-widget.tcg-slider .tcg-slider-range .tcg-handler,
.tcg-inner-widget.tcg-slider .tcg-slider-range .tcg-handler {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 0.18rem;
  border-width: 0.02rem;
  border-style: solid;
  border-color: #355075;
  background: -owg-linear-gradient(to bottom, #fbfdff, #f7faff);
  background: -webkit-linear-gradient(to bottom, #fbfdff, #f7faff);
  background: -moz-linear-gradient(to bottom, #fbfdff, #f7faff);
  background: -o-linear-gradient(to bottom, #fbfdff, #f7faff);
  background: linear-gradient(to bottom, #fbfdff, #f7faff);
  -webkit-box-shadow: 0 0.02rem 0.08rem 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0.02rem 0.08rem 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.02rem 0.08rem 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.tcg-widget.tcg-slider .tcg-slider-range .tcg-handler:before,
.tcg-inner-widget.tcg-slider .tcg-slider-range .tcg-handler:before {
  z-index: -1;
  content: "";
  position: absolute;
  display: block;
  opacity: 0;
}

.tcg-widget.tcg-slider .tcg-slider-range .tcg-handler .tcg-handler-nuv,
.tcg-inner-widget.tcg-slider .tcg-slider-range .tcg-handler .tcg-handler-nuv {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.tcg-widget.tcg-slider .tcg-slider-range .tcg-handler .tcg-handler-nuv > span,
.tcg-inner-widget.tcg-slider .tcg-slider-range .tcg-handler .tcg-handler-nuv > span {
  font-size: 0.14rem;
  z-index: 50;
  position: absolute;
  display: block;
  top: -0.45rem;
  margin-left: -0.02rem;
  width: auto;
  height: 0.36rem;
  padding: 0 .1rem;
  border-radius: 0.04rem;
  line-height: 0.36rem;
  color: #ffffff;
  text-align: center;
  background-color: #355075;
  -webkit-box-shadow: 0 0.02rem 0.08rem 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0.02rem 0.08rem 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.02rem 0.08rem 0 rgba(0, 0, 0, 0.2);
  opacity: 0;
}

.tcg-widget.tcg-slider .tcg-slider-range .tcg-handler .tcg-handler-nuv > span:after,
.tcg-inner-widget.tcg-slider .tcg-slider-range .tcg-handler .tcg-handler-nuv > span:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -.05rem;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -.05rem;
  border-style: solid;
  border-width: .05rem .05rem 0 .05rem;
  border-color: #355075 transparent transparent transparent;
}

.tcg-widget.tcg-slider .tcg-slider-range .tcg-handler:hover:before,
.tcg-inner-widget.tcg-slider .tcg-slider-range .tcg-handler:hover:before {
  background-color: rgba(53, 80, 117, 0.3);
  transition: 0.3s;
  opacity: 1;
}

.tcg-widget.tcg-slider .tcg-slider-range .tcg-handler:hover .tcg-handler-nuv > span,
.tcg-inner-widget.tcg-slider .tcg-slider-range .tcg-handler:hover .tcg-handler-nuv > span {
  transition: 0.3s;
  opacity: 1;
}

.tcg-widget.tcg-slider .tcg-slider-range .tcg-handler.max-color .tcg-handler-nuv > span,
.tcg-inner-widget.tcg-slider .tcg-slider-range .tcg-handler.max-color .tcg-handler-nuv > span {
  background-color: var(--tooltip-bgcolor);
}

.tcg-widget.tcg-slider .tcg-slider-range .tcg-handler.max-color .tcg-handler-nuv > span:after,
.tcg-inner-widget.tcg-slider .tcg-slider-range .tcg-handler.max-color .tcg-handler-nuv > span:after {
  border-top-color: var(--tooltip-bgcolor);
}

.tcg-widget.tcg-slider[disabled] .tcg-slider-progress,
.tcg-inner-widget.tcg-slider[disabled] .tcg-slider-progress {
  background: #E6E6E6;
  background: #E6E6E6;
  background: #E6E6E6;
  background: #E6E6E6;
  background: #E6E6E6;
}

.tcg-widget.tcg-slider[disabled] .tcg-slider-progress .tcg-slider-progress-bar,
.tcg-inner-widget.tcg-slider[disabled] .tcg-slider-progress .tcg-slider-progress-bar {
  background: none;
}

.tcg-widget.tcg-slider[disabled] .tcg-slider-range .tcg-handler,
.tcg-inner-widget.tcg-slider[disabled] .tcg-slider-range .tcg-handler {
  border-color: #E6E6E6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: -owg-linear-gradient(-180deg, #FFFFFF 0%, #F5F6F6 100%);
  background: -webkit-linear-gradient(-180deg, #FFFFFF 0%, #F5F6F6 100%);
  background: -moz-linear-gradient(-180deg, #FFFFFF 0%, #F5F6F6 100%);
  background: -o-linear-gradient(-180deg, #FFFFFF 0%, #F5F6F6 100%);
  background: linear-gradient(-180deg, #FFFFFF 0%, #F5F6F6 100%);
}

.tcg-widget.tcg-slider.tcg-s16,
.tcg-inner-widget.tcg-slider.tcg-s16 {
  height: 0.16rem;
}

.tcg-widget.tcg-slider.tcg-s16 .tcg-slider-progress,
.tcg-inner-widget.tcg-slider.tcg-s16 .tcg-slider-progress {
  top: 0.05rem;
}

.tcg-widget.tcg-slider.tcg-s16 .tcg-slider-range .tcg-handler,
.tcg-inner-widget.tcg-slider.tcg-s16 .tcg-slider-range .tcg-handler {
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 0.08rem;
}

.tcg-widget.tcg-slider.tcg-s16 .tcg-slider-range .tcg-handler:hover:before,
.tcg-inner-widget.tcg-slider.tcg-s16 .tcg-slider-range .tcg-handler:hover:before {
  width: 0.24rem;
  height: 0.24rem;
  left: -0.06rem;
  top: -0.06rem;
  border-radius: 0.22rem;
}

.tcg-widget.tcg-slider.tcg-s18,
.tcg-inner-widget.tcg-slider.tcg-s18 {
  height: 0.18rem;
}

.tcg-widget.tcg-slider.tcg-s18 .tcg-slider-progress,
.tcg-inner-widget.tcg-slider.tcg-s18 .tcg-slider-progress {
  top: 0.06rem;
}

.tcg-widget.tcg-slider.tcg-s18 .tcg-slider-range .tcg-handler,
.tcg-inner-widget.tcg-slider.tcg-s18 .tcg-slider-range .tcg-handler {
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 0.09rem;
}

.tcg-widget.tcg-slider.tcg-s18 .tcg-slider-range .tcg-handler:hover:before,
.tcg-inner-widget.tcg-slider.tcg-s18 .tcg-slider-range .tcg-handler:hover:before {
  width: 0.26rem;
  height: 0.26rem;
  left: -0.06rem;
  top: -0.06rem;
  border-radius: 0.22rem;
}

.tcg-widget.tcg-slider.tcg-s20,
.tcg-inner-widget.tcg-slider.tcg-s20 {
  height: 0.2rem;
}

.tcg-widget.tcg-slider.tcg-s20 .tcg-slider-progress,
.tcg-inner-widget.tcg-slider.tcg-s20 .tcg-slider-progress {
  top: 0.07rem;
}

.tcg-widget.tcg-slider.tcg-s20 .tcg-slider-range .tcg-handler,
.tcg-inner-widget.tcg-slider.tcg-s20 .tcg-slider-range .tcg-handler {
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 0.1rem;
}

.tcg-widget.tcg-slider.tcg-s20 .tcg-slider-range .tcg-handler:hover:before,
.tcg-inner-widget.tcg-slider.tcg-s20 .tcg-slider-range .tcg-handler:hover:before {
  width: 0.28rem;
  height: 0.28rem;
  left: -0.06rem;
  top: -0.06rem;
  border-radius: 0.22rem;
}

.tcg-widget.tcg-slider.tcg-s22,
.tcg-inner-widget.tcg-slider.tcg-s22 {
  height: 0.22rem;
}

.tcg-widget.tcg-slider.tcg-s22 .tcg-slider-progress,
.tcg-inner-widget.tcg-slider.tcg-s22 .tcg-slider-progress {
  top: 0.08rem;
}

.tcg-widget.tcg-slider.tcg-s22 .tcg-slider-range .tcg-handler,
.tcg-inner-widget.tcg-slider.tcg-s22 .tcg-slider-range .tcg-handler {
  width: 0.22rem;
  height: 0.22rem;
  border-radius: 0.11rem;
}

.tcg-widget.tcg-slider.tcg-s22 .tcg-slider-range .tcg-handler:hover:before,
.tcg-inner-widget.tcg-slider.tcg-s22 .tcg-slider-range .tcg-handler:hover:before {
  width: 0.3rem;
  height: 0.3rem;
  left: -0.06rem;
  top: -0.06rem;
  border-radius: 0.22rem;
}

.tcg-widget.tcg-slider.tcg-s24,
.tcg-inner-widget.tcg-slider.tcg-s24 {
  height: 0.24rem;
}

.tcg-widget.tcg-slider.tcg-s24 .tcg-slider-progress,
.tcg-inner-widget.tcg-slider.tcg-s24 .tcg-slider-progress {
  top: 0.09rem;
}

.tcg-widget.tcg-slider.tcg-s24 .tcg-slider-range .tcg-handler,
.tcg-inner-widget.tcg-slider.tcg-s24 .tcg-slider-range .tcg-handler {
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 0.12rem;
}

.tcg-widget.tcg-slider.tcg-s24 .tcg-slider-range .tcg-handler:hover:before,
.tcg-inner-widget.tcg-slider.tcg-s24 .tcg-slider-range .tcg-handler:hover:before {
  width: 0.32rem;
  height: 0.32rem;
  left: -0.06rem;
  top: -0.06rem;
  border-radius: 0.22rem;
}

.tcg-widget.tcg-slider.tcg-s26,
.tcg-inner-widget.tcg-slider.tcg-s26 {
  height: 0.26rem;
}

.tcg-widget.tcg-slider.tcg-s26 .tcg-slider-progress,
.tcg-inner-widget.tcg-slider.tcg-s26 .tcg-slider-progress {
  top: 0.1rem;
}

.tcg-widget.tcg-slider.tcg-s26 .tcg-slider-range .tcg-handler,
.tcg-inner-widget.tcg-slider.tcg-s26 .tcg-slider-range .tcg-handler {
  width: 0.26rem;
  height: 0.26rem;
  border-radius: 0.13rem;
}

.tcg-widget.tcg-slider.tcg-s26 .tcg-slider-range .tcg-handler:hover:before,
.tcg-inner-widget.tcg-slider.tcg-s26 .tcg-slider-range .tcg-handler:hover:before {
  width: 0.34rem;
  height: 0.34rem;
  left: -0.06rem;
  top: -0.06rem;
  border-radius: 0.22rem;
}

.tcg-widget.tcg-slider.tcg-s28,
.tcg-inner-widget.tcg-slider.tcg-s28 {
  height: 0.28rem;
}

.tcg-widget.tcg-slider.tcg-s28 .tcg-slider-progress,
.tcg-inner-widget.tcg-slider.tcg-s28 .tcg-slider-progress {
  top: 0.11rem;
}

.tcg-widget.tcg-slider.tcg-s28 .tcg-slider-range .tcg-handler,
.tcg-inner-widget.tcg-slider.tcg-s28 .tcg-slider-range .tcg-handler {
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 0.14rem;
}

.tcg-widget.tcg-slider.tcg-s28 .tcg-slider-range .tcg-handler:hover:before,
.tcg-inner-widget.tcg-slider.tcg-s28 .tcg-slider-range .tcg-handler:hover:before {
  width: 0.36rem;
  height: 0.36rem;
  left: -0.06rem;
  top: -0.06rem;
  border-radius: 0.22rem;
}

.tcg-widget.tcg-slider.tcg-s30,
.tcg-inner-widget.tcg-slider.tcg-s30 {
  height: 0.3rem;
}

.tcg-widget.tcg-slider.tcg-s30 .tcg-slider-progress,
.tcg-inner-widget.tcg-slider.tcg-s30 .tcg-slider-progress {
  top: 0.12rem;
}

.tcg-widget.tcg-slider.tcg-s30 .tcg-slider-range .tcg-handler,
.tcg-inner-widget.tcg-slider.tcg-s30 .tcg-slider-range .tcg-handler {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 0.15rem;
}

.tcg-widget.tcg-slider.tcg-s30 .tcg-slider-range .tcg-handler:hover:before,
.tcg-inner-widget.tcg-slider.tcg-s30 .tcg-slider-range .tcg-handler:hover:before {
  width: 0.38rem;
  height: 0.38rem;
  left: -0.06rem;
  top: -0.06rem;
  border-radius: 0.22rem;
}

.tcg-widget.tcg-slider.tcg-s32,
.tcg-inner-widget.tcg-slider.tcg-s32 {
  height: 0.32rem;
}

.tcg-widget.tcg-slider.tcg-s32 .tcg-slider-progress,
.tcg-inner-widget.tcg-slider.tcg-s32 .tcg-slider-progress {
  top: 0.13rem;
}

.tcg-widget.tcg-slider.tcg-s32 .tcg-slider-range .tcg-handler,
.tcg-inner-widget.tcg-slider.tcg-s32 .tcg-slider-range .tcg-handler {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 0.16rem;
}

.tcg-widget.tcg-slider.tcg-s32 .tcg-slider-range .tcg-handler:hover:before,
.tcg-inner-widget.tcg-slider.tcg-s32 .tcg-slider-range .tcg-handler:hover:before {
  width: 0.4rem;
  height: 0.4rem;
  left: -0.06rem;
  top: -0.06rem;
  border-radius: 0.22rem;
}

.tcg-widget.tcg-slider.tcg-s34,
.tcg-inner-widget.tcg-slider.tcg-s34 {
  height: 0.34rem;
}

.tcg-widget.tcg-slider.tcg-s34 .tcg-slider-progress,
.tcg-inner-widget.tcg-slider.tcg-s34 .tcg-slider-progress {
  top: 0.14rem;
}

.tcg-widget.tcg-slider.tcg-s34 .tcg-slider-range .tcg-handler,
.tcg-inner-widget.tcg-slider.tcg-s34 .tcg-slider-range .tcg-handler {
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 0.17rem;
}

.tcg-widget.tcg-slider.tcg-s34 .tcg-slider-range .tcg-handler:hover:before,
.tcg-inner-widget.tcg-slider.tcg-s34 .tcg-slider-range .tcg-handler:hover:before {
  width: 0.42rem;
  height: 0.42rem;
  left: -0.06rem;
  top: -0.06rem;
  border-radius: 0.22rem;
}

.tcg-widget.tcg-slider.tcg-s36,
.tcg-inner-widget.tcg-slider.tcg-s36 {
  height: 0.36rem;
}

.tcg-widget.tcg-slider.tcg-s36 .tcg-slider-progress,
.tcg-inner-widget.tcg-slider.tcg-s36 .tcg-slider-progress {
  top: 0.15rem;
}

.tcg-widget.tcg-slider.tcg-s36 .tcg-slider-range .tcg-handler,
.tcg-inner-widget.tcg-slider.tcg-s36 .tcg-slider-range .tcg-handler {
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 0.18rem;
}

.tcg-widget.tcg-slider.tcg-s36 .tcg-slider-range .tcg-handler:hover:before,
.tcg-inner-widget.tcg-slider.tcg-s36 .tcg-slider-range .tcg-handler:hover:before {
  width: 0.44rem;
  height: 0.44rem;
  left: -0.06rem;
  top: -0.06rem;
  border-radius: 0.22rem;
}

.tcg-widget.tcg-switch,
.tcg-inner-widget.tcg-switch {
  position: relative;
  display: inline-block;
  height: 0.36rem;
  width: 0.64rem;
  padding: 0.01rem 0.01rem 0.01rem 0.01rem;
  border-radius: 0.04rem;
  border-color: #355075;
  border-style: solid;
  border-width: 0.01rem;
  background-color: #355075;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
}

.tcg-widget.tcg-switch .tcg-switch-handler,
.tcg-inner-widget.tcg-switch .tcg-switch-handler {
  position: absolute;
  top: 0.01rem;
  display: inline-block;
  width: 0.32rem;
  height: 0.32rem;
  background-color: #FFFFFF;
  background-image: linear-gradient(to bottom, #fbfcff, #ebf4ff);
  border-radius: 0.04rem;
  opacity: 0.95;
  vertical-align: top;
  -webkit-box-shadow: 0 0.02rem 0.02rem 0 #a3abb6;
  -moz-box-shadow: 0 0.02rem 0.02rem 0 #a3abb6;
  box-shadow: 0 0.02rem 0.02rem 0 #a3abb6;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
}

.tcg-widget.tcg-switch .tcg-switch-text,
.tcg-inner-widget.tcg-switch .tcg-switch-text {
  position: absolute;
  top: 0.01rem;
  display: inline-block;
  width: 0.32rem;
  height: 0.32rem;
  line-height: 0.32rem;
  color: #FFFFFF;
  text-align: center;
  font-size: 0.12rem;
  vertical-align: top;
}

.tcg-widget.tcg-switch[status='on'],
.tcg-inner-widget.tcg-switch[status='on'] {
  border-color: #355075;
  background-color: #355075;
}

.tcg-widget.tcg-switch[status='on'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch[status='on'] .tcg-switch-handler {
  left: 0.01rem;
}

.tcg-widget.tcg-switch[status='on'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch[status='on'] .tcg-switch-text {
  left: 0.34rem;
}

.tcg-widget.tcg-switch[status='off'],
.tcg-inner-widget.tcg-switch[status='off'] {
  border-color: #D0D0D0;
  background-color: #D0D0D0;
}

.tcg-widget.tcg-switch[status='off'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch[status='off'] .tcg-switch-handler {
  left: 0.29rem;
}

.tcg-widget.tcg-switch[status='off'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch[status='off'] .tcg-switch-text {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s16,
.tcg-inner-widget.tcg-switch.tcg-s16 {
  height: 0.16rem;
  width: 0.52rem;
}

.tcg-widget.tcg-switch.tcg-s16 .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s16 .tcg-switch-handler {
  width: 0.12rem;
  height: 0.12rem;
}

.tcg-widget.tcg-switch.tcg-s16 .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s16 .tcg-switch-text {
  line-height: 0.12rem;
}

.tcg-widget.tcg-switch.tcg-s16[status='on'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s16[status='on'] .tcg-switch-handler {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s16[status='on'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s16[status='on'] .tcg-switch-text {
  left: 0.14rem;
}

.tcg-widget.tcg-switch.tcg-s16[status='off'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s16[status='off'] .tcg-switch-handler {
  left: 0.37rem;
}

.tcg-widget.tcg-switch.tcg-s16[status='off'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s16[status='off'] .tcg-switch-text {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s18,
.tcg-inner-widget.tcg-switch.tcg-s18 {
  height: 0.18rem;
  width: 0.52rem;
}

.tcg-widget.tcg-switch.tcg-s18 .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s18 .tcg-switch-handler {
  width: 0.14rem;
  height: 0.14rem;
}

.tcg-widget.tcg-switch.tcg-s18 .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s18 .tcg-switch-text {
  line-height: 0.14rem;
}

.tcg-widget.tcg-switch.tcg-s18[status='on'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s18[status='on'] .tcg-switch-handler {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s18[status='on'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s18[status='on'] .tcg-switch-text {
  left: 0.16rem;
}

.tcg-widget.tcg-switch.tcg-s18[status='off'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s18[status='off'] .tcg-switch-handler {
  left: 0.35rem;
}

.tcg-widget.tcg-switch.tcg-s18[status='off'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s18[status='off'] .tcg-switch-text {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s20,
.tcg-inner-widget.tcg-switch.tcg-s20 {
  height: 0.2rem;
  width: 0.52rem;
}

.tcg-widget.tcg-switch.tcg-s20 .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s20 .tcg-switch-handler {
  width: 0.16rem;
  height: 0.16rem;
}

.tcg-widget.tcg-switch.tcg-s20 .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s20 .tcg-switch-text {
  line-height: 0.16rem;
}

.tcg-widget.tcg-switch.tcg-s20[status='on'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s20[status='on'] .tcg-switch-handler {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s20[status='on'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s20[status='on'] .tcg-switch-text {
  left: 0.18rem;
}

.tcg-widget.tcg-switch.tcg-s20[status='off'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s20[status='off'] .tcg-switch-handler {
  left: 0.33rem;
}

.tcg-widget.tcg-switch.tcg-s20[status='off'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s20[status='off'] .tcg-switch-text {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s22,
.tcg-inner-widget.tcg-switch.tcg-s22 {
  height: 0.22rem;
  width: 0.52rem;
}

.tcg-widget.tcg-switch.tcg-s22 .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s22 .tcg-switch-handler {
  width: 0.18rem;
  height: 0.18rem;
}

.tcg-widget.tcg-switch.tcg-s22 .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s22 .tcg-switch-text {
  line-height: 0.18rem;
}

.tcg-widget.tcg-switch.tcg-s22[status='on'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s22[status='on'] .tcg-switch-handler {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s22[status='on'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s22[status='on'] .tcg-switch-text {
  left: 0.2rem;
}

.tcg-widget.tcg-switch.tcg-s22[status='off'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s22[status='off'] .tcg-switch-handler {
  left: 0.31rem;
}

.tcg-widget.tcg-switch.tcg-s22[status='off'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s22[status='off'] .tcg-switch-text {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s24,
.tcg-inner-widget.tcg-switch.tcg-s24 {
  height: 0.24rem;
  width: 0.52rem;
}

.tcg-widget.tcg-switch.tcg-s24 .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s24 .tcg-switch-handler {
  width: 0.2rem;
  height: 0.2rem;
}

.tcg-widget.tcg-switch.tcg-s24 .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s24 .tcg-switch-text {
  line-height: 0.2rem;
}

.tcg-widget.tcg-switch.tcg-s24[status='on'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s24[status='on'] .tcg-switch-handler {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s24[status='on'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s24[status='on'] .tcg-switch-text {
  left: 0.22rem;
}

.tcg-widget.tcg-switch.tcg-s24[status='off'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s24[status='off'] .tcg-switch-handler {
  left: 0.29rem;
}

.tcg-widget.tcg-switch.tcg-s24[status='off'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s24[status='off'] .tcg-switch-text {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s26,
.tcg-inner-widget.tcg-switch.tcg-s26 {
  height: 0.26rem;
  width: 0.58rem;
}

.tcg-widget.tcg-switch.tcg-s26 .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s26 .tcg-switch-handler {
  width: 0.22rem;
  height: 0.22rem;
}

.tcg-widget.tcg-switch.tcg-s26 .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s26 .tcg-switch-text {
  line-height: 0.22rem;
}

.tcg-widget.tcg-switch.tcg-s26[status='on'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s26[status='on'] .tcg-switch-handler {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s26[status='on'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s26[status='on'] .tcg-switch-text {
  left: 0.24rem;
}

.tcg-widget.tcg-switch.tcg-s26[status='off'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s26[status='off'] .tcg-switch-handler {
  left: 0.33rem;
}

.tcg-widget.tcg-switch.tcg-s26[status='off'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s26[status='off'] .tcg-switch-text {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s28,
.tcg-inner-widget.tcg-switch.tcg-s28 {
  height: 0.28rem;
  width: 0.6rem;
}

.tcg-widget.tcg-switch.tcg-s28 .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s28 .tcg-switch-handler {
  width: 0.24rem;
  height: 0.24rem;
}

.tcg-widget.tcg-switch.tcg-s28 .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s28 .tcg-switch-text {
  line-height: 0.24rem;
}

.tcg-widget.tcg-switch.tcg-s28[status='on'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s28[status='on'] .tcg-switch-handler {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s28[status='on'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s28[status='on'] .tcg-switch-text {
  left: 0.26rem;
}

.tcg-widget.tcg-switch.tcg-s28[status='off'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s28[status='off'] .tcg-switch-handler {
  left: 0.33rem;
}

.tcg-widget.tcg-switch.tcg-s28[status='off'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s28[status='off'] .tcg-switch-text {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s30,
.tcg-inner-widget.tcg-switch.tcg-s30 {
  height: 0.3rem;
  width: 0.62rem;
}

.tcg-widget.tcg-switch.tcg-s30 .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s30 .tcg-switch-handler {
  width: 0.26rem;
  height: 0.26rem;
}

.tcg-widget.tcg-switch.tcg-s30 .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s30 .tcg-switch-text {
  line-height: 0.26rem;
}

.tcg-widget.tcg-switch.tcg-s30[status='on'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s30[status='on'] .tcg-switch-handler {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s30[status='on'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s30[status='on'] .tcg-switch-text {
  left: 0.28rem;
}

.tcg-widget.tcg-switch.tcg-s30[status='off'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s30[status='off'] .tcg-switch-handler {
  left: 0.33rem;
}

.tcg-widget.tcg-switch.tcg-s30[status='off'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s30[status='off'] .tcg-switch-text {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s32,
.tcg-inner-widget.tcg-switch.tcg-s32 {
  height: 0.32rem;
  width: 0.64rem;
}

.tcg-widget.tcg-switch.tcg-s32 .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s32 .tcg-switch-handler {
  width: 0.28rem;
  height: 0.28rem;
}

.tcg-widget.tcg-switch.tcg-s32 .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s32 .tcg-switch-text {
  line-height: 0.28rem;
}

.tcg-widget.tcg-switch.tcg-s32[status='on'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s32[status='on'] .tcg-switch-handler {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s32[status='on'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s32[status='on'] .tcg-switch-text {
  left: 0.3rem;
}

.tcg-widget.tcg-switch.tcg-s32[status='off'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s32[status='off'] .tcg-switch-handler {
  left: 0.33rem;
}

.tcg-widget.tcg-switch.tcg-s32[status='off'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s32[status='off'] .tcg-switch-text {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s34,
.tcg-inner-widget.tcg-switch.tcg-s34 {
  height: 0.34rem;
  width: 0.68rem;
}

.tcg-widget.tcg-switch.tcg-s34 .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s34 .tcg-switch-handler {
  width: 0.3rem;
  height: 0.3rem;
}

.tcg-widget.tcg-switch.tcg-s34 .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s34 .tcg-switch-text {
  line-height: 0.3rem;
}

.tcg-widget.tcg-switch.tcg-s34[status='on'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s34[status='on'] .tcg-switch-handler {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s34[status='on'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s34[status='on'] .tcg-switch-text {
  left: 0.32rem;
}

.tcg-widget.tcg-switch.tcg-s34[status='off'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s34[status='off'] .tcg-switch-handler {
  left: 0.35rem;
}

.tcg-widget.tcg-switch.tcg-s34[status='off'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s34[status='off'] .tcg-switch-text {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s36,
.tcg-inner-widget.tcg-switch.tcg-s36 {
  height: 0.36rem;
  width: 0.72rem;
}

.tcg-widget.tcg-switch.tcg-s36 .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s36 .tcg-switch-handler {
  width: 0.32rem;
  height: 0.32rem;
}

.tcg-widget.tcg-switch.tcg-s36 .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s36 .tcg-switch-text {
  line-height: 0.32rem;
}

.tcg-widget.tcg-switch.tcg-s36[status='on'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s36[status='on'] .tcg-switch-handler {
  left: 0.01rem;
}

.tcg-widget.tcg-switch.tcg-s36[status='on'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s36[status='on'] .tcg-switch-text {
  left: 0.34rem;
}

.tcg-widget.tcg-switch.tcg-s36[status='off'] .tcg-switch-handler,
.tcg-inner-widget.tcg-switch.tcg-s36[status='off'] .tcg-switch-handler {
  left: 0.37rem;
}

.tcg-widget.tcg-switch.tcg-s36[status='off'] .tcg-switch-text,
.tcg-inner-widget.tcg-switch.tcg-s36[status='off'] .tcg-switch-text {
  left: 0.01rem;
}

.tcg-widget.tcg-tabs {
  margin: .1rem 0 .5rem;
  width: 100%;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.tcg-widget.tcg-tabs * {
  box-sizing: border-box;
}

.tcg-widget.tcg-tabs ul.tcg-tab-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tcg-widget.tcg-tabs ul.tcg-tab-list > li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tcg-widget.tcg-tabs ul.tcg-tab-list {
  width: 100%;
  border-bottom: 0.01rem solid #355075;
}

.tcg-widget.tcg-tabs ul.tcg-tab-list > li {
  position: relative;
  float: left;
  cursor: pointer;
  cursor: hand;
  text-align: center;
  padding: 0 .1rem;
  width: auto;
  min-width: 1.18rem;
  height: 0.56rem;
  line-height: 0.56rem;
  text-transform: uppercase;
  border: 0.01rem solid #D8DADC;
  font-size: 1.05em;
  border-bottom: 0;
  position: relative;
  border-top: 0.03rem solid transparent;
  color: #999;
  background-color: white;
  margin: 0 -0.01rem 0 0;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}

.tcg-widget.tcg-tabs ul.tcg-tab-list > li.active {
  z-index: 5;
  border-color: #355075;
  color: #355075;
  cursor: default;
}

.tcg-widget.tcg-tabs ul.tcg-tab-list > li.active:after {
  content: "";
  position: absolute;
  bottom: -1px;
  height: 1px;
  left: 0;
  background: white;
  width: 100%;
}

.tcg-widget.tcg-tabs ul.tcg-tab-list > li.active:hover {
  color: #355075;
  background: white;
}

.tcg-widget.tcg-tabs ul.tcg-tab-list > li:hover {
  color: #355075;
  background-color: #d3eef6;
}

.tcg-widget.tcg-tabs .tcg-tab-content-wrap {
  width: 100%;
  background-color: white;
  box-sizing: border-box;
  -webkit-flex: 1;
  flex: 1;
}

.tcg-widget.tcg-tabs .tcg-tab-content-wrap .tcg-tab-content {
  display: none;
  padding: .15rem .2rem;
}

.tcg-widget.tcg-tabs .tcg-tab-content-wrap .tcg-tab-content.active {
  display: block;
}

.tcg-widget.tcg-tabs.left-side {
  -webkit-flex-direction: row;
  flex-direction: row;
}

.tcg-widget.tcg-tabs.left-side > ul.tcg-tab-list {
  width: 1.18rem;
  border-bottom: 1px solid #D8DADC;
}

.tcg-widget.tcg-tabs.left-side > ul.tcg-tab-list li {
  width: 100%;
  margin: 0 0 -0.01rem 0;
  padding: .12rem .18rem;
  border-top: 0.01rem solid #D8DADC;
  border-right: none;
  border-bottom: 0.01rem solid #D8DADC;
  border-left: 0.03rem solid transparent;
}

.tcg-widget.tcg-tabs.left-side > ul.tcg-tab-list li:after {
  z-index: 30;
  top: 0;
  bottom: auto;
  left: auto;
  right: -0.02rem;
  width: .03rem;
  height: 100%;
  background: white;
}

.tcg-widget.tcg-tabs.left-side > ul.tcg-tab-list li.active {
  border-top: 0.01rem solid #355075;
  border-right: none;
  border-bottom: 0.01rem solid #355075;
  border-left: 0.03rem solid #355075;
}

.tcg-widget.tcg-tabs.left-side > ul.tcg-tab-list li.active:after {
  background: white;
}

.tcg-widget.tcg-tabs.left-side .tcg-tab-content-wrap {
  width: calc(100% -  $tcg-tabs-tab-width);
  border: none;
  border-left: 1px solid #355075;
}

.tcg-widget.tcg-tabs.left-side .controller {
  top: -.5rem;
}

.tcg-widget.tcg-tabs.right-side {
  display: -webkit-flex;
  display: flex;
}

.tcg-widget.tcg-tabs.right-side > ul.tcg-tab-list {
  width: 1.18rem;
  -webkit-order: 10;
  order: 10;
  border-bottom: 1px solid #D8DADC;
}

.tcg-widget.tcg-tabs.right-side > ul.tcg-tab-list li {
  width: 100%;
  margin: 0 0 -0.01rem 0;
  padding: .12rem .18rem;
  border-top: 0.01rem solid #D8DADC;
  border-right: 0.03rem solid transparent;
  border-bottom: 0.01rem solid #D8DADC;
  border-left: none;
}

.tcg-widget.tcg-tabs.right-side > ul.tcg-tab-list li:after {
  z-index: 30;
  top: 0;
  bottom: auto;
  left: -0.02rem;
  right: auto;
  width: .03rem;
  height: 100%;
  background: white;
}

.tcg-widget.tcg-tabs.right-side > ul.tcg-tab-list li.active {
  border-top: 0.01rem solid #355075;
  border-right: 0.03rem solid #355075;
  border-bottom: 0.01rem solid #355075;
  border-left: none;
}

.tcg-widget.tcg-tabs.right-side > ul.tcg-tab-list li.active:after {
  background: white;
}

.tcg-widget.tcg-tabs.right-side .tcg-tab-content-wrap {
  width: calc(100% -  $tcg-tabs-tab-width);
  border: none;
  border-right: 1px solid #355075;
}

.tcg-widget.tcg-tabs.right-side .controller {
  top: -.5rem;
}

.tcg-widget.tcg-tabs .active-tab {
  display: none;
  position: relative;
  background: #000000;
  padding: .12rem;
  text-align: center;
  padding-right: .5rem;
  color: #fff;
  cursor: pointer;
  border-radius: .3rem;
}

.tcg-widget.tcg-tabs .active-tab .arrow {
  width: .3rem;
  height: .3rem;
  overflow: hidden;
  line-height: .3rem;
  text-align: center;
  background: #fff;
  position: absolute;
  right: .06rem;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.tcg-widget.tcg-tabs .active-tab .arrow:after {
  content: "";
  width: .1rem;
  display: inline-block;
  height: .1rem;
  border-right: .03rem solid #000;
  border-bottom: .03rem solid #000;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -.06rem;
  margin-top: -.08rem;
}

.tcg-widget.tcg-tabs .active-tab .text {
  text-indent: .39rem;
  display: block;
}

.tcg-widget.tcg-textbox,
.tcg-inner-widget.tcg-textbox {
  position: relative;
  display: inline-block;
  height: 0.36rem;
  border-width: 0.01rem;
  border-style: solid;
  border-color: #9b9b9b;
  background-color: #FFFFFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}

.tcg-widget.tcg-textbox.focus,
.tcg-inner-widget.tcg-textbox.focus {
  border-color: #355075;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-textbox[disabled],
.tcg-inner-widget.tcg-textbox[disabled] {
  border-color: #D0D0D0;
  background-color: #F1F1F1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-textbox.tcg-success,
.tcg-inner-widget.tcg-textbox.tcg-success {
  border-color: #5fc2aa;
}

.tcg-widget.tcg-textbox.tcg-error,
.tcg-inner-widget.tcg-textbox.tcg-error {
  border-color: #ed5858;
}

.tcg-widget.tcg-textbox .tcg-prefix-icon,
.tcg-widget.tcg-textbox .tcg-suffix-icon,
.tcg-inner-widget.tcg-textbox .tcg-prefix-icon,
.tcg-inner-widget.tcg-textbox .tcg-suffix-icon {
  position: relative;
  display: block;
  float: left;
  width: .24rem;
  height: 100%;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.tcg-widget.tcg-textbox .tcg-prefix-icon .tcg-icon,
.tcg-widget.tcg-textbox .tcg-suffix-icon .tcg-icon,
.tcg-inner-widget.tcg-textbox .tcg-prefix-icon .tcg-icon,
.tcg-inner-widget.tcg-textbox .tcg-suffix-icon .tcg-icon {
  position: static !important;
}

.tcg-widget.tcg-textbox .tcg-suffix-icon,
.tcg-inner-widget.tcg-textbox .tcg-suffix-icon {
  cursor: pointer;
}

.tcg-widget.tcg-textbox input.tcg-input,
.tcg-inner-widget.tcg-textbox input.tcg-input {
  display: block;
  float: left;
  height: 100%;
  line-height: 0.36rem;
  padding: 0 0.1rem 0 0.05rem;
  border: none;
  background: transparent;
  color: #46494d;
  -webkit-flex: 1;
  flex: 1;
}

.tcg-widget.tcg-textbox input.tcg-input::-webkit-input-placeholder, .tcg-widget.tcg-textbox input.tcg-input:-ms-input-placeholder, .tcg-widget.tcg-textbox input.tcg-input::-moz-placeholder, .tcg-widget.tcg-textbox input.tcg-input:-moz-placeholder,
.tcg-inner-widget.tcg-textbox input.tcg-input::-webkit-input-placeholder,
.tcg-inner-widget.tcg-textbox input.tcg-input:-ms-input-placeholder,
.tcg-inner-widget.tcg-textbox input.tcg-input::-moz-placeholder,
.tcg-inner-widget.tcg-textbox input.tcg-input:-moz-placeholder {
  color: #9b9b9b;
}

.tcg-widget.tcg-textbox .tcg-input-btn,
.tcg-inner-widget.tcg-textbox .tcg-input-btn {
  height: 100%;
  line-height: 0.36rem;
  padding: 0 0.08rem;
  border-left: 0.01rem solid #9b9b9b;
  color: #496790;
  background-color: transparent;
  cursor: pointer;
  user-select: none;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}

.tcg-widget.tcg-textbox .tcg-input-btn:hover,
.tcg-inner-widget.tcg-textbox .tcg-input-btn:hover {
  color: white;
  background-color: #a3cddf;
}

.tcg-widget.tcg-textbox .tcg-input-btn:active,
.tcg-inner-widget.tcg-textbox .tcg-input-btn:active {
  color: white;
  background-color: #a3cddf;
}

.tcg-widget.tcg-textbox[disabled] input.tcg-input,
.tcg-inner-widget.tcg-textbox[disabled] input.tcg-input {
  color: #9b9b9b;
}

.tcg-widget.tcg-textbox[disabled] .tcg-input-btn,
.tcg-inner-widget.tcg-textbox[disabled] .tcg-input-btn {
  color: #9b9b9b;
  border-color: #D0D0D0;
  background-color: transparent;
}

.tcg-widget.tcg-textbox.focus .tcg-input-btn,
.tcg-inner-widget.tcg-textbox.focus .tcg-input-btn {
  border-color: #355075;
}

.tcg-widget.tcg-textbox .tcg-tip .tcg-tip-text,
.tcg-inner-widget.tcg-textbox .tcg-tip .tcg-tip-text {
  width: auto;
}

.tcg-widget.tcg-textbox.tcg-s16 .tcg-prefix-icon,
.tcg-widget.tcg-textbox.tcg-s16 .tcg-suffix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s16 .tcg-prefix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s16 .tcg-suffix-icon {
  width: 0.14rem;
  height: 100%;
}

.tcg-widget.tcg-textbox.tcg-s16 .tcg-input,
.tcg-widget.tcg-textbox.tcg-s16 .tcg-input-btn,
.tcg-inner-widget.tcg-textbox.tcg-s16 .tcg-input,
.tcg-inner-widget.tcg-textbox.tcg-s16 .tcg-input-btn {
  line-height: 0.16rem;
  font-size: 0.12rem;
}

.tcg-widget.tcg-textbox.tcg-s18 .tcg-prefix-icon,
.tcg-widget.tcg-textbox.tcg-s18 .tcg-suffix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s18 .tcg-prefix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s18 .tcg-suffix-icon {
  width: 0.16rem;
  height: 100%;
}

.tcg-widget.tcg-textbox.tcg-s18 .tcg-input,
.tcg-widget.tcg-textbox.tcg-s18 .tcg-input-btn,
.tcg-inner-widget.tcg-textbox.tcg-s18 .tcg-input,
.tcg-inner-widget.tcg-textbox.tcg-s18 .tcg-input-btn {
  line-height: 0.18rem;
  font-size: 0.12rem;
}

.tcg-widget.tcg-textbox.tcg-s20 .tcg-prefix-icon,
.tcg-widget.tcg-textbox.tcg-s20 .tcg-suffix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s20 .tcg-prefix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s20 .tcg-suffix-icon {
  width: 0.18rem;
  height: 100%;
}

.tcg-widget.tcg-textbox.tcg-s20 .tcg-input,
.tcg-widget.tcg-textbox.tcg-s20 .tcg-input-btn,
.tcg-inner-widget.tcg-textbox.tcg-s20 .tcg-input,
.tcg-inner-widget.tcg-textbox.tcg-s20 .tcg-input-btn {
  line-height: 0.2rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-textbox.tcg-s22 .tcg-prefix-icon,
.tcg-widget.tcg-textbox.tcg-s22 .tcg-suffix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s22 .tcg-prefix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s22 .tcg-suffix-icon {
  width: 0.2rem;
  height: 100%;
}

.tcg-widget.tcg-textbox.tcg-s22 .tcg-input,
.tcg-widget.tcg-textbox.tcg-s22 .tcg-input-btn,
.tcg-inner-widget.tcg-textbox.tcg-s22 .tcg-input,
.tcg-inner-widget.tcg-textbox.tcg-s22 .tcg-input-btn {
  line-height: 0.22rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-textbox.tcg-s24 .tcg-prefix-icon,
.tcg-widget.tcg-textbox.tcg-s24 .tcg-suffix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s24 .tcg-prefix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s24 .tcg-suffix-icon {
  width: 0.22rem;
  height: 100%;
}

.tcg-widget.tcg-textbox.tcg-s24 .tcg-input,
.tcg-widget.tcg-textbox.tcg-s24 .tcg-input-btn,
.tcg-inner-widget.tcg-textbox.tcg-s24 .tcg-input,
.tcg-inner-widget.tcg-textbox.tcg-s24 .tcg-input-btn {
  line-height: 0.24rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-textbox.tcg-s26 .tcg-prefix-icon,
.tcg-widget.tcg-textbox.tcg-s26 .tcg-suffix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s26 .tcg-prefix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s26 .tcg-suffix-icon {
  width: 0.24rem;
  height: 100%;
}

.tcg-widget.tcg-textbox.tcg-s26 .tcg-input,
.tcg-widget.tcg-textbox.tcg-s26 .tcg-input-btn,
.tcg-inner-widget.tcg-textbox.tcg-s26 .tcg-input,
.tcg-inner-widget.tcg-textbox.tcg-s26 .tcg-input-btn {
  line-height: 0.26rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-textbox.tcg-s28 .tcg-prefix-icon,
.tcg-widget.tcg-textbox.tcg-s28 .tcg-suffix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s28 .tcg-prefix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s28 .tcg-suffix-icon {
  width: 0.26rem;
  height: 100%;
}

.tcg-widget.tcg-textbox.tcg-s28 .tcg-input,
.tcg-widget.tcg-textbox.tcg-s28 .tcg-input-btn,
.tcg-inner-widget.tcg-textbox.tcg-s28 .tcg-input,
.tcg-inner-widget.tcg-textbox.tcg-s28 .tcg-input-btn {
  line-height: 0.28rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-textbox.tcg-s30 .tcg-prefix-icon,
.tcg-widget.tcg-textbox.tcg-s30 .tcg-suffix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s30 .tcg-prefix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s30 .tcg-suffix-icon {
  width: 0.28rem;
  height: 100%;
}

.tcg-widget.tcg-textbox.tcg-s30 .tcg-input,
.tcg-widget.tcg-textbox.tcg-s30 .tcg-input-btn,
.tcg-inner-widget.tcg-textbox.tcg-s30 .tcg-input,
.tcg-inner-widget.tcg-textbox.tcg-s30 .tcg-input-btn {
  line-height: 0.3rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-textbox.tcg-s32 .tcg-prefix-icon,
.tcg-widget.tcg-textbox.tcg-s32 .tcg-suffix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s32 .tcg-prefix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s32 .tcg-suffix-icon {
  width: 0.3rem;
  height: 100%;
}

.tcg-widget.tcg-textbox.tcg-s32 .tcg-input,
.tcg-widget.tcg-textbox.tcg-s32 .tcg-input-btn,
.tcg-inner-widget.tcg-textbox.tcg-s32 .tcg-input,
.tcg-inner-widget.tcg-textbox.tcg-s32 .tcg-input-btn {
  line-height: 0.32rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-textbox.tcg-s34 .tcg-prefix-icon,
.tcg-widget.tcg-textbox.tcg-s34 .tcg-suffix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s34 .tcg-prefix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s34 .tcg-suffix-icon {
  width: 0.32rem;
  height: 100%;
}

.tcg-widget.tcg-textbox.tcg-s34 .tcg-input,
.tcg-widget.tcg-textbox.tcg-s34 .tcg-input-btn,
.tcg-inner-widget.tcg-textbox.tcg-s34 .tcg-input,
.tcg-inner-widget.tcg-textbox.tcg-s34 .tcg-input-btn {
  line-height: 0.34rem;
  font-size: 0.15rem;
}

.tcg-widget.tcg-textbox.tcg-s36 .tcg-prefix-icon,
.tcg-widget.tcg-textbox.tcg-s36 .tcg-suffix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s36 .tcg-prefix-icon,
.tcg-inner-widget.tcg-textbox.tcg-s36 .tcg-suffix-icon {
  width: 0.34rem;
  height: 100%;
}

.tcg-widget.tcg-textbox.tcg-s36 .tcg-input,
.tcg-widget.tcg-textbox.tcg-s36 .tcg-input-btn,
.tcg-inner-widget.tcg-textbox.tcg-s36 .tcg-input,
.tcg-inner-widget.tcg-textbox.tcg-s36 .tcg-input-btn {
  line-height: 0.36rem;
  font-size: 0.15rem;
}

.tcg-widget.tcg-tip,
.tcg-inner-widget.tcg-tip {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: opacity 200ms 200ms;
  -webkit-transition-delay: ease-out;
  -moz-transition: opacity 200ms 200ms ease-out;
  -o-transition: opacity 200ms 200ms ease-out;
  transition: opacity 200ms 200ms ease-out;
}

.tcg-widget.tcg-tip.tcg-active,
.tcg-inner-widget.tcg-tip.tcg-active {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
}

.tcg-widget.tcg-tip.tcg-error .tcg-tip-arrow,
.tcg-inner-widget.tcg-tip.tcg-error .tcg-tip-arrow {
  border-color: #ed5858;
}

.tcg-widget.tcg-tip.tcg-error .tcg-tip-text,
.tcg-inner-widget.tcg-tip.tcg-error .tcg-tip-text {
  color: #FFFFFF;
  background-color: #ed5858;
  -webkit-box-shadow: 0 0.05rem 0.12rem 0 rgba(237, 88, 88, 0.5);
  -moz-box-shadow: 0 0.05rem 0.12rem 0 rgba(237, 88, 88, 0.5);
  box-shadow: 0 0.05rem 0.12rem 0 rgba(237, 88, 88, 0.5);
}

.tcg-widget.tcg-tip .tcg-tip-arrow,
.tcg-widget.tcg-tip .tcg-tip-text,
.tcg-inner-widget.tcg-tip .tcg-tip-arrow,
.tcg-inner-widget.tcg-tip .tcg-tip-text {
  position: absolute;
}

.tcg-widget.tcg-tip .tcg-tip-arrow,
.tcg-inner-widget.tcg-tip .tcg-tip-arrow {
  width: 0;
  height: 0;
  border-width: 0.05rem;
  border-color: #94bed4 transparent transparent #94bed4;
  border-style: solid;
  border-top-left-radius: 0.02rem;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 1;
}

.tcg-widget.tcg-tip .tcg-tip-text,
.tcg-inner-widget.tcg-tip .tcg-tip-text {
  width: 2rem;
  left: 0.04rem;
  display: inline-block;
  padding: 0.08rem;
  border-radius: 0.05rem;
  color: #FFFFFF;
  font-size: 0.15rem;
  line-height: .18rem;
  text-align: left;
  word-break: break-all;
  background-color: #94bed4;
  -webkit-box-shadow: 0 0.05rem 0.12rem 0 rgba(148, 190, 212, 0.5);
  -moz-box-shadow: 0 0.05rem 0.12rem 0 rgba(148, 190, 212, 0.5);
  box-shadow: 0 0.05rem 0.12rem 0 rgba(148, 190, 212, 0.5);
}

.tcg-toaster-overlay {
  z-index: 999999;
  position: fixed;
  pointer-events: none;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: .15rem;
  background: transparent;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tcg-toaster-overlay * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tcg-toaster-overlay.close .tcg-widget.tcg-toaster {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 200ms 100ms;
  -webkit-transition-delay: 300ms, ease-out;
  -moz-transition: visibility 0s 300ms, opacity 200ms 100ms ease-out;
  -o-transition: visibility 0s 300ms, opacity 200ms 100ms ease-out;
  transition: visibility 0s 300ms, opacity 200ms 100ms ease-out;
}

.tcg-widget.tcg-toaster {
  pointer-events: none;
  visibility: visible;
  opacity: 1;
  width: auto;
  max-width: 5rem;
  padding: 0.08rem 0.1rem;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: opacity 200ms linear;
  -moz-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}

.tcg-widget.tcg-toaster.break {
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}

.tcg-widget.tcg-toaster > p {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 0.14rem;
  line-height: 1.4;
}

.tcg-widget.tcg-toaster > p.list {
  padding-bottom: 0.05rem;
}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-wrapper.scroll--rtl {
  direction: rtl;
}

.scroll-element {
  box-sizing: content-box;
  display: none;
}

.scroll-element div {
  box-sizing: content-box;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #eeeeee;
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px;
}

/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track {
  display: none;
}

.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #6C6E71;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0px;
  top: 0;
  width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
  height: 7px;
  min-width: 10px;
  top: -9px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -9px;
  min-height: 10px;
  width: 7px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

/*************** SCROLLBAR LIGHT ***************/
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-light > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
  background: #dbdbdb;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
  bottom: 0;
  height: 17px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
  background: #fefefe;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-light > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

.scrollbar-light > .scroll-content.scroll-scrollx_visible {
  top: -17px;
  margin-top: 17px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 0px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
  left: 0px;
  min-height: 10px;
  width: 10px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
  height: 12px;
  left: 2px;
  top: 2px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  top: 2px;
  width: 12px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}

/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-rail > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  min-width: 100%;
  padding: 3px 0 2px;
  width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  padding: 0 2px 0 3px;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
  background-color: #d0b9a0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
  margin-top: 17px;
  top: -17px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 1px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
  left: 1px;
  min-height: 10px;
  width: 10px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
  height: 15px;
  left: 5px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
  height: 2px;
  left: -10px;
  top: 5px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
  top: 5px;
  width: 15px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
  left: 5px;
  top: -10px;
  width: 2px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -25px;
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -25px;
}

/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
  bottom: 2px;
  height: 7px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 2px;
  top: 0;
  width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
  opacity: 0.3;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_size {
  background-color: #cccccc;
  opacity: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
  background-color: #6c6e71;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
  bottom: 0;
  height: 7px;
  min-width: 24px;
  top: auto;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
  left: auto;
  min-height: 24px;
  right: 0;
  width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
  bottom: 0;
  top: auto;
  left: 2px;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  -ms-transition: height 0.2s;
  transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
  left: auto;
  right: 0;
  top: 2px;
  -webkit-transition: width 0.2s;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  -ms-transition: width 0.2s;
  transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

/* hover & drag */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
  opacity: 1;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
  height: 100%;
  width: 100%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
  height: 20px;
  min-height: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
  min-width: 7px;
  width: 20px;
}

/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-chrome > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_track {
  background: #f1f1f1;
  border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
  bottom: 0;
  height: 16px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
  border: 1px solid #bdbdbd;
  cursor: default;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
  border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
  border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
  left: -16px;
  margin-left: 16px;
}

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
  top: -16px;
  margin-top: 16px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
  height: 8px;
  min-width: 10px;
  top: 3px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
  left: 3px;
  min-height: 10px;
  width: 8px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
  border-left: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
  height: 14px;
  left: -3px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
  height: 14px;
  left: -4px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
  border-top: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
  top: -3px;
  width: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
  width: 14px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}

.tcg-widget.tcg-button, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel,
.tcg-inner-widget.tcg-button {
  border-radius: .04rem;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 0.36rem;
  line-height: 0.34rem;
  background-color: #355075;
  color: white;
  border-width: 0.01rem;
  border-style: solid;
  border-color: #477dc8;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0 0.16rem 0 0.16rem;
  font-size: 0.16rem;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}

.tcg-widget.tcg-button:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel:hover,
.tcg-inner-widget.tcg-button:hover {
  background-color: #456898;
  color: white;
  border-color: #598bcd;
  -webkit-box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15), inset 0 0 0.06rem 0 rgba(96, 137, 192, 0.2);
  -moz-box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15), inset 0 0 0.06rem 0 rgba(96, 137, 192, 0.2);
  box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15), inset 0 0 0.06rem 0 rgba(96, 137, 192, 0.2);
}

.tcg-widget.tcg-button:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel:active,
.tcg-inner-widget.tcg-button:active {
  background-color: #283d59;
  color: white;
  border-color: #3a67a5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button.tcg-button-bgimg, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-button-bgimg.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-button-bgimg.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-button-bgimg {
  background-image: url(../images/kunlun988/btn_bg_l-02.png);
}

.tcg-widget.tcg-button.tcg-button-bgimg:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-button-bgimg.tcg-ok:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-button-bgimg.tcg-cancel:hover,
.tcg-inner-widget.tcg-button.tcg-button-bgimg:hover {
  background-image: linear-gradient(to bottom, rgba(126, 156, 197, 0.5), rgba(126, 156, 197, 0)), url(../images/kunlun988/btn_bg_l-02.png);
}

.tcg-widget.tcg-button.tcg-button-bgimg:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-button-bgimg.tcg-ok:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-button-bgimg.tcg-cancel:active,
.tcg-inner-widget.tcg-button.tcg-button-bgimg:active {
  background-image: linear-gradient(to bottom, rgba(37, 56, 82, 0.5), rgba(37, 56, 82, 0)), url(../images/kunlun988/btn_bg_l-02.png);
}

.tcg-widget.tcg-button.tcg-soft-amber, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-soft-amber {
  background-color: #94bed4;
  color: white;
  border-color: #9bc6dc;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button.tcg-soft-amber.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-processing.tcg-ok span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-processing.tcg-cancel span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-soft-amber.tcg-processing span.tcg-loading {
  border-bottom-color: white;
}

.tcg-widget.tcg-button.tcg-soft-amber.tcg-button-bgimg, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-button-bgimg.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-button-bgimg.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-soft-amber.tcg-button-bgimg {
  background-image: url(../images/kunlun988/btn_bg_l-01.png) !important;
}

.tcg-widget.tcg-button.tcg-soft-amber.tcg-button-bgimg:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-button-bgimg.tcg-ok:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-button-bgimg.tcg-cancel:hover,
.tcg-inner-widget.tcg-button.tcg-soft-amber.tcg-button-bgimg:hover {
  background-image: linear-gradient(to bottom, rgba(213, 238, 251, 0.5), rgba(213, 238, 251, 0)), url(../images/kunlun988/btn_bg_l-01.png) !important;
}

.tcg-widget.tcg-button.tcg-soft-amber.tcg-button-bgimg:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-button-bgimg.tcg-ok:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-button-bgimg.tcg-cancel:active,
.tcg-inner-widget.tcg-button.tcg-soft-amber.tcg-button-bgimg:active {
  background-image: linear-gradient(to bottom, rgba(112, 168, 197, 0.5), rgba(112, 168, 197, 0)), url(../images/kunlun988/btn_bg_l-01.png) !important;
}

.tcg-widget.tcg-button.tcg-soft-amber.tcg-button-bgimg[disabled], .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-button-bgimg.tcg-ok[disabled], .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-button-bgimg.tcg-cancel[disabled],
.tcg-inner-widget.tcg-button.tcg-soft-amber.tcg-button-bgimg[disabled] {
  color: #b3bac3 !important;
  border-color: #b3bac3 !important;
  background-color: #f4f4f4 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

.tcg-widget.tcg-button.tcg-soft-amber.tcg-button-bgimg[disabled]:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-button-bgimg.tcg-ok[disabled]:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-button-bgimg.tcg-cancel[disabled]:hover,
.tcg-inner-widget.tcg-button.tcg-soft-amber.tcg-button-bgimg[disabled]:hover {
  background-image: none !important;
}

.tcg-widget.tcg-button.tcg-soft-amber.tcg-button-bgimg[disabled]:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-button-bgimg.tcg-ok[disabled]:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-button-bgimg.tcg-cancel[disabled]:active,
.tcg-inner-widget.tcg-button.tcg-soft-amber.tcg-button-bgimg[disabled]:active {
  background-image: none !important;
}

.tcg-widget.tcg-button.tcg-soft-amber:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-ok:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-cancel:hover,
.tcg-inner-widget.tcg-button.tcg-soft-amber:hover {
  background-color: #b8d4e3;
  color: white;
  border-color: #aed0e2;
  -webkit-box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15), inset 0 0 0.06rem 0 rgba(96, 137, 192, 0.2);
  -moz-box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15), inset 0 0 0.06rem 0 rgba(96, 137, 192, 0.2);
  box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15), inset 0 0 0.06rem 0 rgba(96, 137, 192, 0.2);
}

.tcg-widget.tcg-button.tcg-soft-amber:hover.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-ok:hover.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-cancel:hover.tcg-processing span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-soft-amber:hover.tcg-processing span.tcg-loading {
  border-bottom-color: white;
}

.tcg-widget.tcg-button.tcg-soft-amber:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-ok:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-cancel:active,
.tcg-inner-widget.tcg-button.tcg-soft-amber:active {
  background-color: #77acc8;
  color: white;
  border-color: #90b7ca;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button.tcg-soft-amber:active.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-ok:active.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-soft-amber.tcg-cancel:active.tcg-processing span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-soft-amber:active.tcg-processing span.tcg-loading {
  border-bottom-color: white;
}

.tcg-widget.tcg-button.tcg-rajah, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-rajah.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-rajah,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-ok {
  background-color: #355075;
  color: white;
  border-color: #477dc8;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button.tcg-rajah.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-processing.tcg-ok span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-rajah.tcg-processing.tcg-cancel span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-rajah.tcg-processing span.tcg-loading,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-processing.tcg-ok span.tcg-loading {
  border-bottom-color: white;
}

.tcg-widget.tcg-button.tcg-rajah.tcg-button-bgimg, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-rajah.tcg-button-bgimg.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-rajah.tcg-button-bgimg,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-ok {
  background-image: url(../images/kunlun988/btn_bg_l-02.png) !important;
}

.tcg-widget.tcg-button.tcg-rajah.tcg-button-bgimg:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-rajah.tcg-button-bgimg.tcg-cancel:hover,
.tcg-inner-widget.tcg-button.tcg-rajah.tcg-button-bgimg:hover,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-ok:hover {
  background-image: linear-gradient(to bottom, rgba(126, 156, 197, 0.5), rgba(126, 156, 197, 0)), url(../images/kunlun988/btn_bg_l-02.png) !important;
}

.tcg-widget.tcg-button.tcg-rajah.tcg-button-bgimg:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-rajah.tcg-button-bgimg.tcg-cancel:active,
.tcg-inner-widget.tcg-button.tcg-rajah.tcg-button-bgimg:active,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-ok:active {
  background-image: linear-gradient(to bottom, rgba(37, 56, 82, 0.5), rgba(37, 56, 82, 0)), url(../images/kunlun988/btn_bg_l-02.png) !important;
}

.tcg-widget.tcg-button.tcg-rajah.tcg-button-bgimg[disabled], .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok[disabled], .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-rajah.tcg-button-bgimg.tcg-cancel[disabled],
.tcg-inner-widget.tcg-button.tcg-rajah.tcg-button-bgimg[disabled],
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-ok[disabled] {
  color: #b3bac3 !important;
  border-color: #b3bac3 !important;
  background-color: #f4f4f4 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

.tcg-widget.tcg-button.tcg-rajah.tcg-button-bgimg[disabled]:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok[disabled]:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-rajah.tcg-button-bgimg.tcg-cancel[disabled]:hover,
.tcg-inner-widget.tcg-button.tcg-rajah.tcg-button-bgimg[disabled]:hover,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-ok[disabled]:hover {
  background-image: none !important;
}

.tcg-widget.tcg-button.tcg-rajah.tcg-button-bgimg[disabled]:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok[disabled]:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-rajah.tcg-button-bgimg.tcg-cancel[disabled]:active,
.tcg-inner-widget.tcg-button.tcg-rajah.tcg-button-bgimg[disabled]:active,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-ok[disabled]:active {
  background-image: none !important;
}

.tcg-widget.tcg-button.tcg-rajah:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-rajah.tcg-cancel:hover,
.tcg-inner-widget.tcg-button.tcg-rajah:hover,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-ok:hover {
  background-color: #456898;
  color: white;
  border-color: #598bcd;
  -webkit-box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15), inset 0 0 0.06rem 0 rgba(96, 137, 192, 0.2);
  -moz-box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15), inset 0 0 0.06rem 0 rgba(96, 137, 192, 0.2);
  box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15), inset 0 0 0.06rem 0 rgba(96, 137, 192, 0.2);
}

.tcg-widget.tcg-button.tcg-rajah:hover.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok:hover.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-rajah.tcg-cancel:hover.tcg-processing span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-rajah:hover.tcg-processing span.tcg-loading,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-ok:hover.tcg-processing span.tcg-loading {
  border-bottom-color: white;
}

.tcg-widget.tcg-button.tcg-rajah:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-rajah.tcg-cancel:active,
.tcg-inner-widget.tcg-button.tcg-rajah:active,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-ok:active {
  background-color: #283d59;
  color: white;
  border-color: #3a67a5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button.tcg-rajah:active.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok:active.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-rajah.tcg-cancel:active.tcg-processing span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-rajah:active.tcg-processing span.tcg-loading,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-ok:active.tcg-processing span.tcg-loading {
  border-bottom-color: white;
}

.tcg-widget.tcg-button.tcg-thunderbird, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-thunderbird.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-thunderbird,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-cancel {
  background-color: white;
  color: #355075;
  border-color: #4777b6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button.tcg-thunderbird.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-thunderbird.tcg-processing.tcg-ok span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-processing.tcg-cancel span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-thunderbird.tcg-processing span.tcg-loading,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-processing.tcg-cancel span.tcg-loading {
  border-bottom-color: #355075;
}

.tcg-widget.tcg-button.tcg-thunderbird.tcg-button-bgimg, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-thunderbird.tcg-button-bgimg.tcg-ok, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel,
.tcg-inner-widget.tcg-button.tcg-thunderbird.tcg-button-bgimg,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-cancel {
  background-image: url(../images/kunlun988/btn_bg_l-03.png) !important;
}

.tcg-widget.tcg-button.tcg-thunderbird.tcg-button-bgimg:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-thunderbird.tcg-button-bgimg.tcg-ok:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel:hover,
.tcg-inner-widget.tcg-button.tcg-thunderbird.tcg-button-bgimg:hover,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-cancel:hover {
  background-image: linear-gradient(to bottom, rgba(198, 222, 255, 0.4), rgba(198, 222, 255, 0.3)), url(../images/kunlun988/btn_bg_l-03.png) !important;
}

.tcg-widget.tcg-button.tcg-thunderbird.tcg-button-bgimg:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-thunderbird.tcg-button-bgimg.tcg-ok:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel:active,
.tcg-inner-widget.tcg-button.tcg-thunderbird.tcg-button-bgimg:active,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-cancel:active {
  background-image: linear-gradient(to bottom, rgba(156, 195, 249, 0.5) 50%, rgba(156, 195, 249, 0.3)), url(../images/kunlun988/btn_bg_l-03.png) !important;
}

.tcg-widget.tcg-button.tcg-thunderbird.tcg-button-bgimg[disabled], .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-thunderbird.tcg-button-bgimg.tcg-ok[disabled], .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel[disabled],
.tcg-inner-widget.tcg-button.tcg-thunderbird.tcg-button-bgimg[disabled],
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-cancel[disabled] {
  color: #b3bac3 !important;
  border-color: #b3bac3 !important;
  background-color: #f4f4f4 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

.tcg-widget.tcg-button.tcg-thunderbird.tcg-button-bgimg[disabled]:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-thunderbird.tcg-button-bgimg.tcg-ok[disabled]:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel[disabled]:hover,
.tcg-inner-widget.tcg-button.tcg-thunderbird.tcg-button-bgimg[disabled]:hover,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-cancel[disabled]:hover {
  background-image: none !important;
}

.tcg-widget.tcg-button.tcg-thunderbird.tcg-button-bgimg[disabled]:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-thunderbird.tcg-button-bgimg.tcg-ok[disabled]:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel[disabled]:active,
.tcg-inner-widget.tcg-button.tcg-thunderbird.tcg-button-bgimg[disabled]:active,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-cancel[disabled]:active {
  background-image: none !important;
}

.tcg-widget.tcg-button.tcg-thunderbird:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-thunderbird.tcg-ok:hover, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel:hover,
.tcg-inner-widget.tcg-button.tcg-thunderbird:hover,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-cancel:hover {
  background-color: #e5f0ff;
  color: #355075;
  border-color: #4776b6;
  -webkit-box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15);
  -moz-box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15);
  box-shadow: 0 0.05rem 0.1rem 0 rgba(53, 80, 117, 0.15);
}

.tcg-widget.tcg-button.tcg-thunderbird:hover.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-thunderbird.tcg-ok:hover.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel:hover.tcg-processing span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-thunderbird:hover.tcg-processing span.tcg-loading,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-cancel:hover.tcg-processing span.tcg-loading {
  border-bottom-color: #355075;
}

.tcg-widget.tcg-button.tcg-thunderbird:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-thunderbird.tcg-ok:active, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel:active,
.tcg-inner-widget.tcg-button.tcg-thunderbird:active,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-cancel:active {
  background-color: #cce1fd;
  color: #355075;
  border-color: #3a67a5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-button.tcg-thunderbird:active.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-thunderbird.tcg-ok:active.tcg-processing span.tcg-loading, .tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-cancel:active.tcg-processing span.tcg-loading,
.tcg-inner-widget.tcg-button.tcg-thunderbird:active.tcg-processing span.tcg-loading,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-inner-widget.tcg-button.tcg-cancel:active.tcg-processing span.tcg-loading {
  border-bottom-color: #355075;
}

.tcg-widget.tcg-button-group .tcg-button {
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}

.tcg-widget.tcg-button-group .tcg-button:not([selected]):hover {
  color: #496790;
  background-color: rgba(53, 80, 117, 0.2);
  border-color: transparent;
}

.tcg-widget.tcg-messager {
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tcg-widget.tcg-messager > * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tcg-widget.tcg-messager > .tcg-messager-wrap {
  position: relative;
  width: 100%;
  height: calc(100% - .6rem);
  margin: 0;
  padding: 0.01rem 0 0;
  left: 0;
  top: -.02rem;
  background-image: url(../images/kunlun988/tcg-messager_bg.png);
  background-repeat: repeat-y;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

.tcg-widget.tcg-messager > .tcg-messager-wrap:before, .tcg-widget.tcg-messager > .tcg-messager-wrap:after {
  z-index: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: .2rem;
  left: 0;
  background-position: center top;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

.tcg-widget.tcg-messager > .tcg-messager-wrap:before {
  height: .28rem;
  top: -.28rem;
  background-position: center top;
  background-image: url(../images/kunlun988/tcg-messager_bg_top.png);
}

.tcg-widget.tcg-messager > .tcg-messager-wrap:after {
  bottom: -.2rem;
  background-position: center bottom;
  background-image: url(../images/kunlun988/tcg-messager_bg_bottom.png);
}

.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-body,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-header,
.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer {
  position: relative;
  z-index: 10;
}

.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer {
  position: relative;
  bottom: -0.04rem;
  padding: 0.32rem 0 0 0;
  background-image: url(../images/kunlun988/tcg-messager-footer_bg.png);
  background-repeat: repeat-y;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  margin: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer:before {
  z-index: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: .32rem;
  top: 0;
  left: 0;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(../images/kunlun988/tcg-messager-footer_bg_top.png);
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer button {
  position: relative;
  z-index: 20;
  margin-left: .08rem;
  margin-right: .08rem;
}

.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer button:focus {
  outline: 0;
}

.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-default button.tcg-ok {
  -webkit-order: 100;
  order: 100;
}

.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-full {
  bottom: -0.04rem;
  height: 0.44rem;
  margin-left: .11rem;
  margin-right: .11rem;
  padding: 0;
}

.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-full button {
  display: block;
  float: right;
  margin: 0;
  height: 0.44rem;
  line-height: 0.44rem;
  color: #2f3133;
  text-align: center;
  text-decoration: none;
  font-size: 0.16rem;
  background-color: #355075;
  cursor: pointer;
  transition: font-size 100ms;
  border: none;
}

.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-full button.tcg-ok {
  background-color: #355075;
  color: white;
}

.tcg-widget.tcg-messager > .tcg-messager-wrap .tcg-messager-footer.tcg-messager-footer-full button.tcg-cancel {
  background-color: #9A9FB5;
  color: white;
}

.tcg-icon.tcg-icon-round-success {
  background-color: #5fc2aa !important;
  color: #fff !important;
}

.tcg-icon.tcg-icon-round-warn {
  background-color: #e7b06f !important;
  color: #fff !important;
}

.tcg-icon.tcg-icon-round-error {
  background-color: #ed5858 !important;
  color: #fff !important;
}

.tcg-widget.tcg-datepicker .tcg-inner-widget.tcg-popup {
  position: absolute;
}

.tcg-widget.tcg-datepicker .tcg-inner-widget.tcg-popup .popup-wrap {
  top: 0.34rem;
  left: 0;
}

.tcg-widget.tcg-datepicker .tcg-inner-widget.tcg-popup .popup-wrap .popup-body {
  padding: 0 .08rem;
  background-color: #ffffff;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(9, 18, 30, 0.13);
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s16 .tcg-input {
  font-size: 0.1rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s18 .tcg-input {
  font-size: 0.1rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s20 .tcg-input {
  font-size: 0.11rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s22 .tcg-input {
  font-size: 0.11rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s24 .tcg-input {
  font-size: 0.11rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s26 .tcg-input {
  font-size: 0.11rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s28 .tcg-input {
  font-size: 0.11rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s30 .tcg-input {
  font-size: 0.11rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s32 .tcg-input {
  font-size: 0.11rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s34 .tcg-input {
  font-size: 0.13rem;
}

.tcg-widget.tcg-datepicker.tcg-textbox.tcg-s36 .tcg-input {
  font-size: 0.13rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar {
  color: #46494d;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header .cal,
.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-week .cal,
.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content .cal,
.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-footer .cal {
  position: relative;
  float: left;
  width: 2.4rem;
  height: auto;
  padding-right: 0.08rem;
  padding-left: 0.08rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.tcg-widget.tcg-datepicker .tcg-calendar ul li {
  display: inline-block;
  width: 0.32rem;
  text-align: center;
}

.tcg-widget.tcg-datepicker .tcg-calendar ul li[disabled], .tcg-widget.tcg-datepicker .tcg-calendar ul li.empty {
  pointer-events: none;
  cursor: default;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header {
  height: 0.36rem;
  line-height: 0.36rem;
  margin-top: 0.1rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header h6 {
  text-align: center;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header .pre-month-button,
.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header .next-month-button {
  position: absolute;
  display: block;
  width: 0.2rem;
  height: 0.36rem;
  cursor: pointer;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header .pre-month-button span,
.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header .next-month-button span {
  display: inline-block;
  width: .1rem;
  height: .1rem;
  border-top: 0.01rem solid #babfc7;
  border-left: 0.01rem solid #babfc7;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header .pre-month-button {
  left: 0.08rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header .pre-month-button span {
  margin-left: .02rem;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header .next-month-button {
  right: 0.08rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-header .next-month-button span {
  margin-right: .08rem;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-week {
  height: .24rem;
  line-height: .24rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-week ul {
  height: 0.32rem;
  border-bottom: 0.01rem solid #ffffff;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-week ul li {
  background-color: transparent;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li {
  overflow: hidden;
  height: 0.22rem;
  margin: 0.04rem 0 0.04rem 0;
  padding: 0;
  background-color: #FEFEFE;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li span {
  display: block;
  height: 0.22rem;
  line-height: 0.18rem;
  padding: 0.02rem 0.02rem 0.02rem 0.02rem;
  border-radius: 0;
  cursor: pointer;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li[selected] {
  background: #E5E9ED;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li[selected].start, .tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li[selected].active, .tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li[selected]:first-child {
  border-top-left-radius: 0.04rem;
  border-bottom-left-radius: 0.04rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li[selected].end, .tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li[selected].active, .tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li[selected]:last-child {
  border-top-right-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li[disabled] {
  color: rgba(70, 73, 77, 0.3);
  background-color: #FEFEFE;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li:hover span,
.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li.active span,
.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li.start span,
.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-content ul li.end span {
  background: #355075;
  color: #ffffff;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-footer {
  height: 0.5rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-footer .in {
  border-top: 0.01rem solid #ffffff;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-footer .time {
  height: 0.2rem;
  float: left;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-footer .time input[type='text'] {
  width: 0.2rem;
  height: 0.2rem;
  border: none;
  background: #E6EAEE;
  text-align: center;
  color: #46494d;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-footer .time input[type='text']:focus {
  outline: 0;
}

.tcg-widget.tcg-datepicker .tcg-calendar .tcg-calendar-footer .tcg-button {
  font-size: .14rem;
  float: right;
  padding: 0 .1rem;
  height: 0.2rem;
  line-height: 0.18rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar[range=false] {
  width: 2.4rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar[range=false] .cal:first-child {
  display: none;
}

.tcg-widget.tcg-datepicker .tcg-calendar[range=true] {
  width: 4.8rem;
}

.tcg-widget.tcg-datepicker .tcg-calendar[range=true] .cal {
  display: block;
}

.tcg-widget.tcg-datepicker .tcg-calendar .sun, .tcg-widget.tcg-datepicker .tcg-calendar .sat {
  color: inherit;
}

.tcg-widget.tcg-datepicker .tcg-calendar .mon, .tcg-widget.tcg-datepicker .tcg-calendar .tue, .tcg-widget.tcg-datepicker .tcg-calendar .wed, .tcg-widget.tcg-datepicker .tcg-calendar .thu, .tcg-widget.tcg-datepicker .tcg-calendar .fri {
  color: inherit;
}

.tcg-widget.tcg-tabs > ul li.active:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 50%;
  margin-left: -.07rem;
  border-style: solid;
  border-width: .05rem .07rem 0 .07rem;
  border-color: #355075 transparent transparent transparent;
}

.tcg-widget.tcg-dropdown {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tcg-widget.tcg-dropdown div.tcg-dropdown-list {
  border-radius: .02rem;
}

.tcg-widget.tcg-number-spinner {
  background-color: white;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
}

.tcg-widget.tcg-number-spinner:hover {
  border: solid 1px #355075;
}

.tcg-widget.tcg-number-spinner .tcg-input {
  background-color: white;
}

.tcg-widget.tcg-number-spinner .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner .tcg-number-spinner-right-button {
  text-align: center;
}

.tcg-widget.tcg-number-spinner .tcg-number-spinner-left-button:before,
.tcg-widget.tcg-number-spinner .tcg-number-spinner-right-button:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  font-weight: 500;
  font-size: .15rem;
}

.tcg-widget.tcg-number-spinner .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner .tcg-number-spinner-right-button .tcg-icon {
  display: none;
}

.tcg-widget.tcg-number-spinner .tcg-number-spinner-left-button:before {
  content: "-";
}

.tcg-widget.tcg-number-spinner .tcg-number-spinner-right-button:before {
  content: "+";
}

.tcg-widget.tcg-number-spinner.tcg-s16 {
  height: 0.16rem;
}

.tcg-widget.tcg-number-spinner.tcg-s16 .tcg-input {
  height: 0.14rem;
  line-height: 0.14rem;
  font-size: 0.12rem;
}

.tcg-widget.tcg-number-spinner.tcg-s16 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s16 .tcg-number-spinner-right-button {
  height: 0.14rem;
  line-height: 0.14rem;
}

.tcg-widget.tcg-number-spinner.tcg-s16 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s16 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.03rem;
}

.tcg-widget.tcg-number-spinner.tcg-s18 {
  height: 0.18rem;
}

.tcg-widget.tcg-number-spinner.tcg-s18 .tcg-input {
  height: 0.16rem;
  line-height: 0.16rem;
  font-size: 0.12rem;
}

.tcg-widget.tcg-number-spinner.tcg-s18 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s18 .tcg-number-spinner-right-button {
  height: 0.16rem;
  line-height: 0.16rem;
}

.tcg-widget.tcg-number-spinner.tcg-s18 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s18 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.04rem;
}

.tcg-widget.tcg-number-spinner.tcg-s20 {
  height: 0.2rem;
}

.tcg-widget.tcg-number-spinner.tcg-s20 .tcg-input {
  height: 0.18rem;
  line-height: 0.18rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-number-spinner.tcg-s20 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s20 .tcg-number-spinner-right-button {
  height: 0.18rem;
  line-height: 0.18rem;
}

.tcg-widget.tcg-number-spinner.tcg-s20 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s20 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.05rem;
}

.tcg-widget.tcg-number-spinner.tcg-s22 {
  height: 0.22rem;
}

.tcg-widget.tcg-number-spinner.tcg-s22 .tcg-input {
  height: 0.2rem;
  line-height: 0.2rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-number-spinner.tcg-s22 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s22 .tcg-number-spinner-right-button {
  height: 0.2rem;
  line-height: 0.2rem;
}

.tcg-widget.tcg-number-spinner.tcg-s22 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s22 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.06rem;
}

.tcg-widget.tcg-number-spinner.tcg-s24 {
  height: 0.24rem;
}

.tcg-widget.tcg-number-spinner.tcg-s24 .tcg-input {
  height: 0.22rem;
  line-height: 0.22rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-number-spinner.tcg-s24 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s24 .tcg-number-spinner-right-button {
  height: 0.22rem;
  line-height: 0.22rem;
}

.tcg-widget.tcg-number-spinner.tcg-s24 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s24 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.07rem;
}

.tcg-widget.tcg-number-spinner.tcg-s26 {
  height: 0.26rem;
}

.tcg-widget.tcg-number-spinner.tcg-s26 .tcg-input {
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-number-spinner.tcg-s26 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s26 .tcg-number-spinner-right-button {
  height: 0.24rem;
  line-height: 0.24rem;
}

.tcg-widget.tcg-number-spinner.tcg-s26 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s26 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.08rem;
}

.tcg-widget.tcg-number-spinner.tcg-s28 {
  height: 0.28rem;
}

.tcg-widget.tcg-number-spinner.tcg-s28 .tcg-input {
  height: 0.26rem;
  line-height: 0.26rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-number-spinner.tcg-s28 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s28 .tcg-number-spinner-right-button {
  height: 0.26rem;
  line-height: 0.26rem;
}

.tcg-widget.tcg-number-spinner.tcg-s28 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s28 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.09rem;
}

.tcg-widget.tcg-number-spinner.tcg-s30 {
  height: 0.3rem;
}

.tcg-widget.tcg-number-spinner.tcg-s30 .tcg-input {
  height: 0.28rem;
  line-height: 0.28rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-number-spinner.tcg-s30 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s30 .tcg-number-spinner-right-button {
  height: 0.28rem;
  line-height: 0.28rem;
}

.tcg-widget.tcg-number-spinner.tcg-s30 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s30 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.1rem;
}

.tcg-widget.tcg-number-spinner.tcg-s32 {
  height: 0.32rem;
}

.tcg-widget.tcg-number-spinner.tcg-s32 .tcg-input {
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.13rem;
}

.tcg-widget.tcg-number-spinner.tcg-s32 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s32 .tcg-number-spinner-right-button {
  height: 0.3rem;
  line-height: 0.3rem;
}

.tcg-widget.tcg-number-spinner.tcg-s32 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s32 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.11rem;
}

.tcg-widget.tcg-number-spinner.tcg-s34 {
  height: 0.34rem;
}

.tcg-widget.tcg-number-spinner.tcg-s34 .tcg-input {
  height: 0.32rem;
  line-height: 0.32rem;
  font-size: 0.15rem;
}

.tcg-widget.tcg-number-spinner.tcg-s34 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s34 .tcg-number-spinner-right-button {
  height: 0.32rem;
  line-height: 0.32rem;
}

.tcg-widget.tcg-number-spinner.tcg-s34 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s34 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.12rem;
}

.tcg-widget.tcg-number-spinner.tcg-s36 {
  height: 0.36rem;
}

.tcg-widget.tcg-number-spinner.tcg-s36 .tcg-input {
  height: 0.34rem;
  line-height: 0.34rem;
  font-size: 0.15rem;
}

.tcg-widget.tcg-number-spinner.tcg-s36 .tcg-number-spinner-left-button,
.tcg-widget.tcg-number-spinner.tcg-s36 .tcg-number-spinner-right-button {
  height: 0.34rem;
  line-height: 0.34rem;
}

.tcg-widget.tcg-number-spinner.tcg-s36 .tcg-number-spinner-left-button .tcg-icon,
.tcg-widget.tcg-number-spinner.tcg-s36 .tcg-number-spinner-right-button .tcg-icon {
  top: 0.13rem;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-body table.tcg-datagrid-table tr:nth-child(even) {
  background-color: #f3f6f8;
}

.tcg-widget.tcg-datagrid .tcg-datagrid-body table.tcg-datagrid-table tr:hover td {
  background: #d9ecff;
}