/*#app {*/
/*    text-align: left;*/
/*    color: #343333;*/
/*    font-size: 12px;*/
/*    line-height: 1.4;*/
/*    word-break: break-all*/
/*}*/

/*#app,*/
/*body,*/
/*html {*/
/*    height: 100%*/
/*}*/

/*.page-box[data-v-8175861c] {*/
/*    background:  no-repeat 0 0;*/
/*    background-size: auto 100%;*/
/*    height: 100%;*/
    /*-webkit-animation: bg-data-v-8175861c 10s linear infinite;*/
    /*animation: bg-data-v-8175861c 10s linear infinite*/
/*}*/

/*.page-box .wrap[data-v-8175861c] {*/
/*    height: 100%;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
    /*background: rgba(0, 0, 0, .3) no-repeat 0 0;*/
/*    background-size: 100% 100%*/
/*}*/

/*.page-box .live-kf {*/
/*    height: 1.5rem;*/
/*}*/

/*.page-box .cc[data-v-8175861c] {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    font-weight: 700;*/
/*    font-size: .55rem;*/
/*    height: 3rem;*/
/*    color: #fff*/
/*}*/

/*.page-box .cc span[data-v-8175861c]:last-child {*/
/*    margin-left: .2rem*/
/*}*/

/*.page-box .fill-box[data-v-8175861c] {*/
/*    height: 0;*/
/*    flex-grow: 1;*/
/*    height: 1.28rem*/
/*}*/

/*.page-box .fill[data-v-8175861c] {*/
/*    height: 0;*/
/*    flex-grow: 1*/
/*}*/

/*.page-box .fill[data-v-8175861c]:first-child {*/
/*    height: 6.19rem*/
/*}*/

/*.page-box .fill[data-v-8175861c]:nth-child(3) {*/
/*    height: .6rem*/
/*}*/

/*.page-box .fill[data-v-8175861c]:nth-child(5) {*/
/*    height: 4.15rem*/
/*}*/

/*.page-box .fill[data-v-8175861c]:nth-child(7) {*/
/*    height: 3.52rem*/
/*}*/

/*.page-box .fill[data-v-8175861c]:nth-child(9) {*/
/*    height: 2.95rem*/
/*}*/

/*.page-box .fill[data-v-8175861c]:nth-child(11) {*/
/*    height: 3.07rem*/
/*}*/

/*.page-box img.live-kf[data-v-8175861c] {*/
/*    height: 1.11rem*/
/*}*/

/*.page-box img.live-kf[src=""][data-v-8175861c] {*/
/*    opacity: 0;*/
/*    height: 0*/
/*}*/

/*.page-box img.logo[data-v-8175861c] {*/
/*    width: 3.65rem;*/
/*    flex-shrink: 0*/
/*}*/

/*.page-box div.title[data-v-8175861c] {*/
/*    flex-shrink: 0;*/
/*    font-size: 1.05rem;*/
/*    font-weight: 700;*/
/*    color: #fff*/
/*}*/

/*.page-box img.xiazz[data-v-8175861c] {*/
/*    width: 13.15rem;*/
/*    flex-shrink: 0;*/
/*    cursor: pointer;*/
/*}*/

/*.page-box div.xiazz[data-v-8175861c] {*/
/*    display: flex;*/
/*    flex-shrink: 0;*/
/*    cursor: pointer;*/
/*}*/

/*.page-box div.xiazz img[data-v-8175861c] {*/
/*    width: 3.25rem;*/
/*    height: 3.25rem*/
/*}*/

/*.page-box div.xiazz img[data-v-8175861c]:first-child {*/
/*    margin-right: 1.22rem*/
/*}*/

/*.page-box img.des[data-v-8175861c] {*/
/*    width: 13.15rem;*/
/*    flex-shrink: 0;*/
/*    cursor: pointer;*/
/*}*/

/*@-webkit-keyframes bg-data-v-8175861c {*/

/*    0%,*/
/*    to {*/
/*        background-position-x: 0*/
/*    }*/

/*    50% {*/
/*        background-position-x: 100%*/
/*    }*/
/*}*/

/*@keyframes bg-data-v-8175861c {*/

/*    0%,*/
/*    to {*/
/*        background-position-x: 0*/
/*    }*/

/*    50% {*/
/*        background-position-x: 100%*/
/*    }*/
/*}*/

/*body,*/
/*html {*/
/*    -webkit-touch-callout: none;*/
/*    -webkit-text-size-adjust: none;*/
/*    -moz-text-size-adjust: none;*/
/*    text-size-adjust: none;*/
/*    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
/*    -webkit-user-select: none;*/
/*    -moz-user-select: none;*/
/*    -ms-user-select: none;*/
/*    user-select: none;*/
/*    background-color: #f2f4f5*/
/*}*/

