.container {
display: flex;
    justify-content: center; 
    align-items: flex-start;
}
.tags {
padding: 5px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 8px;
    max-width: 100%; 
    text-align: center;
}
.tag-list {
list-style-type: none; 
    padding: 0;
    display: flex; 
    justify-content: center; 
    flex-wrap: wrap;
}
.tag-list li {
margin: 3px;
    padding: 5px 10px;
    background-color: #e0e0e0;
    border-radius: 20px;
}
uni-view.flex.flex-column {
background: black;
}
.text {
font-size: 14px;
      line-height: 1.8
}
.row {
margin-right: -10px;
      margin-left: -10px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row
}
.flex {
display: flex;
      flex-direction: row
}
.flex-row {
flex-direction: row !important
}
.flex-column {
flex-direction: column !important
}
.flex-wrap {
flex-wrap: wrap
}
.justify-start {
justify-content: flex-start
}
.justify-between {
justify-content: space-between
}
.justify-center {
justify-content: center
}
.align-center {
align-items: center !important
}
.align-start {
align-items: flex-start
}
.content-around {
align-content: space-around
}
.flex-1 {
flex: 1
}
.container {
padding-right: 10px;
      padding-left: 10px
}
.m-1 {
margin: 5px
}
.mt-1 {
margin-top: 5px
}
.mt-3 {
margin-top: 15px
}
.mb-2 {
margin-bottom: 10px
}
.mb-3 {
margin-bottom: 15px
}
.p-1 {
padding: 5px
}
.pt-1 {
padding-top: 5px
}
.pt-3 {
padding-top: 15px
}
.pb-1 {
padding-bottom: 5px
}
.pb-3 {
padding-bottom: 15px
}
.pl-1 {
padding-left: 5px
}
.pl-2 {
padding-left: 10px
}
.pr-1 {
padding-right: 5px
}
.pr-2 {
padding-right: 10px
}
.pr-3 {
padding-right: 15px
}
.font-sm {
font-size: 12px
}
.font-md {
font-size: 17px
}
.font-weight-bold {
font-weight: 700
}
.text-white {
color: #fff
}
.border {
border-width: 1px;
      border-style: solid;
      border-color: #dee2e6
}
.border-top {
border-top-width: 1px;
      border-top-style: solid;
      border-top-color: #dee2e6
}
.border-bottom {
border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #dee2e6
}
.position-relative {
position: relative
}
.shadow {
box-shadow: 0 1px 6px rgba(0, 0, 0, .15)
}
body, html {
overflow-x: hidden
}
.page {
background-color: #000;
      min-height: 100vh;
      height: auto;
      flex: 1;
      max-width: 950px;
      margin: 0 auto
}
.uni-body {
background-color: #000 !important
}
.notice-background {
background-color: #000
}
.web-nav {
margin: 0 0px;
      background-color: #000
}
.web-nav-text {
width: 21%;
      background-color: #49b8cf;
      margin: 5px 0;
      color: #fff;
      font-size: 12px;
      padding: 10px 2px;
      text-align: center;
      border: 1px solid #000 !important;
      font-weight: 700
}
.web-list {
background-color: #000
}
.list-icon {
width: 25px;
      height: 25px
}
.list-title {
background-color: #000;
      color: #fff;
      padding: 5px
}
.list-title-text {
color: #fff
}
.list-img {
align-items: center;
      width: 100%;
      height: 110px;
      border-radius: 7px !important;
      box-shadow: #a9a9a9 1px 1px 5px 1px
}
.list-video-item {
background-color: #fff;
      margin: 5px;
      padding: 5px
}
.video-name {
color: #fff;
      font-size: 13px;
      height: 38px;
      width: 100%;
      overflow: hidden;
      padding-top: 2px;
      text-overflow: ellipsis;
      text-align: left;
      padding-left: 2px
}
.border-bottom {
border-bottom: 2px solid #999 !important;
      width: 100%
}
.video-date {
font-size: 12px;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: #fff
}
.video-data-bg {
color: #fff
}
.web-list-page {
background-color: #000
}
.page-button {
border: 1px solid #444 !important;
      color: #ddd;
      padding: 5px 10px 5px 10px;
      background-color: #444
}
.page-now, .page-total {
color: #ddd;
      font-weight: 700
}
.footer {
background-color: #000
}
.footer-text {
color: #fff
}
.app-background {
background-color: #000
}
.title {
border-left-color: #ffd100;
      border-left-width: 4px;
      border-style: solid
}
uni-button[data-balloon] {
overflow: visible
}
[data-balloon] {
position: relative;
      cursor: pointer
}
[data-balloon]:after {
font-family: sans-serif !important;
      font-weight: 400 !important;
      font-style: normal !important;
      text-shadow: none !important;
      font-size: 12px !important;
      background: hsla(0, 0%, 7%, .9);
      border-radius: 4px;
      color: #fff;
      content: attr(data-balloon);
      padding: .5em 1em;
      white-space: nowrap
}
[data-balloon]:after, [data-balloon]:before {
filter: alpha(opactiy=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      pointer-events: none;
      transition: all .18s ease-out .18s;
      position: absolute;
      z-index: 10
}
[data-balloon]:before {
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0z'/%3E%3C/svg%3E");
      background-size: 100% auto;
      width: 18px;
      height: 6px;
      content: ""
}
[data-balloon]:hover:after, [data-balloon]:hover:before, [data-balloon][data-balloon-visible]:after, [data-balloon][data-balloon-visible]:before {
filter: alpha(opactiy=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      pointer-events: auto
}
[data-balloon].font-awesome:after {
font-family: FontAwesome
}
[data-balloon][data-balloon-break]:after {
white-space: pre
}
[data-balloon][data-balloon-blunt]:after, [data-balloon][data-balloon-blunt]:before {
transition: none
}
[data-balloon][data-balloon-pos=up]:after {
margin-bottom: 11px
}
[data-balloon][data-balloon-pos=up]:after, [data-balloon][data-balloon-pos=up]:before {
bottom: 100%;
      left: 50%;
      -webkit-transform: translate(-50%, 10px);
      transform: translate(-50%, 10px);
      -webkit-transform-origin: top;
      transform-origin: top
}
[data-balloon][data-balloon-pos=up]:before {
margin-bottom: 5px
}
[data-balloon][data-balloon-pos=up]:hover:after, [data-balloon][data-balloon-pos=up]:hover:before, [data-balloon][data-balloon-pos=up][data-balloon-visible]:after, [data-balloon][data-balloon-pos=up][data-balloon-visible]:before {
-webkit-transform: translate(-50%);
      transform: translate(-50%)
}
[data-balloon][data-balloon-pos=up-left]:after {
left: 0;
      margin-bottom: 11px
}
[data-balloon][data-balloon-pos=up-left]:after, [data-balloon][data-balloon-pos=up-left]:before {
bottom: 100%;
      -webkit-transform: translateY(10px);
      transform: translateY(10px);
      -webkit-transform-origin: top;
      transform-origin: top
}
[data-balloon][data-balloon-pos=up-left]:before {
left: 5px;
      margin-bottom: 5px
}
[data-balloon][data-balloon-pos=up-left]:hover:after, [data-balloon][data-balloon-pos=up-left]:hover:before, [data-balloon][data-balloon-pos=up-left][data-balloon-visible]:after, [data-balloon][data-balloon-pos=up-left][data-balloon-visible]:before {
-webkit-transform: translate(0);
      transform: translate(0)
}
[data-balloon][data-balloon-pos=up-right]:after {
right: 0;
      margin-bottom: 11px
}
[data-balloon][data-balloon-pos=up-right]:after, [data-balloon][data-balloon-pos=up-right]:before {
bottom: 100%;
      -webkit-transform: translateY(10px);
      transform: translateY(10px);
      -webkit-transform-origin: top;
      transform-origin: top
}
[data-balloon][data-balloon-pos=up-right]:before {
right: 5px;
      margin-bottom: 5px
}
[data-balloon][data-balloon-pos=up-right]:hover:after, [data-balloon][data-balloon-pos=up-right]:hover:before, [data-balloon][data-balloon-pos=up-right][data-balloon-visible]:after, [data-balloon][data-balloon-pos=up-right][data-balloon-visible]:before {
-webkit-transform: translate(0);
      transform: translate(0)
}
[data-balloon][data-balloon-pos=down]:after {
margin-top: 11px
}
[data-balloon][data-balloon-pos=down]:after, [data-balloon][data-balloon-pos=down]:before {
left: 50%;
      top: 100%;
      -webkit-transform: translate(-50%, -10px);
      transform: translate(-50%, -10px)
}
[data-balloon][data-balloon-pos=down]:before {
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");
      background-size: 100% auto;
      width: 18px;
      height: 6px;
      margin-top: 5px
}
[data-balloon][data-balloon-pos=down]:hover:after, [data-balloon][data-balloon-pos=down]:hover:before, [data-balloon][data-balloon-pos=down][data-balloon-visible]:after, [data-balloon][data-balloon-pos=down][data-balloon-visible]:before {
-webkit-transform: translate(-50%);
      transform: translate(-50%)
}
[data-balloon][data-balloon-pos=down-left]:after {
left: 0;
      margin-top: 11px;
      top: 100%;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px)
}
[data-balloon][data-balloon-pos=down-left]:before {
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");
      background-size: 100% auto;
      width: 18px;
      height: 6px;
      left: 5px;
      margin-top: 5px;
      top: 100%;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px)
}
[data-balloon][data-balloon-pos=down-left]:hover:after, [data-balloon][data-balloon-pos=down-left]:hover:before, [data-balloon][data-balloon-pos=down-left][data-balloon-visible]:after, [data-balloon][data-balloon-pos=down-left][data-balloon-visible]:before {
-webkit-transform: translate(0);
      transform: translate(0)
}
[data-balloon][data-balloon-pos=down-right]:after {
right: 0;
      margin-top: 11px;
      top: 100%;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px)
}
[data-balloon][data-balloon-pos=down-right]:before {
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");
      background-size: 100% auto;
      width: 18px;
      height: 6px;
      right: 5px;
      margin-top: 5px;
      top: 100%;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px)
}
[data-balloon][data-balloon-pos=down-right]:hover:after, [data-balloon][data-balloon-pos=down-right]:hover:before, [data-balloon][data-balloon-pos=down-right][data-balloon-visible]:after, [data-balloon][data-balloon-pos=down-right][data-balloon-visible]:before {
-webkit-transform: translate(0);
      transform: translate(0)
}
[data-balloon][data-balloon-pos=left]:after {
margin-right: 11px;
      right: 100%;
      top: 50%;
      -webkit-transform: translate(10px, -50%);
      transform: translate(10px, -50%)
}
[data-balloon][data-balloon-pos=left]:before {
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342z'/%3E%3C/svg%3E");
      background-size: 100% auto;
      width: 6px;
      height: 18px;
      margin-right: 5px;
      right: 100%;
      top: 50%;
      -webkit-transform: translate(10px, -50%);
      transform: translate(10px, -50%)
}
[data-balloon][data-balloon-pos=left]:hover:after, [data-balloon][data-balloon-pos=left]:hover:before, [data-balloon][data-balloon-pos=left][data-balloon-visible]:after, [data-balloon][data-balloon-pos=left][data-balloon-visible]:before {
-webkit-transform: translateY(-50%);
      transform: translateY(-50%)
}
[data-balloon][data-balloon-pos=right]:after {
left: 100%;
      margin-left: 11px;
      top: 50%;
      -webkit-transform: translate(-10px, -50%);
      transform: translate(-10px, -50%)
}
[data-balloon][data-balloon-pos=right]:before {
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658z'/%3E%3C/svg%3E");
      background-size: 100% auto;
      width: 6px;
      height: 18px;
      left: 100%;
      margin-left: 5px;
      top: 50%;
      -webkit-transform: translate(-10px, -50%);
      transform: translate(-10px, -50%)
}
[data-balloon][data-balloon-pos=right]:hover:after, [data-balloon][data-balloon-pos=right]:hover:before, [data-balloon][data-balloon-pos=right][data-balloon-visible]:after, [data-balloon][data-balloon-pos=right][data-balloon-visible]:before {
-webkit-transform: translateY(-50%);
      transform: translateY(-50%)
}
[data-balloon][data-balloon-length=small]:after {
white-space: normal;
      width: 80px
}
[data-balloon][data-balloon-length=medium]:after {
white-space: normal;
      width: 150px
}
[data-balloon][data-balloon-length=large]:after {
white-space: normal;
      width: 260px
}
[data-balloon][data-balloon-length=xlarge]:after {
white-space: normal;
      width: 380px
}
@media screen and (max-width:768px) {
[data-balloon][data-balloon-length=xlarge]:after {
white-space: normal;
        width: 90vw
}
}
[data-balloon][data-balloon-length=fit]:after {
white-space: normal;
      width: 100%
}
@-webkit-keyframes my-face {
      2% {
        -webkit-transform: translateY(1.5px) rotate(1.5deg);
        transform: translateY(1.5px) rotate(1.5deg)
      }

      4% {
        -webkit-transform: translateY(-1.5px) rotate(-.5deg);
        transform: translateY(-1.5px) rotate(-.5deg)
      }

      6% {
        -webkit-transform: translateY(1.5px) rotate(-1.5deg);
        transform: translateY(1.5px) rotate(-1.5deg)
      }

      8% {
        -webkit-transform: translateY(-1.5px) rotate(-1.5deg);
        transform: translateY(-1.5px) rotate(-1.5deg)
      }

      10% {
        -webkit-transform: translateY(2.5px) rotate(1.5deg);
        transform: translateY(2.5px) rotate(1.5deg)
      }

      12% {
        -webkit-transform: translateY(-.5px) rotate(1.5deg);
        transform: translateY(-.5px) rotate(1.5deg)
      }

      14% {
        -webkit-transform: translateY(-1.5px) rotate(1.5deg);
        transform: translateY(-1.5px) rotate(1.5deg)
      }

      16% {
        -webkit-transform: translateY(-.5px) rotate(-1.5deg);
        transform: translateY(-.5px) rotate(-1.5deg)
      }

      18% {
        -webkit-transform: translateY(.5px) rotate(-1.5deg);
        transform: translateY(.5px) rotate(-1.5deg)
      }

      20% {
        -webkit-transform: translateY(-1.5px) rotate(2.5deg);
        transform: translateY(-1.5px) rotate(2.5deg)
      }

      22% {
        -webkit-transform: translateY(.5px) rotate(-1.5deg);
        transform: translateY(.5px) rotate(-1.5deg)
      }

      24% {
        -webkit-transform: translateY(1.5px) rotate(1.5deg);
        transform: translateY(1.5px) rotate(1.5deg)
      }

      26% {
        -webkit-transform: translateY(.5px) rotate(.5deg);
        transform: translateY(.5px) rotate(.5deg)
      }

      28% {
        -webkit-transform: translateY(.5px) rotate(1.5deg);
        transform: translateY(.5px) rotate(1.5deg)
      }

      30% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
      }

      32% {
        -webkit-transform: translateY(1.5px) rotate(-.5deg);
        transform: translateY(1.5px) rotate(-.5deg)
      }

      34% {
        -webkit-transform: translateY(1.5px) rotate(-.5deg);
        transform: translateY(1.5px) rotate(-.5deg)
      }

      36% {
        -webkit-transform: translateY(-1.5px) rotate(2.5deg);
        transform: translateY(-1.5px) rotate(2.5deg)
      }

      38% {
        -webkit-transform: translateY(1.5px) rotate(-1.5deg);
        transform: translateY(1.5px) rotate(-1.5deg)
      }

      40% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
      }

      42% {
        -webkit-transform: translateY(2.5px) rotate(-1.5deg);
        transform: translateY(2.5px) rotate(-1.5deg)
      }

      44% {
        -webkit-transform: translateY(1.5px) rotate(.5deg);
        transform: translateY(1.5px) rotate(.5deg)
      }

      46% {
        -webkit-transform: translateY(-1.5px) rotate(2.5deg);
        transform: translateY(-1.5px) rotate(2.5deg)
      }

      48% {
        -webkit-transform: translateY(-.5px) rotate(.5deg);
        transform: translateY(-.5px) rotate(.5deg)
      }

      50% {
        -webkit-transform: translateY(.5px) rotate(.5deg);
        transform: translateY(.5px) rotate(.5deg)
      }

      52% {
        -webkit-transform: translateY(2.5px) rotate(2.5deg);
        transform: translateY(2.5px) rotate(2.5deg)
      }

      54% {
        -webkit-transform: translateY(-1.5px) rotate(1.5deg);
        transform: translateY(-1.5px) rotate(1.5deg)
      }

      56% {
        -webkit-transform: translateY(2.5px) rotate(2.5deg);
        transform: translateY(2.5px) rotate(2.5deg)
      }

      58% {
        -webkit-transform: translateY(.5px) rotate(2.5deg);
        transform: translateY(.5px) rotate(2.5deg)
      }

      60% {
        -webkit-transform: translateY(2.5px) rotate(2.5deg);
        transform: translateY(2.5px) rotate(2.5deg)
      }

      62% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
      }

      64% {
        -webkit-transform: translateY(-.5px) rotate(1.5deg);
        transform: translateY(-.5px) rotate(1.5deg)
      }

      66% {
        -webkit-transform: translateY(1.5px) rotate(-.5deg);
        transform: translateY(1.5px) rotate(-.5deg)
      }

      68% {
        -webkit-transform: translateY(-1.5px) rotate(-.5deg);
        transform: translateY(-1.5px) rotate(-.5deg)
      }

      70% {
        -webkit-transform: translateY(1.5px) rotate(.5deg);
        transform: translateY(1.5px) rotate(.5deg)
      }

      72% {
        -webkit-transform: translateY(2.5px) rotate(1.5deg);
        transform: translateY(2.5px) rotate(1.5deg)
      }

      74% {
        -webkit-transform: translateY(-.5px) rotate(.5deg);
        transform: translateY(-.5px) rotate(.5deg)
      }

      76% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
      }

      78% {
        -webkit-transform: translateY(-.5px) rotate(1.5deg);
        transform: translateY(-.5px) rotate(1.5deg)
      }

      80% {
        -webkit-transform: translateY(1.5px) rotate(1.5deg);
        transform: translateY(1.5px) rotate(1.5deg)
      }

      82% {
        -webkit-transform: translateY(-.5px) rotate(.5deg);
        transform: translateY(-.5px) rotate(.5deg)
      }

      84% {
        -webkit-transform: translateY(1.5px) rotate(2.5deg);
        transform: translateY(1.5px) rotate(2.5deg)
      }

      86% {
        -webkit-transform: translateY(-1.5px) rotate(-1.5deg);
        transform: translateY(-1.5px) rotate(-1.5deg)
      }

      88% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
      }

      90% {
        -webkit-transform: translateY(2.5px) rotate(-.5deg);
        transform: translateY(2.5px) rotate(-.5deg)
      }

      92% {
        -webkit-transform: translateY(.5px) rotate(-.5deg);
        transform: translateY(.5px) rotate(-.5deg)
      }

      94% {
        -webkit-transform: translateY(2.5px) rotate(.5deg);
        transform: translateY(2.5px) rotate(.5deg)
      }

      96% {
        -webkit-transform: translateY(-.5px) rotate(1.5deg);
        transform: translateY(-.5px) rotate(1.5deg)
      }

      98% {
        -webkit-transform: translateY(-1.5px) rotate(-.5deg);
        transform: translateY(-1.5px) rotate(-.5deg)
      }

      0%,
      to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
      }
    }
