/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/views/web/share/user/components/audio.vue?vue&type=style&index=0&id=b94f2f94&prod&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.audio[data-v-b94f2f94] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0.2rem;
  width: 0.54rem;
  height: 0.26rem;
  border-radius: 0.25rem;
  background: linear-gradient(270deg, #00caff 0%, #007fff 100%);
}
.audio[data-v-b94f2f94]:lang(ar) {
  right: auto;
  left: 0.2rem;
}
.audio .icon[data-v-b94f2f94] {
  width: 0.2rem;
  height: 0.2rem;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/views/web/share/user/components/App.vue?vue&type=style&index=0&id=0cd1aa8e&prod&lang=less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
* {
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
html {
  font-size: 26.6666vw !important;
  min-height: 100dvh;
}
@media screen and (min-width: 540px) {
html {
    font-size: calc(540px * 0.133333 * 2) !important;
}
}
:lang(ar) {
  direction: rtl;
}
.profile-share-container {
  padding: 0;
  width: 100vw;
  margin-bottom: 0.8rem;
  user-select: none;
  max-width: 540px;
  margin: 0 auto;
  overflow-y: auto;
}
.profile-share-container > div {
  background-color: #fff;
}
.profile-share-container .top {
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 0.56rem;
  width: 3.75rem;
  background-size: 100% 100%;
  padding: 0 0.08rem;
  font-style: normal;
  font-weight: 600;
  font-size: 0.2rem;
  color: #ffffff;
  z-index: 111;
  background: #000000BB;
}
.profile-share-container .top .lft {
  display: flex;
  align-items: center;
}
.profile-share-container .top .lft .logo {
  width: 0.4rem;
  height: 0.4rem;
}
.profile-share-container .top .lft .logo-vico {
  border-radius: 0.09rem;
}
.profile-share-container .top .lft .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 0.08rem;
}
.profile-share-container .top .lft .info .desc {
  font-size: 0.12rem;
}
.profile-share-container .top .download {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.02rem;
  height: 0.32rem;
  background: url(data:image/png;base64,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) no-repeat center center;
  background-size: 100% 100%;
  font-size: 0.12rem;
  text-align: center;
}
.profile-share-container .swiper-container-horizontal > .swiper-pagination-bullets,
.profile-share-container .swiper-pagination-custom,
.profile-share-container .swiper-pagination-fraction {
  bottom: 0.24rem;
}
.profile-share-container .swiper-container {
  position: relative;
  height: 3.75rem;
  margin-top: 0.56rem;
  --swiper-pagination-color: #ffffff;
  /* 两种都可以 */
}
.profile-share-container .swiper-container .swiper-slide {
  background: #eeeeee;
}
.profile-share-container .swiper-container .swiper-pagination-bullet {
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 0.05rem;
  background: #fff;
  opacity: 0.5;
}
.profile-share-container .swiper-container .swiper-pagination-bullet-active {
  width: 0.16rem;
  height: 0.06rem;
  opacity: 1;
}
.profile-share-container .swiper-container .swiper-container-horizontal > .swiper-pagination-bullets,
.profile-share-container .swiper-container .swiper-pagination-custom,
.profile-share-container .swiper-container .swiper-pagination-fraction {
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile-share-container .swiper-container .live {
  position: absolute;
  width: 0.84rem;
  height: 0.26rem;
  right: 0.16rem;
  bottom: 0.32rem;
  z-index: 100;
}
.profile-share-container .swiper-container .bg-blur {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 3.75rem;
  width: 100vw;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(0.15rem);
  -webkit-backdrop-filter: blur(0.15rem);
}
.profile-share-container .swiper-container .bg-blur .download {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.2rem;
  height: 0.4rem;
  font-size: 0.15rem;
  font-weight: 600;
  color: #ffffff;
  background: #8232FF;
  border-radius: 0.6rem;
}
.profile-share-container .swiper-container .company-pic {
  width: 3.75rem;
  height: 3.75rem;
}
.profile-share-container .profile-content {
  position: relative;
  border-radius: 0.16rem 0.16rem 0px 0px;
  margin-top: -0.16rem;
  z-index: 100;
  width: 3.75rem;
  background: #ffffff;
  box-sizing: border-box;
  padding: 0.15rem;
}
.profile-share-container .profile-content .avatar {
  border-radius: 50%;
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  left: 0.3rem;
  top: -0.35rem;
  border: 0.02rem solid #FFFFFF;
}
.profile-share-container .profile-content .avatar:lang(ar) {
  right: 0.3rem;
  left: auto;
}
.profile-share-container .profile-content .p-t {
  display: flex;
  align-items: center;
  padding-top: 0.4rem;
}
.profile-share-container .profile-content .p-t .nickname {
  font-size: 0.2rem;
  font-weight: bold;
  max-width: 1.4rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.profile-share-container .profile-content .id {
  font-size: 0.11rem;
  color: #a6b0bd;
}
.profile-share-container .profile-content .intro {
  margin-top: 0.16rem;
  font-size: 0.16rem;
  color: #636b82;
  word-wrap: break-word;
}
.profile-share-container .age {
  background: #FFE9F8;
  border-radius: 1rem;
  height: 0.14rem;
  min-width: 0.32rem;
  color: #FF24BB;
  font-size: 0.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.04rem;
  margin-top: 0.02rem;
}
.profile-share-container .age.male {
  background: #E8F9FF;
  color: #3A8FFF;
}
.profile-share-container .age img {
  width: 0.13rem;
  height: 0.13rem;
}
.profile-share-container .moment-container {
  box-sizing: border-box;
  padding: 0.15rem;
  overflow: hidden;
  margin-bottom: 1rem;
}
.profile-share-container .moment-container .empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.16rem;
}
.profile-share-container .moment-container .moment-item {
  position: relative;
  margin-top: 0.08rem;
}
.profile-share-container .moment-container .moment-item .m-top {
  display: flex;
}
.profile-share-container .moment-container .moment-item .m-bot .dy-text {
  font-size: 0.16rem;
  font-weight: 400;
  margin-top: 0.08rem;
  margin-bottom: 0.12rem;
  overflow: hidden;
}
.profile-share-container .moment-container .moment-item .m-bot .img-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.profile-share-container .moment-container .moment-item .m-bot .img-box .img-item {
  width: 1.1rem;
  height: 1.1rem;
}
.profile-share-container .moment-container .moment-item .m-bot .img-box .img-item .dy-image {
  width: 100%;
  height: 100%;
  border-radius: 0.08rem;
  margin-bottom: -0.9rem;
  object-fit: cover;
}
.profile-share-container .moment-container .moment-item .avatar {
  border-radius: 50%;
  width: 0.4rem;
  height: 0.4rem;
  border: 0.01rem solid #FFFFFF;
}
.profile-share-container .moment-container .moment-item .rht {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 0.08rem;
}
.profile-share-container .moment-container .moment-item .rht .nickname {
  font-size: 0.16rem;
  font-weight: 600;
  max-width: 1.4rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.profile-share-container .moment-container .moment-item .rht .age {
  display: flex;
  width: 0.22rem;
  margin: 0;
  height: 0.14rem;
  margin-top: 0.03rem;
  vertical-align: middle;
}
.profile-share-container .moment-container .moment-item .rht .age span {
  height: 0.14rem;
  display: inline-block;
  vertical-align: middle;
}
.profile-share-container .moment-container .m-t {
  font-size: 0.2rem;
  color: #1D212C;
}
.profile-share-container .moment-container .ic-empty {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin: auto;
  margin-top: 0.2rem;
}
.profile-share-container .fix-bot {
  width: 100%;
  position: fixed;
  max-width: 540px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 100;
  padding-bottom: 0.1rem;
  height: 1.22rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.0001) 0%, #ffffff 19.58%);
}
.profile-share-container .link {
  display: inline-block;
  vertical-align: middle;
  bottom: 0rem;
  width: 100%;
  font-size: 0.14rem;
  color: #3a8fff;
  font-weight: 500;
  text-align: center;
  margin: auto;
  margin-top: 0.3rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.0001) 0%, #ffffff 19.58%);
}
.profile-share-container .link span {
  display: inline-block;
  vertical-align: middle;
}
.profile-share-container .link .ic-arrow {
  width: 0.06rem;
  height: 0.1rem;
}
.profile-share-container .link .ic-arrow:lang(ar) {
  transform: rotate(180deg);
}
.profile-share-container .link img {
  display: inline-block;
  vertical-align: middle;
}
.profile-share-container .btn-share {
  display: flex;
  justify-content: space-between;
  width: 3.45rem;
  margin: 0.01rem auto;
  margin-top: 0.08rem;
}
.profile-share-container .btn-share > div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.05rem;
  height: 0.45rem;
  font-size: 0.14rem;
  font-weight: 600;
  color: #ffffff;
  border-radius: 0.25rem;
}
.profile-share-container .btn-share > div.like {
  background: linear-gradient(90deg, #F74879 0%, #FE7B39 100%);
  box-shadow: 0px 0.04rem 0.06rem rgba(247, 72, 121, 0.2);
}
.profile-share-container .btn-share > div.chat {
  background: linear-gradient(90deg, #14C4DC 0%, #2EDDAA 100%);
  box-shadow: 0px 0.04rem 0.06rem rgba(20, 196, 220, 0.2);
}
.profile-share-container .btn-share > div.follow {
  background: linear-gradient(119.55deg, #623AF4 12.01%, #AE5CFF 85.15%);
  box-shadow: 0px 0.04rem 0.06rem rgba(20, 196, 220, 0.2);
}
.profile-share-container .btn-share > div .placeholder {
  width: 0.048rem;
}
.profile-share-container .btn-share > div img {
  display: inline-block;
  vertical-align: middle;
  width: 0.144rem;
  height: 0.144rem;
}
.profile-share-container .btn-share > div span {
  vertical-align: middle;
}


/*# sourceMappingURL=user-cc989130.css.map*/