.panel_mask {
  background: rgba(0, 0, 0, .5);
  height: 100vh;
  height: var(--vh, 100vh);
  top: 0
}

.panel_mask,
.panel_wrap {
  position: fixed;
  width: 100vw
}

.panel_wrap {
  align-items: center;
  background: #fff;
  border-radius: 15px 15px 0 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 0;
  overflow: hidden;
  z-index: 100
}

.panel_title {
  box-sizing: border-box;
  display: flex;
  height: .92rem;
  justify-content: space-between;
  padding: 0 .28rem 0 .4rem;
  width: 100vw
}

.panel_title-text {
  font-size: .28rem;
  font-weight: 500;
  margin-top: .32rem
}


.panel_content {
  width: 100vw
}

.panel_show {
  -webkit-animation: panelShow .2s ease-out forwards;
  animation: panelShow .2s ease-out forwards
}

.panel_hidden {
  -webkit-animation: panelHidden .2s ease-out forwards;
  animation: panelHidden .2s ease-out forwards
}

.mask-show {
  -webkit-animation: mask-show .2s ease-out forwards;
  animation: mask-show .2s ease-out forwards
}

.mask-hide {
  -webkit-animation: mask-hide .2s ease-out forwards;
  animation: mask-hide .2s ease-out forwards
}

@-webkit-keyframes panelShow {
  0% {
    height: 0;
    opacity: 0
  }

  to {
    height: 2.5rem;
    opacity: 1
  }
}

@keyframes panelShow {
  0% {
    height: 0;
    opacity: 0
  }

  to {
    height: 2.5rem;
    opacity: 1
  }
}

@-webkit-keyframes panelHidden {
  0% {
    height: 2.5rem;
    opacity: 1
  }

  to {
    height: 0;
    opacity: 0
  }
}

@keyframes panelHidden {
  0% {
    height: 2.5rem;
    opacity: 1
  }

  to {
    height: 0;
    opacity: 0
  }
}

