/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Header/index.vue?vue&type=style&index=0&id=2f029f00&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.header_box[data-v-2f029f00] {
  width: 100vw;
  height: 66rem;
  background-image: linear-gradient(to bottom, rgba(15, 15, 15, 0.1) 0%, rgba(15, 15, 15, 0.2) 85%, rgba(15, 15, 15, 0) 100%);
  position: fixed;
  z-index: 2001;
  top: 0px;
  left: 0px;
}
.header_box .main[data-v-2f029f00] {
  display: flex;
  align-items: center;
  padding: 0 64rem;
  height: 100%;
}
.header_box .main .logo[data-v-2f029f00] {
  width: 153rem;
  flex-shrink: 0;
  cursor: pointer;
}
.header_box .main .home[data-v-2f029f00] {
  cursor: pointer;
  font-size: 18rem;
  margin-left: 68rem;
}
.header_box .main .home[data-v-2f029f00]:hover {
  color: #FBD913;
}
.header_box .main .download[data-v-2f029f00] {
  width: 115rem;
  margin-left: 646rem;
  flex-shrink: 0;
  position: relative;
}
.header_box .main .download .operate_area[data-v-2f029f00] {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #ffffff;
}
.header_box .main .download .active[data-v-2f029f00] {
  color: #FBD913;
}
.header_box .main .download .btn[data-v-2f029f00] {
  width: 15rem;
  margin-right: 8rem;
  flex-shrink: 0;
}
.header_box .main .download .text[data-v-2f029f00] {
  font-size: 18rem;
}
.header_box .main .download .download_content[data-v-2f029f00] {
  position: absolute;
  top: 32rem;
  left: 50%;
  transform: translateX(-50%);
  width: 508rem;
  height: 416rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfwAAAGgCAMAAAB4wCWtAAAAAXNSR0IArs4c6QAAAJZQTFRFAAAAAAAAICAgMDAwLy8vLi4uKSkpKCgoMDAwLCwsKysrLi4uLi4uMDAwLi4uLy8vLCwsLCwsLy8vLS0tLi4uLy8vLS0tLi4uLi4uLS0tLi4uLi4uLS0tLy8vLS0tLi4uLS0tLi4uLi4uLS0tLi4uLi4uLS0tLS0tLi4uLi4uLS0tLi4uLi4uLS0tLi4uLS0tLi4uLi4ulVhHswAAADF0Uk5TAAQIEBscHyAgIyQnNztDR0tXV1tfc3d7f4OLj5+fo6evs7e7u8fL29/j5+fv8/P3+//lquQAAAOMSURBVHja7dndWhIBFIbRjZaj9GcgQkaJDalgMbPv/+Y6iHy01M5nr3UJ33swPzuivNHFxcgKNR1cZX47sENFr64zM7+/tkQ9b24zMzNvT2xRzfsfubf7YI1azrq8153Zo5JP+cjCInVe87/mXy699Bdx2OY/2kO7VHB0k0+4ObLM8L3d5pM272wzdKddPqM7tc6wnff5rP7cPgM2+pwvcucZ8CfeVf6HO89Q/b7kvOy61p3nZLbe9Mnw3bXz5vFH71L4SlYPfmdMf9qjlm7yp/3CGPXsr1gfLVHRNCLiqDNERbsmIlZ2qGkZ0VihqH4ccytUNYvWCFW1sTVCVZuwQd2HvviFiS8+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4otvAvERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERX3zER3zER3zER3zER3zER3zER3zER3zER3zER3zER3zER3zER3zER3zER3zER3zER3zER3zER3zxER/xER/xER/xER/xER/xER/xER/xER/xER/xER/xER/xER/xER/xER/xER/xER/xER/xER/xxUd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xBcf8REf8REf8REf8REf8REf8REf8REf8REf8REf8REf8REf8REf8REf8REf8REf8REf8REf8RFffMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfPERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERX3wTiI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/44iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4ouP+IiP+IiP+Awzfm+DuvE3NqhqG60RqlrHzAhVzWPsoV/VccTSCjWtIqLZ2aGiromImBqioklERMTCEvUsYm/SGaOW3TTuNSt7FNJ/aeKh4/n6zioVwm/Ws/E++i/s4RdpDEdougAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 46rem 30rem 0 30rem;
}
.header_box .main .download .download_content .blurb[data-v-2f029f00] {
  display: flex;
  align-items: center;
}
.header_box .main .download .download_content .blurb .blurb_logo[data-v-2f029f00] {
  width: 56rem;
  height: 56rem;
  margin-right: 10rem;
  flex-shrink: 0;
}
.header_box .main .download .download_content .blurb .app_title[data-v-2f029f00] {
  font-size: 16rem;
  color: #ffffff;
  line-height: 19rem;
  margin-bottom: 8rem;
}
.header_box .main .download .download_content .blurb .app_desc[data-v-2f029f00] {
  font-size: 12rem;
  color: #ffffff;
  line-height: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.header_box .main .download .download_content .qr_code[data-v-2f029f00] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24rem;
}
.header_box .main .download .download_content .qr_code .qr_code_item[data-v-2f029f00] {
  width: 208rem;
  height: 264rem;
  padding-top: 20rem;
  background: #494949;
  border-radius: 8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header_box .main .download .download_content .qr_code .qr_code_item .code[data-v-2f029f00] {
  width: 160rem;
  height: 160rem;
  border-radius: 8rem;
}
.header_box .main .download .download_content .qr_code .qr_code_item .platform[data-v-2f029f00] {
  margin-top: 16rem;
  width: 176rem;
  height: 52rem;
  background: #ffffff;
  border-radius: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.header_box .main .download .download_content .qr_code .qr_code_item .platform .platform_logo[data-v-2f029f00] {
  width: 32rem;
  height: 32rem;
  margin-right: 10rem;
}
.header_box .main .download .download_content .qr_code .qr_code_item .platform .platform_name[data-v-2f029f00] {
  font-size: 16rem;
  color: #000000;
  line-height: 19rem;
}
.header_box .main .record[data-v-2f029f00] {
  flex-shrink: 0;
  margin-left: 68rem;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.header_box .main .record .record_title[data-v-2f029f00] {
  font-size: 12rem;
  line-height: 1;
}
.header_box .main .record .record_content[data-v-2f029f00] {
  position: absolute;
  top: 40rem;
  left: 50%;
  transform: translateX(-50%);
  width: 182rem;
  height: 324rem;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 10rem 10rem 0 10rem;
}
.header_box .main .record .record_content .tabs[data-v-2f029f00] {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  font-size: 12rem;
}
.header_box .main .record .record_content .tabs div[data-v-2f029f00] {
  padding: 10rem;
  /* 内边距 */
  transition: color 0.3s ease;
  /* 添加平滑过渡效果 */
}
.header_box .main .record .record_content .tabs-content[data-v-2f029f00] {
  height: 240rem;
  overflow: hidden;
}
.header_box .main .record .record_content .tabs-content-item[data-v-2f029f00] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8rem;
}
.header_box .main .record .record_content .tabs-content-item-left[data-v-2f029f00] {
  margin-right: 8rem;
  width: 54rem;
  height: 72rem;
}
.header_box .main .record .record_content .tabs-content-item-left img[data-v-2f029f00] {
  width: 54rem;
  height: 72rem;
  border-radius: 4rem;
}
.header_box .main .record .record_content .tabs-content-item-right[data-v-2f029f00] {
  text-align: left;
  width: 100rem;
  height: 72rem;
  padding-top: 0rem;
}
.header_box .main .record .record_content .tabs-content-item-right-title[data-v-2f029f00] {
  font-size: 11rem;
  flex-shrink: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 显示两行后省略 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  /* 确保文本换行 */
  width: 100rem;
  /* 固定宽度，替换为适合你的实际宽度 */
}
.header_box .main .record .record_content .tabs-content-item-right-history[data-v-2f029f00] {
  font-size: 9rem;
  color: rgba(255, 255, 255, 0.72);
}
.header_box .main .record .record_content .tabs-content-none[data-v-2f029f00] {
  margin-top: 40rem;
}
.header_box .main .record .record_content .tabs-content-none img[data-v-2f029f00] {
  width: 150rem;
  height: 98rem;
}
.header_box .main .record .record_content .tabs-content-none .text[data-v-2f029f00] {
  font-size: 12rem;
  color: #969696;
  line-height: 14px;
}
.header_box .main .record .record_content .more[data-v-2f029f00] {
  position: absolute;
  bottom: 10rem;
  left: 50%;
  transform: translateX(-50%);
}
.header_box .main .record .record_content .more img[data-v-2f029f00] {
  width: 6rem;
  height: 8rem;
}
.header_box .main .record .record_content .more[data-v-2f029f00]:hover {
  cursor: pointer;
  color: #FBD913;
}
.header_box .main .user[data-v-2f029f00] {
  flex-shrink: 0;
  margin-left: 64rem;
  position: relative;
  cursor: pointer;
}
.header_box .main .user .user-content[data-v-2f029f00] {
  position: absolute;
  top: 45rem;
  left: 50%;
  transform: translateX(-50%);
  width: 137rem;
  height: 65rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfwAAAGgCAMAAAB4wCWtAAAAAXNSR0IArs4c6QAAAJZQTFRFAAAAAAAAICAgMDAwLy8vLi4uKSkpKCgoMDAwLCwsKysrLi4uLi4uMDAwLi4uLy8vLCwsLCwsLy8vLS0tLi4uLy8vLS0tLi4uLi4uLS0tLi4uLi4uLS0tLy8vLS0tLi4uLS0tLi4uLi4uLS0tLi4uLi4uLS0tLS0tLi4uLi4uLS0tLi4uLi4uLS0tLi4uLS0tLi4uLi4ulVhHswAAADF0Uk5TAAQIEBscHyAgIyQnNztDR0tXV1tfc3d7f4OLj5+fo6evs7e7u8fL29/j5+fv8/P3+//lquQAAAOMSURBVHja7dndWhIBFIbRjZaj9GcgQkaJDalgMbPv/+Y6iHy01M5nr3UJ33swPzuivNHFxcgKNR1cZX47sENFr64zM7+/tkQ9b24zMzNvT2xRzfsfubf7YI1azrq8153Zo5JP+cjCInVe87/mXy699Bdx2OY/2kO7VHB0k0+4ObLM8L3d5pM272wzdKddPqM7tc6wnff5rP7cPgM2+pwvcucZ8CfeVf6HO89Q/b7kvOy61p3nZLbe9Mnw3bXz5vFH71L4SlYPfmdMf9qjlm7yp/3CGPXsr1gfLVHRNCLiqDNERbsmIlZ2qGkZ0VihqH4ccytUNYvWCFW1sTVCVZuwQd2HvviFiS8+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4otvAvERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERX3zER3zER3zER3zER3zER3zER3zER3zER3zER3zER3zER3zER3zER3zER3zER3zER3zER3zER3zxER/xER/xER/xER/xER/xER/xER/xER/xER/xER/xER/xER/xER/xER/xER/xER/xER/xER/xxUd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xEd8xBcf8REf8REf8REf8REf8REf8REf8REf8REf8REf8REf8REf8REf8REf8REf8REf8REf8REf8RFffMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfMRHfPERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERH/ERX3wTiI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/4iI/44iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4iM+4ouP+IiP+IiP+Awzfm+DuvE3NqhqG60RqlrHzAhVzWPsoV/VccTSCjWtIqLZ2aGiromImBqioklERMTCEvUsYm/SGaOW3TTuNSt7FNJ/aeKh4/n6zioVwm/Ws/E++i/s4RdpDEdougAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 10rem 10rem 0 12rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header_box .main .user .user-content-left[data-v-2f029f00] {
  margin-right: 12rem;
}
.header_box .main .user .user-content-right-name[data-v-2f029f00] {
  font-size: 10rem;
  line-height: 1;
  margin-bottom: 3rem;
}
.header_box .main .user .user-content-right-id[data-v-2f029f00] {
  font-size: 12rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Tabbar/index.vue?vue&type=style&index=0&id=407c8391&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tabbar[data-v-407c8391] {
  width: 100vw;
  height: 100rem;
  padding-bottom: 10rem;
  position: fixed;
  background: #151515;
  bottom: 0rem;
  left: 0rem;
  z-index: 2000;
  display: flex;
}
.tabbar > div[data-v-407c8391] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.tabbar > div .name[data-v-407c8391] {
  font-size: 18rem;
  color: #A8A8A8;
  line-height: 21rem;
  margin-top: 8rem;
}
.tabbar > div .active_name[data-v-407c8391] {
  color: #ffffff;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/style/common.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  font-size: 14rem;
  line-height: 22rem;
  color: #ffffff;
  background-color: #000000;
}

* {
  box-sizing: border-box;
}

.main {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
}