/*a,*/
/*body,*/
/*center,*/
/*cite,*/
/*code,*/
/*dd,*/
/*del,*/
/*div,*/
/*dl,*/
/*dt,*/
/*em,*/
/*fieldset,*/
/*figcaption,*/
/*figure,*/
/*footer,*/
/*form,*/
/*h1,*/
/*h2,*/
/*h3,*/
/*h4,*/
/*h5,*/
/*h6,*/
/*header,*/
/*hr,*/
/*html,*/
/*img,*/
/*input,*/
/*label,*/
/*legend,*/
/*li,*/
/*mark,*/
/*ol,*/
/*p,*/
/*section,*/
/*span,*/
/*strong,*/
/*textarea,*/
/*time,*/
/*ul,*/
/*var {*/
/*    margin: 0;*/
/*    border: 0;*/
/*    padding: 0;*/
/*    font-style: normal*/
/*}*/

/*li,*/
/*ul {*/
/*    list-style: none*/
/*}*/

/*b,*/
/*strong {*/
/*    font-weight: 700*/
/*}*/

/*img {*/
/*    border: 0;*/
/*    vertical-align: top*/
/*}*/

/*p {*/
/*    margin-top: 0;*/
/*    margin-bottom: 0*/
/*}*/

/*a {*/
/*    text-decoration: none;*/
/*    background-color: transparent;*/
/*    color: #333;*/
/*    cursor: pointer*/
/*}*/

/*a:hover {*/
/*    outline: 0*/
/*}*/

/*textarea {*/
/*    overflow: hidden;*/
/*    resize: none*/
/*}*/

/*button {*/
/*    overflow: visible;*/
/*    cursor: pointer*/
/*}*/

/*button,*/
/*select {*/
/*    text-transform: none*/
/*}*/

/*button,*/
/*input,*/
/*optgroup,*/
/*select,*/
/*textarea {*/
/*    margin: 0;*/
/*    font: inherit;*/
/*    color: inherit*/
/*}*/

/*button {*/
/*    border: none;*/
/*    outline: none*/
/*}*/

/*hr {*/
/*    height: 0;*/
/*    box-sizing: content-box*/
/*}*/

/*pre {*/
/*    overflow: auto*/
/*}*/

/** {*/
/*    box-sizing: border-box;*/
/*    -webkit-tap-highlight-color: transparent;*/
/*    outline: none;*/
/*    margin: 0;*/
/*    padding: 0*/
/*}*/

/*input[type=button],*/
/*input[type=color],*/
/*input[type=date],*/
/*input[type=datetime-local],*/
/*input[type=datetime],*/
/*input[type=email],*/
/*input[type=month],*/
/*input[type=number],*/
/*input[type=password],*/
/*input[type=search],*/
/*input[type=tel],*/
/*input[type=text],*/
/*input[type=time],*/
/*input[type=url],*/
/*input[type=week],*/
/*select {*/
/*    -webkit-user-select: text;*/
/*    -moz-user-select: text;*/
/*    -ms-user-select: text;*/
/*    user-select: text;*/
/*    outline: none;*/
/*    -webkit-appearance: none;*/
/*    -moz-appearance: none;*/
/*    appearance: none*/
/*}*/

/*input::-webkit-search-cancel-button,*/
/*input::-webkit-search-decoration {*/
/*    display: none*/
/*}*/

/*.top-line {*/
/*    position: relative*/
/*}*/

/*.top-line:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    right: auto;*/
/*    bottom: auto;*/
/*    height: 1px;*/
/*    width: 100%;*/
/*    background-color: #e6e6e6;*/
/*    display: block;*/
/*    z-index: 1;*/
/*    transform-origin: 50% 0;*/
/*    transform: scaleY(.5)*/
/*}*/

/*.bottom-line {*/
/*    position: relative*/
/*}*/

/*.bottom-line:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    right: auto;*/
/*    top: auto;*/
/*    height: 1px;*/
/*    width: 100%;*/
/*    background-color: #e6e6e6;*/
/*    display: block;*/
/*    z-index: 1;*/
/*    transform-origin: 50% 100%;*/
/*    transform: scaleY(.5)*/
/*}*/

/*.single-line {*/
/*    text-overflow: ellipsis;*/
/*    white-space: nowrap;*/
/*    overflow: hidden*/
/*}*/

/*.out-mask {*/
/*    display: none;*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    background: rgba(0, 0, 0, 0.8);*/
/*    z-index: 50;*/
/*}*/

/*.out-panel {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 25%;*/
/*    width: 80%;*/
/*    margin: 0 auto;*/
/*    max-width: 660px;*/
/*    padding: 15px 15px 0;*/
/*}*/

/*.out-panel .out-close {*/
/*    position: absolute;*/
/*    right: 20px;*/
/*    top: -20px;*/
/*    width: 40px;*/
/*}*/

/*.out-panel .out-bg {*/
/*    width: 100%;*/
/*}*/

/*.out-panel .game-down {*/
/*    position: absolute;*/
/*    display: block;*/
/*    width: 50%;*/
/*    bottom: -20px;*/
/*    left: 25%;*/
/*}*/

/*.out-panel .game-down img {*/
/*    width: 100%;*/
/*}*/

body {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  max-width: 580px;
}

img {pointer-events: none;}

.header {
  position: fixed;
  z-index: 99;
  top: 0;
  width: 100%;
  max-width: 580px;
}

.header > img {
  width: 100%;
  display: block;
}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99;
  max-width: 580px;
}

.footer > img {
  width: 100%;
  display: block;
}

.content img {
  width: 100%;
}
.zw {
  height: 3.2rem;
}