@-webkit-keyframes mask-show {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes mask-show {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes mask-hide {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes mask-hide {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.content-wrap {
  display: flex;
  justify-content: flex-start;
  padding: 0 .4rem;
  width: 100vw
}

.content-wrap .content-item {
  align-items: center;
  display: flex;
  flex-direction: column
}

.content-wrap .content-item_icon {
  height: .96rem;
  width: .96rem
}

.content-wrap .content-item_text {
  color: #161823;
  font-size: .22rem;
  font-weight: 400;
  margin-top: .16rem
}

.pagelet-worklist .list {
  zoom: 1;
  margin-left: -.01rem;
  margin-right: -.01rem
}

.pagelet-worklist .list:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden
}

.pagelet-worklist .list .item {
  float: left;
  margin-bottom: .02rem;
  width: 33.3%
}

.pagelet-worklist .list .item .cover {
  background-color: #5b5d66;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 0;
  height: 0;
  margin: 0 .01rem;
  padding-top: 133.064516129%;
  position: relative
}




.pagelet-loading {
  padding: .26rem 0;
  text-align: center
}


.pagelet-loading .txt {
  color: hsla(0, 0%, 100%, .3);
  font-size: .26rem;
  margin-left: .15rem;
  vertical-align: middle
}

.header {
  background: #ededed;
  box-sizing: border-box;
  height: .9rem;
  justify-content: space-between;
  left: 0;
  padding: 0 .24rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 995
}

.header,
.header .header-left {
  align-items: center;
  display: flex
}

.header .d-icon {
  height: .53rem;
  width: 1.28rem
}

.header .split-line {
  border-left: .5px solid rgba(0, 0, 0, .32);
  height: .24rem;
  margin-left: .14rem;
  margin-right: .16rem
}

.header .d-text {
  color: rgba(0, 0, 0, .75);
  font-size: .26rem;
  line-height: .36rem
}

.header .open-btn {
  align-items: center;
  background: #fe2c55;
  border-radius: 4px;
  color: #fff;
  display: flex;
  font-size: .24rem;
  font-weight: 500;
  height: .54rem;
  justify-content: center;
  text-align: center;
  width: 1.44rem
}

.login-page {
  background: #fff;
  height: 100vh;
  height: var(--vh, 100vh);
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 1020
}

.login-close-icon {
  height: .4rem;
  position: absolute;
  right: 16px;
  top: 16px;
  width: .4rem
}

.login-container {
  max-width: 8.5rem;
  padding: 1.4rem .64rem 0;
  width: 100%
}

.web-login-dialog {
  z-index: 1020 !important
}

.web-login-container .web-login-input__label,
.web-login-container .web-login-input__prefix {
  position: relative
}

.web-login-container .web-login-input__label:after,
.web-login-container .web-login-input__prefix:after {
  background-color: rgba(22, 24, 35, .2);
  content: "";
  display: block;
  height: .2rem;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .5px
}

.web-login-container .web-login-input__input-wrapper__input {
  caret-color: #fe2c55
}

.web-login-container .web-login-input__input-wrapper__input::-webkit-input-placeholder {
  color: rgba(22, 24, 35, .34)
}

.web-login-container .web-login-input__input-wrapper__input:-moz-placeholder,
.web-login-container .web-login-input__input-wrapper__input::-moz-placeholder {
  color: rgba(22, 24, 35, .34)
}

.web-login-container .web-login-input__input-wrapper__input:-ms-input-placeholder {
  color: rgba(22, 24, 35, .34)
}

.web-login-container .web-login-code-input__button {
  border: .5px solid rgba(22, 24, 35, .5);
  border-radius: 2px
}

.web-login-container .web-login-code-input__button.counting {
  border: none;
  width: .34rem
}

.web-login-container .web-login-code-input__button.disabled {
  opacity: .5
}

.web-login-container .web-login-layout-1__button {
  display: flex
}

.web-login-container .web-login-layout-1__button__content {
  align-items: center;
  display: flex;
  justify-content: center
}




.web-login-container .web-login-input__suffix {
  display: flex
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.login-header {
  background: #ededed;
  box-sizing: border-box;
  height: .9rem;
  justify-content: space-between;
  left: 0;
  padding: 0 .24rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 995
}

.login-header,
.login-header .login-header-left {
  align-items: center;
  display: flex
}

.login-header .d-icon {
  height: .53rem;
  width: 1.28rem
}

.login-header .d-hotsoon-icon {
  margin-top: .06rem;
  width: 2.28rem
}

.login-header .d-text {
  color: rgba(0, 0, 0, .75);
  font-size: .26rem;
  line-height: .36rem
}

.login-header .btn-wrap {
  display: flex
}

.login-header .user-avatar {
  background: rgba(22, 24, 35, .08);
  border: .5px solid rgba(0, 0, 0, .1);
  border-radius: 50%;
  height: .56rem;
  margin-left: .08rem;
  width: .56rem
}

.login-header .open-btn {
  background: #fe2c55;
  color: #fff
}

.login-header .login-btn,
.login-header .open-btn {
  align-items: center;
  border-radius: 4px;
  display: flex;
  font-size: .24rem;
  font-weight: 500;
  height: .54rem;
  justify-content: center;
  text-align: center;
  width: 1.44rem
}

.login-header .login-btn {
  border: .5px solid rgba(0, 0, 0, .34);
  color: #161823
}

.bottom-list-loading {
  align-items: center;
  display: flex;
  flex: 1 1;
  justify-content: center
}

.bottom-list-loading .list-loading-icon {
  height: .56rem;
  width: .56rem
}

.bottom-list-loading .list-loading-text {
  color: hsla(0, 0%, 100%, .3);
  font-size: .3rem;
  margin-left: .16rem;
  vertical-align: middle
}

.user-error-page {
  align-items: center;
  background: hsla(0, 0%, 100%, .96);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: var(--vh, 100vh);
  justify-content: center;
  width: 100vw
}

.user-error-page .user-error-wrap {
  margin-top: -.52rem
}

.user-error-page .user-error-icon {
  height: 3.2rem;
  width: 4.8rem
}

.user-error-page .user-error-title {
  color: #161823;
  font-size: .34rem;
  font-weight: 500;
  line-height: .48rem;
  margin-top: .48rem;
  text-align: center
}

.user-error-page .user-error-subtitle {
  color: rgba(22, 24, 35, .6);
  font-size: .28rem;
  line-height: .4rem;
  margin-top: .08rem;
  text-align: center
}

.multi-line {
  display: flex;
  position: relative;
  width: 100%
}

.multi-line_text {
  color: #161823;
  font-size: .28rem;
  line-height: .4rem;
  overflow: visible;
  white-space: pre-wrap
}

.multi-line_control {
  color: rgba(22, 24, 35, .5);
  white-space: nowrap
}

.multi-line_help-computed {
  position: absolute;
  top: -99999;
  visibility: hidden;
  white-space: pre-wrap;
  width: 100%
}

.base-component-line {
  background: rgba(22, 24, 35, .12)
}

.line-row {
  /*-webkit-transform: scaleY(.5);
  transform: scaleY(.5)*/
  width: 100%;
  height:1px;
  margin:0.2rem 0px
}

.line-column {
  -webkit-transform: scaleX(.5);
  transform: scaleX(.5);
  width: 10px;
  height: 30px
}

.display-card {
  align-items: center;
  display: flex;
  height: .8rem
}

.display-card_icon {
  border-radius: 4px;
  height: .8rem;
  margin-right: .16rem;
  width: .8rem
}

.display-card_msg {
  display: flex;
  flex-direction: column
}

.display-card_name {
  color: #161823;
  font-size: .28rem;
  line-height: .4rem
}

.display-card_text {
  color: rgba(22, 24, 35, .5);
  font-size: .24rem;
  line-height: .34rem
}

.special-souvenir {
  align-items: center;
  display: flex;
  width: 100%
}

.special-souvenir .icon {
  height: .96rem;
  margin-right: .08rem;
  width: .96rem
}

.special-souvenir .text {
  color: #161823;
  font-size: .28rem;
  line-height: .4rem;
  white-space: pre-wrap
}

.special-souvenir .special-text {
  color: #fe2c55
}

.block-user {
  align-items: center;
  display: flex
}

.block-user .icon {
  height: .28rem;
  margin-right: .12rem;
  width: .28rem
}

.block-user .text {
  color: #161823;
  font-size: .24rem;
  font-weight: 500;
  line-height: .34rem
}

.block-user .action {
  color: #04498d
}

.btn-area,
.btn-area .full-btn {
  align-items: center;
  display: flex;
  height: .72rem;
  width: 100%
}

.btn-area .full-btn {
  background: #fe2c55;
  border-radius: 2px;
  box-sizing: border-box;
  justify-content: center
}

.btn-area .full-btn-text {
  color: #fff;
  font-size: .28rem;
  font-weight: 500;
  line-height: .4rem
}


.btn-area .light-btn {
  align-items: center;
  background: rgba(22, 24, 35, .05);
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  flex: 1 1;
  height: .72rem;
  justify-content: center
}

.btn-area .light-btn-text {
  color: #161823;
  font-size: .3rem;
  font-weight: 500
}

.btn-area .followed-wrap,
.btn-area .user-self {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%
}

.btn-area .placeholder {
  width: .16rem
}

.nav-bar-placeholder {
  height: 100%;
  width: 100%
}

.nav-bar-placeholder-baidu {
  height: .2rem
}

.user-card {
  box-sizing: border-box;
  overflow-x: hidden;
  /*padding: .3rem .32rem .52rem;*/
  width: 100%
}

.user-card .user-nav {
  align-items: center;
  display: flex;
  width: 100%
}

.user-card .user-data {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*margin-top: .2rem;*/
  width: 100%
}

.user-card .user-data .title {
  /*color: rgba(22, 24, 35, .5);*/
  font-size: 16px;
  line-height: 100%
}

.user-card .user-data .num {
  /*color: #161823;*/
  font-size: 16px;
  font-weight: bolder;
  letter-spacing: .02em;
  line-height: 100%;
  margin-top: 2px
}

.user-card .avatar {
  /*background: rgba(22, 24, 35, .08);*/
  border-radius: 50%;
  height: 50px;
  width: auto
}

.user-card .name {
  /*color: #161823;*/
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 10px
}

.user-card .name.customsvg {
  line-height: 6px;
  margin-top: 10px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAyMGM1LjUyMyAwIDEwLTQuNDc3IDEwLTEwUzE1LjUyMyAwIDEwIDAgMCA0LjQ3NyAwIDEwczQuNDc3IDEwIDEwIDEwWiIgZmlsbD0idXJsKCNhKSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMTggMTIuMjg2YTEuMjUyIDEuMjUyIDAgMCAwIDAgMS43NjdjLjQ4Ni40ODYgMS4yOC40ODYgMS43NjYgMEwxNS40IDguNTM3YTEuMjQ3IDEuMjQ3IDAgMCAwLS44ODMtMi4xM2MtLjMyIDAtLjY0LjEyMS0uODg0LjM2NGwtNS41MTUgNS41MTVaIiBmaWxsPSJ1cmwoI2IpIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS42NSAxMi4yODdhMS4yNTMgMS4yNTMgMCAwIDEtMS43NjYgMGwtLjg4My0uODg0TDYuMzY3IDguNzdhMS4yNTMgMS4yNTMgMCAwIDAtMS43NjYgMCAxLjI1MiAxLjI1MiAwIDAgMCAwIDEuNzY2bDMuNTE3IDMuNTE4Yy40ODYuNDg2IDEuMjguNDg2IDEuNzY2IDBsMS43NjYtMS43NjdaIiBmaWxsPSIjZmZmIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iLTE3LjE2NiIgeTE9Ii0xNi43NTkiIHgyPSItMTAuODg2IiB5Mj0iMzMuMzY4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRDEyQyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGOTUyQyIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJiIiB4MT0iMTIuNjg5IiB5MT0iMy44NjUiIHgyPSI2Ljg4NCIgeTI9IjkuMzgxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0VDRURFRCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==) no-repeat 0%/contain;
}



.user-card .aweme-id {
  color: #161823;
  font-size: .24rem;
  line-height: .34rem;
  margin-top: .08rem
}

.user-card .verification {
  margin-bottom: .24rem;
  margin-top: .08rem
}

.user-card .verification,
.user-card .verification-wrap {
  align-items: center;
  display: flex
}

.user-card .verification-icon {
  height: .24rem;
  width: .24rem
}

.user-card .verification-text {
  color: #161823;
  font-size: .24rem;
  line-height: .34rem;
  margin-left: .08rem
}

.user-card .signature {
  display: flex;
  margin-bottom: .32rem
}

.user-card .signature .open-text {
  clear: both;
  color: rgba(22, 24, 35, .5);
  float: right;
  font-size: .28rem;
  line-height: .4rem;
  position: relative
}

.user-card .signature .open-text:before {
  color: #333;
  content: "...";
  left: -8px;
  position: absolute;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.user-card .signature-text:before {
  content: "";
  float: right;
  height: 100%;
  margin-bottom: -.4rem
}

.user-card .signature-text:after {
  background: #fff;
  content: "";
  height: 100%;
  position: absolute;
  width: 100%
}

.user-card .signature-text {
  color: #161823;
  font-size: .28rem;
  line-height: .4rem;
  line-height: 1.5;
  max-height: 4.5em;
  overflow: hidden;
  position: relative;
  white-space: pre-wrap
}

.user-card .card-tag-content {
  display: flex;
  margin-bottom: .24rem;
  margin-top: .08rem
}

.user-card .card-tag-content .user-tag {
  margin-right: .12rem
}

.user-card .user-display-card {
  -ms-overflow-style: none;
  display: flex;
  overflow-x: hidden;
  overflow-y: hidden;
  scrollbar-width: none;
  white-space: nowrap;
  width: 100%
}

.user-card .display-card {
  margin-right: .8rem
}

.user-card .user-btn-wrap {
  align-items: center;
  display: flex;
  margin-top: .32rem
}

.user-card .user-btn-wrap .user-report-btn {
  align-items: center;
  background: rgba(22, 24, 35, .05);
  border-radius: 2px;
  display: flex;
  flex-shrink: 0;
  height: .72rem;
  justify-content: center;
  margin-left: .16rem;
  width: .72rem
}

.user-card .user-btn-wrap .user-report-btn-icon {
  height: .34rem;
  width: .34rem
}

.user-display-card::-webkit-scrollbar {
  display: none;
  height: 0
}

.user-special-status {
  align-items: center;
  display: flex;
  flex: 1 1;
  height: 100%;
  justify-content: center;
  min-height: 4rem;
  width: 100%
}

.user-special-status_wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: -.6rem;
  text-align: center
}

.user-special-status_icon {
  border-radius: 50%;
  height: .92rem;
  width: .92rem
}

.user-special-status_title {
  display: flex;
  margin-top: .24rem
}

.user-special-status_title .title-text {
  color: #161823;
  font-size: .34rem;
  font-weight: 500;
  line-height: .48rem
}

.user-special-status_subtitle {
  display: flex;
  margin-top: .16rem
}

.user-special-status_subtitle .subtitle-text {
  color: rgba(22, 24, 35, .6);
  font-size: .28rem;
  line-height: .4rem
}

.user-special-status_btn {
  background: #fff;
  border: 1px solid rgba(22, 24, 35, .34);
  border-radius: 2px;
  display: flex;
  margin-top: .32rem;
  padding: .16rem .6rem .14rem
}

.user-special-status_btn .btn-text {
  color: #161823;
  font-size: .3rem;
  font-weight: 500;
  line-height: .42rem
}

.user-playlet-list {
  -ms-overflow-style: none;
  display: flex;
  margin: .32rem 0;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: none;
  white-space: nowrap;
  width: 100%
}

.user-playlet-list .playlet-item {
  align-items: center;
  border: .5px solid rgba(22, 24, 35, .12);
  box-sizing: border-box;
  display: flex;
  height: .8rem;
  margin-right: .12rem;
  padding: 0 .28rem 0 .24rem
}

.user-playlet-list .playlet-item:first-child {
  margin-left: .32rem
}

.user-playlet-list .playlet-item:last-child {
  margin-right: .32rem
}

.user-playlet-list .playlet-icon {
  height: .36rem;
  width: .36rem
}

.user-playlet-list .playlet-name {
  color: #161823;
  font-size: .26rem;
  font-weight: 500;
  line-height: .36rem;
  margin-left: 2px
}

.user-playlet-list .right-arrow {
  height: .24rem;
  width: .24rem
}

.user-playlet-list::-webkit-scrollbar {
  display: none;
  height: 0
}

.user-post-cover {
  position: relative
}

.user-post-cover,
.user-post-cover_img {
  height: 3.3rem;
  width: 2.48rem
}

.user-post-cover .user-post-bottom-mask {
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .34));
  bottom: 0;
  height: 1rem;
  position: absolute;
  width: 2.48rem
}

.user-post-cover .like-count {
  align-items: center;
  bottom: 8px;
  display: flex;
  left: 10px;
  position: absolute
}

.user-post-cover .like-icon {
  height: .2rem;
  width: .22rem
}

.user-post-cover .count-number {
  color: #fff;
  font-size: .24rem;
  font-weight: 500;
  line-height: .34rem;
  margin-left: .1rem
}

.user-post-cover .top-label {
  background: #face15;
  border-radius: 2px;
  box-sizing: border-box;
  display: flex;
  left: 8px;
  padding: 2px .08rem;
  position: absolute;
  top: 9px
}

.user-post-cover .top-label_text {
  color: #161823;
  font-size: .24rem;
  font-weight: 500;
  line-height: .34rem
}

.post-list-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%
}