@keyframes my-face {
      2% {
        -webkit-transform: translateY(1.5px) rotate(1.5deg);
        transform: translateY(1.5px) rotate(1.5deg)
      }

      4% {
        -webkit-transform: translateY(-1.5px) rotate(-.5deg);
        transform: translateY(-1.5px) rotate(-.5deg)
      }

      6% {
        -webkit-transform: translateY(1.5px) rotate(-1.5deg);
        transform: translateY(1.5px) rotate(-1.5deg)
      }

      8% {
        -webkit-transform: translateY(-1.5px) rotate(-1.5deg);
        transform: translateY(-1.5px) rotate(-1.5deg)
      }

      10% {
        -webkit-transform: translateY(2.5px) rotate(1.5deg);
        transform: translateY(2.5px) rotate(1.5deg)
      }

      12% {
        -webkit-transform: translateY(-.5px) rotate(1.5deg);
        transform: translateY(-.5px) rotate(1.5deg)
      }

      14% {
        -webkit-transform: translateY(-1.5px) rotate(1.5deg);
        transform: translateY(-1.5px) rotate(1.5deg)
      }

      16% {
        -webkit-transform: translateY(-.5px) rotate(-1.5deg);
        transform: translateY(-.5px) rotate(-1.5deg)
      }

      18% {
        -webkit-transform: translateY(.5px) rotate(-1.5deg);
        transform: translateY(.5px) rotate(-1.5deg)
      }

      20% {
        -webkit-transform: translateY(-1.5px) rotate(2.5deg);
        transform: translateY(-1.5px) rotate(2.5deg)
      }

      22% {
        -webkit-transform: translateY(.5px) rotate(-1.5deg);
        transform: translateY(.5px) rotate(-1.5deg)
      }

      24% {
        -webkit-transform: translateY(1.5px) rotate(1.5deg);
        transform: translateY(1.5px) rotate(1.5deg)
      }

      26% {
        -webkit-transform: translateY(.5px) rotate(.5deg);
        transform: translateY(.5px) rotate(.5deg)
      }

      28% {
        -webkit-transform: translateY(.5px) rotate(1.5deg);
        transform: translateY(.5px) rotate(1.5deg)
      }

      30% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
      }

      32% {
        -webkit-transform: translateY(1.5px) rotate(-.5deg);
        transform: translateY(1.5px) rotate(-.5deg)
      }

      34% {
        -webkit-transform: translateY(1.5px) rotate(-.5deg);
        transform: translateY(1.5px) rotate(-.5deg)
      }

      36% {
        -webkit-transform: translateY(-1.5px) rotate(2.5deg);
        transform: translateY(-1.5px) rotate(2.5deg)
      }

      38% {
        -webkit-transform: translateY(1.5px) rotate(-1.5deg);
        transform: translateY(1.5px) rotate(-1.5deg)
      }

      40% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
      }

      42% {
        -webkit-transform: translateY(2.5px) rotate(-1.5deg);
        transform: translateY(2.5px) rotate(-1.5deg)
      }

      44% {
        -webkit-transform: translateY(1.5px) rotate(.5deg);
        transform: translateY(1.5px) rotate(.5deg)
      }

      46% {
        -webkit-transform: translateY(-1.5px) rotate(2.5deg);
        transform: translateY(-1.5px) rotate(2.5deg)
      }

      48% {
        -webkit-transform: translateY(-.5px) rotate(.5deg);
        transform: translateY(-.5px) rotate(.5deg)
      }

      50% {
        -webkit-transform: translateY(.5px) rotate(.5deg);
        transform: translateY(.5px) rotate(.5deg)
      }

      52% {
        -webkit-transform: translateY(2.5px) rotate(2.5deg);
        transform: translateY(2.5px) rotate(2.5deg)
      }

      54% {
        -webkit-transform: translateY(-1.5px) rotate(1.5deg);
        transform: translateY(-1.5px) rotate(1.5deg)
      }

      56% {
        -webkit-transform: translateY(2.5px) rotate(2.5deg);
        transform: translateY(2.5px) rotate(2.5deg)
      }

      58% {
        -webkit-transform: translateY(.5px) rotate(2.5deg);
        transform: translateY(.5px) rotate(2.5deg)
      }

      60% {
        -webkit-transform: translateY(2.5px) rotate(2.5deg);
        transform: translateY(2.5px) rotate(2.5deg)
      }

      62% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
      }

      64% {
        -webkit-transform: translateY(-.5px) rotate(1.5deg);
        transform: translateY(-.5px) rotate(1.5deg)
      }

      66% {
        -webkit-transform: translateY(1.5px) rotate(-.5deg);
        transform: translateY(1.5px) rotate(-.5deg)
      }

      68% {
        -webkit-transform: translateY(-1.5px) rotate(-.5deg);
        transform: translateY(-1.5px) rotate(-.5deg)
      }

      70% {
        -webkit-transform: translateY(1.5px) rotate(.5deg);
        transform: translateY(1.5px) rotate(.5deg)
      }

      72% {
        -webkit-transform: translateY(2.5px) rotate(1.5deg);
        transform: translateY(2.5px) rotate(1.5deg)
      }

      74% {
        -webkit-transform: translateY(-.5px) rotate(.5deg);
        transform: translateY(-.5px) rotate(.5deg)
      }

      76% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
      }

      78% {
        -webkit-transform: translateY(-.5px) rotate(1.5deg);
        transform: translateY(-.5px) rotate(1.5deg)
      }

      80% {
        -webkit-transform: translateY(1.5px) rotate(1.5deg);
        transform: translateY(1.5px) rotate(1.5deg)
      }

      82% {
        -webkit-transform: translateY(-.5px) rotate(.5deg);
        transform: translateY(-.5px) rotate(.5deg)
      }

      84% {
        -webkit-transform: translateY(1.5px) rotate(2.5deg);
        transform: translateY(1.5px) rotate(2.5deg)
      }

      86% {
        -webkit-transform: translateY(-1.5px) rotate(-1.5deg);
        transform: translateY(-1.5px) rotate(-1.5deg)
      }

      88% {
        -webkit-transform: translateY(-.5px) rotate(2.5deg);
        transform: translateY(-.5px) rotate(2.5deg)
      }

      90% {
        -webkit-transform: translateY(2.5px) rotate(-.5deg);
        transform: translateY(2.5px) rotate(-.5deg)
      }

      92% {
        -webkit-transform: translateY(.5px) rotate(-.5deg);
        transform: translateY(.5px) rotate(-.5deg)
      }

      94% {
        -webkit-transform: translateY(2.5px) rotate(.5deg);
        transform: translateY(2.5px) rotate(.5deg)
      }

      96% {
        -webkit-transform: translateY(-.5px) rotate(1.5deg);
        transform: translateY(-.5px) rotate(1.5deg)
      }

      98% {
        -webkit-transform: translateY(-1.5px) rotate(-.5deg);
        transform: translateY(-1.5px) rotate(-.5deg)
      }

      0%,
      to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
      }
    }
