template2.vue 51 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670
  1. <template>
  2. <view class="lucky-wheel">
  3. <view class="header" :style="{ backgroundImage: `url(${image})` }">
  4. <!-- #ifdef MP || APP-PLUS -->
  5. <view :style="{ height: `${getHeight.barTop}px` }"></view>
  6. <view :style="{ height: `${getHeight.barHeight}px` }"></view>
  7. <!-- #endif -->
  8. <view class="header-content">
  9. <view v-if="isContent" class="rules-button" @click="rulesShow = true">抽奖规则</view>
  10. <view v-if="userList.length" class="marquee-wrapper">
  11. <noticeBar :showMsg="userList" prefix="恭喜"></noticeBar>
  12. </view>
  13. <view class="wheel-container">
  14. <view class="wheel-panel" :style="{ transform: `rotate(${rotateAngle}deg)` }">
  15. <view v-for="(item, index) in prizeList" :key="item.id" :style="{ transform: `rotate(${index*360/8}deg) skewY(-45deg)` }" class="item"></view>
  16. </view>
  17. <view class="wheel-prize" :style="{ transform: `rotate(${rotateAngle}deg)` }">
  18. <view v-for="(item, index) in prizeList" :key="item.id" :style="{ transform: `rotate(${(2*index+1)*360/8/2}deg) translateX(-50%)` }" class="item">
  19. <view class="line1">{{ item.name }}</view>
  20. <image :src="item.image" class="image"></image>
  21. </view>
  22. </view>
  23. <view class="wheel-point">
  24. <view class="draw-button" :style="{
  25. backgroundImage: `url(${imgHost}/statics/images/lottery2.png)`
  26. }"></view>
  27. <image :src="`${imgHost}/statics/images/lottery3.png`" class="hand"></image>
  28. <view class="button" @click="getWiningIndex"></view>
  29. </view>
  30. </view>
  31. <view class="number-wrapper">你获得 <text class="number">{{ lotteryNum }}次</text> 抽奖机会</view>
  32. </view>
  33. </view>
  34. <view class="main-wrapper">
  35. <!-- 中奖记录 -->
  36. <view v-if="userList.length && isAll" class="record-wrapper">
  37. <view class="wrapper-header acea-row row-center-wrapper">
  38. <view class="title" :style="{
  39. backgroundImage: `url(${imgHost}/statics/images/lottery5.png),url(${imgHost}/statics/images/lottery6.png)`
  40. }">中奖记录</view>
  41. </view>
  42. <scroll-view scroll-y="true" class="wrapper-main" :style="{
  43. backgroundImage: `url(${imgHost}/statics/images/lottery7.png)`
  44. }">
  45. <view v-for="item in userList" :key="item.id" class="item">恭喜 <text class="mark">{{ item.user ? item.user.nickname : '****' }}</text> 获得 <text
  46. class="mark">{{ item.prize.name }}</text>
  47. </view>
  48. </scroll-view>
  49. </view>
  50. <!-- 活动奖品 -->
  51. <view class="prize-wrapper">
  52. <view class="wrapper-header">
  53. <view class="title-box acea-row row-middle" :style="{
  54. backgroundImage: `url(${imgHost}/statics/images/lottery8.png)`
  55. }">
  56. <view class="title" :style="{
  57. backgroundImage: `url(${imgHost}/statics/images/lottery5.png),url(${imgHost}/statics/images/lottery6.png)`
  58. }">活动奖品</view>
  59. </view>
  60. </view>
  61. <view class="wrapper-main">
  62. <view class="list acea-row">
  63. <template v-for="item in prizeList">
  64. <view v-if="item.type != 1" :key="item.id" class="item">
  65. <view class="image-wrap">
  66. <image :src="item.image" class="image"></image>
  67. </view>
  68. <view class="line2">{{ item.name }}</view>
  69. </view>
  70. </template>
  71. </view>
  72. </view>
  73. </view>
  74. <!-- 我的奖品 -->
  75. <view v-if="myList.length && isPersonal" class="prize-wrapper mine">
  76. <view class="wrapper-header">
  77. <view class="title-box acea-row row-middle" :style="{
  78. backgroundImage: `url(${imgHost}/statics/images/lottery9.png)`
  79. }">
  80. <view class="title" :style="{
  81. backgroundImage: `url(${imgHost}/statics/images/lottery5.png),url(${imgHost}/statics/images/lottery6.png)`
  82. }">我的奖品</view>
  83. </view>
  84. </view>
  85. <view class="wrapper-main">
  86. <view class="list">
  87. <view class="item th acea-row row-middle">
  88. <view class="mark">序号</view>
  89. <view class="time">获奖时间</view>
  90. <view class="">奖品名称</view>
  91. </view>
  92. <view v-for="(item, index) in myList" :key="item.id" class="item acea-row row-middle">
  93. <view class="mark">{{ index + 1 }}</view>
  94. <view class="time">{{ item.add_time }}</view>
  95. <view class="line1">{{ item.prize.name }}</view>
  96. </view>
  97. </view>
  98. </view>
  99. </view>
  100. <view class="safe-area-inset-bottom"></view>
  101. </view>
  102. <!-- 抽奖规则弹窗 -->
  103. <view v-if="rulesShow" class="mask" @touchmove.stop.prevent="moveHandle"></view>
  104. <view class="rules-popup" :class="{ active: rulesShow }" @touchmove.stop.prevent="moveHandle">
  105. <view class="popup-top">
  106. <view class="title">抽奖规则</view>
  107. </view>
  108. <scroll-view scroll-y="true" class="popup-center">
  109. <view v-html="htmlData"></view>
  110. </scroll-view>
  111. <view class="popup-bottom">
  112. <view class="button acea-row row-center-wrapper" @click="rulesShow = false">我知道了</view>
  113. </view>
  114. </view>
  115. <!-- #ifdef H5 -->
  116. <template v-if="isWeixin">
  117. <view class="invite-people-wrap">
  118. <view class="invite-people-inner">
  119. <view class="invite-people">
  120. <view class="">邀请好友<text></text></view>
  121. <view class="invite" @click="$emit('H5Share')">
  122. 去邀请
  123. </view>
  124. </view>
  125. <view class="safe-area-inset-bottom"></view>
  126. </view>
  127. </view>
  128. <view class="invite-people-placeholder"></view>
  129. <view class="safe-area-inset-bottom"></view>
  130. </template>
  131. <!-- #endif -->
  132. </view>
  133. </template>
  134. <script>
  135. import noticeBar from '../components/noticeBar.vue';
  136. let angleList = [];
  137. for (let i = 0; i < 8; i++) {
  138. const angle = -(i * 45 + (45 / 2));
  139. angleList.push(angle);
  140. }
  141. import {
  142. HTTP_REQUEST_URL
  143. } from '@/config/app';
  144. export default {
  145. props: {
  146. type: {
  147. type: String,
  148. default: ''
  149. },
  150. prizeList: {
  151. type: Array,
  152. default () {
  153. return [];
  154. }
  155. },
  156. userList: {
  157. type: Array,
  158. default () {
  159. return [];
  160. }
  161. },
  162. myList: {
  163. type: Array,
  164. default () {
  165. return [];
  166. }
  167. },
  168. htmlData: {
  169. type: String,
  170. default: ''
  171. },
  172. isPersonal: {
  173. type: Number,
  174. default: 0
  175. },
  176. isAll: {
  177. type: Number,
  178. default: 0
  179. },
  180. isContent: {
  181. type: Number,
  182. default: 0
  183. },
  184. image: {
  185. type: String,
  186. default: ''
  187. },
  188. lotteryNum: {
  189. type: Number,
  190. default: 0
  191. },
  192. },
  193. components: {
  194. noticeBar,
  195. },
  196. data() {
  197. return {
  198. imgHost: HTTP_REQUEST_URL,
  199. rulesShow: false,
  200. rotateAngle: 0,
  201. angleList: angleList,
  202. winingIndex: 0,
  203. id: 0,
  204. factor: 0,
  205. // #ifdef MP || APP-PLUS
  206. getHeight: this.$util.getWXStatusHeight(),
  207. // #endif
  208. // #ifdef H5
  209. isWeixin: this.$wechat.isWeixin(),
  210. // #endif
  211. }
  212. },
  213. methods: {
  214. getWiningIndex() {
  215. this.$emit('getWiningIndex', this.rotating);
  216. },
  217. random(min, max) {
  218. return parseInt(Math.random() * (max - min + 1) + min)
  219. },
  220. rotating(param) {
  221. const config = {
  222. duration: 5000,
  223. circle: 8,
  224. mode: "ease-in-out"
  225. }
  226. // 计算角度
  227. const angle =
  228. // 初始角度
  229. this.rotateAngle +
  230. // 多旋转的圈数
  231. config.circle * 360 +
  232. // 奖项的角度
  233. this.angleList[param.winingIndex] -
  234. (this.rotateAngle % 360);
  235. this.rotateAngle = angle;
  236. // 旋转结束后
  237. setTimeout(() => {
  238. // isRotating = false;
  239. this.$emit('luck_draw_finish');
  240. }, config.duration + 500);
  241. },
  242. // 抽奖完成
  243. luck_draw_finish(param) {
  244. this.aleartType = 2
  245. this.aleartStatus = true
  246. },
  247. moveHandle() {}
  248. },
  249. }
  250. </script>
  251. <style lang="scss" scoped>
  252. .lucky-wheel {
  253. .header {
  254. background-position: left bottom;
  255. background-repeat: no-repeat;
  256. background-size: 100%;
  257. }
  258. .header-content {
  259. position: relative;
  260. height: 1160rpx;
  261. }
  262. .rules-button {
  263. position: absolute;
  264. bottom: 980rpx;
  265. right: 0;
  266. width: 52rpx;
  267. padding: 10rpx 15rpx;
  268. border-radius: 16rpx 0 0 16rpx;
  269. background: linear-gradient(180deg, #FCF2DC 0%, #F5D494 100%);
  270. font-weight: 500;
  271. font-size: 22rpx;
  272. line-height: 30rpx;
  273. color: #E93323;
  274. }
  275. .marquee-wrapper {
  276. position: absolute;
  277. bottom: 888rpx;
  278. left: 50%;
  279. transform: translateX(-50%);
  280. width: 488rpx;
  281. height: 40rpx;
  282. background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 49%, rgba(255, 255, 255, 0) 100%);
  283. overflow: hidden;
  284. }
  285. .wheel-container {
  286. position: absolute;
  287. left: 50%;
  288. bottom: 302rpx;
  289. width: 504rpx;
  290. height: 504rpx;
  291. border-radius: 50%;
  292. overflow: hidden;
  293. transform: translateX(-50%);
  294. }
  295. .wheel-prize {
  296. position: absolute;
  297. width: 100%;
  298. height: 100%;
  299. transition: transform 5000ms ease-in-out;
  300. .item {
  301. position: absolute;
  302. top: 0;
  303. left: 50%;
  304. width: 25%;
  305. height: 50%;
  306. padding-top: 24rpx;
  307. transform-origin: 0% 100%;
  308. text-align: center;
  309. font-weight: 500;
  310. font-size: 24rpx;
  311. line-height: 34rpx;
  312. color: #E93323;
  313. .image {
  314. display: block;
  315. width: 48rpx;
  316. height: 48rpx;
  317. margin: 24rpx auto 0;
  318. }
  319. }
  320. }
  321. .wheel-panel {
  322. position: absolute;
  323. width: 100%;
  324. height: 100%;
  325. transition: transform 5000ms ease-in-out;
  326. border-radius: 50%;
  327. overflow: hidden;
  328. .item {
  329. position: absolute;
  330. top: 0;
  331. left: 50%;
  332. width: 50%;
  333. height: 50%;
  334. background: linear-gradient(242deg, #FFF9D7 0%, #FFF7BC 100%);
  335. transform-origin: 0% 100%;
  336. &:nth-child(even) {
  337. background: linear-gradient(239deg, #FFCE9B 0%, #FFB764 100%);
  338. }
  339. }
  340. }
  341. .wheel-point {
  342. position: absolute;
  343. top: 50%;
  344. left: 50%;
  345. transform: translate(-50%, -50%);
  346. .draw-button {
  347. width: 212rpx;
  348. height: 276rpx;
  349. margin-top: -64rpx;
  350. background-repeat: no-repeat;
  351. background-size: 100% 100%;
  352. }
  353. .hand {
  354. position: absolute;
  355. top: 40rpx;
  356. left: 70rpx;
  357. width: 220rpx;
  358. height: 242rpx;
  359. }
  360. .button {
  361. position: absolute;
  362. top: 0;
  363. left: 50%;
  364. width: 180rpx;
  365. height: 180rpx;
  366. transform: translateX(-50%);
  367. }
  368. }
  369. .number-wrapper {
  370. position: absolute;
  371. bottom: 24rpx;
  372. left: 50%;
  373. height: 56rpx;
  374. transform: translateX(-50%);
  375. font-weight: 600;
  376. font-size: 32rpx;
  377. line-height: 56rpx;
  378. color: rgba(255, 255, 255, 0.9);
  379. }
  380. .number {
  381. color: #FFD68E;
  382. }
  383. }
  384. .main-wrapper {
  385. padding: 38rpx 20rpx;
  386. background-color: #FF3433;
  387. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAAmCAYAAACbOR46AAAAAXNSR0IArs4c6QAAAyRJREFUeF7t3LGKU2EQhuH9TWKChYWFhYWFYGFhIbLKKqusoqJefy4jRQghIQkcGSH38ME8uYJ3npNiOAxnTNP0/saPAAECBAgQIECAAIFogXE6nW6jC8URIECAAAECBAgQaC6wWCymMU3Th+YOxidAgAABAgQIECAQL1CL+8f4SoEECBAgQIAAAQIEmguM8/l819zA+AQIECBAgAABAgSiBebz+f9TmU/RleIIECBAgAABAgQIELipxf0zBwIECBAgQIAAAQIEsgXqVOY+O1EdAQIECBAgQIAAgd4C11OZL70ZTE+AAAECBAgQIEAgX6BOZb7mZyokQIAAAQIECBAg0FugTmUeehOYngABAgQIECBAgEC2wPVU5lt2pjoCBAgQIECAAAECBOpU5jsGAgQIECBAgAABAgSyBepU5kd2ojoCBAgQIECAAAECvQWupzI/ezOYngABAgQIECBAgEC+QJ3K/MrPVEiAAAECBAgQIECgt8C4XC6/exOYngABAgQIECBAgEC2wGw2m+qN+5/sTHUECBAgQIAAAQIECNTi/hcDAQIECBAgQIAAAQLZArW4O5XJfkbqCBAgQIAAAQIECNzU4u5zkP4IBAgQIECAAAECBMIFanF/CG+UR4AAAQIECBAgQKC9QC3u9+0VABAgQIAAAQIECBAIF6jF/S68UR4BAgQIECBAgACB9gK1uN+2VwBAgAABAgQIECBAIFygFvd34Y3yCBAgQIAAAQIECLQXqMX9bXsFAAQIECBAgAABAgTCBWpxfxPeKI8AAQIECBAgQIBAe4Fa3F+3VwBAgAABAgQIECBAIFxgHI/HV+GN8ggQIECAAAECBAi0Flgul9M4HA4vWysYngABAgQIECBAgEC4wGq1msZ+v38R3imPAAECBAgQIECAQHuBsdvtnrdXAECAAAECBAgQIEAgXGBst9tn4Y3yCBAgQIAAAQIECLQXGJvN5ml7BQAECBAgQIAAAQIEwgXqc5BPwhvlESBAgAABAgQIEGgvMNbr9eP2CgAIECBAgAABAgQIhAvUG/dH4Y3yCBAgQIAAAQIECLQX+Adrd4AI6Xst4wAAAABJRU5ErkJggg==);
  388. background-repeat: no-repeat;
  389. background-size: 100%;
  390. }
  391. .record-wrapper {
  392. .wrapper-header {
  393. padding: 42rpx 0 40rpx;
  394. .title {
  395. padding: 0 74rpx;
  396. background-position: left center, right center;
  397. background-repeat: no-repeat;
  398. background-size: 54rpx 24rpx;
  399. font-weight: 700;
  400. font-size: 36rpx;
  401. line-height: 36rpx;
  402. color: rgba(255, 254, 239, 0.90);
  403. }
  404. }
  405. .wrapper-main {
  406. height: 352rpx;
  407. padding: 44rpx 60rpx 0;
  408. background-repeat: no-repeat;
  409. background-size: 100% 100%;
  410. box-sizing: border-box;
  411. .item {
  412. padding-left: 42rpx;
  413. margin-bottom: 34rpx;
  414. background-image: url(data:image/png;base64,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);
  415. background-position: left center;
  416. background-repeat: no-repeat;
  417. background-size: 32rpx 29rpx;
  418. font-size: 24rpx;
  419. line-height: 34rpx;
  420. color: #333333;
  421. }
  422. .mark {
  423. margin: 0 20rpx;
  424. color: #E93323;
  425. }
  426. }
  427. }
  428. .prize-wrapper {
  429. margin-top: 60rpx;
  430. &.mine .wrapper-main {
  431. .list {
  432. margin-right: 0;
  433. }
  434. .item {
  435. flex-wrap: nowrap;
  436. width: auto;
  437. margin: 0 0 32rpx;
  438. text-align: left;
  439. font-size: 24rpx;
  440. line-height: 34rpx;
  441. &.th {
  442. font-weight: 500;
  443. font-size: 28rpx;
  444. line-height: 40rpx;
  445. }
  446. }
  447. .mark {
  448. width: 152rpx;
  449. padding-left: 8rpx;
  450. }
  451. .time {
  452. width: 266rpx;
  453. }
  454. }
  455. .wrapper-header {
  456. padding-right: 32rpx;
  457. background-image: url(data:image/png;base64,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);
  458. background-position: left 8rpx;
  459. background-repeat: no-repeat;
  460. background-size: 100% 100%;
  461. .title-box {
  462. padding: 48rpx 0 54rpx 32rpx;
  463. background-position: right top;
  464. background-repeat: no-repeat;
  465. background-size: 114rpx 114rpx;
  466. }
  467. .title {
  468. padding: 0 74rpx;
  469. background-position: left center, right center;
  470. background-repeat: no-repeat;
  471. background-size: 54rpx 24rpx;
  472. font-weight: 700;
  473. font-size: 36rpx;
  474. line-height: 36rpx;
  475. color: #E93323;
  476. }
  477. }
  478. .wrapper-main {
  479. padding: 6rpx 32rpx 8rpx;
  480. border-radius: 0 0 32rpx 32rpx;
  481. background-color: #FFF3E2;
  482. .list {
  483. margin-right: -35rpx;
  484. }
  485. .item {
  486. width: 192rpx;
  487. margin: 0 35rpx 30rpx 0;
  488. text-align: center;
  489. font-size: 26rpx;
  490. line-height: 36rpx;
  491. color: #333333;
  492. }
  493. .image-wrap {
  494. width: 192rpx;
  495. height: 192rpx;
  496. border: 4rpx dotted #FFB87E;
  497. border-radius: 24rpx;
  498. margin-bottom: 20rpx;
  499. background: #FFFFFF;
  500. }
  501. .image {
  502. width: 100%;
  503. height: 100%;
  504. border-radius: 24rpx;
  505. object-fit: contain;
  506. }
  507. }
  508. }
  509. .rules-popup {
  510. position: fixed;
  511. top: 50%;
  512. left: 50%;
  513. z-index: 1001;
  514. display: none;
  515. width: 620rpx;
  516. padding: 94rpx 38rpx 0;
  517. border: 10rpx solid #FED59C;
  518. border-radius: 48rpx;
  519. background-color: #FFFFFF;
  520. transform: translate(-50%, -50%);
  521. &.active {
  522. display: block;
  523. }
  524. .popup-top {
  525. position: absolute;
  526. top: -24rpx;
  527. left: 50%;
  528. width: 396rpx;
  529. height: 87rpx;
  530. padding-top: 14rpx;
  531. background-image: url(data:image/png;base64,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);
  532. background-repeat: no-repeat;
  533. background-size: 100% 100%;
  534. transform: translateX(-50%);
  535. text-align: center;
  536. .title {
  537. display: inline-block;
  538. padding: 0 48rpx;
  539. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAANCAYAAAAuYadYAAAAAXNSR0IArs4c6QAAAbFJREFUSEvNlc9LG0EUx79vk9ltjPWijaLRg5hDL0HJIXg1PZX+B/5xIv4Dnr2KBUHFU2tNUERbBcU0mmhmJrNPdidL0mDMHkLqwvLefN+beZ+dnR+E//Aw4Pxd+Tx/96hvcpWK7EWgUTOVi0sTH1v+DoGKDFyIJH2d3K/86OYYKdRNPp8m0fgOIN8FcZ1AYm3q8PQk0kYG9adQGEugugfQ8iu/60qT/2Xu4PxXECPe2PiAdNrCVavWPjwQGg3rPz1Z+/xMuL8HlCJobbXA1mqAMf/2931CvQ5E1jXeXTaz7Ytkod9yYeDSMVzKHJ+Vibe21o2UXkIpF9GrtRf6zWagWd+2PbRaIvSl7OgDfNYqrVLCqS1OD1rCp5ka5UMoaG0LvgYVxKKiUrphbg8US+lR1LcbsJ3HWo+rVJJiQIEYOeLNzW/trxcIihqTDGdISgGtBZpNqysVzJDVgphtd3QpXVZKUCdmc6R0DZsFNSZmHuen4s3UoKxhxHk1m7pV3i4D8dbUMIrGGeOt3QfGb8fxS5+i3RdnwGHl9DunDDul2aPyz5GfU1HBd3eiR2CD7r4X9K4sHA2QNjgAAAAASUVORK5CYII=),
  540. url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAANCAYAAAAuYadYAAAAAXNSR0IArs4c6QAAAaBJREFUSEvNlcEvA0EUxr+3szOzVVpEoogItgQXESIhzq7+WW4949CQXhyIgzZFcRFtbad2ZHa0tEqbCLrJ5L15882837zdmSV0eM59X44N8dTwyVmegLCT5jdj1L74w6a/rOr6gIAZAEePLu2mjy8efxOife0WqOJaeolRmAEw8UGY0yq+lcrlyn8F1oS6W59dDEMnA8LU5+T69AXP25PZYuUvwCKo0upcOmSUIWD6q6SOqmfHCqU91FiAwUHAcXTTmkkjIzqay5hGMglwbvvGCqExOgrEYjY2MGBtPK6RSFjfzC8UIkva92UpqXMAFr6rQvLyFqKiQhKiDCFqkDKIbLsvhI1L+a5xXQXPe9cbjefZuZw34y9C1JiUAZXW5n1NOO/2WiKoal0T508tQL1AcW4hG1rTN1Cu27o5A855redKDeXvIcrqhjns6i2BghBR01IqMr5NrqJmq2h9zq3W86zGWjtm4BirN9d0XdXzN6WB7LgIduiwUO1W1Z+Ot54+7ZjroD9OX2NnfXdPNcCuN/wVCvV+39zoDbD//ve9AhTN0SA4F/9jAAAAAElFTkSuQmCC);
  541. background-position: left center, right center;
  542. background-repeat: no-repeat;
  543. background-size: 37rpx 13rpx;
  544. font-weight: 500;
  545. font-size: 36rpx;
  546. line-height: 50rpx;
  547. color: #E93323;
  548. }
  549. }
  550. .popup-center {
  551. height: 572rpx;
  552. font-size: 28rpx;
  553. line-height: 44rpx;
  554. color: #333333;
  555. }
  556. .popup-bottom {
  557. padding: 24rpx 0;
  558. .button {
  559. height: 80rpx;
  560. border-radius: 40rpx;
  561. background-color: #E93323;
  562. font-weight: 500;
  563. font-size: 28rpx;
  564. color: #FFFFFF;
  565. }
  566. }
  567. }
  568. .share-box {
  569. z-index: 1300;
  570. position: fixed;
  571. left: 0;
  572. top: 0;
  573. width: 100%;
  574. height: 100%;
  575. image {
  576. width: 100%;
  577. height: 100%;
  578. }
  579. }
  580. .invite-people-placeholder {
  581. height: 120rpx;
  582. }
  583. .invite-people-wrap {
  584. position: fixed;
  585. right: 0;
  586. bottom: 0;
  587. left: 0;
  588. z-index: 2;
  589. background-color: #FFFFFF;
  590. }
  591. .invite-people-inner {
  592. background-color: rgba(233, 51, 35, 0.1);
  593. }
  594. .invite-people {
  595. padding: 28rpx 32rpx 28rpx 150rpx;
  596. display: flex;
  597. align-items: center;
  598. justify-content: space-between;
  599. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAABJCAYAAADPJVOBAAAAAXNSR0IArs4c6QAAI9hJREFUeNrtnXmYHFd57n/fqaqu3mbXzEga7ZvlVbZssI3BNvsSO4GQGPOEXG6AS0gIJpDcQBJuriHkAkluSEySe3FYEiAsDpgQg7EA2zI23vEmybL2bTSaRbP23l11vvxxqqd75OUhwRtB53nqUU9NT1X3ec+3ve93SvBzPlRVVFWeb59Lft5AgH8xMG3gTJ8D5U66BlP0nlECZkUkPgnMMzb5CFwtcJoP/SmYy0G2F/qGmDZrOTZ1Oo/tOpVd29dxYM8QcaNKYfaBWt/QX4aLz71Rrr7angTmabGArR7UQ/DyUO2FYAnkVlPPbWQmXsvo9HomppZydLiTw/t9hg/AzDiUi9CoQZiCfXuxVdHjG0/9+4HLL3yf/Oa1jef6u/k/W5agAltTEOcg7ofvrIT8Bmz/aRTsRqbKy5goDDK6L8/IYWFiBAqzUJqDahmqFWhUIWpAHIFa8Cw0LKao0rFt27vHFvXtAf7mpMU8pTVgYGsGCr0QDEGwAZs7i0buNKaqa5goDDJ+PMfIsM/xMZibhkoR6lWo1x0ANnYgRA1oRO51ow71svv2+QAe2g0zivow3dtR8n7h8uXdH//y9EmLWWAR38sAvbBlFXSdTaP3XOa6zmS6soLx2W5GD/qMHobZBIRaAoKNEhCsswS17ufmoZosQwsoiDo3lvJaq1QhXS7kalH8auCrP7cWk8SIEBq9RLl1xD2bKTXOp1A9i6nCMsYm8owdNUxPQKngXFHcgDhOgNDkdRMICxq78/OgJADFMUQxxHVnMY0qdOYhrXD3dphWMNDICtMXXvLgwNpLXyhXXx393FiMqgozW7vwes9kfMeFlPMXUaiczfTEYsa3p5gahWLBuaM4Wji52ORI1pRat8xFHRjzv1NQ988Cc2guRRX3Ip0GE4Fpvc0zglcsnXO8a6YfOPYzAYwe+HyajOcx+OsVEbE/ORi3+uz1NlAxv8IDt15MqXQ2c8NdTE/4FGehVkkmvs2OgwA8AetBFEFE4o4kASOZbMUB1ERBteWq0JZPUGmBIgqegUzKuT7Tuq8EHoGNiI/PXgp85XkPTP3IF85vFGau1WOlfh3/5K6o+C+f8XJL/k3kxYWnBuWGLHeMXcXozEeYmwyolJ0bEgHjg+dBJuPebLVlHTaCGGg0wBgwAlbaJlpb1uFmvA2ctt8rJ1hTMoyBVAiVWoKIe78EPp4q9eLcO1X1qyKiz1tgVK/zSrceeaffac4y/Z0wU14Sf/+hS+KVk3uj0v3v83PnfedJ//jrR87l0O4/w/cMXgB+AKkMGM9NTvtExwkoTevAJhZCy1KaFiVteCzwW+2WIq1rqCwEx/Nd8K/oAleGn8IAplA4f/raD3YCs88FMOYnyhDkitjuGN3TaATENkQ7OvCqVqiW1zcefuT6xtxjn1BV84Q8VHHqgxgx+ClIpZyLCgIIfPA9N0Ge17IKEfephNbP7aAsuMET5S/SZjFNIGybO1MQA6nAAWNPANrz8RT8RiPjTRX6n/eurCOTu7b0yPgbo5esP8+LgWwab3gKXduXqo8e+n0rpqGq/2uB6Q8/2iMTxy4hzCYW4jkQmkC0B3Fj3GSqQmcPLB6CXIfLwiaHYddjMNtIcNCWgYhtnZu3Jk0sJHFjqi3L0gTwdLJIALzkABCDEcGzlqARZZ73wMg7rp4q33jNG+Ka/VrU3fsiGbTQ34PtXQJBt4mnp95bNiPfAB5s/k3j3jtWBVGUI9tuFcZZAMZZhjYN18LQEJxzMSxaeYIxR/DKY3DH9fC9u9omWR/vxeaBOMFaaMveRJ3F+EFbQsC8yxQFo0rKb5GaeuTODDZOM1dLke8U5hoWW6+TmijL6VfUn9OsLPu6q4YnJ+9+bSaavDpeufxdTNYyZt84dNagszNjTO3cdmA8G19EkGrFE68JTBOcNpe1+SLYcP5CQOIGfOszsH4znLkZLn05zB2EHzwGQebxAf9xOTILk4FYW64sTDk3quLu7+GyQDF4iTflkl/4C935Vl/RHoo2RI3BhB6VusHHUzxPWCy64/YS2CmUI4gcjNVu98LgXta9aP9/Nnkw/9E/6Ou7YC4z8Lrf8yuFc1KF8U9KtbDLlEolho/eaceGv9MWX4wpTl6GH7gv3g5IM540LejCS+DwAbjn+oU3e+hW+OEWePebgABkEE5ZAdFumJ1xBWO7dTQB0ASAZmYmbSal6gBIpdxCIQHEsIAF8BAI/KWgvYJ4gCIoIqrNG6m7sKp2oqxReBnKOzyRa6hG9+m227bp9ts+pg/csukZB8YlA6LpNVfsSl34zvenL8qcPjO+azAzfviVuVUXtwqyrVuzTE9diOe3ABG3IhdwDudfBJKGY0fhS9e2blKeha03wZ13wmc/m5zsgWwWlvTCQz+CUjGhYPSE+qXdvenjD2MgDBZ+Jg8Xd5o+zTfUw6OLrBnuUTmeRWpeArQDRFpAtW4srVUhqBgZQnk3gfmRbtv6HX3klnOftcpf5IoYKJ14vqYTQ2FhuoO+xQszrmbqqwJLB2DVC6A049xWJYKo5t5z89dg5JB7z9qL59cx6W40J0h3HXZvh9PPcfFL2mNO8traVsBv9yieB36qlal5npuJMD/vYo2fgu6VOavlDNFcJNFkhBEVAkWzMdoZQZCAlNw8MaX5fxMrU1VE5aVgfqjbbv0ktY4Py3nnNZ4TSiacmT6LVOjiSxOMZiorODdywS+4CTz0qPv9uRfCdX8NE+MwN+eypmoNJh6DwTPn3VGUDgjyBvvwcczqKuTbCtTYuuIUdSl5mIVsDnJ5yGUgl4KuPHSGjvwcG3XT4BvI5ByPlpizSFiXbH+I72fV81OotVo5XrPl0Ujq+yOsp4auhmhXBGFbZtFmOWrnLUhRT1T+gGBujd5//1ufCpxnjiubmbyYILUQkFaOC4O9kOpyYtWd34di0THGXgB3/wjignM3Q0PQv6Z13bljSD6LdnQS9ZRJbVgGK8+C/iUuze7shc5uyPe4OJJOgS9ADbQIFKBiIVMC6YDX/yo8chd8ewvcc8CRpWkf6evUOJjqldqxmimGZbNntMHESGjXn5o2686wksr6WjsexbP7Glo9Fnt0NjwZqKNZB4p1JiStYNdmQXKFBrO7gaufVWCuu+46j8mHXoPxE7qj/cAxwGec26JGwgA6B2DtCjh4FCYm4W+vhZkKRBZMbj5ttkd24S1eCkN14pevhbf+FpjzgPQTpGKxS7W17uqd+VrHtH11A0Nr4K1vgDeV4LZd0D8E2W4Jtk347Nwb8MiDeQ7uBBvhjU0yfsq5tdzvvX00s3J92us/r1NRz84+FsXFnZFne2ueLq0hbRakTVcniqiLP8gHddvNX5QzX77vWQPmV887dRH/vGUZua5W8ZjLQb4Lsh0ugHcnVlCYdBNRLsJsyVH7r3wNfOEzUJyFh7fBbZcl6fNxoqlhUmtfSDVbJlBpA+AJc+SFhCbWvdfEIA13Lg4gSsNEDg6XoZiBPY8gU+NQnBXKRahXXOzzgHpE5kd3h0dDO7jqI79d8GfHRsl2ZEzf+i56NmXi47cHcXlH6NuVVaM98XwqKKJoK10UxEf1zcBHnz1XVtm3ile/Mc2Kjc61ZDpOSAArrVJ798Nwzw+dC1m1FibHYe8O6O2GQODtb2lN9MgPMB3dUChSKkNf7wCYcOG1bQNqRQd0vepcly1BGEPoQWxgsgzDk3B4BA7tg6nxRPmstdTOqOHijbVJjWpdzBMILPi3/tirVzPd0icdzB4seIcLYzaX6/AHL+6w5YNeNHm/58VLq8YujdrdmEs3mhZkXvasAmOX9J1rei548strDJLQIRs3Q0qdNd32PRgdhnf+Brzq3UCqrdgcx277Lv7Aevj29+h8AJg4Arf/CZQECnNOLvZiWNQBK1fB2tOgZxBsADNlODYCEyOuB6BeSyY+0XviRExrCm7WLixaxeCK5SSzJmbim9/Uod98syf9a7sbsweyplictZW5OoNrerylr0k1Rr5rAqh4dmnkrCUxX7HOrRld9qzFGFUVnbvjssddOq45qyjPQWEc1p4Kpgs6++Hs10CtDIVvwLFjcPbLFoJCDR79PCaK4PBx9M4HCXaBPXAAkxpxRedZZ8P6U6B/mQPi+HHYPwLFfQ6AqL4QANsEQVsKKNo63y7KqXVFaBDMM0mBgYnv3ysDl50/5/f3dJj80pR6Y71SnJ2VY4cm7eDSvmDpq/346E1pQ2dZbIdKe/UrKFbrzwowuuc9YXTwYxeYQ9mL5EdfcdX82DhMT7rYUa27YGwErv8CrPqltrkvO+CmZmFgQ9tVGzB8Pey+G4KlcNO3scMRsn4I84o3wOq1IB7MTMLoLAw/2FZc2qS6TzixqN4S5OZZAduyCm3j2fQEhsd4jl8zghElMJD2Iir7ZmsdGSVOFzq89BLPymSXKczMmonGjA6d3Su9m4Jock/oc1pVxHNxRnFJgJHHnlFgVK82jUPxppr2vsvkTnsF0aECO+7rJJuHJT2weshpMGHaybmpNNy2FVa8BExvknDVoDgBL70ESOoSLcDIDfDITZBeDlu3Yh84jBfk4RevdI0Yh/aA7zveK+VBKpfwYrFTPgVnEYYTGAhdqAXpCSy0bWcTcGm878xFBHxP8GOYfXhfpufUV05F9dHAcjQtmeVeXNvf4VfzMzp6d9lb8epco7AzRa1Qw3a1ilHHqP7wGQOm9NjVS+uH8m+T7Cm/5gc9Oz17+C1Wp36RVes+SJgUmJ6fTF7C6Po+VAVu+b9wybucJfQOwceuT5ZoGWr7YPhuOHYATB9svQXuehQzDVx8obOuMGxdTxJ2QXGgzItvCThiTpBupA2IEzO5NqZAk4o4SGQL4y7i+wYPobznUEY015A4U7H12QBvyie3LLD1kdA0llRs5WhGsstNXJsIfLrqbTexxPampx2YPXveE64OBi+z/soPePl1HcbO/UFUfbgY0f1xqdrVeH5C7ZuFdP/84cGeAtT/Es65CDqWuC8eFaE0AYUZl1kdG4WtN8P9h2EqmeDlix0g80B7LQ6Otr6ADWfB4hXOnY0fhPtug+l6y23Nc3Z2ITi2zYKajGIqTKQLp3h6viFQxW9UxVrfGi9bs1KxGs2qSQ+K9aPQa5hqXByJTX7AWDnkI1pLiE9F5GY5+xW7n1ZgKvv/eKVnBj6g2Y2/HKQyX6wV7vq0Hw7+rsb5M+Ling+Hj4591q2sti9n1aUzTQ5LBEwe9hfg8HWwdjksGnAAFuZg+BA88hA8vAcO1yEJT6jnXIp/gugmpiW6nX4WnP9a59YAZsbg9BfDJS+Fz3wYHp1oWYZNRLVmwNcTZIRmA0iYWqCwGj8R1BCMCaxV34qXFo1Lim2IBFlP63WRqBojA4EajNoYEeNijNWPP31dMnqdVzu45xXiL/6wZNYNiU7/j6hysGj8ZddHpbEfNKZu+S3P2/hamZtdge8vJBONcTyWWFDTCrAmA421cPt+OHIjTI+4BolCAwouIXNZHZAVWLcucUtt+o7x3IRZhfMvht27IMgmEx/DJ64i9mK8j34ZLrsY7voYhMvbVFRt09Taor62WWDgJ6A47UY8p9v4JrCIZ8VYI34o2igDgnopcfEkRm3deYimf1S+LmddetfTQvvrjqvztf0H3iOptZ/28qfUbPTQa6Ve2Gjjjs/Eczs/1Zi+/19NbtNVZs4folo1C5rw5usC20pZG1GSuiYNGN1DsPoiWLQZzIDrEc+loScNi/KwahDWbYSzz4cgPEENTaj7F1wAx8fg9i0utgBs+QLxXfdjfvNPXAqeW4QOCOx5zHXgtGs2CzpwmtlZcj5I6CVP3HI2ggeYdMYiorEfpcEXMQHi58FaRVJWvawhrmBIxYJnQaaI6h96Wmj/uZ1/2FcPcx802VPeZlKdW7zZG3/Phps+HmntRdHsA++3Ws94HevfGRf3fia7b+hFeN5Cl6UJGCJtccAkLqQtRU2FsHwt9Aw4d1Ytt7k941ZdJpOIbN7CmJX2YdOroTgOd26FB77tsru7bsV0pZFFy92t0/3UukJkbC9h/yB0dJ7Qd5YAE1moNxyTYHzXOmVJunwarjcAQ9CRjdGqwTdZqKma0JOgG+KogVgkzPoaFfA0XwdjsfY9svlVIz81MLr36oGK5P9Echt+TbzcD+qTW//Ay276O6L6pvrcQx9EWOoFgy+mtONvTKl3mKK9BiNJI11TSI8Tur8NiGbqOu/u4paIlcm42NHocKu6WfSJwMwELFrcFIMSawFec6V7/ZW/dyzzvffAjkegOAXlyLlPgFoR7cox02FYXCnC2g3Q0wNdi5w00N0DXR3QlYFcCOkYqEI4B9PAzbfB17cg0xU8UfyufMP6M3lSad/WS2LCfkd2Ruly7JUy4i8ylMasscuqqP0bOevS7/7UQpnu+cP+muT+0M+serNJ9d9Xn/z2+73spr9UbVwQlx77iEH6xO97iRbv/ivD+olM5+UXMf7ZM91kx63JaPrsSJOU07b8u7T1lDUbwUnkXxIBLDbufCpJj6W91SlJkXtWJ40J3S6NnptDxyaQt70dLRSRTIcLI8M/JrVyJdF5P0b/6H3Ist9I6iYFbYBWwZYhLkM0B/Gskwl6FkH/AHQvgXPWw6e+iIxE+J3p2IZxH+q6F0xuPXZuT8OzuZr0dXRpVMTUvIpo9pucYf/8p1YwdfT3c9VC1+9IuPSNXnb1VGPyxneb9KnvFSOvsaW912hjpiSZFVdGsw9+PPQ2VVK9Lx+wB6bWmNIsmES2NUkDRNM9GHXBvxm0kYUV93wXZkKVNPvGmkJbRxf09sDAMjdRHT2Q74TOJNDPjLoJnZ2BmWlkzXL45teQPXvgTb8LolT23kuup48obZEgeAJmWtqsua0r1GRdjDJdEISUNvcg08fxVmZzpPO+1o+LyaxAEDXlxrTNeB0EGV+LB2LPLr6Rytz7RC6PfipgVK82jYOpX9Gg6zI/v3Ewmr3318UfOFuC7t+25f1bbeHwPV7nKVfFxX3/GKRXk8q+OE96ac0UDp5PFLtiTNVZjCST7CVZk5HEkqQVc7StB3k+YdDWz81gfOl5cPG7nuADJ82SlQLMjTnZeHocPe1U5MyLkKWrXJyYuo0gDOCuh+gtG7jvANS/BlMzUDgOUxMwPeWOqUm36alWgw6F5T2wej2s3gQbUjRsg/jUTvJnnRlgawqo13GG6Ng9BdSodK/Ix+UD6tVSW0S63y7nvbj8U7cvNQ6ZTZHm3uBnV56Crd4aVcbuCLo3b7HR9GxcG/k3ySx5CXF9OJAgMuEqnyBfaJQjE8xNX4AxboVpe/O3de7IswsLTWRhujpPKmrbtoo2cE47o0Xtl0suOSgXoTwCGy+FJevhd66B274CW25CPvQp6F2ZXHuO6PZPkTI9NG7ajr8/IrrhY/h53zWXe17SLaNtvQlA3oO+DicvPLQLvnUr6hn08tWk3vgmTHev2srBOFh8WWBndlSkFpcYXDtga0eRanmLb/JvlvVP3d/9EwGjR96XqdazVxg/s8bLrwtq4zd83susuBzxN2p9+hZqE0cld+pbbeXwzSqdIrazjIZx4Jse9m5f4hq42yTkJjAkliJyAmclT9DRYttcW5PlFfjy9XDLVVAqQS2p4H1xCuiNP3ZSMcBdW9E9R5GOweS6Rbj7I/iRB1u2UD1cJQX4OYHVyyDMuOK3eb9m34C1Lk3u7oWBQVgk6OBi7MRhOi56K/VcnmhyexyuuzLQ0pGqFOemZXDdQFwf9ShPfLdIfGXf+rfMPS0Nf5VSfrMJM6eb1KIB8I6ayqEH6F79OY2LVY1mHsBkhlR0UOOo6IWpcpDqqtdtxnrD+1Z5hZlWZ8rjKqZmt35Cx7TzV/NKZFu1Pd/h0taeVCjBhjVJp37K6SNB6Oj4G/4YLv8YSA7e+A7kVa935+v74JEvwOQk3LOd6u1HSFsndrG414ESBIl1W2g2X6px53zHKmsmRNOKDiyBd78H2X4f8dH95N7wZ4EWDpUpjM3J4tMH4/JBQ/XYdamo9I6+jR8o8J8c/gmxxa8fzF6kIhmTXprT+uTOmLAj8DtOtbWRojZKwybo+iVsbLE0XAdIgxQo5eJpzE65idITO/Hb6gQkmQBZGGcWfpCEs7JtsSeRBvxmV6e30C0eAL77QTj/9bBsEdgeGPs6jO+H0VHYspX4toOEVZAIGAyhq98BbKStaVBaG5uMQMqgHT62O4C1Z8L689Cvfxrt7yP/+v9DPPPYrLG2xuJNg7a4I9bq2DVhLvpjWfOB0tPWIju7rdoR5rrWQEMk1edFlcNz6uf7xARZiI9bW1+MaIdg0nhxytarYdkr+NnOUp2p8QtdfLELm77nQZK22oM2kISFHYBNesQ+npIvzbmUud2y5gtZAzst7L0GhrqhIw8zU/DIo3DPLjhUw2tyu0uzsHg5pEMHNNraeyO4OOMJmvLRRSF2/Up4yRugUIDr/x9c+Cq8U15C/P1r6+Ylr/Hp6u+KZ++fUTv3obA6+w+y9uqfupd5ATCprJc3xk+pNqbBnzUm7YvGPkgRG3UKXl6j6kEvZc6w+IutVkc8OZ5pRCvE37Njo4hpuZ8FWnPb3GsChj1xa4W24o2euAnJOrfVjF/NBMEk94ptawVUlsE9x2Db92FiFMrqMmIBulLQ3wedfa0WWU2k7qbu4oOGPpoW7Nql6ItfiSxeBY/dhxaLeL/2ITi0k/jLH0fe8vuBlclAZ+7ZrlJ4X7iydIvI0/MAh59oc2zt+G2/bIs7P0n56J+qrRcl7P0t4tqjEkU3ajA4HcwNdXqf+9sbUDULdnppu8m01wnaAkjlhE/xRC2uFlath5njLTqmqcN4QaJSJvHKxq6RolyGqeNOPogiF9e8IHGB0ipsteGYeN+ioWAXdaKnrIa1pyJhJ+x62H3qC98EVtBbvoyccQm6dBBrjx32CK7yV1/5radbovd+EvJSO1b/o4i3zEbjR8Xqg3FUn5Gw81WWWsVofdI7MrWRx3a+Wto3Dak+Pma09xgvOM9CBXE++NuFW/o0foLNSm3Xjtt2KKMuqIc5SOec22puljJOidQQNAPaF2JPW4m9YDNs2gwDq5EjR2DHNmTTqzBnvw49fD9SKSObX0Zc2E00dvD6Rq738sy6Nz/4nOyPqfWc/g5K++7wOs86XaojryYau9+39e1an/mmpHp/2calTi1PD5H3oA4SNWsROUHfkJb1NHuJtY3vagdoQXaW/E2tnCiVurB7pZniNqmZZu3TVDG9JE23jgJSLwYDNhOgi3vQoX40TCO5XqR3FYwPo4e2I2e/Drn4DOzeW9Fj25A1L8SO70B33zKC+u/NvPyPvvFM7s98Slem5d3nW3/w9sbIV//Jy646XU3wgnj2wbu1Xv6kiWpFfN2g4aJfMUdnzzX3PZSXiVmkZpGqhUiRuG1jUZOwbM/C5n/X5u70xA2u6noFAi+hepK+Z/Fabq3ZH01bE4ZtJH3eFohQ36I5H13UhfZ2oJ4glTpkupBl69wW9skJZPUFyNB67MjDIAFmyTri6Z3Y6ow1pD8ZBLn/LZv+W4lneDwlMPU9f77ZW3zZ5yW9ZF392Ld+YNJLViNsjIr7HtXa3KcNtcewZo13/6FrdeUSQ6mI7DuEOTaNlCOkYSECsdqipBZYhZywmfiE+NR0byvXwfTEwkzOSEss82Se1FSj4CnqgWY8tDuLdufQwCDFKjJbglSILl3qms0Lc5jcIKw8F0yE1ouJnhJhZw6inkX98KYw9n9XXvD2XTxL40ljTHHH1YtV4nOj+ujnvKD7nKD34ktt5ciYxsVJP7fuNCS+UGxU8SayM9x08+Xm0DBSLsPQIHb9MnSw002MiVFjwdPkSNLReelb54s714Rtk50MSYwRhZ5uqBcTAjQJ1L6igcWmLJoVtDvADuawK3qwK3rQxV1oJkAKZcyxKUwlhp5edOliyGWRsAez9BzM2heguRx4ikgIk0exYztQE4OYBzWS/x6+8F1/KkObj/Msjie1mMquj74YL/UWGzXuzeb6bm9kNrzH7zz7rbY20bDFbaMms2aZRlO5eHLvjN548yJv3zFMFEMoEHpoVxbt70F7Ox1l0oiRchUKZaRYQapVqDbcrrDIOqtqTwAEVMRZxMAi0BgNU5AO0UwaMgGkfPcNGhap1GC2iMyWoRwhgYft7YLBXjQfggRIfgkyeArSuQiNiq4J0fpw+CDx0YfRXAg9fVCq7JGZuQ+nghd9Va644jl5uNyTA7P/oyvR1NvUZM+UuPZgOj34+WqjvjbsO/f9pAZfHlcOV2nM1JF0n9pKyo7tQrbtwOw8hIzPIXHseo89wBc09CCXRjuyaD4LmTQEAeqbNu39hNhjbWJYClGMVOtQriDFMpRrSDlKdgN4kE2jPR3Qk0e7Mmi+A8ktgo5lSM8y57ZsA22UkNkCHB7GHnoApYouXwZWkdHJ3Xam+Gfp8qlffi6fI/OUwNS2fewGPF0quRA1QVWj+F7Ppr7he2v3Rd7UBtO57lfF77vcVovLtXRM0AakMqitoJPDcGg/5tAwcmwSmSwi1UaiQrb0dW0v+vWEal6T2JTvdppJM2nwDRqm0FwaOtPYziz09UJ3P9K1DMkNINkuNExU0KjmHhx3+Cj2wG70+EE058OSAcT34fAxODr5EIXqX6ReOvg1ueJfnhePX3xSYKp3fGS72vrp8UgBSRn80waKksvutHW5Rb1wi/ob9mSmJpbXv/Ot280Zmz0543zoyKJRGTRycQRxHSKVaZgeQyfHkalJmCkgpWTVV+tOPo6a6W0S0FM+mg7QZcshwMm++S6XReV6kUxfUqN0QZh22NoqFKfR6Sk4Ooru3oGOHECJYNkALO1zgA+Pwd6jMF29SSX8q/CLd/zguXo0yX8YmNKxz95ovOi1Etcx24eJJytoRxr/jMXHLelHxOphxhsT9tNf/Z9aqOH5greoG1athDWnwtBy6Ot3+2I8v9WUpwo2QtUianH7E3HN8NrKukTEpcdBChE/+ZXTerRWdJtnZ6bQyUkYG0NHhmF8BK1WXEzr70IGuiETIMUqHD2OjkzCTLUsln/SwWXXhH97w2M8T8eTAjO7+4vvNf3+X8vkDP6uI/gHx4leuIJ43xTe2r5Zs6Tr8zpuz7cjwxcyW4YjozB8HDNdxKvWncEE4ujy7i7X5NDbD129kM+j6Yxr0vYM6nmuLmn2HMcNqFZdb7K1aCmRi6en3L+zs66DxRMkl4HuHAx2Q08ODTykUIHRGXfMlNBqhAT+fSaT/bR37uYvyVWfqvE8H09uMZ/9xFJ7+qJ92mvSwY0PEZbmsGmPOOURLcohaxaNhdvGh+s/+tG5OtCNLO2DRV3ge2i5ikzPIdNFvEIJU6hBtYbUGo42iVv7TxR7AiWT9MRJIoAt6nY70LIpNJtCs6FTHAMP4hgp1mC27HajlWpopYE2HONg/WDUGPmSZDu/lPrcrQ/zMzSessAs3v5375XZ6K+NRPi7jtDozWAvXIn0hsieUQwRqc/diE4XiePI9V2EHuRD1yDRkXE7ijMpxPcQ46p/iSIkilzTX2SR5tYI12cyL+1qZ6/bWVxvQKkOxQpSrKKlGlQbaJzsnptP5hQ8M4cE15NOfzH9xTtvlSdU7X7GgVFVKYz96//3Hhh+p2bTRKf0IL5CSjBRHbNtGG/kMKmvb0Vw8UJVsbFi1WKttjZSNVmXdqm/uT2xyYklTRiS0Pq6cRNMHJ3P2FRPZK2T174/jPG+ZVLpfw3/+a6bn2+B/GknMUVEVfVdk5fevCM1PPGJ1COj6bgrg13dhxXB9PYS1yvUfYOU667JWtRdNHmOT1N8tCgau+pebbL9HZ0Hs9Wu1Nwaj3t+pW2yAUmihyJiIjXeD8WY70k+tyX1j3c+NP+hv/xf4xnfP/G3mHn4H1ZHYf6jno2u9IwYiUHFkrrvxwTf+j5arWJj29aGIfOtZZLsol64QagVW1TbJOQmken50NWJeD4qUhXx78SYOwnM7Zz/ott+FgL4swLMfFLwid9ZWl3ccyVh9hVBrXFa9sf3r/SOj7c2m0Z1NI7codZZx7zmr0nDS9OFOTCkXa8xUjLIw5rv3EYmfMgE4f185YEf/1dwT88oMAti0K23ptnyhRdRmHoB5dIG6pUVNOoraNT6iRoponqu+SRYtVGEpYJoUWFcrU7geaMa2WHxg/0q0V6/a8l+uf7BQ5wcz+xzl9v/+4+ftxV/cpwcJ8fJcXKcHCfHyXFynBwnx8lxcpwcz4vx75Ycdrb/wuS2AAAAAElFTkSuQmCC);
  600. background-position: 32rpx center;
  601. background-repeat: no-repeat;
  602. background-size: 102rpx;
  603. .invite {
  604. display: flex;
  605. justify-content: center;
  606. align-items: center;
  607. width: 136rpx;
  608. height: 64rpx;
  609. font-size: 24rpx;
  610. font-weight: 500;
  611. color: #FFFFFF;
  612. background: linear-gradient(90deg, #FF7931 0%, #E93323 100%);
  613. box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(138, 0, 0, 0.2726);
  614. border-radius: 32rpx;
  615. }
  616. }
  617. </style>