.post-list-container .user-post-cover {
  margin-bottom: 1px
}

.post-list-container .post-placeholder-item {
  height: 3.3rem;
  width: 2.48rem
}

.user-music {
  box-sizing: border-box;
  height: 1.68rem;
  justify-content: space-between;
  padding: 0 .32rem;
  width: 100%
}

.user-music,
.user-music_pic {
  align-items: center;
  display: flex
}

.user-music_pic {
  background: rgba(22, 24, 35, .05);
  height: 1.28rem;
  justify-content: center;
  position: relative;
  width: 1.28rem
}

.user-music_cover {
  border: .5px solid hsla(0, 0%, 100%, .081);
  border-radius: 2px;
  box-sizing: border-box;
  height: 1.28rem;
  width: 1.28rem
}

.user-music_play-icon {
  height: .48rem;
  position: absolute;
  width: .48rem
}

.user-music_msg {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  height: 1.28rem;
  justify-content: space-between;
  margin-left: .24rem
}

.user-music_title {
  display: flex
}

.user-music_logo {
  height: .36rem;
  width: .36rem
}

.user-music_name {
  color: rgba(0, 0, 0, .9);
  font-size: .3rem;
  font-weight: 500;
  line-height: .36rem
}

.user-music_duration,
.user-music_used-count {
  color: rgba(22, 24, 35, .5);
  font-size: .26rem;
  line-height: .32rem
}

