body {
    font-size: 1rem;
    line-height: 1rem !important;
}
    uni-canvas {
      width: 300px;
      height: 150px;
      display: block;
      position: relative
    }

    uni-canvas>.uni-canvas-canvas {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
    }

    uni-image {
      width: 320px;
      height: 240px;
      display: inline-block;
      overflow: hidden;
      position: relative
    }

    uni-image[hidden] {
      display: none
    }

    uni-image>div {
      width: 100%;
      height: 100%;
      background-repeat: no-repeat
    }

    uni-image>img {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      user-select: none;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0
    }

    uni-image>.uni-image-will-change {
      will-change: transform
    }

    uni-input {
      display: block;
      font-size: 16px;
      line-height: 1.4em;
      height: 1.4em;
      min-height: 1.4em;
      overflow: hidden
    }

    uni-input[hidden] {
      display: none
    }

    .uni-input-wrapper,
    .uni-input-placeholder,
    .uni-input-form,
    .uni-input-input {
      outline: none;
      border: none;
      padding: 0;
      margin: 0;
      text-decoration: inherit
    }

    .uni-input-wrapper,
    .uni-input-form {
      display: flex;
      position: relative;
      width: 100%;
      height: 100%;
      flex-direction: column;
      justify-content: center
    }

    .uni-input-placeholder,
    .uni-input-input {
      width: 100%
    }

    .uni-input-placeholder {
      position: absolute;
      top: auto !important;
      left: 0;
      color: gray;
      overflow: hidden;
      text-overflow: clip;
      white-space: pre;
      word-break: keep-all;
      pointer-events: none;
      line-height: inherit
    }

    .uni-input-input {
      position: relative;
      display: block;
      height: 100%;
      background: none;
      color: inherit;
      opacity: 1;
      font: inherit;
      line-height: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-indent: inherit;
      text-transform: inherit;
      text-shadow: inherit
    }

    .uni-input-input[type=search]::-webkit-search-cancel-button,
    .uni-input-input[type=search]::-webkit-search-decoration {
      display: none
    }

    .uni-input-input::-webkit-outer-spin-button,
    .uni-input-input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      appearance: none;
      margin: 0
    }

    .uni-input-input[type=number] {
      -moz-appearance: textfield
    }

    .uni-input-input:disabled {
      -webkit-text-fill-color: currentcolor
    }

    @keyframes once-show {
      0% {
        top: 0
      }
    }

    uni-resize-sensor,
    uni-resize-sensor>div {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      overflow: hidden
    }

    uni-resize-sensor {
      display: block;
      z-index: -1;
      visibility: hidden;
      animation: once-show 1ms
    }

    uni-resize-sensor>div>div {
      position: absolute;
      left: 0;
      top: 0
    }

    uni-resize-sensor>div:first-child>div {
      width: 100000px;
      height: 100000px
    }

    uni-resize-sensor>div:last-child>div {
      width: 200%;
      height: 200%
    }

    uni-swiper-item {
      display: block;
      overflow: hidden;
      will-change: transform;
      position: absolute;
      width: 100%;
      height: 100%;
      cursor: grab
    }

    uni-swiper-item[hidden] {
      display: none
    }

    uni-swiper {
      display: block;
      height: 150px
    }

    uni-swiper[hidden] {
      display: none
    }

    .uni-swiper-wrapper {
      overflow: hidden;
      position: relative;
      width: 100%;
      height: 100%;
      transform: translateZ(0)
    }

    .uni-swiper-slides {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0
    }

    .uni-swiper-slide-frame {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      will-change: transform
    }

    .uni-swiper-dots {
      position: absolute;
      font-size: 0
    }

    .uni-swiper-dots-horizontal {
      left: 50%;
      bottom: 10px;
      text-align: center;
      white-space: nowrap;
      transform: translate(-50%)
    }

    .uni-swiper-dots-horizontal .uni-swiper-dot {
      margin-right: 8px
    }

    .uni-swiper-dots-horizontal .uni-swiper-dot:last-child {
      margin-right: 0
    }

    .uni-swiper-dots-vertical {
      right: 10px;
      top: 50%;
      text-align: right;
      transform: translateY(-50%)
    }

    .uni-swiper-dots-vertical .uni-swiper-dot {
      display: block;
      margin-bottom: 9px
    }

    .uni-swiper-dots-vertical .uni-swiper-dot:last-child {
      margin-bottom: 0
    }

    .uni-swiper-dot {
      display: inline-block;
      width: 8px;
      height: 8px;
      cursor: pointer;
      transition-property: background-color;
      transition-timing-function: ease;
      background: rgba(0, 0, 0, .3);
      border-radius: 50%
    }

    .uni-swiper-dot-active {
      background-color: #000
    }

    .uni-swiper-navigation {
      width: 26px;
      height: 26px;
      cursor: pointer;
      position: absolute;
      top: 50%;
      margin-top: -13px;
      display: flex;
      align-items: center;
      transition: all .2s;
      border-radius: 50%;
      opacity: 1
    }

    .uni-swiper-navigation-disabled {
      opacity: .35;
      cursor: not-allowed
    }

    .uni-swiper-navigation-hide {
      opacity: 0;
      cursor: auto;
      pointer-events: none
    }

    .uni-swiper-navigation-prev {
      left: 10px
    }

    .uni-swiper-navigation-prev svg {
      margin-left: -1px;
      left: 10px
    }

    .uni-swiper-navigation-prev.uni-swiper-navigation-vertical {
      top: 18px;
      left: 50%;
      margin-left: -13px
    }

    .uni-swiper-navigation-prev.uni-swiper-navigation-vertical svg {
      transform: rotate(90deg);
      margin-left: auto;
      margin-top: -2px
    }

    .uni-swiper-navigation-next {
      right: 10px
    }

    .uni-swiper-navigation-next svg {
      transform: rotate(180deg)
    }

    .uni-swiper-navigation-next.uni-swiper-navigation-vertical {
      top: auto;
      bottom: 5px;
      left: 50%;
      margin-left: -13px
    }

    .uni-swiper-navigation-next.uni-swiper-navigation-vertical svg {
      margin-top: 2px;
      transform: rotate(270deg)
    }

    uni-text[selectable] {
      cursor: auto;
      -webkit-user-select: text;
      user-select: text
    }

    uni-text {
      white-space: pre-line
    }

    uni-textarea {
      width: 300px;
      height: 150px;
      display: block;
      position: relative;
      font-size: 16px;
      line-height: normal;
      white-space: pre-wrap;
      word-break: break-all
    }

    uni-textarea[hidden] {
      display: none
    }

    .uni-textarea-wrapper,
    .uni-textarea-placeholder,
    .uni-textarea-line,
    .uni-textarea-compute,
    .uni-textarea-textarea {
      outline: none;
      border: none;
      padding: 0;
      margin: 0;
      text-decoration: inherit
    }

    .uni-textarea-wrapper {
      display: block;
      position: relative;
      width: 100%;
      height: 100%;
      min-height: inherit;
      overflow-y: hidden
    }

    .uni-textarea-placeholder,
    .uni-textarea-line,
    .uni-textarea-compute,
    .uni-textarea-textarea {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      white-space: inherit;
      word-break: inherit
    }

    .uni-textarea-placeholder {
      color: gray;
      overflow: hidden
    }

    .uni-textarea-line,
    .uni-textarea-compute {
      visibility: hidden;
      height: auto
    }

    .uni-textarea-line {
      width: 1em
    }

    .uni-textarea-textarea {
      resize: none;
      background: none;
      color: inherit;
      opacity: 1;
      font: inherit;
      line-height: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-indent: inherit;
      text-transform: inherit;
      text-shadow: inherit
    }

    .uni-textarea-textarea-fix-margin {
      width: auto;
      right: 0;
      margin: 0 -3px
    }

    .uni-textarea-textarea:disabled {
      -webkit-text-fill-color: currentcolor
    }

    uni-view {
      display: block
    }

    uni-view[hidden] {
      display: none
    }

    uni-toast {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 999;
      display: block;
      box-sizing: border-box;
      pointer-events: none;
      font-size: 16px
    }

    .uni-sample-toast {
      position: fixed;
      z-index: 999;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      max-width: 80%
    }

    .uni-simple-toast__text {
      display: inline-block;
      vertical-align: middle;
      color: #fff;
      background-color: rgba(17, 17, 17, .7);
      padding: 10px 20px;
      border-radius: 5px;
      font-size: 13px;
      text-align: center;
      max-width: 100%;
      word-break: break-all;
      white-space: normal
    }

    uni-toast .uni-mask {
      pointer-events: auto
    }

    .uni-toast {
      position: fixed;
      z-index: 999;
      width: 8em;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: rgba(17, 17, 17, .7);
      text-align: center;
      border-radius: 5px;
      color: #fff
    }

    .uni-toast * {
      box-sizing: border-box
    }

    .uni-toast__icon {
      margin: 20px 0 0;
      width: 38px !important;
      height: 38px !important;
      vertical-align: baseline !important
    }

    .uni-icon_toast {
      margin: 15px 0 0
    }

    .uni-icon_toast.uni-icon-success-no-circle:before {
      color: #fff;
      font-size: 55px
    }

    .uni-icon_toast.uni-loading {
      margin: 20px 0 0;
      width: 38px;
      height: 38px;
      vertical-align: baseline
    }

    .uni-toast__content {
      margin: 0 0 15px
    }

    uni-video {
      width: 300px;
      height: 225px;
      display: inline-block;
      line-height: 0;
      overflow: hidden;
      position: relative
    }

    uni-video[hidden] {
      display: none
    }

    .uni-video-container {
      width: 100%;
      height: 100%;
      background-color: #000;
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden;
      object-position: inherit
    }

    .uni-video-container.uni-video-type-fullscreen {
      position: fixed;
      z-index: 999
    }

    .uni-video-video {
      width: 100%;
      height: 100%;
      object-position: inherit
    }

    .uni-video-cover {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: rgba(1, 1, 1, .5);
      z-index: 1
    }

    .uni-video-slots {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      pointer-events: none
    }

    .uni-video-cover-play-button {
      width: 40px;
      height: 40px;
      background-size: 50%;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      cursor: pointer
    }

    .uni-video-cover-duration {
      color: #fff;
      font-size: 16px;
      line-height: 1;
      margin-top: 10px
    }

    .uni-video-bar {
      height: 44px;
      background-color: rgba(0, 0, 0, .5);
      overflow: hidden;
      position: absolute;
      bottom: 0;
      right: 0;
      display: flex;
      align-items: center;
      padding: 0 10px;
      z-index: 0;
      transform: translateZ(0)
    }

    .uni-video-bar.uni-video-bar-full {
      left: 0
    }

    .uni-video-controls {
      display: flex;
      flex-grow: 1;
      margin: 0 8.5px
    }

    .uni-video-control-button {
      width: 13px;
      height: 15px;
      padding: 14.5px 12.5px;
      margin-left: -8.5px;
      box-sizing: content-box;
      cursor: pointer
    }

    .uni-video-control-button:after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-size: 100%;
      background-position: 50% 50%;
      background-repeat: no-repeat
    }

    .uni-video-control-button.uni-video-control-button-play:after,
    .uni-video-cover-play-button {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAeCAYAAAAy2w7YAAAAAXNSR0IArs4c6QAAAWhJREFUSA1j+P///0cgBoHjQGzCQCsAtgJB/AMy5wCxGNXtQ9iBwvoA5BUCMQvVLEQxHpNzDSjkRhXLMM3GKrIeKKpEkYVYjcUu+AMo3ALE3GRZiN1MvKKPgbIRJFuG10j8koeA0gZEW4jfLIKyf4EqpgOxMEELCRpFnIJ3QGU5QMyM00LizCFa1SWgSkeslhFtBGkKVwGVy6FYSJp+klR/A6quB2JOkIWMIK0oNlOf8xBoZDE9LAI7nYn6HsBq4l96WHQEaLUpAyiOaASeAM2NgvuPBpaACt82IEYtfKls0UagecpwXyAzqGTRdaA57sjmYrAptAjUsCkGYlYMg9EFyLQI1IiZB8Ti6Obh5JNh0QmgHlOcBuKSIMGi50C18UDMiMssvOJEWPQLqKYbiHnxGkRIkoBF24DyaoTMIEoeh0W3geI+RBlArCI0iz4D+RVAzEasfqLVAQ19AcSg5LoYiKWI1kiiQgCMBLnEEcfDSgAAAABJRU5ErkJggg==)
    }

    .uni-video-control-button.uni-video-control-button-pause:after {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAAXNSR0IArs4c6QAAAFlJREFUSA3tksEKACAIQ7X//5zq98wOgQayum8QaGweHhMzG/6OujzKAymn+0LMqivu1XznWmX8/echTIyMyAgTwA72iIwwAexgj8gIE8CO3aMRbDPMaEy5BRGaKcZv8YxRAAAAAElFTkSuQmCC)
    }

    .uni-video-current-time,
    .uni-video-duration {
      height: 14.5px;
      line-height: 14.5px;
      margin-top: 15px;
      margin-bottom: 14.5px;
      font-size: 12px;
      color: #cbcbcb
    }

    .uni-video-progress-container {
      flex-grow: 2;
      position: relative
    }

    .uni-video-progress {
      height: 2px;
      margin: 21px 12px;
      background-color: rgba(255, 255, 255, .4);
      position: relative;
      cursor: pointer
    }

    .uni-video-progress-buffered {
      position: absolute;
      left: 0;
      top: 0;
      width: 0;
      height: 100%;
      transition: width .1s;
      background-color: rgba(255, 255, 255, .8)
    }

    .uni-video-ball {
      width: 16px;
      height: 16px;
      padding: 14px;
      position: absolute;
      top: -21px;
      box-sizing: content-box;
      left: 0%;
      margin-left: -22px
    }

    .uni-video-inner {
      width: 100%;
      height: 100%;
      background-color: #fff;
      border-radius: 50%
    }

    .uni-video-danmu-button {
      white-space: nowrap;
      line-height: 1;
      padding: 2px 10px;
      border: 1px solid #fff;
      border-radius: 5px;
      font-size: 13px;
      color: #fff;
      margin: 0 8.5px;
      cursor: pointer
    }

    .uni-video-danmu-button.uni-video-danmu-button-active {
      border-color: #48c23d;
      color: #48c23d
    }

    .uni-video-fullscreen {
      width: 17px;
      height: 17px;
      padding: 8.5px;
      box-sizing: content-box;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAAAQRJREFUWAnt1d0NwiAQB/CmS7hHX5zFxLF0Ah2hE/lg7BT4PyMJUj6Oyt299BIioZT7ARYG59wLpTXmoXOMGO/QecxtwyWW4o42AupGALkFdX1MkHxE3Q7jIbQPqNthQogpJoZkMLRlsn/gFMQEk4OoY0oQVUwNoobhQFQwgMxUKFkt0C8+Zy61d8SeR5iHWCLOwF/MCb8Tp//ex3QFsE1HlCfKFUX2OijNFMnPKD7k76YcBoL402Zh8B77+MjlXrVvwfglXA32b0MrRgxCE2nBiEJaMOIQLkYFwsGoQWoYVUgJow4pYD4Weq4ayBqfwDYQmnUK0301kITujuawu65/l2B5A4z3Qe+Ut7EBAAAAAElFTkSuQmCC);
      background-size: 50%;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      cursor: pointer
    }

    .uni-video-fullscreen.uni-video-type-fullscreen {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAABBElEQVRYhcXWwQ3CMAwF0O+qOzAKQzAAl0pMxQQwQhmGKwcERxbgc4lEVdHUbm3zJR8qJemTo6YByS3JO8kjyQbGkHQpkOz4zcmK8YQ0BWDCkOxL+UDKombMYKwfZAkmDGLFhEIsmHCIFpMC0WDSIHOYVEgNkw6pYPIhE5j/QCoYF0g7eEkPYGej+cX82x/l6aIAIOb9CcrajrjFE/IAQGP1IgIRcYVsVs32+vx+nC9nWq6dAZDhOaPHBEDGh54O4w0pa9oxEZBFmCjIBGb6Qh4JMWGiIWpMBkSFyYLMYjIhNUw7N9GQi2aQiLxJHspjV+rl1hFrRp25uV2MRGQRBsAewPUD/HhJVOOuCzwAAAAASUVORK5CYII=)
    }

    .uni-video-danmu {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      margin-top: 14px;
      margin-bottom: 44px;
      font-size: 14px;
      line-height: 14px;
      overflow: visible
    }

    .uni-video-danmu-item {
      line-height: 1;
      position: absolute;
      color: #fff;
      white-space: nowrap;
      left: 100%;
      transform: translate(0);
      transition-property: left, transform;
      transition-duration: 3s;
      transition-timing-function: linear
    }

    .uni-video-toast {
      pointer-events: none;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      border-radius: 5px;
      background-color: rgba(255, 255, 255, .8);
      color: #000;
      display: none
    }

    .uni-video-toast.uni-video-toast-volume {
      width: 100px;
      height: 100px;
      display: block
    }

    .uni-video-toast-volume .uni-video-toast-title {
      width: 100%;
      font-size: 12px;
      line-height: 16px;
      text-align: center;
      margin-top: 10px;
      display: block
    }

    .uni-video-toast-volume .uni-video-toast-icon {
      fill: #000;
      width: 50%;
      height: 50%;
      margin-left: 25%;
      display: block
    }

    .uni-video-toast-volume .uni-video-toast-value {
      width: 80px;
      height: 5px;
      margin-top: 5px;
      margin-left: 10px
    }

    .uni-video-toast-volume .uni-video-toast-value>.uni-video-toast-value-content {
      overflow: hidden
    }

    .uni-video-toast-volume-grids {
      width: 80px;
      height: 5px
    }

    .uni-video-toast-volume-grids-item {
      float: left;
      width: 7.1px;
      height: 5px;
      background-color: #000
    }

    .uni-video-toast-volume-grids-item:not(:first-child) {
      margin-left: 1px
    }

    .uni-video-toast.uni-video-toast-progress {
      display: block;
      background-color: rgba(0, 0, 0, .8);
      color: #fff;
      font-size: 14px;
      line-height: 18px;
      padding: 6px
    }


    .content {
      width: 95%;
      display: flex;
      align-items: center;
      justify-content: space-around
    }

    .text_select {
      font-size: .625rem;
      color: #fff
    }

    .text_normal {
      font-size: .625rem;
      color: #7d829e
    }

    .tabbar-mobile {
      position: fixed;
      bottom: 0;
      width: 100%;
      display: flex;
      justify-content: space-around;
      align-items: center;
      background-color: #0a0d1e;
      height: 3.1875rem
    }

    .tabbar-pc {
      position: fixed;
      bottom: 0;
      width: 23.4375rem;
      display: flex;
      justify-content: space-around;
      align-items: center;
      background-color: #0a0d1e;
      height: 3.1875rem
    }

    .tab-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      color: #7a7e83;
      font-size: 12px
    }

    .tab-item.active {
      color: #3cc51f
    }

    .tab-icon {
      width: 1.40625rem;
      height: 1.40625rem
    }

    .role_tag_item {
      background-color: rgba(160, 93, 255, .533);
      border: .0625rem solid #a05dff;
      border-radius: .25rem;
      padding: .03125rem .25rem .15625rem;
      box-sizing: border-box;
      font-size: .75rem;
      color: #cc8eff;
      margin-right: .625rem;
      display: flex;
      justify-content: center;
      align-items: center
    }

    .role_tag {
      display: flex;
      position: absolute;
      left: .625rem;
      bottom: .3125rem
    }

    .role_desc {
      width: 90%;
      position: absolute;
      left: .625rem;
      top: 10.3125rem;
      color: #b3b3b3;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      white-space: normal;
      font-size: .6875rem
    }

    .role_star_item {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAbCAYAAACAyoQSAAAACXBIWXMAAAsTAAALEwEAmpwYAAABZUlEQVRIid3WzU/CMBjH8e+AZSqbiUdjFFHU///PUE9iYoxG4+tJCAcVIwrz0Kdh1o2tzcrBX0LGlrWfdi99FqRpimMaQAh8ujR0zQ5w4NLQFW0K2AFWl4V2gBVpf7gMtAn0MvvbwJpvtAtEmf0AOPKJtvg9S50tIPaF7qFeEzNWs7VBQ0GLsgmsV+koyFkcGqhLFQNJZtuuMMgUGAOvwJv89P9vE91A3asE9SQGVUZsmQ/B7/TIR8AENRsfIMwXkZfs5ToDHjyBAAPgFJia98gXPABOgCnkPxh94NEXWISmqBnXAQ9NsAitCx4Cxya4CNVwX7YuOc8Dy1BQ5cv1FSqss2Vo5UXcpu2/Q5O60RlwD1yTWciNtIs6bVmiM+BJsLEcu0WVvK7RX4Qqh182aMj8syQV7CqD6UyAS8F7wC7qO0oPemSDxoI9C/a+4FyNXwA3wL7guWheETfRMqwoEao2/0F/AOl0VqpA7zl7AAAAAElFTkSuQmCC);
      background-size: 100% 100%;
      width: .5625rem;
      height: .5625rem;
      display: flex
    }

    .role_star {
      position: absolute;
      left: .625rem;
      top: 9.375rem;
      display: flex
    }

    .role_head {
      position: absolute;
      right: .625rem;
      top: 7.8125rem;
      width: 1.875rem;
      border-radius: .9375rem;
      pointer-events: none
    }

    .role_name {
      position: absolute;
      left: .625rem;
      top: 8.125rem;
      color: #fff;
      font-size: .8125rem;
      font-weight: 700
    }

    .container-a {
      position: relative;
      width: 10.09375rem;
      height: 14.59375rem;
      overflow: hidden;
      border-radius: .625rem;
      margin-bottom: .625rem;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeoAAALFCAYAAAAMf6BEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAPZUlEQVR4nO3d3atl913H8c+cSR+ISc1IoEiDWNG2WLFKxWIJ1Ae8sFepaJRSBG+EgtA7EfwDFLReeeVNQaRaBasIFpEKahEFi+BDg6lYKA2WWkhs0lAqGi/2zGRycmYyM5kz+93k9YINwz5rrf29e89vrbXXvnDxngs7Z/dve8u2h7bdd/n1wHl/KACcg6e2PXP59YVtj297+jw/8J5zOOZ3bfvxbT+y7Ye2vekcPgMAKp7Y9nfb/nLbX2z77J08+IU7tKJ+cNv7t/3ctnfeiQMCwDeoT2/7nW0f3fbll3uwlxvqh7b98raf33bvyx0GAF5Bnt32kW2/tsNp8tty8eTktkL9um2/su1j29697TW3OwAAvEK9ZtsPbvvgtos7nB7/31s9yO2sqB/e4X8I33mrOwLAq9i/73AG+lO3stOtrKhPtv3SDufdH7yl0QCAb9nhXq7/2fa32567mZ1udkX9+h0uir/vdqcDAK76+A43YX/tpTa8mVA/sO2Pt73n5U4FAFz1V9se2eG72df1UqG+d4fvhb3rTk0FAFz199t+dIc7xM90coOdX7vt9yfSAHBe3rVDa197vQ1udDPZh3e46A0AnJ+37vC47T8/64/XO/X9yLY/2nbuDwIHAPbctp/c4Z6wFzgr1G/c9ti2S+c+FgBwxZPb3rbtS9e+edY16l+fSAPA3XZp22+cfvP0ivrhbX89p7wB4Bie2+Hr0H9z5Y3TK+pfnUgDwLFc2OFHPK66NtQ/vMOKGgA4nnfv0ORtLwz1B+/6KADAWa42+co16ge2/ecOz/QGAI7ra9u+ddtTV1bUPzWRBoCK12/76e35U9/vPd4sAMAZ3rsdTn2fbPvyfHcaAEqe3PbgybbvnUgDQM2lbe842fb2Y08CAJzpu092+NUOAKDnbSfb3nzsKQCAM337yVyfBoCqSyfb3nDsKQCAM73hZNv9x54CADjTfSfbLh57CgDgTPec/plLACBEqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASBMqAEgTKgBIEyoASDsZNtXjz0EAHCmZ062PX3sKQCAMz0t1ADQ9czJti8eewoA4ExfPNn22LGnAADO9NjJtsePPQUAcKbHL1y858KD27607cKxpwEArnpu2xtPtn1522eOPAwA8EKPbfuvKw88+cQxJwEAXuTPtuefTPbRIw4CALzY723bhYv3XL00/S/b3n60cQCAK/512/dsL3zW90eOMwsAcMrVJl+7or5v2+e3XTrGRADAtu2pbd+2y08OvXZF/cy23zzCQADA8z68ax7vfe2Ketvu3eFa9Zvv8lAAwPa5Ha5NP3vljdO/R/3stg/dzYkAgKs+tGsivb041Nv2p9v+4K6MAwBc8bEdGvwCp099X3Fp2z9s+45zHgoA2P5j2w9se/L0H85aUe/yhu/bqeU3AHDHfXXbIzsj0tv1Q71t/7Tt0W1fv/MzAQA7NPZntv3z9Ta4eHJywx/N+uwODwV/ZNvFOzkZALzKfX3b+7f9yY02ut416tN+bNvHt93/8ucCgFe9p3e4xPzJl9rwRqe+r/XJbe/Z4ftdAMDt+9wOTX3JSG83H+pt+8dt37ftD299JgBgh4Z+/w5NvSm3Eupt+8oON5g9uu2JW9wXAF6tntjhprFHt/33rez4UjeTXc9ntv325X+/Y9vrbucgAPAK95Udnt39s7uFVfS1bvZmshv55m2/uO0Xdvi1DwB4tfv8Dgva39otrqBPuxOhvuJk28PbPrDtJ7Y9dKcODADfAL6w7RPbfnfbp7b935046J0M9Wlv2fbObW+9/HrTtm/a9sB5fSAA3AVP7fA0sSe2/dvl16e3PX4eH/b/HUKeTKYoKGEAAAAASUVORK5CYII=);
      background-size: 100% 100%
    }

    .background-d {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none
    }

    .tags_audio {
      background-image: url(../images/AIGirls/biaoqian_2-7NuetFjI.png);
      background-size: 100% 100%;
      width: 2.125rem;
      height: 1.125rem;
      font-size: .6875rem;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      margin-bottom: .3125rem;
      pointer-events: none
    }

    .tags_image {
      background-image: url(../images/AIGirls/biaoqian_1-DFiQQ_lG.png);
      background-size: 100% 100%;
      width: 2.125rem;
      height: 1.125rem;
      font-size: .6875rem;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #a05dff;
      margin-bottom: .3125rem;
      pointer-events: none
    }

    .tags {
      position: absolute;
      top: .3125rem;
      right: .15625rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .6875rem;
      flex-direction: column
    }

    .content-b {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background-image: url(data:image/png;base64,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);
      height: 100%;
      background-size: 100% 100%
    }

    .rolelist {
      display: flex;
      width: 95%;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 7.5rem
    }

    .typelist {
      display: flex;
      justify-content: flex-start;
      overflow-x: scroll;
      white-space: nowrap;
      width: 95%;
      height: 3.125rem;
      margin-top: .625rem;
      -webkit-overflow-scrolling: touch
    }

    .typelist_normal {
      flex-shrink: 0;
      background-color: #1b1d2b;
      border-radius: .3125rem;
      background-size: 100% 100%;
      height: 1.78125rem;
      margin-left: .3125rem;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #7d829e;
      font-size: .75rem;
      padding-left: .9375rem;
      padding-right: .9375rem
    }

    .typelist_select {
      flex-shrink: 0;
      background-color: #2a3b5c;
      background-size: 100% 100%;
      border-radius: .3125rem;
      height: 1.78125rem;
      margin-left: .3125rem;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fffff2;
      font-size: .75rem;
      padding-left: .9375rem;
      padding-right: .9375rem
    }

    .banner-item {
      width: 20.5rem;
      height: 7.73438rem
    }

    .banner {
      width: 20.5rem;
      height: 7.73438rem;
      margin-top: .9375rem;
      display: flex
    }

    .content {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      overflow-y: scroll
    }

    .chat-top-pc {
      top: 0;
      display: flex;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAACcCAYAAACa0htkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEH0lEQVR4nO3YMQ2AUBTAwAdhZkAGKhGGOET8gTS5U9C523ndzwAAAACE7X8HAAAAAKwyOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAvGNm3r8jAAAAAFZ84LkCwIe6wnYAAAAASUVORK5CYII=);
      width: 33.75rem;
      height: 3.125rem
    }

    .chat-top-mobile {
      top: 0;
      display: flex;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAACcCAYAAACa0htkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEH0lEQVR4nO3YMQ2AUBTAwAdhZkAGKhGGOET8gTS5U9C523ndzwAAAACE7X8HAAAAAKwyOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAPIMDAAAAyDM4AAAAgDyDAwAAAMgzOAAAAIA8gwMAAADIMzgAAACAvGNm3r8jAAAAAFZ84LkCwIe6wnYAAAAASUVORK5CYII=);
      width: 100%;
      height: 3.125rem
    }

    .scrollcontainer {
      width: 100%;
      display: flex;
      justify-content: start;
      flex-direction: column;
      align-items: center
    }

    .logo {
      height: 6.25rem;
      width: 6.25rem;
      margin-top: 6.25rem;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 1.5625rem
    }

    .text-area {
      display: flex;
      justify-content: center
    }

    .title {
      font-size: 1.125rem;
      color: #8f8f94
    }

    .time {
      margin-top: .625rem;
      color: #4d516f
    }

    .message {
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal;
      width: 12.5rem
    }

    .left {
      display: flex
    }

    .message-item {
      width: 100%;
      margin-top: .625rem;
      display: flex;
      justify-content: space-between;
      align-items: flex-start
    }

    .messages {
      display: flex;
      width: 90%;
      flex-direction: column;
      margin-top: 1.875rem;
      margin-bottom: 8.125rem
    }

    .content {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      background-color: #17192b;
      color: #fff;
      justify-content: flex-start;
      background-size: 100% 100%;
      min-height: 100%;
      overflow-y: scroll
    }

    .templeteImgTagSrc {
      width: 2.09375rem;
      height: 1.125rem;
      background-image: url(../images/AIGirls/yuantu-Bw25xnTl.png);
      background-size: 100% 100%;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: .6875rem
    }

    .templeteImgTagTarget {
      width: 2.09375rem;
      height: 1.125rem;
      background-image: url(../images/AIGirls/shengcheng-BrRxm19H.png);
      background-size: 100% 100%;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: .6875rem
    }

    .templeteImg {
      width: 10rem;
      height: 14.0625rem;
      position: absolute;
      left: 0;
      top: 0;
      border-radius: .625rem
    }

    .btn {
      margin-top: .9375rem;
      background-image: url(data:image/png;base64,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);
      background-size: 100% 100%;
      width: 20.40625rem;
      height: 2.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .8125rem;
      color: #fff
    }

    .upload-image {
      width: 20.40625rem;
      height: 9.6875rem;
      background-image: url(../images/AIGirls/touxiang_di-CvNaLN91.png);
      background-size: 100% 100%;
      margin-top: .625rem;
      display: flex;
      position: relative;
      align-items: center;
      justify-content: center
    }

    .top {
      /* width: 100%;
            display: flex;
            margin-top: 1.875rem;
            font-size: .875rem;
            flex-direction: column;
            align-items: center */
    }

    .content {
      display: flex;
      color: #fff;
      width: 100%;
      flex-direction: column;
      align-items: center;
      margin-bottom: 5rem
    }

    img {
      display: block;
      max-width: 100%;
      height: auto
    }

    .info_cost {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ8AAAAwCAYAAAAPUajbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFQklEQVR4nO2dTW8TRxjHfzO7DnbsEIeUvkTFJRUUgUSrcqvooRKfoFcf/cF89K3qJ6Bc6BVaIRUREGmNmlZtwHbixEm86+lhdp3J2glx7CzFfn63eVs/kv+afZmZ/6OMMYxLtVzPASvAh0ARWABygA94Y/+A8K4IgQDoANtAE/gH2KjUSp1xL67OKr5quZ4FrgPXgMvjBiK8d/wLvACeV2qlvbNcYGTxVcv1eeBL4BZ2ZhNmmwB4Bjyu1Eq7oww8tfiq5boGbgN3gMzAhfDbmmxTmcyeIrOv8LsKbUD3RglI+D/R04aeMgQZQ/eCUd1sj72iISgM6dwFHgFPKrXSqf7zU4mvWq4vAveAD44Mxtv1TOFvj8XGaX5MmB5CWkuhan9sCOcTTa+Bnyq10ls18VbxVcv1q8B3wFx/EF7HM4uvPArbI0ctTBUh7YVQta4YwpxT3QUeVGql308ae6L4quX6TeBbQMV1HhfXfVN8M17IwrQRqOZyyNZVp8oADyu10tPjxhwrvmq5fgsrPNsRve+ZpXWP/M6E4hWmjB47+UA1Vg29C071w0qt9Nuw/npYZbVc/wy4G5cVfts3yy9FeMJJaPI7vll+qfDbTvXdSE8DDMx81XK9CHxP9Ear8NtzZuXZOcUrTCkHauOG81bcBX6s1EpNt8+RmS/6nHKPvvD0vm+WXqUQqzBl+GbplULvR8UMcC/SV5/kbfc2sOxcYF2TG+nDoSAAaHK7vllad6qWsfpy+kREKxd34rLHxXUtz3jCGGjyOx4XXQHeiXQWtR/yNf3brdeRzynCJPBN8Y3CizchZHAmOA39TQI34krPLMpznjAxEnr6ItJbf+a7TrRJQOHtysqFMEk8CtsKL3538LF6OyI+29EU/ko5NmEGSOjqGoBXWqvkgG/i2gwfrScHCsK4aLJ7oWqtRMX84x9aTzV2BzJgPyi/m9CEWSChrxWN3foOgCbbTD0iYWZI6Ouyxp65AECZzJm2QwvCaVAm4577KGpgsd/InIhPODcUc/tOcVFjT5lFjX43/ZCEWSGhr5zGOY+h8OS8hXBuJPSVGbqfTxDOB6OcQk9j91rZJkIRo3BuGELXQOBAY0+jR43BwJFIQZgUw8TXOmw8yKYfkjArGA7csx0tjfXfsI2qK+ITzg2juu7xyqbGGr8A0GOvmHpEwsyQ0NemBjbi0jE2CIIwERL6+lNHVlebcU1Iq5h6VMLUE7JVdIqblVppN/608rzfSbU/STUqYSYI1barqxdwuJn0OdbqCkM4H9JeSDk2YYoJaS84hkIBsAaR+CJzv7V+Z9W6knqEwtSS0NNabCbprmg8IlrtMIS5QDUvpRifMKUEqnnJcbCKPfwAR3yRq2S/IWRrNWQnn1qUwtQRslMI2Vp1qh657qXJtdwnuG++qrHao5M0/xOEt9KjMx+qxlWnahOrrz5HxBfZmd4HDgAMvQuBasjznzAygWpccazSusD9pF3uwC6WSq3UAh5gzf0wBIUDtXFDZkDhNPTozCccqgzWJreV7Dt0C1WlVvoD+DkuG4JCoF5/Ls+AwklYc8jXq4mVjJ8jPQ0gtrjCRAhU81Li5eLstrgxxxiC70aG4HLOd8aJDME/TbjSj28IHiOpEIQkqaRCiIlcJb/CWqkNZB5yksB0oiQwocILQY2f3E14RxhlCD1D4EVJYHInJIEJgMfArxNNAuNSLdfz2PRXN5H0V8Jh+qtfKrXSSGaik0j8d53E7ViYCTaxG1LSS/w3jETK0yVsytMs9kywnIh7f+lhXx72sClPG0ww5el/utwI/gkfQeYAAAAASUVORK5CYII=);
      background-size: 100% 100%;
      width: 3.28125rem;
      height: 1.03125rem;
      display: flex;
      justify-content: center;
      align-items: center
    }

    .info_bottom {
      width: 90%;
      display: flex;
      position: absolute;
      bottom: .3125rem;
      left: 5%;
      justify-content: space-between;
      font-size: .5rem;
      align-items: center
    }

    .use_times {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAAAwCAYAAAC7W17UAAAACXBIWXMAAAsTAAALEwEAmpwYAAACI0lEQVR4nO3dPWgTYRyA8adnFfFjUAvdBEEXUQfddNdZiqCgOFVERHBxcnRyEcEPRBfBQbDYseIsjg4qDoodXEoRBaHVQihxeD09k7zXpE1zL7nntyW5JP/lIcndvbmRJ6eb9MEYcBQ4AuwFdgO7gC3Apn68gVSV0TU8dwdwCjgJHAJG+jKRlJjVRDIOXATOET4ppKHWSySjwAXgKrB1fcaR0tNtJHuAB8CBdZxFSlLWxTYngBcYiGpqpUjOAo+A7QOYRUpSWSTngZvAhgHNIiUpFslx4MYgB5FS1SmSfcBd/ASRgPZINgL3cRev9FdrJJPA/ioGkVJVjGSccKBQUkExkiv4NUtqk0eyEzhT5SBSqvJIJoDNVQ4ipaoYiaQOMsKCqYNVDyKlKgOO4YIpKSoDDlc9hJSyjLAmXVJERlhQJSki/+EuKSIDtlU9hJSybpbvSnXWMBKp3IKRSOV+GIlUbtZIpHKfjUQq99ZIpLgm8MpIpLh3wLyRSHHT4MFEKWYJeAZGIsU8Bb6DkUidLAK38xtGIrW7BcznN4xE+t974GHxDiOR/lkgXA+0UbzTSKRgGbgMzLY+YCRScB142ekBI1HdLQPXgMexDVZzHXdpWCwS/ih+pmwjI1FdfQAuAR9X2tBIVDdLhAOF92jZixVjJKqLX4RTTe4Ac7080Ug0zJqE092fA1P8ORerV0aiYdAAfgLfgC/AJ+AN8Br4utYX/w0MAT65uhtcoAAAAABJRU5ErkJggg==);
      background-size: 100% 100%;
      width: 3.75rem;
      height: .9375rem;
      font-size: .4375rem;
      display: flex;
      justify-content: center;
      align-items: center
    }

    .info_content {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0
    }

    .icon {
      width: 100%;
      border-radius: .625rem;
      pointer-events: none
    }

    .template_item_content {
      display: flex;
      width: 10rem;
      margin-top: .625rem;
      border-radius: .625rem;
      position: relative
    }

    .template_item_container {
      width: 100%
    }

    .sortbyitem {
      margin-right: .625rem;
      display: flex;
      align-items: center
    }

    .sorttext {
      color: #7d829e;
      margin-right: .3125rem
    }

    .sorttext_select {
      color: #a0f;
      margin-right: .3125rem
    }

    .template_self {
      width: 6.3125rem;
      height: 1.625rem;
      background-image: url(data:image/png;base64,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);
      background-size: 100% 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #ffc1bd
    }

    .sortlist {
      display: flex;
      width: 90%;
      align-items: center;
      justify-content: space-between;
      margin-top: .625rem;
      height: 1.625rem
    }

    .templateDatas {
      width: 10rem;
      margin-top: .625rem;
      margin-bottom: 3.125rem;
      display: flex;
      flex-direction: column
    }

    .typelist {
      display: flex;
      justify-content: flex-start;
      overflow-x: scroll;
      white-space: nowrap;
      width: 95%;
      margin-top: .3125rem;
      -webkit-overflow-scrolling: touch
    }

    .typelist_normal {
      flex-shrink: 0;
      background-color: #1b1d2b;
      border-radius: .3125rem;
      background-size: 100% 100%;
      height: 1.78125rem;
      margin-left: .3125rem;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #7d829e;
      font-size: .75rem;
      padding-left: .9375rem;
      padding-right: .9375rem
    }

    .typelist_select {
      flex-shrink: 0;
      background-color: #2a3b5c;
      background-size: 100% 100%;
      border-radius: .3125rem;
      height: 1.78125rem;
      margin-left: .3125rem;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fffff2;
      font-size: .75rem;
      padding-left: .9375rem;
      padding-right: .9375rem
    }

    .banner-item {
      width: 20.5rem;
      height: 7.73438rem
    }

    .banner {
      width: 20.5rem;
      height: 7.73438rem;
      margin-top: .9375rem;
      display: flex
    }

    .top {
      /* width: 100%;
            display: flex;
            margin-top: 1.875rem;
            font-size: .875rem;
            flex-direction: column;
            align-items: center */
    }

    .content {
      display: flex;
      color: #fff;
      width: 100%;
      flex-direction: column;
      align-items: center;
      overflow-y: scroll;
      height: 100%
    }

    .bottom {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      bottom: .625rem
    }

    .tokenloginbg {
      background-image: url(../images/AIGirls/tupiankuang-x3_YmBhy.png);
      background-size: 100% 100%;
      width: 9.6875rem;
      height: 9.6875rem;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin-top: 3.125rem
    }

    .changeRoleBtn {
      width: 16.28125rem;
      height: 2.5rem;
      background-color: #a458ff;
      border-radius: .625rem;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: .875rem;
      margin-top: 1.875rem
    }

    .remberpasswordbg {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAADOklEQVRYhcXYzW9UVRjH8U9vrSHElyZSykZJTQxFVmoIAuqqWo26w2J0SzSxtPgPEIh/gZR2AQvcoQF2hphad6INC1z50mqCERPCy8a3wMI0dXGey5wZbqczmc74S07m3DPPeZ5v7j33uc85fUc/OqNNjWAcL2AntuPh+O9v/IafcAnz+LUd5w+0aNePCRzGXvStYfdYtGfxLlaxiFmcw8p6gYoWYMbwPc5iXxOYKvXFnLPhY6wToE04hQWMZuP/4iKORLBtYbsp+vviv4thW2o0fJ0K20qt9ciGwuHubOwPzEi3//Ya825GWwzbrZjENAbD5j08g9er/FTdoSF83QBzXlrAx5rAVOlWzNkZPkrtjhhD6wFtxufYEdcr0kKewI02QBp1Q+2lKBf2joi1uRnQCezJYN7GXAcgjZoLnyXUnohZCTSGQ9n1h7iwgTClLoTvUodkb1+R/c5kRuelxdstlXmp1Ekp190DOigtPNLbNN1FmFLTEYuUEiZyoMnM8ITOFnCruql+/RwugUakZEZKZBu5iNfTnFry3IsnC7yq9jn4Unt5plPdjpiCYbzA/sxgvocwVTH3F9iVDXzXYxi4kvWfLvB4NvBzj2Hgl6y/vVArruDPHsM0xnyolXqopyqksrPUo/8DQx7znwK/ZwNP9RimMea1Aj9mA8/1GIZUf5f6oZB2B6XGewxDSsylvimkxLQaA6+oqOK6qCG8HP1VzBe4im9jcED9h7bb+gAPRn8RV8vXPv+gHsFwD2CG1Rdqs9TKj3NYiv6gVDB1WzNqO5GlYLgHtIKpzPgtUZ90SeXGodR0MNTV1F/hk+z6YxzoAsyB8F3qjLSB1AhEIr8c/X58ZmMX+WT47I/ry+qfzH1Ad/AmljOo2XCyrQOQ4fAxm8EsR6w7zYBIVdxL6uuUg9IRyzFsaQNkS8xZCh+lrkSMlrbSpC3wizidjQ3iOK5LO84pPC/t3weibY2xqbC5HnMGMz+npbOlW1WBm50P3cX70sbupNr2egBvRGtHywG60MyolXpoQSpz35Gy6Wpz8/u0KB1e7VoPhtZP0FbwabQRvCbd9lE8gUfC7i9ck9bMJXyhzSO9/wCZGaOQKyQbDQAAAABJRU5ErkJggg==);
      background-size: 100% 100%;
      width: .625rem;
      height: .625rem;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: .625rem
    }

    .message-input {
      width: 75%;
      height: 80%;
      margin-left: 10%;
      color: #fff
    }

    .input-content {
      background-image: url(data:image/png;base64,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);
      background-size: 100% 100%;
      width: 16.28125rem;
      height: 2.5rem;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-top: 1.875rem
    }

    .tag_item_select {
      /* position: absolute;
            left: 0;
            top: 0;
            width: 8.03125rem;
            height: 2.5rem;
            background-size: 100% 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: .9375rem */
    }

    .tag_item_token {
      background-image: url(../images/AIGirls/weixuanzhong1-D_Mds01h.png);
      background-size: 100% 100%;
      width: 8.03125rem;
      height: 2.5rem;
      position: relative
    }

    .tag_item_account {
      background-image: url(../images/AIGirls/weixuanzhong2-hVBfRdz3.png);
      background-size: 100% 100%;
      width: 8.03125rem;
      height: 2.5rem;
      position: relative
    }

    .tag_items {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: center;
      margin-top: .625rem
    }

    .ui {
      background-image: url(../images/AIGirls/denglukuang-DoUC2BAH.png);
      background-size: 100% 100%;
      width: 20.40625rem;
      height: 24.625rem;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: column;
      position: relative
    }

    .login_content {
      background-color: rgba(0, 0, 0, .533);
      background-size: 100% 100%;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0%;
      top: 0%;
      z-index: 99;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column
    }

    .changeRoleBtn {
      width: 16.28125rem;
      height: 2.5rem;
      background-color: #a458ff;
      border-radius: .625rem;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: .875rem;
      margin-top: 1.875rem
    }

    .message-input {
      width: 75%;
      height: 80%;
      margin-left: 10%;
      color: #fff
    }

    .input-content {
      background-image: url(data:image/png;base64,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);
      background-size: 100% 100%;
      width: 16.28125rem;
      height: 2.5rem;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-top: 1.875rem
    }

    .bottom {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      bottom: .625rem
    }

    .ui {
      background-image: url(../images/AIGirls/denglukuang-DoUC2BAH.png);
      background-size: 100% 100%;
      width: 20.40625rem;
      height: 24.625rem;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: column;
      position: relative
    }

    .regist_content {
      background-color: rgba(0, 0, 0, .533);
      background-size: 100% 100%;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0%;
      top: 0%;
      z-index: 99;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column
    }

    .getcodetext {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: .9375rem;
      color: #a458ff;
      border-bottom: .125rem solid #a458ff;
      margin-top: 1.875rem
    }

    .changeRoleBtn {
      width: 12.5rem;
      height: 2.5rem;
      background-color: #a458ff;
      border-radius: .625rem;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: .875rem;
      margin-top: 3.125rem
    }

    .message-input {
      width: 75%;
      height: 80%;
      margin-left: 10%;
      color: #fff
    }

    .input-content {
      background-image: url(data:image/png;base64,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);
      background-size: 100% 100%;
      width: 16.28125rem;
      height: 2.5rem;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-top: 4.375rem
    }

    .cdkey_bg {
      background-image: url(../images/AIGirls/kuang-DW9xNbHa.png);
      background-size: 100% 100%;
      width: 21.65625rem;
      height: 21rem;
      display: flex;
      flex-direction: column;
      align-items: center
    }

    .cdkey_content {
      background-color: rgba(0, 0, 0, .533);
      background-size: 100% 100%;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0%;
      top: 0%;
      z-index: 99;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column
    }

    .changeRoleBtn {
      width: 20.46875rem;
      height: 2.5rem;
      background-color: #a458ff;
      border-radius: .625rem;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: .875rem
    }

    .btnitem {
      width: 18.75rem;
      height: 3.90625rem;
      color: #cfcfcf;
      display: flex;
      justify-content: space-between;
      align-items: center
    }

    .btnlist {
      display: flex;
      width: 20.46875rem;
      background-color: #171018;
      background-size: 100% 100%;
      border-radius: .625rem;
      flex-direction: column;
      align-items: center;
      margin-top: .625rem
    }

    .amount_recharge_tag {
      width: 2.65625rem;
      height: 1.25rem;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIEAAAA8CAYAAABB9Nn7AAAACXBIWXMAAAsTAAALEwEAmpwYAAADNUlEQVR4nO3dS0hUURzH8a+nx8rQhW/duIxwU0EYaVotCtrks7TaBiHRxn24LKJFRFCLoMjw2SqqRWQRtQqC2kdkvoOMNkXOaXEdHWdGHfXO/aXz/4B4XyM/nB93MefcOXnee7Liy70CvK8Fvx/v9+B9NfhKvC/E+3zw4BN+Vtv3Hnwsw+OxNZwPtoP/Q+rxtNskvW7hfCwheyzltZ7kY/Hrl+6nXLfMfnBd4rGk7XiO+f2F6xd+z4GPsT3UN/7r/Sq8bwffBBwAtoX6901WhFOC0Qf14LuBE9gbv+lsrATfHjaA7wHqQkljJNZXgrHecuAa0BlqGiOx9hKMP2oF7gIFoacxEpmXYKJvJ95fB7qyF8coZFaCib5dwGPgaFbTGInVSzDZXww8BfZlPY2RWLkEk/0FwDNgbyRpjIRb9szUwE5gGCvAlrd8CeAGcCSqIEYnfQmmBluBi9FGMSqpJZgerATuRB/FqKS7E9wECiPOYYSWlmB6qBE4pYliVJLvBD2SFEZqsQTTQ/XAIV0Uo5J4J+iWpTBSQQlmhkuA49ooRiV+J+ggrFlGZtOJl6BZmsJIOWaGC4BadRCj44CD2OTQnOawUcKc54AadQij5YBqdQij5YAKdQij5bARw5zngHx1CKO10vQykyMc8Esdwmg54Ic6hNFywJg6hNFywGd1CKPlgE/qEEbLAe/VIYyWA94Cc+ogRsdR1DQLvFMHMTrxD4uGpCmMVLwEvcBfZRCjE5SgqGkKeK6NYlQSxw6uylIYqcUSFDe/Bt7oohiV5FHEK4oQRmtpCYqbXxB8S5nJIenmE1zCRhZzSmoJiltGgQvRRzEq6WcWlbT0A7ejjWJUVppedhkYiSaGUVq+BCWtf4AW4GNkaYzEyhNNS9u+A8eAD1GEMRqrzzYubZsCDgMvs57GSGQ25bys/SfB0ja3sprGSGT+3EFZ+2/KT3cBbcBs1hKZyK394ZPyMwPAboLhZ7MFrO8JpIqOcSo6OoFGbNBp09vYY2iVnSNUnq0DGoAnQCyETCZi4TyLWHXuFVXnTxJ810E3wZxFm7y6SeRFtExuzfwyuUUJy+TusGVy/49lcv8BEOPxhc7T6o4AAAAASUVORK5CYII=);
      background-size: 100% 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      right: 0;
      font-size: .6875rem;
      color: #20222f
    }

    .amount_money {
      width: 9.9rem;
      height: 5.3125rem;
      display: flex;
      background-image: url(../images/AIGirls/zskuang-BzCmJX00.png);
      background-size: 100% 100%;
      color: #fff;
      flex-direction: column;
      justify-content: space-evenly;
      position: relative;
      margin-left: .625rem
    }

    .amount_bind_money {
      width: 9.9rem;
      height: 5.3125rem;
      display: flex;
      background-image: url(../images/AIGirls/jbkuang-BfQZ7XI_.png);
      background-size: 100% 100%;
      color: #fff;
      flex-direction: column;
      justify-content: space-evenly;
      position: relative
    }

    .head {
      width: 5.25rem;
      height: 5.25rem;
      background-image: url(../images/AIGirls/touxiang-CmsD8O2Q.png);
      background-size: 100% 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 3.125rem
    }

    .content {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: start;
      width: 100%;
      min-height: 100%;
      overflow-y: scroll;
      background-image: url(../images/AIGirls/bj-D8Bx9WFZ.png);
      background-size: 100% 100%
    }

    .pic_info_content {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff
    }

    .pic_content {
      width: 9.21875rem;
      height: 9.21875rem;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAb8AAAHACAYAAAAyZ2ZmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAI4ElEQVR4nO3cu6tlZx3H4e85I4MI4i0B0wwplKhdCjHgDbzEIlhJUAQ7Sxuxz19gaS9i4yWonVipEEWREURIkCgisTGBJIMYFBNiMRlyOMwkM3HOPjqf56k2a7+L/es+rP2utY72xhxte/sbPBcAbpe/b3vxVk86usl1d217eNunt92/7dK241v9MQA4A3/b9rttP9/23W1/er0TXi9+l7Y9su1L2y7+t9MBwBl7eduPd7Vdl2+06MINjh9t+8q2H2x74DXWAcD/kqNt79325W3v3PbTbS9db9FpF7d9a9sXznI6ADiA32x7aNszJw+ejt+FbT/c9tkDDQUAZ+2JbR/fiQCevmnl6xM+AO4s79/2/Z3Ywju5l/fgtm/s5u8ABYD/F/du++e2x7ZXQ/embY/v6iYhANyJXth237a/Xvvb8/MTPgDubG/Z9rXt1Su/n+3qZiAA3Mme3XbP0bZ3bXt63tgCQMODx9s+MuEDoONjx9s+cN5TAMAB3Xe87e7zngIADujdx9vefN5TAMABvdVeHwA1F8QPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8AcsQPgBzxAyBH/ADIET8Aco63vXjeQwDAAV053vbceU8BAAf0/PG2P573FABwQE8eb/vFeU8BAAf0q6NXPjyx7X3nOQkAHMC/tt1z7W7Pb57nJABwID/a9ty1K7+3bfvztnec2zgAcLZe3vbBbZevXfld2fbI+c0DAGfu29sub9vRiYMXtv1k2yfPYyIAOEN/2Xb/Xnm87+jUl3dv++W29xx4KAA4K1e2fXTb768dOP16s2e2fWLb4wccCgDOyrPbPrMT4duu/27Pp7Z9eNujBxgKAM7Kb7c9sO3Xp7+40Yutn9/28LbPbfvDmY0FALff09u+uu1D25683oLTe37Xc7ztoW1f3PapbXfdrukA4Db5x7bHtn1n2/e2vfBai28mficdb7u07d5dfTbw4q3PBwC3xUu7ejPLU7v6rPq/b/bE/wDO/lKgvCgD1AAAAABJRU5ErkJggg==);
      background-size: 100% 100%;
      position: relative;
      overflow: hidden;
      border-radius: 8%
    }

    .pic_image,
    .video_content {
      width: 99%;
      overflow: hidden;
      pointer-events: none
    }

    .pic_image_lock {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: #f0f8ff;
      filter: blur(.3125rem);
      pointer-events: none
    }

    .lock_view {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: url(../images/AIGirls/weijiesuo-CWOcUGYy.png);
      background-size: 100% 100%;
      display: flex
    }

    .botPicIcon {
      width: 1.6875rem;
      height: 1.6875rem
    }

    .pic_all_btn {
      background-image: url(data:image/png;base64,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);
      background-size: 100% 100%;
      width: 3.59375rem;
      height: 1.65625rem;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: .3125rem
    }

    .favor_progressbg {
      background-image: url(data:image/png;base64,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);
      background-size: 100% 100%;
      width: 6.3125rem;
      height: 1.5625rem;
      display: flex;
      justify-content: center;
      align-items: center
    }

    .pic_other {
      display: flex;
      margin-left: .15625rem;
      width: 9.21875rem;
      height: 9.21875rem;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-between;
      align-content: space-around
    }

    .pic_list {
      display: flex;
      margin-top: .9375rem
    }

    .info_pic_content {
      width: 20.5rem;
      height: 14.71875rem;
      background-image: url(../images/AIGirls/dikuang-zpqOIAMJ.png);
      background-size: 100% 100%;
      margin-top: .625rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 1.25rem
    }

    .role-voice-text {
      width: 80%;
      color: #fff;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal;
      font-size: .75rem
    }

    .role_voice {
      display: flex;
      width: 18.53125rem;
      height: 2.75rem;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4MAAACGCAYAAABnsl/UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFAElEQVR4nO3dT6tUdRzA4c+dqxlcVwamhQUqReuiWkiLalO9hNr01lq0i1btgqBWFUSrtIgwoUSrTSn0z2uL8aJdFIWcGfL7PJuZOef8hu/2wzkzv62jx053D7ark9Wp6lh1pDp4LwsBAABYqd3qt+py9X11rrp6t0Vbd4nBQ9WL1fPVzn+fEQAAgBW71jIIP64u3emi7Z3DR+507unqrRuvD93v6QAAAFiJRXW0erZ6uOXdwt39F90uBreqV6vXW94ZBAAA4P9nqzpRna6+rv689eTiNgteq87cWAgAAMD/22PV29XhWw/uj8EzLX8fCAAAwIPjkerN6sDegVtj8PHq5XVPBAAAwFocr17Z+7AXg1vVG93+sVEAAAAeDC9Uj9bN+Huq5XOkAAAAPLgW1Ut7b6qe29wsAAAArNEz1c6i5fYRJzc8DAAAAOuxqJ5ZtNx3YnvDwwAAALA+Tyy68eNBAAAAxnh0Ue1segoAAADW6vCiOrjpKQAAAFirbfsKAgAADCQGAQAABhKDAAAAA4lBAACAgcQgAADAQGIQAABgIDEIAAAwkBgEAAAYSAwCAAAMJAYBAAAGEoMAAAADiUEAAICBxCAAAMBAYhAAAGAgMQgAADCQGAQAABhIDAIAAAwkBgEAAAYSgwAAAAOJQQAAgIHEIAAAwEBiEAAAYCAxCAAAMJAYBAAAGEgMAgAADCQGAQAABhKDAAAAA4lBAACAgcQgAADAQGIQAABgIDEIAAAwkBgEAAAYSAwCAAAMJAYBAAAGEoMAAAADiUEAAICBxCAAAMBAYhAAAGAgMQgAADCQGAQAABhIDAIAAAwkBgEAAAYSgwAAAAOJQQAAgIHEIAAAwEBiEAAAYCAxCAAAMJAYBAAAGEgMAgAADCQGAQAABhKDAAAAA4lBAACAgcQgAADAQGIQAABgIDEIAAAwkBgEAAAYSAwCAAAMJAYBAAAGEoMAAAADiUEAAICBxCAAAMBAYhAAAGAgMQgAADCQGAQAABhIDAIAAAwkBgEAAAYSgwAAAAOJQQAAgIHEIAAAwEBiEAAAYCAxCAAAMJAYBAAAGEgMAgAADCQGAQAABhKDAAAAA4lBAACAgcQgAADAQGIQAABgIDEIAAAwkBgEAAAYSAwCAAAMJAYBAAAGEoMAAAADiUEAAICBxCAAAMBAYhAAAGAgMQgAADCQGAQAABhIDAIAAAwkBgEAAAYSgwAAAAOJQQAAgIHEIAAAwEBiEAAAYCAxCAAAMJAYBAAAGEgMAgAADCQGAQAABhKDAAAAA4lBAACAgcQgAADAQGIQAABgIDEIAAAwkBgEAAAYSAwCAAAMtKj+2vQQAAAArNW1RXV101MAAACwVlcW1eVNTwEAAMBaXVpUF6prm54EAACAtbmwqP6ozm94EAAAANZjtzq792+in21yEgAAANbmbHV1Lwa/qX7c4DAAAACs3m71cd3cZ/B69cGNEwAAADyYPqsu1b83nf+h+mgj4wAAALBqF6sP9z4s9p38pPp8reMAAACwar9U71Z/7x3Y3jl8ZP9F31YHqxPV1tpGAwAAYBUuVu9UV249eLsYrPqu5XOkT1aHVj4aAAAA99tu9Wn1XvX7/pN3isGqn6svWt5GPFo9tKIBAQAAuH92q6+q96svu8MfhW4dPXb6Xr5suzpVnayOV0eqA/djSgAAAP6T69Wv1U/V+epcdfVui/4BactLZvQa5TAAAAAASUVORK5CYII=);
      background-size: 100% 100%;
      margin-top: .9375rem;
      color: #fff;
      align-items: center;
      justify-content: space-around
    }

    .role_desc {
      width: 90%;
      color: #b3b3b3;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      white-space: normal;
      font-size: .625rem;
      margin-top: .9375rem
    }

    .role_tag {
      width: 90%;
      display: flex;
      margin-top: .625rem
    }

    .role_tag_item {
      background-color: rgba(160, 93, 255, .533);
      border: .0625rem solid #a05dff;
      border-radius: .25rem;
      padding: .03125rem .25rem .15625rem;
      box-sizing: border-box;
      font-size: .625rem;
      color: #cc8eff;
      margin-right: .625rem;
      display: flex;
      justify-content: center;
      align-items: center
    }

    .info_content {
      width: 20.5rem;
      height: 10.71875rem;
      background-image: url(../images/AIGirls/jianjie_kuang-CRjeTxZ3.png);
      background-size: 100% 100%;
      margin-top: .625rem;
      display: flex;
      flex-direction: column;
      align-items: center
    }

    .role_head {
      width: 3.75rem;
      border-radius: 1.875rem;
      margin-right: .625rem
    }

    .content {
      width: 100%;
      overflow-y: scroll;
      overflow-x: hidden;
      display: flex;
      justify-content: center;
      background-color: #000
    }

    .image_content {
      width: 100%;
      height: 100%;
      -webkit-mask-image: linear-gradient(to bottom, #ffffff 30%, transparent 100%);
      mask-image: linear-gradient(to bottom, #ffffff 30%, transparent 100%);
      display: flex;
      justify-content: center;
      pointer-events: none
    }

    .top {
      /* width: 90%;
            display: flex;
            height: 3.125rem;
            position: absolute;
            top: 1.25rem;
            justify-content: space-between */
    }

    .btn {
      background-image: url(../images/AIGirls/shezhi_anniu-C2pO_taI.png);
      background-size: 100% 100%;
      width: 14.46875rem;
      height: 2.40625rem;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: .9375rem
    }

    .content {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      background-color: #000;
      overflow-y: scroll
    }

    .image {
      width: 100%;
      pointer-events: none
    }

    .video_content {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      object-fit: cover
    }

    .top {
      /* width: 90%;
            display: flex;
            height: 3.125rem;
            position: absolute;
            top: 1.25rem;
            justify-content: space-between */
    }

    .bottom {
      width: 90%;
      display: flex;
      position: absolute;
      bottom: 1.875rem;
      align-items: center;
      justify-content: flex-end;
      flex-direction: column
    }

    .diamond_unlock_diamond_text {
      color: #a458ff;
      -webkit-tap-highlight-color: #a458ff;
      -webkit-background-clip: text
    }

    .diamond_unlock_anim {
      position: absolute;
      left: 0;
      top: 0;
      height: .9375rem;
      font-size: .75rem;
      font-weight: 500;
      display: flex;
      color: rgba(153, 160, 194, 0);
      justify-content: center;
      overflow: hidden;
      white-space: nowrap;
      animation: shine-1a5b7122 3s infinite linear;
      -webkit-text-fill-color: transparent;
      background: linear-gradient(45deg, rgba(255, 255, 255, 0) 10%, #fff, rgba(255, 255, 255, 0) 60%) -100%/50% no-repeat currentColor;
      -webkit-background-clip: text
    }

    .diamond_unlock_anim span {
      position: relative;
      display: inline-block;
      z-index: 2
    }

    @keyframes shine-1a5b7122 {
      0% {
        background-position: -100% center
      }

      to {
        background-position: 200% center
      }
    }

    .favor_progressbg {
      background-image: url(data:image/png;base64,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);
      background-size: 100% 100%;
      width: 6.3125rem;
      height: 1.5625rem;
      display: flex;
      justify-content: center;
      align-items: center
    }

    .content {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      background-image: url(../images/AIGirls/bj-D8Bx9WFZ.png);
      background-size: 100% 100%;
      min-height: 100%;
      flex-direction: column;
      align-items: center
    }

    .top {
      /* width: 90%;
            display: flex;
            flex-direction: column */
    }

    .item_list {
      display: flex;
      width: 90%;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
      overflow: hidden scroll;
      flex-wrap: wrap;
      margin-bottom: 5rem
    }

    .make_btn {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbMAAAB4CAYAAAB4tRxEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFBElEQVR4nO3dz4tdZx3A4U9uGkp16kJtg9lowdjGTdUG221cuVIXiqKNoAul0IINuLHqQtGFYBWKFN20lFo3iuIfYLe2mBY32h9CUbRQqwgmNZgS4uIkbX50MnPvnc7JK88DwzD3nnPud/fh3nnvefc8fPRsO+DG6kh1R3VLdVN1Q/XW6tqdeAEAhvbf6pXq5eqF6pnqt9Xj1d/Xvfg1a5z7jurz1Wer26o96w4DwP+ta8/9vL26ufroucfPVserx6pHqn+ucvHFCue8q/p+9efq/upwQgbAavY0deT+6i/VA9WBZS+yTMyuqb5aPVcda/oIEQB2yluqu6tnm3qzb7snbjdmB6snq+9VG8tOBwBL2GjqzZPV+7dzwnZi9vHqd9UHV58LAJb2geqJ6hNbHbhVzL5U/aJ629ojAcDyNqqfN/VoU1eK2V3Vj6u9OzgUACxrb1OP7trsgM1i9rGmFSUAcLV4oKlPl3mjmB2qfpp3ZABcXfY29enQpU9cGrN91c+yYhGAq9NGU6cuWrZ/acy+Ut26SwMBwCpure698IELY3ag+uaujgMAq/lGF9wp5MKYfS0fLwIwho3qvvN/nI/ZO6svzjIOAKzmC039ei1md1bXzTYOACzvuqZ+XRQzABjN52qK2Y3Vh+adBQBWclt1YFF9JPuRATCmPdWRRXX73JMAwBoOL6pb5p4CANZw86J679xTAMAaDi6q/XNPAQBr2L+orp97CgBYw/Vb7TQNAFc9MQNgeGIGwPDEDIDhiRkAwxMzAIYnZgAMT8wAGJ6YATA8MQNgeGIGwPDEDIDhiRkAwxMzAIYnZgAMT8wAGJ6YATA8MQNgeGIGwPDEDIDhiRkAwxMzAIYnZgAMT8wAGJ6YATA8MQNgeGIGwPDEDIDhiRkAwxMzAIYnZgAMT8wAGJ6YATA8MQNgeGIGwPDEDIDhiRkAwxMzAIYnZgAMT8wAGJ6YATA8MQNgeGIGwPDEDIDhiRkAwxMzAIYnZgAMT8wAGJ6YATA8MQNgeGIGwPDEDIDhiRkAwxMzAIYnZgAMT8wAGJ6YATA8MQNgeGIGwPDEDIDhiRkAwxMzAIYnZgAMT8wAGJ6YATA8MQNgeGIGwPDEDIDhiRkAwxMzAIYnZgAMT8wAGJ6YATC604vqxNxTAMAaTiyql+aeAgDW8K9F9ae5pwCANTy/qJ6ZewoAWMOzi+qJuacAgDUcX1SPV2fnngQAVnC2+s35BSBPzTwMAKziqerF898ze3TOSQBgRY/V61+afrQ6Nd8sALC0U9Uj9XrM/lE9NNs4ALC8h5r6ddHtrL5TnZxlHABYzsmmblUXx+zF6lu7Pg4ALO/bTd2qLr/R8A+rp3dzGgBY0tPVDy584NKYvVp9uvr3bk0EAEs4UX2mqVeveaMtYJ6vjlZndmEoANiuM9Wd1XOXPrHZfma/ru55MycCgCXd09Sny1xpc84Hqy/nHRoA8zrT1KMHNztgq52mf1J9Mv9DA2AeJ6tPNfVoU1vFrOpX1eGscgRgd/2+ur365VYHbidmNS0KuaO6L7e9AuDNdar6evXh6g/bOWG7Mas6XX23Oti0vv+VZacDgCv4T/Wj6n1Nd/c4vd0Tl4nZeX+rjlXvOff7ePZDA2A1Z5s6cqx6d3V39ddlL7Ln4aM70qH91ZGmzzYPVTdVN1Qb1b6deAEAhvZq02KOl6sXqj9WTzRtEP3Suhf/H+GHg3yADoX5AAAAAElFTkSuQmCC);
      background-size: 100% 100%;
      width: 8.96875rem;
      height: 2.46875rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .8125rem
    }

    .bottom {
      width: 100%;
      position: absolute;
      bottom: 0;
      height: 3.75rem;
      background-color: #0a0d1e;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .tips_text {
      font-size: .6875rem;
      color: #b3b3b3;
      margin-top: .15625rem
    }

    .tips_image1 {
      background-size: 100% 100%;
      width: 4.5rem;
      height: 4.5rem;
      position: relative;
      background-image: url(../images/AIGirls/zhuyi1-EkH-WYaz.png)
    }

    .tips_image2 {
      background-size: 100% 100%;
      width: 4.5rem;
      height: 4.5rem;
      position: relative;
      background-image: url(../images/AIGirls/zhuyi2-DUKx7yTF.png)
    }

    .tips_image3 {
      background-size: 100% 100%;
      width: 4.5rem;
      height: 4.5rem;
      position: relative;
      background-image: url(../images/AIGirls/zhuyi3-1gutn9ml.png)
    }

    .image_box {
      width: 95%;
      max-height: 98%;
      overflow: hidden;
      border-radius: .3125rem;
      display: flex;
      align-items: flex-start;
      justify-content: center
    }

    .box_contents {
      width: 95%;
      height: 12.5rem;
      display: flex;
      justify-content: space-evenly;
      margin-top: .625rem
    }

    .box {
      background-image: url(../images/AIGirls/kuang-CQ4fpNWm.png);
      background-size: 100% 100%;
      width: 9.9375rem;
      height: 12.375rem;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center
    }

    .returnbtn {
      width: 3.125rem;
      height: 3.125rem;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      left: 0
    }

    .top {
      /* width: 100%;
            display: flex;
            margin-top: 1.875rem;
            font-size: .875rem;
            align-items: center;
            justify-content: center */
    }

    .content {
      display: flex;
      color: #fff;
      width: 100%;
      flex-direction: column;
      align-items: center
    }

    .result_fail {
      color: #a458ff;
      text-align: center;
      white-space: normal
    }

    .result_btn {
      width: 4.53125rem;
      height: 1.8125rem;
      background-image: url(data:image/png;base64,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);
      background-size: 100% 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #a458ff
    }

    .result_content {
      width: 4.6875rem;
      margin-right: .625rem
    }

    .image_item {
      width: 4.0625rem;
      height: 4.0625rem;
      border-radius: .3125rem;
      overflow: hidden
    }

    .item_content {
      width: 19.78125rem;
      height: 6.1875rem;
      background-image: url(../images/AIGirls/kuang-C16R109h.png);
      background-size: 100% 100%;
      display: flex;
      align-items: center;
      margin-top: .3125rem;
      justify-content: space-between
    }

    .record_content {
      width: 19.78125rem;
      display: flex;
      flex-direction: column;
      margin-top: .3125rem;
      font-size: .75rem
    }

    .items_content {
      display: flex;
      flex: 1;
      width: 95%;
      margin-top: .625rem;
      margin-bottom: .625rem;
      overflow-y: scroll;
      overflow-x: hidden;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start
    }

    .status_select {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: .46875rem;
      margin-right: .46875rem;
      height: 1.5625rem;
      background-color: #2a3b5f;
      background-size: 100% 100%;
      color: #fff;
      border-radius: .1875rem;
      font-size: .625rem
    }

    .status_normal {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: .46875rem;
      margin-right: .46875rem;
      height: 1.5625rem;
      background-color: rgba(27, 29, 43, .533);
      background-size: 100% 100%;
      color: #7d8295;
      border-radius: .1875rem;
      font-size: .625rem
    }

    .typeitem_select {
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 1.5625rem;
      font-size: .8125rem;
      border-bottom: .125rem solid #a458ff;
      margin-left: .625rem;
      margin-right: .625rem
    }

    .typeitem_normal {
      color: #7d8295;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 1.5625rem;
      font-size: .8125rem;
      margin-left: .625rem;
      margin-right: .625rem
    }

    .top {
      /* position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 95%;
            top: 2.1875rem */
    }

    .content {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: start;
      width: 100%;
      min-height: 100%;
      background-image: url(../images/AIGirls/bj-D8Bx9WFZ.png);
      background-size: 100% 100%;
      overflow-y: scroll;
      overflow-x: hidden
    }

    .download {
      background-image: url(../images/AIGirls/shezhi_anniu-C2pO_taI.png);
      background-size: 100% 100%;
      width: 14.46875rem;
      height: 2.40625rem;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: .9375rem
    }

    .bottom {
      display: flex;
      position: absolute;
      bottom: 6.25rem;
      align-items: center;
      justify-content: center;
      width: 100%
    }

    .top {
      /* display: flex;
            position: absolute;
            top: 3.125rem;
            width: 100%;
            align-items: center;
            justify-content: center */
    }

    .src_content {
      width: 100%;
      pointer-events: none
    }

    .video_content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      object-fit: cover
    }

    .content {
      display: flex;
      width: 100%;
      background-color: #000;
      background-size: 100% 100%;
      overflow-y: scroll;
      overflow-x: hidden
    }

    .toast_cancel_btn {
      width: 6.8125rem;
      height: 2.5rem;
      background-image: url(../images/AIGirls/weixuanzhong-CAaPwbP9.png);
      background-size: 100% 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #898ba1;
      font-size: .75rem
    }

    .toast_confirm_btn {
      width: 6.8125rem;
      height: 2.5rem;
      background-image: url(../images/AIGirls/xuanzhong-D_x1rDCL.png);
      background-size: 100% 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: .75rem
    }

    .toast_text_content {
      width: 90%;
      font-size: .6875rem;
      color: #898ba1;
      text-align: center;
      margin-top: .625rem;
      min-height: 6.25rem;
      white-space: pre-wrap
    }

    .toast_title {
      color: #fff;
      font-size: 1rem;
      margin-top: .625rem
    }

    .toast_bg {
      background-image: url(../images/AIGirls/di-y7G1fSLO.png);
      background-size: 100% 100%;
      width: 17.325rem;
      height: 12.99375rem;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-direction: column
    }

    .toast_content {
      background-color: rgba(0, 0, 0, .533);
      background-size: 100% 100%;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0%;
      top: 0%;
      z-index: 99;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column
    }

    .card_item_left {
      display: flex;
      width: 12.5rem;
      height: 5rem;
      flex-direction: column
    }

    .card_item {
      background-color: rgba(106, 106, 106, .157);
      border-radius: .625rem;
      display: flex;
      width: 21.74375rem;
      justify-content: space-around;
      margin-bottom: .625rem;
      align-items: center
    }

    .card_item_list {
      width: 100%;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: flex-start;
      margin-top: .625rem;
      margin-bottom: 5rem;
      white-space: normal
    }

    .recharge_tips {
      height: .9375rem;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKcAAAAqCAYAAADWOEvqAAAACXBIWXMAAAsTAAALEwEAmpwYAAACCklEQVR4nO3dsUtVYRzH4efeQkJqdAyxRatZxIwmwZbW6g8Ql7T/pXKxoSmEWhtC2sqQhraiWooca6toMMKGV+Wqt/KG3vMS32e5cA7n3N/wgcs953De1v3rm3o0ghlcxFkM4xQGej1R/Lc28BUf8QarWMGHXk7SOmCcx3AV85hEq5cvicAm1rCIh/j5twPaBzjpNF5hGRckzPg3LaWfZaWn6b8d8Kc4T2AJTzB2GNNFbBlTulpSOuvqd3EO4SnmDn+uiB1zSmdD3XZ2i3MIzzB+hENFbBtXetsX6N44B/EIo30YKmLbqNLdYOfGvXHewkS/JoroMKH0t6MzzmnM9nWciN1mdfyLb3d83m5knIjd7ijX1XfivKbc7Ylo2phyw2cnzhvNzRKxzzwlzhHlyn1ELSZxpo3Lcksy6tLCTBtTTU8S0cVUG+ebniKii3NtnG56ioguhtvKg8IRtTnZlifYo04DB3nYOKIRiTOqlTijWokzqpU4o1qJM2q1kTijVt8SZ9RqPXFGrV4nzqjV88QZNdrESuKMGq3hfeKMGi2S65xRn7fKKxITZ1Tnpq13dybOqMk95dWISJxRjxdY6NyQOKMG73AF3zs3Js5o2ktcwue9OxJnNOmusirLp247j/d3lgiUn/EFHX9+ukmc0U/bS708cIClXhJnHIUf+IJ15aL6Kh7rcZGsXxLoRKNvxPFIAAAAAElFTkSuQmCC);
      background-size: 100% 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: .625rem;
      color: #fff;
      margin-left: .15625rem;
      margin-bottom: .15625rem;
      padding: .09375rem .3125rem .09375rem .15625rem
    }

    .recharge_btn {
      height: 2.625rem;
      width: 6.80625rem;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUoAAAB4CAYAAACU7LsXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEw0lEQVR4nO3dz4tdZx3A4c/cNJRq6kJtg9lowVjjpmqD7TauXKkLxaBV0IVSaMEG3Fh1oehCsApFim4KJdaNovgHmK0tpsWNto1QFC1oFcGkBlNCXJykzUwy885MxrmnyfPAMMy995z7XX24d86Pd+X40QvtgNurI9W91XurO6rbqjdXN+/EGwBs4L/VK9XL1YvVc9VvqhPV36915zddw7Zvqz5Xfbq6u1q51mEAtunmiz9vre6sPnLx8QvVyerJ6onqn9vZ+WIb27yj+l71p+qR6nAiCczTSlOjHqn+XD1aHdjqTrYSypuqr1QvVMeavlYDvFG8qXqger6pZXs3u+FmQ3mwerr6brVvq9MBzMi+ppY9Xb1vMxtsJpQfq35bfWD7cwHMzvurp6qPj144CuUXq59Xb7nmkQDmZ1/1s6bWrWujUN5f/ajas4NDAczNnqbW3b/eC9YL5Uebjg4B3CgebWrfFa4WykPVT/JJErix7Glq36G1T6wN5d7qpzmyDdyY9jU1cNWpQ2tD+eXqrl0aCGCO7qoeuvyBy0N5oPrGro4DME9f77IreC4P5VfzlRugphY+fOmPS6F8e/WFpYwDME+fb2rja6G8r7plaeMAzM8tTW1cFUoAVvtMTaG8vfrgcmcBmKW7qwOL6sO5nyTA1axURxbVPcueBGDGDi+a1rgB4OruXFTvXvYUADN2cFHtX/YUADO2f1HduuwpAGbs1u2swghwQxFKgAGhBBgQSoABoQQYEEqAAaEEGBBKgAGhBBgQSoABoQQYEEqAAaEEGBBKgAGhBBgQSoABoQQYEEqAAaEEGBBKgAGhBBgQSoABoQQYEEqAAaEEGBBKgAGhBBgQSoABoQQYEEqAAaEEGBBKgAGhBBgQSoABoQQYEEqAAaEEGBBKgAGhBBgQSoABoQQYEEqAAaEEGBBKgAGhBBgQSoABoQQYEEqAAaEEGBBKgAGhBBgQSoABoQQYEEqAAaEEGBBKgAGhBBgQSoABoQQYEEqAAaEEGBBKgAGhBBgQSoABoQQYEEqAAaEEGBBKgAGhBBgQSoABoQQYEEqAAaEE2Ni5RXV62VMAzNjpRfW3ZU8BMGP/WlR/XPYUADN2alE9t+wpAGbs+UX11LKnAJixk4vqRHVh2ZMAzNCF6teXDuY8s+RhAObomeqlS+dRHl/mJAAz9WS9fsL58ers8mYBmJ2z1RP1eij/UT2+tHEA5ufxpjauuoTx29WZpYwDMC9nmppYrQ7lS9U3d30cgPn5VlMTqytvivGD6tndnAZgZp6tvn/5A2tD+Wr1qerfuzURwIycro42tfA1V7vN2qnqs9X5XRgKYC7OV/dVL6x9Yr37Uf6qevD/ORHAzDzY1L4rbHTj3seqL+WTJXB9O9/UusfWe8HoDuc/rj6R/1kC16cz1SebWreuzSwF8cvqcI6GA9eX31X3VL8YvXCza+acqu6tHs6ljsAb29nqa9WHqt9vZoOtLC52rvpOdbDpHKNXtjodwBL9p/ph9Z6mq27ObXbD7azC+NfqWPWui79P5n6WwDxdaGrUseqd1QPVX7a6k5XjR3ekcfurI03f9w9Vd1S3VfuqvTvxBgAbeLXpwMzL1YvVH5pWbzjRDiyg+D+xAoN68/337AAAAABJRU5ErkJggg==);
      background-size: 100% 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: .9375rem;
      color: #fff;
      margin-right: .625rem
    }

    .recharge_bottom {
      width: 100%;
      height: 3.75rem;
      background-color: #23263e;
      background-size: 100% 100%;
      position: absolute;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: space-between
    }

    .card_tag {
      width: 2.975rem;
      height: 1.33438rem;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAA9CAYAAAB2vSGUAAAACXBIWXMAAAsTAAALEwEAmpwYAAADI0lEQVR4nO3dy2sTURjG4d+JtVDbtFalIIgu2kQEKYJbm7QFBelKBcG9iCKICP4JXShir2IXXQhlohSqoG68o4hbF+JGoSAWRBGaWBu7sMZFLk6nmUnSpMnYvM8mM9+cc/K1vEzuiUmlUlTKRP+8MYbdBsLAHmMIGlKNAMaAyYzLbhtSkNtO18nUTZF1QypzbOW6+cblu/4V4wBjUgX2HWs5aq7zMjWcNUcPrFrH9rdjH2er5cY4/h+2Hu3jcczBMc92+biBMt3sm+/AcMLAYaAXaC93TfGNH2sOyI2+eI+BSwYGgM0VbEp8pOSAjPfGDxrDENCzDv2IzxQdkLHe+BYDV4FzQGD9WhI/KSogY9H4fgzTwL517kd8pmBARqPxIwZmgJYq9CM+43lTMRqNnwQeoHDULdeAjEQT/cAU0Fi9dsRv8gZkJJLYC9xF4ah7qwIyEkk0AdNAW/XbEb/JdwYZBLqr3Yj404qADEcS3cCFGvUiPuQ8gwwCm2rRiPhTLiDDkcQB0q+riOTYzyAX+fdqrwiQCchQT6IZOF7jXsSHsmeQASBYy0bEn7IB6a9pF+JbCoh4Cgz1JJqAzlo3Iv4UAELoDUDiIgDsqnUT4l8B9OhFPCgg4imAPrIgHnTnVDwpIOJJARFPCoh4UkDEy28FRLwsKiDi5ZcCIl6+KSDi5bMCIm4WgTkFRNy8a7bCfxQQcfMS9DyIuHsOCojklwRegwIi+d1rtsJJUEAkv6nshgIiTp+Ap9kdBUScrrVY4eXsjgIidnPApL2ggIjd5RYrvGQvKCCS9Sxohe84iwqIACyQ/or1VRQQATgbtMIf8x1QQGS81QrF3A4qIPXtPumvHnOlgNSvV8CpViu07DVIAalPD4GjbVYoWWigAlJ/JoFjxYQD1vCTZPLfSgLnt8ZCt0qZpIDUhzfAmfZY6H2pE3UTs7F9B04Dh7bFukoOB+gMslF9Aa4DE9tjXT/LWUgB2TiWgUdADJjZEetaKjC+KArI/ysFzJJ+9/kL4ElHrPNrpa+kAXgLXKn0wlJRSdIfZFogfb9iFviw83ZnUQ9Vy/EXZZ6MivR0d4EAAAAASUVORK5CYII=);
      background-size: 100% 100%;
      position: absolute;
      left: .46875rem;
      top: .3125rem;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .card_normal {
      background-image: url(../images/AIGirls/card_weixuanzhong-CCqgZwom.png);
      background-size: 100% 100%;
      width: 6.875rem;
      height: 8.3125rem;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column
    }

    .card_select {
      background-image: url(../images/AIGirls/card_xuanzhong-DkECWA0t.png);
      background-size: 100% 100%;
      width: 6.875rem;
      height: 8.3125rem;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column
    }

    .first_pay_bg {
      background-image: url(../images/AIGirls/heng_di-CL6bhbvK.png);
      background-size: 100% 100%;
      width: 9.84375rem;
      height: .9rem;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 8.4375rem
    }

    .goods_select {
      background-image: url(../images/AIGirls/xuanzhong1-D87BlGcK.png);
      background-size: 100% 100%;
      width: 12.81875rem;
      height: 13.15625rem;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      position: relative;
      margin-left: -1.25rem;
      margin-right: -1.25rem;
      margin-top: -.625rem;
    }

    .goods_normal {
      background-image: url(../images/AIGirls/weixuanzhong1-3wsGP9hd.png);
      background-size: 100% 100%;
      width: 12.81875rem;
      height: 13.15625rem;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      position: relative;
      margin-left: -1.25rem;
      margin-right: -1.25rem;
      margin-top: -.625rem;
    }

    .card_recharge_info_btn {
      width: 5.9375rem;
      height: 1.96875rem;
      background-image: url(data:image/png;base64,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);
      background-size: 100% 100%;
      position: absolute;
      right: 0;
      color: #20222f;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .card_recharge_bg {
      width: 20.4375rem;
      height: 5.3125rem;
      background-image: url(../images/AIGirls/kaitong_di-BbdQSac5.png);
      background-size: 100% 100%;
      margin-top: .625rem;
      display: flex;
      align-items: center;
      position: relative
    }

    .tag_item_normal {
      border-bottom: none;
      color: #b3b3b3;
      margin-right: .625rem;
      font-size: .9375rem;
      padding-bottom: .3125rem;
      margin-left: .625rem
    }

    .tag_item_select {
      padding-bottom: .3125rem;
      border-bottom: .125rem solid #a458ff;
      color: #fff;
      margin-right: .625rem;
      margin-left: .625rem;
      font-size: .9375rem
    }

    .method_normal {
      width: 4rem;
      height: 4rem;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAADaCAYAAADAHVzbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFUlEQVR4nO3c224TVwCF4eVAOCRQoFIfrurzVX24VoKWQ4CEuBdjC4rteMZxFtXk+yRfMInH+yI/ew7bs1gulwHu1smPHgDcB0KDAqFBwcPvN/z+61H2e5LkcZJHq894sNq2WL3gR1uuXtdJviS5SvI5yafVtlv57Y///nsjtFs4SXKW5GmS0yPuF+7C+j/9kwwdPE5yvvrZZZKLJB9yhOiS44T2IMMAz2O2Yh5OV6/nGWJ7l2HWO9htQ3u2GozAmKNFhgnkLMnbJO8zHG5OdmhoD5O8ikNE7odFkp8ynBa9znA+N8khVx2fJPklIuP+Oc3wt/9k6hunhnaW5Oc4VOT+WmRo4GzKm6aEdp7k5ZSdw4y9zNerlHuNDe1JkheHjAZm7EVGHkaOCW194QPY9CojLiruC22x2pFzMthuVCP7QjuPq4uwz2n2nK/dFNqDDDejgf2eZ2hmq5tCexaHjDDWIkMzW+0Kbb1AGBjvLDua2hXa05jNYKpFhnY27ArNbAaH2drOttBO4kojHOo0Wy6KbAvt8d2PBWbt0fcbtoW28UvAJKNCO+bjDeA+2mhoW2g7b7oBo4w6RxMa3M6o0Nw/g9vZaMgDVKFAaFAgNCgQGhQIDQqEBgVCgwKhQYHQoEBoUCA0KBAaFAgNCoQGBUKDAqFBgdCgQGhQIDQoEBoUCA0KhAYFQoMCoUGB0KBAaFAgNCgQGhQIDQqEBgVCgwKhQYHQoEBoUCA0KBAaFAgNCoQGBUKDAqFBgdCgQGhQIDQoEBoUCA0KhAYFQoMCoUGB0KBAaFAgNCgQGhQIDQqEBgVCgwKhQYHQoEBoUCA0KBAaFAgNCoQGBUKDAqFBgdCgQGhQIDQoEBoUCA0KhAYFQoMCoUGB0KBAaFAgNCgQGhQIDQqEBgVCgwKhQYHQoEBoUCA0KBAaFAgNCoQGBUKDAqFBgdCgQGhQIDQoEBoUCA0KhAYFQoMCoUGB0KBAaFAgNCgQGhQIDQqEBgVCgwKhQYHQoEBoUCA0KBAaFAgNCoQGBUKDAqFBgdCgQGhQIDQoEBoUCA0KhAYFQoMCoUGB0KBAaFAgNCgQGhQIDQqEBgVCgwKhQYHQoEBoUCA0KBAaFAgNCoQGBUKDAqFBgdCgQGhQIDQoEBoUCA0KhAYFQoMCoUGB0KBAaFAgNCgQGhQIDQqEBgVCgwKhQYHQoEBoUCA0KBAaFAgNCoQGBUKDAqFBgdCgQGhQIDQ4vuX3G7aFtvFLwCSjQvtSGAjM2fX3G4QGx7fR0LbQrgoDgTnbaGhbaJ8LA4E522hoW2ifCgOBORsV2nWSy7sfC8zSZUaeoyXJh7sdC8zWxbaNu0K7iPtpMNUyOyapXaFd73oDsNOHbLmHlty8BOtdzGow1jJDM1vdFNqXJG+PPhyYp7e5YbHHvkXF7+MKJOxzmaGVnfaFtkzyOg4hYZdRjYz5mszVakfAptcZsWxx7PfRPib5+1bDgfn5O0Mbe0354uf7JG8OGQ3M0JvsOS/71sOJO1/fJ3iVZDHxvTAH63OyUTPZ2iGPMviY5M+4Gsn9c5nhb39SZMn0GW3tKslfSc6TPI/ZjXlb34w+eBHHoaF9++EXGYI7j+CYl/XaxXe55ZMHbhPa2pck/6wGc5bkaZLTI+wXfpTLDBPIzrWLUx0jtLXrfJ1eT5I8TvJo9RkPVtsWMevx/7Bcva4zTBZXGb6w+SlHiutbi+XSog+4ax6gCgVCgwKhQcG/tIOA4m7w9YsAAAAASUVORK5CYII=);
      background-size: 100% 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly
    }

    .method_select {
      width: 4rem;
      height: 4rem;
      background-image: url(data:image/png;base64,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);
      background-size: 100% 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
    }

      #method_id:has(.method_normal:nth-child(6)) {
      column-gap: 2rem;
    }

    #method_id:has(.method_normal:nth-child(6)) .method_select {
       width: 5rem;
      height: 5rem; 
    }
    
    #method_id:has(.method_normal:nth-child(6)) .method_normal {
       width: 5rem;
      height: 5rem; 
    }

    #method_id:has(.method_select:nth-child(6)) {
      column-gap: 2rem;
    }

    #method_id:has(.method_select:nth-child(6)) .method_select {
       width: 5rem;
      height: 5rem; 
    }
    
    #method_id:has(.method_select:nth-child(6)) .method_normal {
       width: 5rem;
      height: 5rem; 
    }

    .diamond_self_bg {
      width: 20.4375rem;
      height: 3.46875rem;
      background-image: url(../images/AIGirls/zs_kuang-ChNcXi4h.png);
      background-size: 100% 100%;
      margin-top: 3.875rem;
      display: flex;
      align-items: center
    }

    .top {
      /* width: 100%;
            display: flex;
            margin-top: 1.875rem;
            font-size: 1.25rem;
            align-items: center;
            justify-content: center;
            position: relative */
    }

    .returnbtn {
      width: 3.125rem;
      height: 3.125rem;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      left: 0
    }

    .container {
      display: flex;
      color: #fff;
      width: 100%;
      flex-direction: column;
      align-items: center;
      background-image: url(../images/AIGirls/bj-DAG5QnAo.png);
      background-size: 100% 100%
    }

    .content {
      display: flex;
      color: #fff;
      width: 100%;
      flex-direction: column;
      align-items: center;
      background-image: url(../images/AIGirls/bj-DAG5QnAo.png);
      background-size: 100% 100%;
      height: 100%;
      overflow-y: scroll
    }

    .item_left {
      display: flex;
      width: 12.5rem;
      height: 5rem;
      flex-direction: column
    }

    .item {
      background-color: rgba(106, 106, 106, .157);
      border-radius: .625rem;
      display: flex;
      width: 21.74375rem;
      justify-content: space-around;
      margin-bottom: .625rem;
      align-items: center
    }

    .item_list {
      width: 100%;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: flex-start;
      margin-top: .625rem;
      margin-bottom: 5rem;
      white-space: normal
    }

    .tips_image1 {
      color: #cd77ff;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATIAAAA8CAYAAADluzYBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEvUlEQVR4nO3cT0wcZQCG8ZdhKU5nty5su+V/SykUaTUtqPVQi1oNxhisJ9PES5NebdLDnjx7mlvTe2M0abxoJCaWJloh8aCGTZSKWGjZUmApBZYAw0IXiod2FVoKu6ll+ZLnd5yZL3lPT2aTgbzl5WVlxPX8kvZKKpVULMmWtC2zwwCwoXuSkpISkkYkxRRxZjM5mLdhyFyvSlLD3EKy5Eb81lTv0I3ZvuGBuXhibHFyZmrpKYcDgCSpOBDMLy0K+/aX7bVfqNwfqCndE9xeaN+R1KOIc2u9s08OmevtlNQwPj1ZeSXaGb/c1TG9dH8pw9c3AHg6+VZ+Xkvj8UBLU3Ppzh3Fw3oQtLtrPbt2yFzvUGoxdfSH338e+uLHr8ef8V4AWNfHb34YevvwsaoCX8Evijjdj95/PGSud2RuIfnS+baL/d2x3vnNGgoA6zlYVVd4tvV0rd92uhVxoivvrQ6Z6x2aW0g2ffbVhb9jd26nNnsoAKynaldZwacffXLAbztdijjX0tetf59wvV1L95eOnm+72E/EAGxFg3dHUhe++7w/tZh6Ta4XTl+3VjzTcCXaeZufkwC2su5Y73x7tHNQUkP62oOQud6e8enJii+vfjORq3EAkKlLHd9OjE1NlMv19kr/vZE1tHd1jORuFgBk53LXTyN6+FZmyfX8cwvJ3e3Rzpkc7wKAjLVHO6Znk15YrhewJFX3j8QSfOwKwDT98VsJSdWWpNLeoRsZ/T0TAGwlPYPXZySVWZKK+kdiyVwPAoBsXR8emJdUZEmy44mxxVwPAoBsxRNjKUm2JWkb/8UCgIlmk959ST5rwycBYIsjZACMR8gAGI+QATAeIQNgPEIGwHiEDIDxCBkA4xEyAMYjZACMR8gAGI+QATAeIQNgPEIGwHiEDIDxCBkA4xEyAMYjZACMR8gAGI+QATAeIQNgPEIGwHiEDIDxCBkA4xEyAMYjZACMR8gAGI+QATAeIQNgPEvSveJAMD/XQwAgW37bsSQtWpLmw8+HfLkeBADZKisO+yQlLUmTBypq7FwPAoBs1ZZV25ISlqT4gYp9gVwPAoBs1VfuD0iKW5JiNSV7gjneAwBZqyurDkoasBRxZvy2M9bS2Lwj16MAIFPvHHl9h992xhVxptOfX/S82/RGWU5XAUAW3nv5rRJJPVL6O7KIEwsHQ8Onmj8I5XIYAGTiVHNrcTgYGlXEGZBWfxDb09J4vPJgVV1hjrYBwIbqK2oKWxqbq/TwbUxaGbKIM1bgK/j1bOvp2vJQCd+VAdhyykMlvnMnz9QW+Ap+U8S5k76et7y8vPpJ12uaTXqHzrdd7Ptz8PrCZg8FgLXUV9QUnjt5ptZvO9cUcbpW3ns8ZJLkei+mFlOvtkc7Bi91tE1u1lAAWMup5tbilsbmqodvYn88en/tkEmS6+2W1DA2NVHyfdfV+JVo58wz3goAq5w4fCzw/isnSsPB0KiknpU/J1d6csjSXK9aUsNs0tvZF48l/hrsm+0bGUgOjY+m5haSGxwGgMxsL7TzykMl2+rKq5+rr6jx15XvK/LbzoQeBOzmemc3Dlma6+2QVC2pVFKRpO2S+K8ZAP4vS5LmJCUkjUq6qYgzncnBfwCh53RCAniNywAAAABJRU5ErkJggg==);
      background-size: 100% 100%;
      width: 6.69375rem;
      height: 1.3125rem;
      font-size: .625rem;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      left: 2.8125rem;
      bottom: .9375rem
    }

    .checkin_btn {
      color: #411a17;
      font-size: .8125rem;
      background-image: url(../images/AIGirls/lingqu_anniu-BxvuhUkb.png);
      background-size: 100% 100%;
      width: 6.9125rem;
      height: 1.77188rem;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: .625rem
    }

    .checkin_bg {
      background-image: url(../images/AIGirls/mianfei_kuang-CJPE15CK.png);
      background-size: 100% 100%;
      width: 21.74375rem;
      height: 8.65625rem;
      margin-top: .625rem;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative
    }

    .top {
      /* width: 100%;
            display: flex;
            margin-top: 1.875rem;
            font-size: 1.25rem;
            align-items: center;
            justify-content: center;
            position: relative */
    }

    .returnbtn {
      width: 3.125rem;
      height: 3.125rem;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      left: 0
    }

    .content {
      display: flex;
      color: #fff;
      width: 100%;
      height: 100%;
      flex-direction: column;
      align-items: center;
      background-image: url(../images/AIGirls/bj-DAG5QnAo.png);
      background-size: 100% 100%;
      overflow-y: scroll
    }

    .container {
      display: flex;
      width: 100%;
      flex-direction: column;
      align-items: center
    }

    .qrcodeview {
      background-color: rgba(0, 0, 0, .533);
      background-size: 100% 100%;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 999;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column
    }

    .changeRoleBtn {
      width: 20.46875rem;
      height: 2.5rem;
      background-color: #a458ff;
      border-radius: .625rem;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: .875rem
    }

    .tab-item-content-title {
      display: flex
    }

    .tab-item-content-right {
      display: flex;
      flex-direction: column;
      margin-left: .625rem;
      margin-top: .3125rem;
      margin-bottom: .3125rem
    }

    .tab-item-content {
      display: flex;
      margin-top: .625rem
    }

    .tab-item-top-title {
      display: flex;
      font-weight: 700;
      font-size: 1.0625rem;
      margin-left: .625rem
    }

    .tab-item-top-num {
      display: flex;
      background-color: #a458ff;
      background-size: 100% 100%;
      align-items: center;
      justify-content: center;
      width: 2.1875rem;
      height: 2.1875rem;
      border-radius: 1.09375rem;
      font-weight: 700;
      font-size: 1.0625rem
    }

    .tab-item-top {
      display: flex;
      align-items: center
    }

    .tab-item {
      display: flex;
      flex-direction: column;
      margin-top: .625rem
    }

    .tab-container {
      display: flex;
      flex-direction: column;
      margin-bottom: 8.125rem
    }

    .top {
      width: 100%;
      display: flex;
      font-size: 1.25rem;
      align-items: center;
      justify-content: center;
      position: absolute;
      background: rgba(0, 0, 0, 0.35);
      padding: 1rem 0;
      z-index: 9999;
    }

    .returnbtn {
      width: 3.125rem;
      height: 3.125rem;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      left: 0
    }

    .content {
      display: flex;
      color: #fff;
      width: 100%;
      flex-direction: column;
      align-items: center;
      background-color: #101222;
      background-size: 100% 100%;
      height: 100%;
      overflow-y: scroll
    }

    .okmsg-content {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #a458ff;
      color: #fff;
      font-size: .9375rem;
      border-radius: 1.25rem
    }

    .okmessage-container {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 1.25rem
    }

    .message-content {
      display: flex;
      height: 3.125rem;
      border: #fff solid .09375rem;
      border-radius: 2.5rem;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: .75rem;
      max-width: 90%
    }

    .message-container {
      display: flex;
      height: 3.125rem;
      justify-content: center;
      align-items: center;
      white-space: nowrap
    }

    .animation-container {
      position: absolute;
      z-index: 998;
      pointer-events: none;
      --border-radius: 100%
    }

    .animation-container:before,
    .animation-container:after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      border-radius: var(--border-radius);
      background: radial-gradient(circle, rgba(255, 255, 255, 0) 80%, #a458ff);
      animation: ripple-44e564fc 2s infinite;
      border: solid #a458ff .0625rem;
      mix-blend-mode: screen
    }

    .animation-container:after {
      animation-delay: .5s
    }

    @keyframes ripple-44e564fc {
      0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
      }

      50% {
        opacity: .5
      }

      to {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
      }
    }

    .mask {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .7);
      z-index: 999;
      display: flex;
      justify-content: center;
      align-items: center
    }

    .guide-content {
      position: relative;
      width: 80%;
      height: 60%;
      background: transparent
    }

    .clone-container {
      position: relative;
      width: 100%;
      height: 100%
    }

    .cutout {
      position: absolute;
      background: #fff;
      z-index: 1;
      border-radius: 10px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, .1)
    }

    .tips_icon {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAnCAYAAABAOmveAAAACXBIWXMAAAsTAAALEwEAmpwYAAACVklEQVRYhdXZT2sTQRyH8U+KxZ699y4q+AJ8BepL8OoL80/VSgX1YD0oHgp6KHgoCm0Fq9AKVmjAQqE2NPUwuyGpyWZ3dtYkzyWwO7PzfcLszG+S1t0byyrQwkKVDgk4xlnZxhdKtruIm7hsMkLbWMWfcY3LCC3gDhbr5YpmAddxCY8EwZHMlXjYJGX6WRSyFM6QIqFpkskZKzVKaBplcgqlhglNs0zOSKnzQrMgkzNUql9olmRy/pHKhWZRJmdAKhe6ZTZlchZxmyA0j2sTjZOGq5ifE+qz1oTDpKCF1hxOhFpp1tnGSf4OraI9wTB1aQsOvUXhEEvZ56wxkL1/H2oL1ezRBELFciTI9GbX+UphH4+NKdGnhGMh66/+i8NquR94is5/CBVLB8tC1gFGVdvfsILTBkPFcipk+z7sZtF56AteoJs8UjxdPBeyDWXcifUTXqnwI0WDnAlZPhc1GicEH/E2RaKavBGyFFJGCN5jrVaceqzhQ5mGZYXgHdaj4tRjPRu7FFWE4DU2Kvapw0Y2ZmmqCp3hJbYq9othKxur0oJUVYiwdK5gJ6JvWXayMSpvGTFChM3tCfYi+xexlz07alOPFSKUH0tC/ZeK/eyZ0WVXHSFCgfhAmrNUO3tWrcK4rhChhL+v3lnqEPckOLqkEILfglRMoBRfSI9UQnCAh6pNmXzKHqQKkVIIfgqn3jIvdSdrm3JRSS4Eu8Lhq2jZzZf93dSDNyEEX/HM8I2xm91rZGNuSgg2hdKlX6qbXdtsatCyfxrHsiG8I1eEabYtvGeN8ReknIonD3n60wAAAABJRU5ErkJggg==);
      background-size: 100% 100%;
      width: 1.1375rem;
      height: .875rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .625rem
    }

    .tips_bar {
      width: 90%;
      display: flex;
      justify-content: center;
      margin-bottom: .3125rem
    }

    .reward_press_bar {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAADCAYAAADfsCLWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAUklEQVQoke2Qyw2AMAxDXzwq8zAP65kLwi1F0AHqSyLb+dax7QawCyjswhRc8ZO/c0VrdFupbbw8PH0/TfkzK/7s+cJ1+2vQxhvzE7Hwi/WkCZzbxGKZ7HjNVQAAAABJRU5ErkJggg==);
      height: .15625rem
    }

    .reward_press_bg {
      width: 90%;
      background-color: #999;
      height: .15625rem
    }

    .reward_press {
      width: 100%;
      height: .15625rem;
      position: absolute;
      z-index: 1;
      top: 1.875rem;
      display: flex;
      justify-content: center
    }

    .invite_reward_content_get {
      width: 3.82813rem;
      height: 3.82813rem;
      background-image: url(../images/AIGirls/lq_di-Cg6blCNn.png);
      background-size: 100% 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column
    }

    .invite_reward_content {
      width: 3.82813rem;
      height: 3.82813rem;
      background-image: url(data:image/png;base64,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);
      background-size: 100% 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column
    }

    .invite_reward_btn_get {
      width: 4.15625rem;
      height: 1.3125rem;
      background-image: url(../images/AIGirls/anniu_lq-CRU_33wP.png);
      background-size: 100% 100%
    }

    .invite_reward_btn {
      width: 4.15625rem;
      height: 1.3125rem;
      background-image: url(data:image/png;base64,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);
      background-size: 100% 100%
    }

    .invite_reward_btn_received {
      width: 4.15625rem;
      height: 1.3125rem;
      background-image: url(data:image/png;base64,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);
      background-size: 100% 100%
    }

    .invite_reward_item {
      display: flex;
      flex-direction: column;
      z-index: 2
    }

    .invite_reward_list {
      width: 90%;
      display: flex;
      justify-content: space-between;
      margin-top: .9375rem;
      position: relative
    }

    .inviteBtn {
      width: 18.30938rem;
      height: 5.22813rem;
      background-image: url(../images/AIGirls/anniu_ljyq-HBegKRLA.png);
      background-size: 100% 100%;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .total_bg {
      background-image: url(../images/AIGirls/leiji_di-DPFDPfnJ.png);
      width: 9.51563rem;
      height: 2.8125rem;
      background-size: 100% 100%;
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      color: #e6ddfb
    }

    .contentbox {
      width: 90%;
      display: flex;
      background-color: #8a2be2;
      border-radius: 1.25rem;
      flex-direction: column;
      align-items: center;
      margin-top: .625rem
    }

    .contentbox1 {
      width: 21.74375rem;
      height: 14.4375rem;
      display: flex;
      background-image: url(../images/AIGirls/di_1-C8bkeaG0.png);
      background-size: 100% 100%;
      flex-direction: column;
      align-items: center;
      margin-top: .625rem
    }

    .contentbox2 {
      width: 21.74375rem;
      height: 18.8125rem;
      display: flex;
      background-image: url(../images/AIGirls/di_2-CmLdsGz9.png);
      background-size: 100% 100%;
      flex-direction: column;
      align-items: center;
      margin-top: .625rem
    }

    .contentbox3 {
      width: 21.74375rem;
      height: 19.18438rem;
      display: flex;
      background-image: url(../images/AIGirls/di_3-BBRS7OOs.png);
      background-size: 100% 100%;
      flex-direction: column;
      align-items: center;
      margin-top: .625rem;
      margin-bottom: 8.125rem;
      color: #e6ddfb
    }

    .top {
      /* width: 100%;
            display: flex;
            font-size: 1.25rem;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 2.5rem */
    }

    .returnbtn {
      width: 3.125rem;
      height: 3.125rem;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      left: 0
    }

    .content {
      display: flex;
      color: #fff;
      width: 100%;
      flex-direction: column;
      align-items: center;
      background-color: #000;
      background-size: 100% 100%;
      height: 100%;
      overflow-y: scroll
    }

    .ui_container_mobile {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow-y: scroll;
      overflow-x: hidden;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch
    }

    .ui_container_pc {
      width: 23.4375rem;
      height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow-y: scroll;
      overflow-x: hidden;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      position: relative
    }

    .pc {
      width: 23.4375rem;
      height: 100vh;
      min-height: 100%;
      margin: auto;
      background-image: url(../images/AIGirls/bj-C_oQhTvZ.png);
      background-size: 100% 100%;
      display: flex
    }

    .mobile {
      width: 100vw;
      height: 100vh;
      min-height: 100%;
      background-image: url(../images/AIGirls/bj-C_oQhTvZ.png);
      background-size: 100% 100%
    }

    .pages {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow-y: scroll;
      overflow-x: hidden;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch
    }

    .toasts {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow-y: scroll;
      overflow-x: hidden;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      position: fixed;
      top: 0;
      left: 0
    }