html, body, hr, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

button,
input,
textarea {
  margin: 0;
  padding: 0; }

ol,
ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption,
th,
td {
  font-weight: normal;
  vertical-align: middle; }

q,
blockquote {
  quotes: none; }

q::before,
q::after,
blockquote::before,
blockquote::after {
  content: none; }

fieldset,
a img {
  border: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block; }

address,
cite,
dfn,
em,
var {
  font-style: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input {
  outline-color: invert;
  outline-style: none;
  outline-width: 0px;
  border: none;
  border-style: none;
  text-shadow: none;
  -webkit-appearance: none;
  -webkit-user-select: text;
  outline-color: transparent;
  box-shadow: none; }

.clearfix {
  *zoom: 1; }

.clearfix::before,
.clearfix::after {
  display: table;
  line-height: 0;
  content: ""; }

.clearfix::after {
  clear: both; }

body {
  font-family: "helvetica neue", "roboto", Arial, "PingFang SC", "droid sans fallback", STHeiti; }

code,
kbd,
pre,
samp {
  font-family: couriernew, courier, monospace; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

legend {
  color: #000; }

.ui-container {
  margin: 0 auto;
  width: 100%;
  height: 100%; }

.ui-bg {
  background-color: #f2f1f0; }

.ui-foot-no-result {
  font-size: 0.26rem;
  color: #ccc;
  height: 1.2rem;
  text-align: center;
  padding-top: 0.4rem;
  padding-bottom: .4rem; }

.ui-field-null {
  color: #999; }

div.ipone-x-fix {
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom); }

@keyframes tip_top_bottom_ani {
  0% {
    transform: translateY(-4px); }
  25% {
    transform: translateY(0px); }
  50% {
    transform: translateY(4px); }
  75% {
    transform: translateY(0px); }
  100% {
    transform: translateY(-4px); } }

.tip-top-bottom-ani {
  animation: tip_top_bottom_ani 3s linear infinite; }

html {
  font-size: 100px; }

@media (max-width: 1300px) {
  html {
    font-size: 90px; } }

@media (max-width: 1025px) {
  html {
    font-size: 80px; } }

@media (max-width: 780px) {
  html {
    font-size: 70px; } }

body {
  background: #fff; }
  body * {
    box-sizing: border-box; }

.app-index {
  width: 100%;
  min-width: 1280px; }

.prism-player-index {
  height: 100%;
  width: 100%; }