.user-music_collect-icon,
.user-music_detail-icon {
  height: .48rem;
  width: .48rem
}

.like-list-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%
}

.like-list-container .user-post-cover {
  margin-bottom: 1px
}

.like-list-container .like-placeholder-item {
  height: 3.3rem;
  width: 2.48rem
}

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

.select-controller .select-tab-list {
  display: flex;
  margin-bottom: .12rem;
  width: 100%
}

.select-controller .select-tab {
  align-items: center;
  display: flex;
  flex: 1 1;
  height: .6rem;
  justify-content: center
}

.select-controller .select-tab :nth-child(2) {
  margin-left: .08rem
}

.select-controller .select-tab-name,
.select-controller .select-tab-number {
  font-size: .28rem;
  line-height: .4rem
}

.select-controller .select-tab-icon {
  height: .2rem;
  width: .14rem
}

.active-tab {
  color: #161823;
  font-weight: 500
}

.normal-tab {
  color: rgba(22, 24, 35, .5);
  font-weight: 400
}

.active-bar {
  align-self: flex-start;
  background: #161823;
  height: 2px;
  transition: all .5s ease
}

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

.page-reflow-user-new {
  /*background: #fff;*/
  height: 100%;
  /*height: var(--vh, 100vh);*/
  overflow: auto;
  width: 100%
}

