/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Confirm/confirm.vue?vue&type=style&index=0&id=80a6181e&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.confirm[data-v-80a6181e] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2001;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
}
.confirm .confirm-content[data-v-80a6181e] {
  width: 394rem;
  background: #222222;
  border-radius: 24rem;
}
.confirm .confirm-title[data-v-80a6181e] {
  margin: 47rem 0 58rem;
  font-size: 24rem;
  color: #FFFFFF;
  text-align: center;
}
.confirm .confirm-btn[data-v-80a6181e] {
  width: 297rem;
  height: 48rem;
  margin: 0 auto 30rem auto;
  background-image: linear-gradient(129deg, #FF2B0C 0%, #FF0466 100%);
  border-radius: 44rem;
  font-weight: bold;
  font-size: 16rem;
  color: #FFFFFF;
  line-height: 48rem;
  text-align: center;
  cursor: pointer;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Confirm/confirmH5.vue?vue&type=style&index=0&id=9e2c67c4&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.confirm-h5[data-v-9e2c67c4] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2001;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.confirm-h5 .confirm-content[data-v-9e2c67c4] {
  width: 590rem;
  background: #222222;
  border-radius: 30rem;
}
.confirm-h5 .confirm-title[data-v-9e2c67c4] {
  margin: 60rem;
  font-size: 36rem;
  color: #FFFFFF;
  text-align: center;
}
.confirm-h5 .confirm-btn[data-v-9e2c67c4] {
  width: 510rem;
  height: 88rem;
  margin: 0 auto 60rem auto;
  background-image: linear-gradient(129deg, #FF2B0C 0%, #FF0466 100%);
  border-radius: 44rem;
  font-weight: bold;
  font-size: 30rem;
  color: #FFFFFF;
  line-height: 88rem;
  text-align: center;
  cursor: pointer;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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: 135rem;
  flex-shrink: 0;
  cursor: pointer;
}
.header_box .main .home[data-v-2f029f00] {
  cursor: pointer;
  font-size: 20rem;
  margin-left: 85rem;
}
.header_box .main .home[data-v-2f029f00]:hover {
  color: #fbd913;
}
.header_box .main .download[data-v-2f029f00] {
  width: 115rem;
  margin-left: 555rem;
  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: 64rem;
  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;
  -o-object-fit: cover;
     object-fit: cover;
}
.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: #f00000;
}
.header_box .main .user[data-v-2f029f00] {
  flex-shrink: 0;
  margin-left: 64rem;
  position: relative;
}
.header_box .main .user .user-head[data-v-2f029f00] {
  width: 36rem;
  height: 36rem;
  border-radius: 50%;
  cursor: pointer;
}
.header_box .main .user .user-content[data-v-2f029f00] {
  position: absolute;
  top: 45rem;
  right: -18rem;
}
.header_box .main .user .user-content .indicator[data-v-2f029f00] {
  position: absolute;
  top: 0;
  right: 30rem;
  width: 0;
  height: 0;
  border-left: 5rem solid transparent;
  border-right: 5rem solid transparent;
  border-bottom: 8rem solid #2E2E2E;
}
.header_box .main .user .user-content .content[data-v-2f029f00] {
  background: #2E2E2E;
  border-radius: 12rem;
  overflow: auto;
  margin-top: 6rem;
  width: 354rem;
  height: 172rem;
}
.header_box .main .user .user-content .content .info[data-v-2f029f00] {
  width: 314rem;
  margin: 26rem auto 16rem auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header_box .main .user .user-content .content .info .head[data-v-2f029f00] {
  flex-shrink: 0;
  width: 44rem;
  height: 44rem;
  margin-right: 12rem;
  border-radius: 50%;
}
.header_box .main .user .user-content .content .info .desc[data-v-2f029f00] {
  flex-grow: 2;
}
.header_box .main .user .user-content .content .info .desc .name[data-v-2f029f00] {
  font-weight: 500;
  font-size: 14rem;
  color: #FFFFFF;
  line-height: 16rem;
  margin-bottom: 8rem;
}
.header_box .main .user .user-content .content .info .desc .id[data-v-2f029f00] {
  display: flex;
  align-items: center;
  font-size: 12rem;
  color: #8E8E8E;
  line-height: 14rem;
}
.header_box .main .user .user-content .content .info .desc .id img[data-v-2f029f00] {
  width: 14rem;
  height: 14rem;
  margin-right: 7rem;
  flex-shrink: 0;
}
.header_box .main .user .user-content .content .info .login_button[data-v-2f029f00] {
  width: 78rem;
  height: 26rem;
  border-radius: 6rem;
  border: 1px solid #8E8E8E;
  font-weight: bold;
  font-size: 14rem;
  color: #FFFFFF;
  line-height: 24rem;
  text-align: center;
  cursor: pointer;
}
.header_box .main .user .user-content .content .money[data-v-2f029f00] {
  width: 314rem;
  height: 68rem;
  padding: 0 12rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-image: url(../img/login-money-bg.b6fc6d14.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.header_box .main .user .user-content .content .money .coin .value[data-v-2f029f00],
.header_box .main .user .user-content .content .money .bonus .value[data-v-2f029f00] {
  font-size: 16rem;
  color: #FFFFFF;
  line-height: 19rem;
  margin-bottom: 3rem;
}
.header_box .main .user .user-content .content .money .coin .unit[data-v-2f029f00],
.header_box .main .user .user-content .content .money .bonus .unit[data-v-2f029f00] {
  display: flex;
  align-items: flex-end;
  font-size: 12rem;
  color: #FFFFFF;
  line-height: 12rem;
}
.header_box .main .user .user-content .content .money .coin .unit img[data-v-2f029f00],
.header_box .main .user .user-content .content .money .bonus .unit img[data-v-2f029f00] {
  width: 14rem;
  height: 13rem;
  margin-right: 2rem;
}
.header_box .main .user .user-content .content .money .split_line[data-v-2f029f00] {
  width: 1px;
  height: 24rem;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.35);
}
.header_box .main .user .user-content .content .money .recharge[data-v-2f029f00] {
  width: 120rem;
  height: 36rem;
  margin-left: 15rem;
  flex-shrink: 0;
  background: linear-gradient(90deg, #FBD913 0%, #FBD913 100%);
  border-radius: 44rem;
  font-weight: bold;
  font-size: 13rem;
  color: #FFFFFF;
  line-height: 36rem;
  text-align: center;
  cursor: pointer;
}
.header_box .main .user .user-content .content .money .recharge[data-v-2f029f00]:hover {
  background: linear-gradient(90deg, #FBD913 0%, #FBD913 100%);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Login/main.vue?vue&type=style&index=0&id=791d5962&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.login[data-v-791d5962] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2001;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login .content[data-v-791d5962] {
  width: 420px;
  height: 375px;
  background: #FFFFFF;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}
.login .login_bg[data-v-791d5962] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 420px;
  height: 135px;
}
.login .close[data-v-791d5962] {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.login .app[data-v-791d5962] {
  width: 64px;
  height: 64px;
  margin: 56px auto 21px auto;
}
.login .app img[data-v-791d5962] {
  width: 100%;
  height: 100%;
  border-radius: 40rem;
}
.login .desc[data-v-791d5962] {
  font-weight: 600;
  font-size: 28px;
  color: #000000;
  line-height: 28px;
  text-align: center;
}
.login .login_button[data-v-791d5962] {
  width: 320px;
  height: 48px;
  margin: 39px auto 62px auto;
  background: #185ABC;
  border-radius: 50px;
  padding: 0 34px;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.login .login_button img[data-v-791d5962] {
  width: 24px;
  margin-right: 31px;
  flex-shrink: 0;
}
.login .login_button .text[data-v-791d5962] {
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 22px;
}
.login .login_button #googleSignInButton[data-v-791d5962] {
  position: absolute;
  top: 4px;
  left: 1px;
  z-index: 10;
  opacity: 0.01;
}
.login .mask[data-v-791d5962] {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background: rgba(255, 0, 0, 0);
}
.login .agreement[data-v-791d5962] {
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  color: #868686;
  line-height: 22px;
}
.login .agreement span[data-v-791d5962] {
  color: #333333;
  cursor: pointer;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/LoginH5/main.vue?vue&type=style&index=0&id=2541ad42&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.login_H5[data-v-2541ad42] {
  width: 100vw;
  background: #222222;
  text-align: center;
  padding-top: 48rem;
  padding-bottom: 62rem;
  position: relative;
}
.login_H5 .login-close[data-v-2541ad42] {
  position: absolute;
  top: 32rem;
  right: 32rem;
}
.login_H5 .login-close img[data-v-2541ad42] {
  width: 22rem;
  height: 22rem;
}
.login_H5 .app_icon[data-v-2541ad42] {
  margin: 0 auto;
}
.login_H5 .app_icon img[data-v-2541ad42] {
  width: 160rem;
  height: 160rem;
}
.login_H5 .app_title[data-v-2541ad42] {
  font-size: 48rem;
  color: #ececec;
  font-weight: bold;
  margin-top: 23rem;
}
.login_H5 .app_introduce[data-v-2541ad42] {
  font-size: 28rem;
  color: #ececec;
  margin-top: 30rem;
}
.login_H5 .login_button[data-v-2541ad42] {
  width: 662rem;
  height: 88rem;
  margin: 73rem auto 0 auto;
  background: #185ABC;
  border-radius: 81rem;
  padding: 0 36rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.login_H5 .login_button img[data-v-2541ad42] {
  width: 44rem;
  flex-shrink: 0;
  margin-right: -20rem;
}
.login_H5 .login_button .text[data-v-2541ad42] {
  font-size: 30rem;
  color: #FFFFFF;
  line-height: 88rem;
  text-align: center;
  margin: 0 auto;
}
.login_H5 .login_button #googleSignInButton[data-v-2541ad42] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0.01;
  width: 100%;
  height: 100%;
}
.login_H5 .boundary[data-v-2541ad42] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50rem;
}
.login_H5 .boundary .line[data-v-2541ad42] {
  width: 140rem;
  height: 1rem;
  background: rgba(255, 255, 255, 0.12);
}
.login_H5 .boundary .text[data-v-2541ad42] {
  font-size: 28rem;
  color: #ececec;
  margin: 0 24rem;
}
.login_H5 .email-btn[data-v-2541ad42] {
  width: 662rem;
  height: 88rem;
  background: #63591E;
  border-radius: 70rem 70rem 70rem 70rem;
  margin: 40rem auto 53rem auto;
  font-weight: bold;
  font-size: 30rem;
  text-align: center;
  line-height: 88rem;
  color: #383315;
}
.login_H5 .check[data-v-2541ad42] {
  font-size: 24rem;
  color: #9E9E9E;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login_H5 .check .text[data-v-2541ad42] {
  margin-left: 16rem;
}
.login_H5 .check[data-v-2541ad42] .van-checkbox__icon--checked .van-icon {
  background-color: #fbd913;
  border-color: #fbd913;
  color: #222;
}
.login_H5 .agreement[data-v-2541ad42] {
  font-size: 24rem;
  color: #9E9E9E;
  margin-top: 114rem;
}
.login_H5[data-v-2541ad42] .van-cell {
  background: #2b2b2b;
  border-radius: 70rem;
  margin-top: 74rem;
}
.login_H5[data-v-2541ad42] .van-cell-group {
  background: #222;
}
.login_H5[data-v-2541ad42] .van-field__control {
  color: #ececec;
}
.login_H5[data-v-2541ad42] .van-field__control::-moz-placeholder {
  color: #6E6E6E;
}
.login_H5[data-v-2541ad42] .van-field__control::placeholder {
  color: #6E6E6E;
}
.login_H5[data-v-2541ad42] .van-action-sheet__content {
  background: #222;
}
.login_H5 .email-wrap[data-v-2541ad42] {
  position: relative;
  /* 简单跟随输入框的下拉（不依赖复杂定位） */
}
.login_H5 .email-wrap .email-suggest[data-v-2541ad42] {
  position: absolute;
  left: 16rem;
  /* 与 van-cell-group inset 对齐 */
  right: 16rem;
  bottom: -160rem;
  /* 视你实际行高微调：van-field + inset 高度大概 56~64rem */
  background: #2b2b2b;
  border: 1rem solid rgba(0, 0, 0, 0.08);
  border-radius: 8rem;
  box-shadow: 0 8rem 24rem rgba(0, 0, 0, 0.08);
  overflow: hidden;
  z-index: 10;
  color: #ececec;
  overflow-y: auto;
}
.login_H5 .email-wrap .email-suggest__item[data-v-2541ad42] {
  padding: 12rem 12rem;
  font-size: 28rem;
  cursor: pointer;
}
.login_H5 .email-wrap .email-suggest__item + .email-suggest__item[data-v-2541ad42] {
  border-top: 1rem solid rgba(0, 0, 0, 0.04);
}
.login_H5 .email-wrap .email-suggest__item[data-v-2541ad42]:hover,
.login_H5 .email-wrap .email-suggest__item[data-v-2541ad42]:active {
  background: #222;
}