[data-balloon]:before {
display: none
}
[data-balloon]:after {
padding: .3em .7em;
      background: hsla(0, 0%, 7%, .7)
}
[data-balloon][data-balloon-pos=up]:after {
margin-bottom: 0
}
@-webkit-keyframes bezel-hide {
      0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
      }

      to {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
      }
    }
@keyframes bezel-hide {
      0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
      }

      to {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
      }
    }
@-webkit-keyframes diplayer-loading-dot-fade {
      0% {
        opacity: .7;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
      }

      50% {
        opacity: .25;
        -webkit-transform: scale(.9);
        transform: scale(.9)
      }

      to {
        opacity: .25;
        -webkit-transform: scale(.85);
        transform: scale(.85)
      }
    }
@keyframes diplayer-loading-dot-fade {
      0% {
        opacity: .7;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
      }

      50% {
        opacity: .25;
        -webkit-transform: scale(.9);
        transform: scale(.9)
      }

      to {
        opacity: .25;
        -webkit-transform: scale(.85);
        transform: scale(.85)
      }
    }
.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box uni-input[type=radio] {
display: none
}
@-webkit-keyframes danmaku {
      0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
      }
    }
@keyframes danmaku {
      0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
      }
    }
@-webkit-keyframes danmaku-center {
      0% {
        visibility: visible
      }

      to {
        visibility: visible
      }
    }
