/*------------------------------file:com/alibaba/mf/taesite/whb/preview/laf/ani.css--------*/
/*淡入*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*左移入*/
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/*右移入*/
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/*上移入*/
@-webkit-keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/*下移入*/
@-webkit-keyframes fadeInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/*左弹入*/
@-webkit-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/*右弹入*/
@-webkit-keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/*上弹入*/
@-webkit-keyframes bounceInTop {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes bounceInTop {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -300px, 0, 0);
    transform: translate3d(0, -300px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/*下弹入*/
@-webkit-keyframes bounceInBottom {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 300px, 0);
    transform: translate3d(0, 300px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes bounceInBottom {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 300px, 0, 0);
    transform: translate3d(0, 300px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/*中心弹入*/
@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/*中心放大*/
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
/*翻滚进入左侧*/
@-webkit-keyframes rollInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes rollInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/*翻滚进入右侧*/
@-webkit-keyframes rollInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(200%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(200%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes rollInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(200%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(200%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/*翻滚进入上方*/
@-webkit-keyframes rollInTop {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, 120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes rollInTop {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, 120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/*翻滚进入下方*/
@-webkit-keyframes rollInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 200%, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(0, 200%, 0) rotate3d(0, 0, 1, 120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes rollInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 200%, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(0, 200%, 0) rotate3d(0, 0, 1, 120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/*光速进入*/
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/*摇摆*/
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/*抖动*/
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/*翻转*/
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
/*旋转*/
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotateIn {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes rotateIn {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
@keyframes rotateIn {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/*悬摆*/
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
/*淡出*/
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  99% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    opacity: 0 ;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  99% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    opacity: 0 ;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
}
/*翻转消失*/
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotating {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
/*右移出*/
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
/*左移出*/
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
/*下移出*/
@-webkit-keyframes fadeOutBottom {
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutBottom {
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
/*上移出*/
@-webkit-keyframes fadeOutTop {
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutTop {
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
/*翻滚消失*/
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
/*向右展开*/
@keyframes pullInLeft {
  0% {
    transform: scaleX(0.3);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes pullInLeft {
  0% {
    -webkit-transform: scaleX(0.3);
  }
  40% {
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}
/*向下展开*/
@keyframes pullInTop {
  0% {
    transform: scaleY(0.1);
  }
  40% {
    transform: scaleY(1.02);
  }
  60% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes pullInTop {
  0% {
    -webkit-transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}
/*中心放大退场动画*/
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
}

/*------------------------------file:com/alibaba/mf/taesite/whb/preview/laf/preview.css--------*/
* {
  margin: 0;
  outline: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
dialog,
footer,
header,
section,
output,
footer,
nav,
figure,
menu {
  display: block;
}
a {
  text-decoration: none;
  color: #000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.35);
}
html {
  height: 100%;
  color: #000;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-weight: 300;
  font-family: 'Microsoft Yahei', Tahoma, Helvetica, Arial, sans-serif;
  font-size: 62.5%;
  line-height: 1.231;
  -webkit-touch-callout: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  position: relative;
  overflow: hidden;
}
img:not([src*="/"]) {
  display: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
th,
td,
caption {
  vertical-align: middle;
}
textarea {
  resize: none;
  border: 0;
  padding: 8px 0;
  border-radius: 0;
}
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: 400;
}
#audio_btn {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 200;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background-image: url(http://hmf.alicdn.com/t/TB1DEMXJXXXXXXZXVXXwu0bFXXX.png);
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center center;
}
.audio_logo {
  position: absolute;
  right: 5px;
  bottom: 3px;
  width: 60px;
  height: 14px;
  background-image: url(http://hmf.alicdn.com/t/TB1GPErJXXXXXboXXXXwu0bFXXX.png);
  background-size: 42px 10px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 201;
}
.audio-play {
  -webkit-animation: rotating 1.2s linear infinite;
  -moz-animation: rotating 1.2s linear infinite;
  -o-animation: rotating 1.2s linear infinite;
  animation: rotating 1.2s linear infinite;
}
@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.container {
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  height: 101%;
  overflow: hidden;
  -webkit-user-select: none;
  box-sizing: content-box;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}
.container .sec-wra {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  display: none;
  -webkit-transform-origin: center center;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}
.container .sec-wra > section,
.container .sec-wra > output {
  position: relative;
  width: 320px;
  margin: auto;
  height: 100%;
  background-position: top center;
  background-size: cover;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.container .sec-wra > section .bf-page-meta,
.container .sec-wra > output .bf-page-meta {
  display: none;
}
.container .sec-wra > section .bf-com,
.container .sec-wra > output .bf-com {
  position: absolute;
  cursor: pointer;
  z-index: 10;
}
.container .sec-wra > section .bf-com .bf-com-impl,
.container .sec-wra > output .bf-com .bf-com-impl {
  overflow: hidden;
  height: 100%;
  width: 100%;
  word-break: break-all;
}
.container .sec-wra > section .bf-com .bf-com-meta,
.container .sec-wra > output .bf-com .bf-com-meta {
  display: none;
}
.container .sec-wra > section .bf-com-init-hide,
.container .sec-wra > output .bf-com-init-hide {
  opacity: 0;
  /*初始状态 透明度为0*/
}
.container .sec-wra .u-arrow-r {
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 150;
  width: 24px;
  margin-right: -7px;
}
.container .sec-wra .u-arrow-r > img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -14px;
  width: 14px;
  height: 24px;
  background-position: 0 -82px;
  -webkit-animation: fadeIn 2s ease 1s infinite backwards;
  animation: fadeIn 2s ease 1s infinite backwards;
}
.container .sec-wra .u-arrow-b {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 150;
  width: 24px;
  height: 14px;
  margin-left: -12px;
}
.container .sec-wra .u-arrow-b > img {
  position: absolute;
  /*top: 50%;*/
  /*left: 50%;*/
  /*margin: -7px 0 0 -14px;*/
  width: 100%;
  height: 100%;
  background-position: 0 -82px;
  -webkit-animation: start 1.5s infinite ease-in-out;
  -moz-animation: start 1.5s infinite ease-in-out;
  animation: start 1.5s infinite ease-in-out;
}
.container .sec-wra .u-arrow-hidden {
  display: none;
}
.container .z-middle {
  z-index: 1;
  display: block;
}
.container .z-current {
  z-index: 20;
  display: block;
}
.container .rcm-page .rcm-more {
  display: none;
  position: absolute;
  top: 400px;
  left: 0;
  right: 0;
  width: 125.5px;
  height: 26px;
  margin: auto;
}
.container .rcm-page .rcm-list {
  position: absolute;
  top: 220px;
  left: 0;
  right: 0;
  width: 280px;
  height: 150px;
  margin: auto;
}
.container .rcm-page .rcm-list .rcm-item {
  display: inline-block;
  position: absolute;
  display: none;
  width: 110px;
  height: 110px;
  margin: 10px auto;
  z-index: 99;
  box-shadow: 1px 1px 12px #c8c8c8;
}
.container .rcm-page .rcm-list .rcm-item > img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: translateZ(0);
}
#pro-tpt {
  display: none;
}
.bf-href {
  position: absolute;
  cursor: pointer !important;
}
@-webkit-keyframes start {
  0%,
  30% {
    opacity: 0;
    -webkit-transform: translate(0, 10px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -8px);
  }
}
@-moz-keyframes start {
  0%,
  30% {
    opacity: 0;
    -moz-transform: translate(0, 10px);
  }
  60% {
    opacity: 1;
    -moz-transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -moz-transform: translate(0, -8px);
  }
}
@keyframes start {
  0%,
  30% {
    opacity: 0;
    transform: translate(0, 10px);
  }
  60% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    transform: translate(0, -8px);
  }
}
.page-trans-o {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.page-trans-0 {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.page-trans-1 {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.page-trans-3-1toup {
  -webkit-animation: page1toup 0.7s 1 linear;
  -moz-animation: page1toup 0.7s 1 linear;
  animation: page1toup 0.7s 1 linear;
}
.page-trans-3-upto1 {
  -webkit-animation: pageupto1 0.7s 1 linear;
  -moz-animation: pageupto1 0.7s 1 linear;
  animation: pageupto1 0.7s 1 linear;
}
.page-trans-3-1todown {
  -webkit-animation: page1todown 0.7s 1 linear;
  -moz-animation: page1todown 0.7s 1 linear;
  animation: page1todown 0.7s 1 linear;
}
.page-trans-3-downto1 {
  -webkit-animation: pagedownto1 0.7s 1 linear;
  -moz-animation: pagedownto1 0.7s 1 linear;
  animation: pagedownto1 0.7s 1 linear;
}
.page-trans-2-1toleft {
  -webkit-animation: page1toleft 0.7s 1 linear;
  -moz-animation: page1toleft 0.7s 1 linear;
  animation: page1toleft 0.7s 1 linear;
}
.page-trans-2-leftto1 {
  -webkit-animation: pageleftto1 0.7s 1 linear;
  -moz-animation: pageleftto1 0.7s 1 linear;
  animation: pageleftto1 0.7s 1 linear;
}
.page-trans-2-1toright {
  -webkit-animation: page1toright 0.7s 1 linear;
  -moz-animation: page1toright 0.7s 1 linear;
  animation: page1toright 0.7s 1 linear;
}
.page-trans-2-rightto1 {
  -webkit-animation: pagerightto1 0.7s 1 linear;
  -moz-animation: pagerightto1 0.7s 1 linear;
  animation: pagerightto1 0.7s 1 linear;
}
@-webkit-keyframes pageupto1 {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, -1, 0, 0, 1, 0, 0, 0, -250, -250, 1);
  }
  33% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.5, -0.866, 0, 0, 0.866, 0.5, 0, 0, -216, -125, 1);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.707, -0.707, 0, 0, 0.707, 0.707, 0, 0, -176, -74, 1);
  }
  66% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.866, -0.5, 0, 0, 0.5, 0.866, 0, 0, -125, -33.5, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-moz-keyframes pageupto1 {
  0% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, -1, 0, 0, 1, 0, 0, 0, -250, -250, 1);
  }
  33% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0.5, -0.866, 0, 0, 0.866, 0.5, 0, 0, -216, -125, 1);
  }
  50% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0.707, -0.707, 0, 0, 0.707, 0.707, 0, 0, -176, -74, 1);
  }
  66% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0.866, -0.5, 0, 0, 0.5, 0.866, 0, 0, -125, -33.5, 1);
  }
  100% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes pageupto1 {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 0, -1, 0, 0, 1, 0, 0, 0, -250, -250, 1);
  }
  33% {
    transform: matrix3d(1, 0, 0, 0, 0, 0.5, -0.866, 0, 0, 0.866, 0.5, 0, 0, -216, -125, 1);
  }
  50% {
    transform: matrix3d(1, 0, 0, 0, 0, 0.707, -0.707, 0, 0, 0.707, 0.707, 0, 0, -176, -74, 1);
  }
  66% {
    transform: matrix3d(1, 0, 0, 0, 0, 0.866, -0.5, 0, 0, 0.5, 0.866, 0, 0, -125, -33.5, 1);
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-webkit-keyframes page1toup {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.866, -0.5, 0, 0, 0.5, 0.866, 0, 0, -125, -33.5, 1);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.707, -0.707, 0, 0, 0.707, 0.707, 0, 0, -176, -74, 1);
  }
  66% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.5, -0.866, 0, 0, 0.866, 0.5, 0, 0, -216, -125, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, -1, 0, 0, 1, 0, 0, 0, -250, -250, 1);
  }
}
@-moz-keyframes page1toup {
  0% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0.866, -0.5, 0, 0, 0.5, 0.866, 0, 0, -125, -33.5, 1);
  }
  50% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0.707, -0.707, 0, 0, 0.707, 0.707, 0, 0, -176, -74, 1);
  }
  66% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0.5, -0.866, 0, 0, 0.866, 0.5, 0, 0, -216, -125, 1);
  }
  100% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, -1, 0, 0, 1, 0, 0, 0, -250, -250, 1);
  }
}
@keyframes page1toup {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33% {
    transform: matrix3d(1, 0, 0, 0, 0, 0.866, -0.5, 0, 0, 0.5, 0.866, 0, 0, -125, -33.5, 1);
  }
  50% {
    transform: matrix3d(1, 0, 0, 0, 0, 0.707, -0.707, 0, 0, 0.707, 0.707, 0, 0, -176, -74, 1);
  }
  66% {
    transform: matrix3d(1, 0, 0, 0, 0, 0.5, -0.866, 0, 0, 0.866, 0.5, 0, 0, -216, -125, 1);
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 0, -1, 0, 0, 1, 0, 0, 0, -250, -250, 1);
  }
}
@-webkit-keyframes pagedownto1 {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0, 0, -1, 0, 0, 0, 250, -250, 1);
  }
  33% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.5, 0.866, 0, 0, -0.866, 0.5, 0, 0, 216, -125, 1);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.707, 0.707, 0, 0, -0.707, 0.707, 0, 0, 176, -74, 1);
  }
  66% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.866, 0.5, 0, 0, -0.5, 0.866, 0, 0, 125, -33.5, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-moz-keyframes pagedownto1 {
  0% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0, 0, -1, 0, 0, 0, 250, -250, 1);
  }
  33% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0.5, 0.866, 0, 0, -0.866, 0.5, 0, 0, 216, -125, 1);
  }
  50% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0.707, 0.707, 0, 0, -0.707, 0.707, 0, 0, 176, -74, 1);
  }
  66% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0.866, 0.5, 0, 0, -0.5, 0.866, 0, 0, 125, -33.5, 1);
  }
  100% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes pagedownto1 {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0, 0, -1, 0, 0, 0, 250, -250, 1);
  }
  33% {
    transform: matrix3d(1, 0, 0, 0, 0, 0.5, 0.866, 0, 0, -0.866, 0.5, 0, 0, 216, -125, 1);
  }
  50% {
    transform: matrix3d(1, 0, 0, 0, 0, 0.707, 0.707, 0, 0, -0.707, 0.707, 0, 0, 176, -74, 1);
  }
  66% {
    transform: matrix3d(1, 0, 0, 0, 0, 0.866, 0.5, 0, 0, -0.5, 0.866, 0, 0, 125, -33.5, 1);
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-webkit-keyframes page1todown {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.866, 0.5, 0, 0, -0.5, 0.866, 0, 0, 125, -33.5, 1);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.707, 0.707, 0, 0, -0.707, 0.707, 0, 0, 176, -74, 1);
  }
  66% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.5, 0.866, 0, 0, -0.866, 0.5, 0, 0, 216, -125, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0, 0, -1, 0, 0, 0, 250, -250, 1);
  }
}
@-moz-keyframes page1todown {
  0% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0.866, 0.5, 0, 0, -0.5, 0.866, 0, 0, 125, -33.5, 1);
  }
  50% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0.707, 0.707, 0, 0, -0.707, 0.707, 0, 0, 176, -74, 1);
  }
  66% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0.5, 0.866, 0, 0, -0.866, 0.5, 0, 0, 216, -125, 1);
  }
  100% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0, 0, -1, 0, 0, 0, 250, -250, 1);
  }
}
@keyframes page1todown {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33% {
    transform: matrix3d(1, 0, 0, 0, 0, 0.866, 0.5, 0, 0, -0.5, 0.866, 0, 0, 125, -33.5, 1);
  }
  50% {
    transform: matrix3d(1, 0, 0, 0, 0, 0.707, 0.707, 0, 0, -0.707, 0.707, 0, 0, 176, -74, 1);
  }
  66% {
    transform: matrix3d(1, 0, 0, 0, 0, 0.5, 0.866, 0, 0, -0.866, 0.5, 0, 0, 216, -125, 1);
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0, 0, -1, 0, 0, 0, 250, -250, 1);
  }
}
@-webkit-keyframes pageleftto1 {
  0% {
    -webkit-transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -150, 0, -180, 1);
  }
  33% {
    -webkit-transform: matrix3d(0.5, 0, 0.866, 0, 0, 1, 0, 0, -0.866, 0, 0.5, 0, -138, 0, -80, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.707, 0, 0.707, 0, 0, 1, 0, 0, -0.707, 0, 0.707, 0, -112, 0, -46, 1);
  }
  66% {
    -webkit-transform: matrix3d(0.866, 0, 0.5, 0, 0, 1, 0, 0, -0.5, 0, 0.866, 0, -80, 0, -20, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-moz-keyframes pageleftto1 {
  0% {
    -moz-transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -150, 0, -180, 1);
  }
  33% {
    -moz-transform: matrix3d(0.5, 0, 0.866, 0, 0, 1, 0, 0, -0.866, 0, 0.5, 0, -138, 0, -80, 1);
  }
  50% {
    -moz-transform: matrix3d(0.707, 0, 0.707, 0, 0, 1, 0, 0, -0.707, 0, 0.707, 0, -112, 0, -46, 1);
  }
  66% {
    -moz-transform: matrix3d(0.866, 0, 0.5, 0, 0, 1, 0, 0, -0.5, 0, 0.866, 0, -80, 0, -20, 1);
  }
  100% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes pageleftto1 {
  0% {
    transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -150, 0, -180, 1);
  }
  33% {
    transform: matrix3d(0.5, 0, 0.866, 0, 0, 1, 0, 0, -0.866, 0, 0.5, 0, -138, 0, -80, 1);
  }
  50% {
    transform: matrix3d(0.707, 0, 0.707, 0, 0, 1, 0, 0, -0.707, 0, 0.707, 0, -112, 0, -46, 1);
  }
  66% {
    transform: matrix3d(0.866, 0, 0.5, 0, 0, 1, 0, 0, -0.5, 0, 0.866, 0, -80, 0, -20, 1);
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-webkit-keyframes page1toleft {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33% {
    -webkit-transform: matrix3d(0.866, 0, 0.5, 0, 0, 1, 0, 0, -0.5, 0, 0.866, 0, -80, 0, -20, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.707, 0, 0.707, 0, 0, 1, 0, 0, -0.707, 0, 0.707, 0, -112, 0, -46, 1);
  }
  66% {
    -webkit-transform: matrix3d(0.5, 0, 0.866, 0, 0, 1, 0, 0, -0.866, 0, 0.5, 0, -138, 0, -80, 1);
  }
  100% {
    -webkit-transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -150, 0, -180, 1);
  }
}
@-moz-keyframes page1toleft {
  0% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33% {
    -moz-transform: matrix3d(0.866, 0, 0.5, 0, 0, 1, 0, 0, -0.5, 0, 0.866, 0, -80, 0, -20, 1);
  }
  50% {
    -moz-transform: matrix3d(0.707, 0, 0.707, 0, 0, 1, 0, 0, -0.707, 0, 0.707, 0, -112, 0, -46, 1);
  }
  66% {
    -moz-transform: matrix3d(0.5, 0, 0.866, 0, 0, 1, 0, 0, -0.866, 0, 0.5, 0, -138, 0, -80, 1);
  }
  100% {
    -moz-transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -150, 0, -180, 1);
  }
}
@keyframes page1toleft {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33% {
    transform: matrix3d(0.866, 0, 0.5, 0, 0, 1, 0, 0, -0.5, 0, 0.866, 0, -80, 0, -20, 1);
  }
  50% {
    transform: matrix3d(0.707, 0, 0.707, 0, 0, 1, 0, 0, -0.707, 0, 0.707, 0, -112, 0, -46, 1);
  }
  66% {
    transform: matrix3d(0.5, 0, 0.866, 0, 0, 1, 0, 0, -0.866, 0, 0.5, 0, -138, 0, -80, 1);
  }
  100% {
    transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -150, 0, -180, 1);
  }
}
@-webkit-keyframes pagerightto1 {
  0% {
    -webkit-transform: matrix3d(0, 0, -1, 0, 0, 1, 0, 0, 1, 0, 0, 0, 150, 0, -180, 1);
  }
  33% {
    -webkit-transform: matrix3d(0.5, 0, -0.866, 0, 0, 1, 0, 0, 0.866, 0, 0.5, 0, 138, 0, -80, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.707, 0, -0.707, 0, 0, 1, 0, 0, 0.707, 0, 0.707, 0, 112, 0, -46, 1);
  }
  66% {
    -webkit-transform: matrix3d(0.866, 0, -0.5, 0, 0, 1, 0, 0, 0.5, 0, 0.866, 0, 80, 0, -20, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-moz-keyframes pagerightto1 {
  0% {
    -moz-transform: matrix3d(0, 0, -1, 0, 0, 1, 0, 0, 1, 0, 0, 0, 150, 0, -180, 1);
  }
  33% {
    -moz-transform: matrix3d(0.5, 0, -0.866, 0, 0, 1, 0, 0, 0.866, 0, 0.5, 0, 138, 0, -80, 1);
  }
  50% {
    -moz-transform: matrix3d(0.707, 0, -0.707, 0, 0, 1, 0, 0, 0.707, 0, 0.707, 0, 112, 0, -46, 1);
  }
  66% {
    -moz-transform: matrix3d(0.866, 0, -0.5, 0, 0, 1, 0, 0, 0.5, 0, 0.866, 0, 80, 0, -20, 1);
  }
  100% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes pagerightto1 {
  0% {
    transform: matrix3d(0, 0, -1, 0, 0, 1, 0, 0, 1, 0, 0, 0, 150, 0, -180, 1);
  }
  33% {
    transform: matrix3d(0.5, 0, -0.866, 0, 0, 1, 0, 0, 0.866, 0, 0.5, 0, 138, 0, -80, 1);
  }
  50% {
    transform: matrix3d(0.707, 0, -0.707, 0, 0, 1, 0, 0, 0.707, 0, 0.707, 0, 112, 0, -46, 1);
  }
  66% {
    transform: matrix3d(0.866, 0, -0.5, 0, 0, 1, 0, 0, 0.5, 0, 0.866, 0, 80, 0, -20, 1);
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-webkit-keyframes page1toright {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33% {
    -webkit-transform: matrix3d(0.866, 0, -0.5, 0, 0, 1, 0, 0, 0.5, 0, 0.866, 0, 80, 0, -20, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.707, 0, -0.707, 0, 0, 1, 0, 0, 0.707, 0, 0.707, 0, 112, 0, -46, 1);
  }
  66% {
    -webkit-transform: matrix3d(0.5, 0, -0.866, 0, 0, 1, 0, 0, 0.866, 0, 0.5, 0, 138, 0, -80, 1);
  }
  100% {
    -webkit-transform: matrix3d(0, 0, -1, 0, 0, 1, 0, 0, 1, 0, 0, 0, 150, 0, -180, 1);
  }
}
@-moz-keyframes page1toright {
  0% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33% {
    -moz-transform: matrix3d(0.866, 0, -0.5, 0, 0, 1, 0, 0, 0.5, 0, 0.866, 0, 80, 0, -20, 1);
  }
  50% {
    -moz-transform: matrix3d(0.707, 0, -0.707, 0, 0, 1, 0, 0, 0.707, 0, 0.707, 0, 112, 0, -46, 1);
  }
  66% {
    -moz-transform: matrix3d(0.5, 0, -0.866, 0, 0, 1, 0, 0, 0.866, 0, 0.5, 0, 138, 0, -80, 1);
  }
  100% {
    -moz-transform: matrix3d(0, 0, -1, 0, 0, 1, 0, 0, 1, 0, 0, 0, 150, 0, -180, 1);
  }
}
@keyframes page1toright {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33% {
    transform: matrix3d(0.866, 0, -0.5, 0, 0, 1, 0, 0, 0.5, 0, 0.866, 0, 80, 0, -20, 1);
  }
  50% {
    transform: matrix3d(0.707, 0, -0.707, 0, 0, 1, 0, 0, 0.707, 0, 0.707, 0, 112, 0, -46, 1);
  }
  66% {
    transform: matrix3d(0.5, 0, -0.866, 0, 0, 1, 0, 0, 0.866, 0, 0.5, 0, 138, 0, -80, 1);
  }
  100% {
    transform: matrix3d(0, 0, -1, 0, 0, 1, 0, 0, 1, 0, 0, 0, 150, 0, -180, 1);
  }
}

/*------------------------------file:/assets/com/alibaba/mf/base/assets/com/normal/laf/com.min.css--------*/
.bf-basic .txt .container{background-color:transparent}.bf-basic .txt .txt-con{text-align:center}.bf-basic .img .img_border{position:relative;left:0;top:0}.bf-basic .img .refer-line{height:1px;width:2000px;position:absolute;left:0;top:0;z-index:11;border-bottom:1px dashed red;display:none;transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-webkit-transform-origin:0 0;-o-transform-origin:0 0}.bf-basic .form{width:100%;left:0;padding-top:10px}.bf-basic .form .fitem label{padding:10px 5px 5px;font-weight:700}.bf-basic .form .fitem span{color:#fa5e13}.bf-basic .form .fitem select{background-color:#fff;border:1px solid transparent;height:30px;line-height:30px;padding:3px;margin:3px}.bf-basic .form .fitem input[type=text],.bf-basic .form .fitem textarea[type=text]{background-color:#fff;line-height:25px;padding:3px;margin:3px;border:1px solid transparent}.bf-basic .form .fitem textarea[type=text]{height:100px}.bf-basic .form .fitem .lsel{width:97.5%}.bf-basic .form .fitem .ltxt{width:95%}.bf-basic .form .fitem .msel{width:48%}.bf-basic .form .fitem .ssel{width:31.5%}.bf-basic .form input[type=submit]{background-color:#fa5e13;color:#fff;padding:8px 20px;border:0;margin:5px}.bf-basic .share .btn,.bf-basic .share .sharewx{display:inline-block;height:40px;width:100%;text-align:center;line-height:40px;color:#fff;background-color:#bbb;font-size:16px;cursor:pointer}.bf-basic.share-tip,.bf-basic.vd-page{background-color:rgba(0,0,0,.7);position:absolute}.bf-basic .share .btn p,.bf-basic .share .sharewx p{padding:3px}.bf-basic.share-tip{z-index:100;width:100%;height:100%;left:0;top:0}.bf-basic .video .vd-img{display:block;width:100%;height:auto}.bf-basic .video .play-btn{display:inline-block;position:absolute;left:50%;top:50%;width:48px;height:48px;margin-top:-24px;margin-left:-24px}.bf-basic.vd-page{z-index:101;width:100%;height:100%;left:0;top:0}.bf-basic.vd-close{display:block;position:absolute;right:15px;top:15px;width:20px;height:20px;z-index:101}.bf-basic .font .container{background-color:transparent}.bf-basic .font .font-con{text-align:center;padding:2px 5px}.bf-basic .audio{width:100%;height:100%}.bf-basic .audio .ad-header{width:100%;height:62.5%;position:relative;background-color:#1e90ff;background-size:100% 100%}.bf-basic .audio .ad-header .ad-logo{bottom:30%;max-width:65%;max-height:65%}.bf-basic .audio .ad-header .ad-face{top:55%;max-width:25%;max-height:25%}.bf-basic .audio .ad-player{width:100%;height:1%;position:relative}.bf-basic .audio .ad-player .ad-bar{width:100%;height:100%;background-color:#5fe1ff}.bf-basic .audio .ad-player .ad-bar .ad-mask{display:block;height:100%;background-color:#666363;position:absolute;left:0;top:0;z-index:19}.bf-basic .audio .ad-player .ad-bar .ad-drag{display:block;width:15px;height:15px;border:5px solid #3b95c4;background-color:#fff;border-radius:13px;position:absolute;top:-11px;z-index:20}.bf-basic .audio .ad-player .ad-time{left:10px;position:absolute;top:25px;color:#399ed1;font-size:14px;z-index:10}.bf-basic .audio .ad-player .ad-dur{right:10px;position:absolute;top:25px;color:#399ed1;font-size:14px;z-index:10}.bf-basic .audio .ad-content{width:100%;height:36.5%;background-color:#ebf9f8;position:relative}.bf-basic .audio .ad-content .ad-audio{width:100%;height:30px}.bf-basic .audio .ad-content .ad-btn{width:80px;height:80px;-webkit-tap-highlight-color:#ebf9f8}.bf-basic .audio .ad-content .ad-start{background:url(//hmf.alicdn.com/t/TB1qmLuIVXXXXc_XFXXwu0bFXXX.png) center no-repeat;background-size:100% 100%}.bf-basic .audio .ad-content .ad-pause{background:url(//hmf.alicdn.com/t/TB1NCbxIVXXXXbcXFXXwu0bFXXX.png) center no-repeat;background-size:100% 100%}.bf-basic .audio .ad-content .ad-load{background:url(//hmf.alicdn.com/t/TB1V2hjJpXXXXXOaXXXtKXbFXXX.gif) center no-repeat;background-size:100% 100%}.bf-basic .audio .center{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.bf-basic .audio-simple .ad-audio{width:100%;height:30px}.bf-basic .support{background-color:#00bfff;max-width:250px;min-width:180px;height:40px;border:1px solid transparent;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px}.bf-basic .support .sp-text{float:left;max-width:130px;min-width:60px;height:20px;margin:10px;overflow:hidden}.bf-basic .support .sp-letter{text-align:center;font-family:'Microsoft YaHei';font-size:16px;font-weight:700;color:#fff}.bf-basic .support .sp-icon{float:right;width:24px;height:24px;padding:8px 3px}.bf-basic .support .sp-num{float:right;max-width:50px;min-width:20px;height:20px;padding:10px}.bf-basic .sp-no-text{min-width:70px;max-width:100px}.bf-basic .sp-no-text .sp-text{display:none}.bf-basic .comment .cm-content{width:320px;height:40px;border:1px solid transparent;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px}.bf-basic .comment .cm-content .cm-roll{float:left;width:215px;height:20px;margin:10px 5px 10px 10px;overflow:hidden}.bf-basic .comment .cm-content .cm-roll .cm-roll-list{width:100%}.bf-basic .comment .cm-content .cm-roll .cm-roll-list .cm-roll-item{line-height:20px;width:100%;height:20px;font-size:15px}.bf-basic .comment .cm-content .cm-letter,.bf-basic .tag .tag-text .tag-letters{font-family:'Microsoft YaHei';font-size:16px;font-weight:700;text-align:center}.bf-basic .comment .cm-content .cm-roll .cm-roll-list .cm-roll-item .user-name{display:none;float:left;width:35px;padding-right:5px;height:20px}.bf-basic .comment .cm-content .cm-roll .cm-roll-list .cm-roll-item .user-cmt{display:inline-block;float:left;min-width:205px;max-width:215px;height:20px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bf-basic .comment .cm-content .cm-text{float:left;display:none;height:20px;margin:10px;overflow:hidden}.bf-basic .comment .cm-content .cm-icon{float:right;width:24px;height:24px;margin:8px 3px}.bf-basic .comment .cm-content .cm-num{float:right;min-width:25px;max-width:55px;height:20px;padding:10px 10px 10px 5px}.bf-basic .comment .cm-content .cm-letter{color:#666}.bf-basic.cm-page{z-index:1000;width:100%;height:205px;background-color:#fff;position:absolute;left:0;bottom:0}.bf-basic.cm-page .cm-top{width:100%;height:30px}.bf-basic.cm-page .cm-top .cm-close{display:block;float:right;width:20px;height:20px;margin:5px}.bf-basic.cm-page .cm-list{width:300px;height:120px;border-bottom:1px solid #eee;padding:0 10px}.bf-basic.cm-page .cm-list .cm-tag-item{max-width:90%;float:left;border:2px solid #ccc;border-radius:10px;line-height:20px;padding:1px 10px;margin:5px;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bf-basic.cm-page .cm-list .tag-choose{border:2px solid #fd5b02;box-shadow:2px 2px 1px #f2f2f2}.bf-basic.cm-page .cm-edit{width:100%;height:50px}.bf-basic.cm-page .cm-edit .cm-edit-text{width:240px;height:25px;padding:5px;margin-left:10px;display:inline-block;border:none;border-bottom:1px solid #fd5b02;line-height:25px}.bf-basic.cm-page .cm-edit .cm-edit-btn{width:40px;height:25px;line-height:25px;display:inline-block;background-color:#fd5b02;color:#fff;text-align:center;padding:5px;border:0;margin:5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.bf-basic.cm-in{webkit-animation:fadeInOrgan .3s ease 0s 1 backwards;-moz-animation:fadeInOrgan .3s ease 0s 1 backwards;animation:fadeInOrgan .3s ease 0s 1 backwards}.bf-basic.cm-out{webkit-animation:fadeOutOrgan .3s ease 0s 1 backwards;-moz-animation:fadeOutOrgan .3s ease 0s 1 backwards;animation:fadeOutOrgan .3s ease 0s 1 backwards}@-webkit-keyframes fadeInOrgan{0%{display:none;-webkit-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0)}100%{display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInOrgan{0%{display:none;-webkit-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0)}100%{display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fadeOutOrgan{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0)}}@keyframes fadeOutOrgan{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0)}}.bf-basic .tag{height:40px;min-width:80px;max-width:200px}.bf-basic .tag .tag-text{float:left;max-width:130px;min-width:60px;height:30px;margin:5px 0;overflow:hidden;line-height:30px;background-size:contain;background-repeat:no-repeat,repeat-x;background-clip:padding-box,content-box;border-radius:4px}.bf-basic .tag .tag-text .tag-letters{color:#fff}.bf-basic .tag .icon{font-family:mzfont!important;font-size:20px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0;-moz-osx-font-smoothing:grayscale}.bf-basic .tag .ball-scale{position:absolute;top:16px;border-radius:50%;background:rgba(248,69,53,.9);width:8px;height:8px}.bf-basic .tag .ball-scale>div:nth-child(1){-webkit-animation-delay:.4s;animation-delay:.4s}.bf-basic .tag .ball-scale>div:nth-child(2){-webkit-animation-delay:.7s;animation-delay:.7s}.bf-basic .tag .ball-scale>div{background-color:#1a1a1a;border-radius:100%;position:absolute;left:-5px;top:-5px;opacity:0;margin:0;width:18px;height:18px;-webkit-animation:bounceIn 1.6s 0s linear infinite;animation:bounceIn 1.6s 0s linear infinite;z-index:-1}.bf-basic .tag-right{padding-right:23px}.bf-basic .tag-right .tag-text{padding-right:18px;background-image:url(https://gamc.alicdn.com/g0/34xDnHM/m/fxfdcqlg.png),url(https://gamc.alicdn.com/g0/34xDnHM/m/rydtpucw.png);background-position:right 0}.bf-basic .tag-right .tag-text .tag-letters{padding-left:5px;padding-right:2px}.bf-basic .tag-right .icon-add{right:8px}.bf-basic .tag-left{padding-left:23px}.bf-basic .tag-left .tag-text{padding-left:18px;background-image:url(https://gamc.alicdn.com/g0/34xDnHM/m/gbpqutop.png),url(https://gamc.alicdn.com/g0/34xDnHM/m/rydtpucw.png);background-position:left 0}.bf-basic .tag-left .tag-text .tag-letters{padding-right:5px;padding-left:2px}.bf-basic .tag-left .icon-add{left:8px}.bf-basic .tag-simple{width:60px}.bf-basic .tag-simple .tag-text{display:none}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes flipFlyIn{0%{margin-top:200%;margin-left:-150%;opacity:0}100%{margin-top:0;margin-left:0;opacity:1}}@-webkit-keyframes flipFlyIn{0%{margin-top:100%;margin-left:-100%;opacity:0}100%{margin-top:0;margin-left:0;opacity:1}}@keyframes flipFlyLeftOut{0%{margin-left:0;opacity:1}100%{margin-left:-200%;opacity:0}}@-webkit-keyframes flipFlyLeftOut{0%{margin-left:0;opacity:1}100%{margin-left:-200%;opacity:0}}@keyframes flipFlyRightOut{0%{margin-left:0;opacity:1}100%{margin-left:100%;opacity:0}}@-webkit-keyframes flipFlyRightOut{0%{margin-left:0;opacity:1}100%{margin-left:100%;opacity:0}}.bf-basic .album .a-alb-album{position:absolute;display:block;top:46px;left:38px;z-index:0;opacity:1;pointer-events:auto;background:0 0}.bf-basic .album .a-alb-album .a-alb-item{box-sizing:border-box;border:3px solid #fff;background:#fff;border-radius:0;position:absolute;display:block;left:-1px;top:-1px;opacity:1;text-align:center}.bf-basic .album .a-alb-album .a-alb-item img{max-width:100%;max-height:100%;vertical-align:middle}.bf-com-init-hide{display:none}

/*------------------------------file:/assets/com/alibaba/mf/base/assets/com/normal/prismplayer/1.2.10-index-min.css--------*/
.prism-player .prism-big-play-btn{width:90px;height:90px;background:url(//gtms04.alicdn.com/tps/i4/TB1NQVUHpXXXXc_XVXX9KMrLFXX-256-512.png) -2px -2px no-repeat}.prism-player .prism-play-btn{width:27px;height:30px;background:url(//gtms04.alicdn.com/tps/i4/TB1NQVUHpXXXXc_XVXX9KMrLFXX-256-512.png) -214px -248px no-repeat}.prism-player .prism-play-btn.playing{width:27px;height:30px;background:url(//gtms04.alicdn.com/tps/i4/TB1NQVUHpXXXXc_XVXX9KMrLFXX-256-512.png) -179px -253px no-repeat}.prism-player .prism-fullscreen-btn{width:30px;height:30px;background:url(//gtms04.alicdn.com/tps/i4/TB1NQVUHpXXXXc_XVXX9KMrLFXX-256-512.png) -124px -190px no-repeat}.prism-player .prism-fullscreen-btn.fullscreen{width:30px;height:30px;background:url(//gtms04.alicdn.com/tps/i4/TB1NQVUHpXXXXc_XVXX9KMrLFXX-256-512.png) -161px -162px no-repeat}.prism-player .prism-volume{width:33px;height:30px;background:url(//gtms04.alicdn.com/tps/i4/TB1NQVUHpXXXXc_XVXX9KMrLFXX-256-512.png) -199px -98px no-repeat}.prism-player .prism-volume.mute{width:33px;height:30px;background:url(//gtms04.alicdn.com/tps/i4/TB1NQVUHpXXXXc_XVXX9KMrLFXX-256-512.png) -164px -130px no-repeat}.prism-player{background-color:#000;position:relative}.prism-player .prism-cover{width:100%;height:100%;background-color:#000;background-repeat:no-repeat;background-position:center;background-size:100%;position:absolute;top:0;left:0}.prism-player .prism-controlbar{width:100%;height:61px;position:relative;z-index:1}.prism-player .prism-controlbar .prism-controlbar-bg{background-color:#262626;width:100%;height:50px;position:absolute;bottom:0;left:0;z-index:-1}.prism-player .prism-time-display{height:33px;line-height:33px;color:#666}.prism-player .prism-time-display .current-time{color:#fff}.prism-player .prism-progress{width:100%;height:6px;margin-top:5px;background-color:#363636;position:relative}.prism-player .prism-progress .prism-progress-loaded{position:absolute;top:0;left:0;width:0;height:100%;background-color:#7e2c1f}.prism-player .prism-progress .prism-progress-played{position:absolute;top:0;left:0;width:0;height:100%;background-color:#ee2a10}.prism-player .prism-progress .prism-progress-cursor{position:absolute;width:8px;height:8px;top:-5px;left:0;margin-left:-8px;background-color:#5b5b5b;border:4px solid #fff;border-radius:8px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;overflow:hidden;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}:-webkit-full-screen{width:100%!important;height:100%!important}:-moz-full-screen{width:100%!important;height:100%!important}:-ms-full-screen{width:100%!important;height:100%!important}body.prism-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.prism-fullscreen{position:fixed;overflow:hidden;z-index:99999;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important}

/*------------------------------file:/assets/com/alibaba/mf/taesite/assets/com/laf/com.css--------*/
a {
  -webkit-tap-highlight-color: transparent !important;
}
.whb-basic {
  padding: 0 !important;
}
.whb-basic p {
  margin: 0;
  padding: 0;
}
.whb-basic .default .rst-item {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  border: 1px solid #dadada;
  margin: 8px 6px;
  padding: 8px;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.whb-basic .default .rst-item .thumb {
  width: 80px;
  height: 80px;
}
.whb-basic .default .rst-item .thumb.square {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.whb-basic .default .rst-item .thumb.corner-1 {
  -webkit-border-radius: 15%;
  -moz-border-radius: 15%;
  border-radius: 15%;
}
.whb-basic .default .rst-item .thumb.corner-2 {
  -webkit-border-radius: 30%;
  -moz-border-radius: 30%;
  border-radius: 30%;
}
.whb-basic .default .rst-item .thumb.corner-3 {
  -webkit-border-radius: 45%;
  -moz-border-radius: 45%;
  border-radius: 45%;
}
.whb-basic .default .rst-item .thumb.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.whb-basic .default .rst-item .desc {
  margin-left: 8px;
  color: #3f3f3f;
}
.whb-basic .default .rst-item .desc .s-title {
  letter-spacing: 1px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 15px;
  margin-bottom: 15px;
}
.whb-basic .default .rst-item .desc .s-price {
  font-size: 17px;
}
.whb-basic .default .rst-item .s-tag {
  display: none;
}
.whb-basic .ptcircle .rst-item {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  display: block;
  margin: 8px;
  cursor: pointer;
  position: relative;
}
.whb-basic .ptcircle .rst-item .thumb {
  width: 100%;
}
.whb-basic .ptcircle .rst-item .thumb.square {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.whb-basic .ptcircle .rst-item .thumb.corner-1 {
  -webkit-border-radius: 15%;
  -moz-border-radius: 15%;
  border-radius: 15%;
}
.whb-basic .ptcircle .rst-item .thumb.corner-2 {
  -webkit-border-radius: 30%;
  -moz-border-radius: 30%;
  border-radius: 30%;
}
.whb-basic .ptcircle .rst-item .thumb.corner-3 {
  -webkit-border-radius: 45%;
  -moz-border-radius: 45%;
  border-radius: 45%;
}
.whb-basic .ptcircle .rst-item .thumb.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.whb-basic .ptcircle .rst-item .s-price {
  position: absolute;
  right: 0;
  bottom: 2px;
  font-size: 13px;
  padding: 6.5px;
  color: #3f3f3f;
  text-align: justify;
  background-color: rgba(255, 255, 255, 0.5);
}
.whb-basic .ptcircle .rst-item .s-tag {
  display: none;
}
.whb-basic .ptsquare .rst-item {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  display: block;
  margin: 10px;
  cursor: pointer;
  position: relative;
}
.whb-basic .ptsquare .rst-item .thumb {
  width: 100%;
}
.whb-basic .ptsquare .rst-item .thumb.square {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.whb-basic .ptsquare .rst-item .thumb.corner-1 {
  -webkit-border-radius: 15%;
  -moz-border-radius: 15%;
  border-radius: 15%;
}
.whb-basic .ptsquare .rst-item .thumb.corner-2 {
  -webkit-border-radius: 30%;
  -moz-border-radius: 30%;
  border-radius: 30%;
}
.whb-basic .ptsquare .rst-item .thumb.corner-3 {
  -webkit-border-radius: 45%;
  -moz-border-radius: 45%;
  border-radius: 45%;
}
.whb-basic .ptsquare .rst-item .thumb.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.whb-basic .ptsquare .rst-item .s-price {
  position: absolute;
  right: 0;
  bottom: 2px;
  font-size: 13px;
  padding: 6.5px;
  color: #3f3f3f;
  text-align: justify;
  background-color: rgba(255, 255, 255, 0.5);
}
.whb-basic .freedom .rst-item {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  display: block;
  padding: 10px;
  cursor: pointer;
  position: relative;
}
.whb-basic .freedom .rst-item .thumb {
  width: 180px;
  position: absolute;
  left: 70px;
  top: 10px;
}
.whb-basic .freedom .rst-item .thumb.square {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.whb-basic .freedom .rst-item .thumb.corner-1 {
  -webkit-border-radius: 15%;
  -moz-border-radius: 15%;
  border-radius: 15%;
}
.whb-basic .freedom .rst-item .thumb.corner-2 {
  -webkit-border-radius: 30%;
  -moz-border-radius: 30%;
  border-radius: 30%;
}
.whb-basic .freedom .rst-item .thumb.corner-3 {
  -webkit-border-radius: 45%;
  -moz-border-radius: 45%;
  border-radius: 45%;
}
.whb-basic .freedom .rst-item .thumb.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.whb-basic .freedom .rst-item .s-title {
  position: absolute;
  top: 205px;
  left: 70px;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #666;
  font-size: 16px;
}
.whb-basic .freedom .rst-item .s-price {
  width: 180px;
  position: absolute;
  top: 255px;
  left: 70px;
  color: #666;
  font-size: 16px;
}
.whb-basic .freedom .rst-item .personal {
  position: absolute;
  top: 225px;
  left: 70px;
  width: 180px;
  color: #666;
  font-size: 16px;
}
.whb-basic .freedom .rst-item .s-tag {
  position: absolute;
  left: 150px;
  top: 120px;
}
.whb-basic .blank .rst-item {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  display: block;
  padding: 10px;
  cursor: pointer;
  position: relative;
}
.whb-basic .blank .rst-item .thumb {
  width: 180px;
  position: absolute;
  left: 70px;
  top: 10px;
}
.whb-basic .blank .rst-item .thumb.square {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.whb-basic .blank .rst-item .thumb.corner-1 {
  -webkit-border-radius: 15%;
  -moz-border-radius: 15%;
  border-radius: 15%;
}
.whb-basic .blank .rst-item .thumb.corner-2 {
  -webkit-border-radius: 30%;
  -moz-border-radius: 30%;
  border-radius: 30%;
}
.whb-basic .blank .rst-item .thumb.corner-3 {
  -webkit-border-radius: 45%;
  -moz-border-radius: 45%;
  border-radius: 45%;
}
.whb-basic .blank .rst-item .thumb.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.whb-basic .blank .rst-item .s-title {
  position: absolute;
  top: 155px;
  left: 70px;
  color: #666;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 22px;
}
.whb-basic .blank .rst-item .s-price {
  position: absolute;
  top: 190px;
  left: 70px;
  color: #666;
  width: 180px;
  font-size: 22px;
}
.whb-basic .blank .rst-item .personal {
  position: absolute;
  top: 225px;
  left: 70px;
  width: 180px;
  color: #666;
  font-size: 16px;
}
.whb-basic .blank .rst-item .s-tag {
  position: absolute;
  left: 150px;
  top: 120px;
}
.whb-basic .goods .s-tag {
  width: 18px;
  height: 18px;
  background-image: url("//gamc.alicdn.com/g0/34xDnHM/m/kjxrkafz.png");
  background-size: cover;
  position: absolute;
  left: 70%;
  top: 60%;
}
.whb-basic .coupon {
  width: 100%;
  height: auto;
  margin: 0px 2px;
  background-image: url("//gamc.alicdn.com/g2/34xDnHM/m/kimotlxg.png");
  background-size: contain;
}
.whb-basic .coupon .cp-title {
  position: absolute;
  width: 80px;
  height: 20px;
  left: 30px;
  top: 25px;
  font-size: 15px;
  /* letter-spacing: 2px; */
  color: #FFFF00;
  font-style: italic;
}
.whb-basic .coupon .cp-den {
  position: absolute;
  width: 110px;
  height: 50px;
  left: 120px;
  top: 10px;
  font-size: 30px;
  letter-spacing: 2px;
  color: #FFFF00;
}
.whb-basic .coupon .cp-den .cp-symbol {
  position: absolute;
  display: inline-block;
  font-size: 20px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding-top: 20px;
}
.whb-basic .coupon .cp-den .cp-num {
  position: absolute;
  left: 30px;
  display: inline-block;
  font-size: 40px;
  width: 80px;
  height: 50px;
  line-height: 50px;
}
.whb-basic .coupon-share {
  background-image: url("//gamc.alicdn.com/g2/34xDnHM/m/mujndnqr.png");
}
.whb-basic .toshop .ts-body {
  height: 100%;
  width: 100%;
}
.whb-basic .toshop .ts-body .ts-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  height: 40px;
  width: 100%;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.whb-basic .toshop.ts-style0 {
  background-color: #FFC0CB;
}
.whb-basic .toshop.ts-style1 {
  background-color: #ff9900;
  border: 1px solid transparent;
  border-radius: 20px;
}
.whb-basic .toshop.ts-style2 {
  background-color: transparent;
  border: 3px solid #ff0000;
  border-radius: 40px;
}
.whb-basic .toshop.ts-style2 .ts-text {
  font-size: 18px;
  color: #ff0000;
}
.bf-com-init-hide {
  display: none;
}
.couCon {
  border: 2px solid #ffffff;
  width: 140px;
  height: 68px;
  background-color: #f21010;
  position: relative;
  font-family: arial, tahoma, "\5B8B\4F53";
}
.couCon .activeTime {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 16px;
  line-height: 16px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #060606;
  font-size: 10px;
  white-space: nowrap;
  text-align: center;
}
.couCon .count {
  color: #fff;
  font-size: 0;
  float: left;
  margin-top: 12px;
}
.couCon .count .countpre {
  margin-left: 4px;
  font-size: 13px;
}
.couCon .count .countsize {
  font-size: 32px;
}
.couCon .couInfo {
  float: right;
  margin-top: 12px;
}
.couCon .couInfo .coutype {
  font-size: 13px;
  color: #fff;
  text-align: center;
}
.couCon .couInfo .courec {
  font-size: 11px;
  color: #000;
  padding: 2px;
  background-color: #fceb00;
  border-radius: 6px;
  margin-top: 2px;
  margin-right: 4px;
}

/*------------------------------file:/assets/com/alibaba/mf/base/assets/com/interaction/laf/com.css--------*/
.bf-interaction .game-ms {
  width: 100%;
  height: 100%;
  background-color: lightblue;
  overflow: hidden;
  text-align: center;
}
.bf-interaction .game-ms .center {
  margin: auto;
}
.bf-interaction .game-ms .ms-header {
  width: 100%;
  height: 22%;
  margin: 10% 0 0 0;
}
.bf-interaction .game-ms .ms-header .ms-title {
  letter-spacing: 15px;
  width: 80%;
  font-size: 40px;
  color: #ffffff;
  font-family: 黑体, SimHei;
  -webkit-animation: fadeInLeft 0.8s ease 0.2s 1 backwards;
  -moz-animation: fadeInLeft 0.8s ease 0.2s 1 backwards;
  animation: fadeInLeft 0.8s ease 0.2s 1 backwards;
}
.bf-interaction .game-ms .ms-header .ms-english {
  display: none;
  float: right;
  width: 80%;
  font-size: 15px;
  color: white;
  font-family: 'andale mono';
}
.bf-interaction .game-ms .ms-content {
  width: 80%;
  height: 15%;
  background: #fff;
  border-radius: 20px;
  margin: 0 auto 11% auto;
  line-height: 24px;
  padding: 5px 3px;
  color: #666;
  font-size: 18px;
}
.bf-interaction .game-ms .ms-content .ms-result {
  font-size: 24px;
  -webkit-animation: swing 0.5s ease 1s 2 backwards;
  -moz-animation: swing 0.5s ease 1s 2 backwards;
  animation: swing 0.5s ease 1s 2 backwards;
}
.bf-interaction .game-ms .ms-content .ms-result .ms-time {
  display: inline;
  color: #f5484b;
}
.bf-interaction .game-ms .ms-content .ms-count {
  margin: 25px;
  font-size: 40px;
  color: #f5484b;
}
.bf-interaction .game-ms .ms-action {
  width: 100%;
  height: 45%;
  margin: 5% 0 0 0;
}
.bf-interaction .game-ms .ms-action .btn-bg {
  width: 110px;
  height: 110px;
  border-radius: 55px;
  background: #eee;
  margin: 10px auto;
  position: relative;
  border: 1px solid #f0d0d0;
}
.bf-interaction .game-ms .ms-action .btn-bg .ms-btn {
  color: #fff;
  font-size: 24px;
  width: 90px;
  height: 90px;
  border-radius: 90px;
  background: #f5484b;
  line-height: 90px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.bf-interaction .game-ms .ms-action .btn-bg .ms-wait {
  background: grey;
}
.bf-interaction .gf-group {
  width: 100%;
  height: 100%;
  background-image: url("//gamc.alicdn.com/g0/34xDnHM/m/iewvnqwl.jpeg");
  background-size: cover;
}
.bf-interaction .gf-group .gf-content {
  width: 100%;
  height: 100%;
}
.bf-interaction .gf-group .gf-content .gf-btn {
  height: 30px;
  width: 200px;
  margin: 10px auto;
  padding: 5px 20px;
  text-align: center;
}
.bf-interaction .gf-group .gf-content .gf-test {
  width: 100%;
  height: 100%;
}
.bf-interaction .gf-group .gf-content .gf-test .gf-test-title {
  height: 150px;
  margin: 0px auto;
  padding: 50px 10px;
  font-size: 45px;
  line-height: 60px;
  text-align: center;
  color: #fff;
}
.bf-interaction .gf-group .gf-content .gf-test .gf-alert {
  display: none;
  position: absolute;
  height: 35px;
  width: 250px;
  top: 220px;
  margin: 0 35px;
  font-size: 20px;
  color: #ffff00;
  text-align: center;
  overflow: hidden;
}
.bf-interaction .gf-group .gf-content .gf-test .gf-test-input {
  display: block;
  font-size: 20px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  border: 2px solid #999999;
  border-radius: 4px;
  outline: 0;
}
.bf-interaction .gf-group .gf-content .gf-test .gf-test-btn {
  padding: 7px 20px;
  font-size: 25px;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  background: orange;
}
.bf-interaction .gf-group .gf-content .gf-result {
  width: 100%;
  height: 100%;
}
.bf-interaction .gf-group .gf-content .gf-result .gf-result-place {
  width: 260px;
  height: 320px;
  padding: 50px 30px 0px 30px;
}
.bf-interaction .gf-group .gf-content .gf-result .gf-result-place .gf-result-title {
  height: 30px;
  padding: 10px 20px;
  font-size: 24px;
  border-bottom: 2px dotted #535353;
  border-radius: 5px;
  background-color: rgba(250, 250, 250, 0.85);
}
.bf-interaction .gf-group .gf-content .gf-result .gf-result-place .gf-result-desc {
  height: 250px;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: rgba(250, 250, 250, 0.85);
  text-align: justify;
}
.bf-interaction .gf-group .gf-content .gf-result .gf-result-place .gf-result-desc .gf-result-desc-1 {
  height: 40px;
  padding-bottom: 10px;
}
.bf-interaction .gf-group .gf-content .gf-result .gf-result-place .gf-result-desc .gf-result-desc-1 .gf-result-desc-input {
  font-size: 20px;
  color: #fb5818;
  display: inline;
}
.bf-interaction .gf-group .gf-content .gf-result .gf-result-place .gf-result-desc .gf-result-desc-1 .gf-result-desc-set {
  font-size: 17px;
  display: inline;
}
.bf-interaction .gf-group .gf-content .gf-result .gf-result-place .gf-result-desc .gf-result-desc-2 {
  height: 180px;
  padding: 0 20px;
}
.bf-interaction .gf-group .gf-content .gf-result .gf-result-actions {
  width: 260px;
  height: 50px;
  margin: 20px 30px 0px 30px;
}
.bf-interaction .gf-group .gf-content .gf-result .gf-result-actions .gf-result-btn {
  display: inline-block;
  width: 115px;
  height: 30px;
  padding: 5px;
  text-align: center;
  border-radius: 5px;
  line-height: 30px;
  color: #fff;
  font-size: 25px;
  text-decoration: none;
}
.bf-interaction .gf-group .gf-content .gf-result .gf-result-actions .result-test {
  float: left;
  background: #999;
}
.bf-interaction .gf-group .gf-content .gf-result .gf-result-actions .result-share {
  float: right;
  background: orange;
}
.bf-interaction .gf-state-test .gf-test {
  display: block;
}
.bf-interaction .gf-state-test .gf-result {
  display: none;
}
.bf-interaction .gf-state-result .gf-test {
  display: none;
}
.bf-interaction .gf-state-result .gf-result {
  display: block;
}
.bf-interaction html {
  height: 100%;
}
.bf-interaction body {
  overflow: hidden;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
.bf-interaction .game-root {
  width: 100%;
  height: 100%;
  padding: 10px;
  -webkit-box-sizing: border-box;
}
.bf-interaction .game-preview img {
  width: 100%;
  height: 300px;
}
.bf-interaction .sence-game {
  width: 100%;
  height: 100%;
  text-align: center;
}
.bf-interaction .game-info {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.bf-interaction .game-time {
  color: #333;
  font-size: 14px;
}
.bf-interaction .time {
  padding: 0 10px;
}
.bf-interaction .game-content {
  clear: both;
  width: 100%;
  position: relative;
}
.bf-interaction .game-block {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  border: solid 1px #333;
  -webkit-box-sizing: border-box;
}
.bf-interaction .game-btn {
  -webkit-border-radius: 10px;
  height: 40px;
  margin: 20px auto;
  padding: 0 30px;
  background-color: #53b4ff;
  color: #0a0a0a;
  line-height: 40px;
  font-size: 18px;
  display: inline-block;
  -webkit-animation: swing 0.5s ease 1s 2 backwards;
  -moz-animation: swing 0.5s ease 1s 2 backwards;
  animation: swing 0.5s ease 1s 2 backwards;
}
.bf-interaction .game-win {
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 100;
}
.bf-interaction .game-win .game-win-btn {
  -webkit-border-radius: 10px;
  height: 40px;
  margin: 20px auto;
  padding: 0 30px;
  background-color: #fdffb1;
  color: #ff452a;
  line-height: 40px;
  font-size: 18px;
  display: inline-block;
  -webkit-animation: swing 0.5s ease 1s 2 backwards;
  -moz-animation: swing 0.5s ease 1s 2 backwards;
  animation: swing 0.5s ease 1s 2 backwards;
}
.bf-interaction .tiger-game {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
}
.bf-interaction .tiger-game .game-sence {
  position: relative;
  width: 100%;
}
.bf-interaction .tiger-game .game-bg {
  width: 100%;
  height: 100%;
}
.bf-interaction .tiger-game .game-dot {
  position: absolute;
  width: 86px;
  height: 86px;
  -webkit-border-radius: 5px;
  border: 5px solid;
}
.bf-interaction .tiger-game .white {
  border-color: white;
  background-color: rgba(4, 47, 64, 0.9);
}
.bf-interaction .tiger-game .light {
  border-color: red;
  background-color: #eee210;
}
.bf-interaction .tiger-game .green {
  border-color: #062a12;
  background-color: #5aee8f;
}
.bf-interaction .tiger-game .dark {
  border-color: #93bbf3;
  background-color: rgba(4, 47, 64, 0.5);
}
.bf-interaction .tiger-game .btnDisable {
  position: absolute;
  width: 86px;
  height: 86px;
  -webkit-border-radius: 5px;
  margin: 5px;
  visibility: hidden;
}
.bf-interaction .tiger-game .btnEnable {
  position: absolute;
  width: 86px;
  height: 86px;
  -webkit-border-radius: 5px;
  border: 5px solid #eee210;
  background-color: rgba(238, 226, 16, 0.9);
}
.bf-com-init-hide {
  display: none;
}