.infinite-scroll-list {
  display: flex;
  flex-direction: column;
  /*min-height: 100vh;*/
  /*min-height: var(--vh, 100vh)*/
}


section {
  display: block
}

/*歌词*/
#lrcArea ul,#lrcArea li,#lrcArea ol,#lrcArea p{margin: 0;padding: 0; list-style: none}
.container
{
	margin: 10px;/*距离*/
}
#lrcArea{
	height: 450px;;/*歌词框高度*/
	overflow: auto;/*scroll hidden auto visible*/
	width:100%;/*歌词框宽度*/
	border:0px solid #000000;/*边框宽度 颜色*/
	padding:5px;/*四个方向填充*/
	margin-top: 10px;/*距离头部距离*/
	}
#lrcArea ul{
	text-align: center;/*歌词居中*/
	font-size: small;/*歌词大小*/
	color: #000000;/*歌词颜色*/
	line-height: 140%;/*歌词间距 例30px或者100%*/
}

#lrcArea ul li.cur
{
	font-size:larger;/*显示字体大小*/
	color: #0000ff;/*显示字体颜色*/
}
/*歌词*/
/*.border-color {
  border-color: var(--bs-primary);
}*/
/*边框颜色*/
a {
  color: #000000;
  text-decoration: none
}
/*text-decoration: 下划线*/

/*# sourceMappingURL=index.css.map*/