@keyframes danmaku-center {
      0% {
        visibility: visible
      }

      to {
        visibility: visible
      }
    }
.uni-app--showtabbar uni-page-head[uni-page-head-type="default"]~uni-page-wrapper {
height: calc(100% - 44px - 50px);
      height: calc(100% - 44px - constant(safe-area-inset-top) - 50px - constant(safe-area-inset-bottom));
      height: calc(100% - 44px - env(safe-area-inset-top) - 50px - env(safe-area-inset-bottom));
}
.float-view[data-v-551d3599] {
position: relative;
      z-index: 110
}
.float-top[data-v-551d3599] {
position: fixed;
      z-index: 111;
      top: 0;
      width: 100%;
      max-width: 950px;
      height: 85px
}
.float-bottom[data-v-551d3599] {
position: fixed;
      z-index: 111;
      bottom: 0;
      width: 100%;
      max-width: 950px
}
.swiper-top[data-v-551d3599] {
height: 85px;
      position: relative
}
.swiper-img-top[data-v-551d3599] {
width: 100%;
      height: 85px
}
.swiper-bottom[data-v-551d3599] {
height: 100px
}
.swiper-img-bottom[data-v-551d3599] {
width: 100%;
      height: 100px
}
.float-div[data-v-551d3599] {
height: 85px
}
.float-del[data-v-551d3599] {
position: absolute;
      right: 0;
      width: 25px;
      height: 25px
}
.bottom-button[data-v-551d3599] {
top: -25px
}