body {
  height: 100%;
  overflow: scroll;
  position: relative;
}
@font-face {
  font-family: 'reward';
  src: url('FZZCHJW.TTF');
}
@keyframes slideIn {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(0.85rem);
  }
}
@keyframes animate {
  0% {
    visibility: hidden;
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }
}
.slide-animation {
  visibility: hidden;
  /* 1、设置动画名称 */
  animation-name: animate;
  /* 2、动画持续时间 */
  animation-duration: 0.5s;
  /* 3、动画执行速度 */
  /* 4、等待时长 */
  /* animation-delay: 2s; */
  animation-delay: 0.5s;
  /* 5、设置动画播放次数 */
  /* 6、设置动画是否反向播放 */
  /* 7、动画结束时应用最后一帧 */
  animation-fill-mode: forwards;
  /* animation: name duration timing-function delay iteration-count direction fill-mode; */
}
.main {
  padding: 0;
  background-color: #4698FC;
  max-width: 600px;
  position: relative;
  min-height: 100%;
  padding-bottom: 0.5rem;
}
.main .c_wrapper {
  padding: 0 0.35rem;
}
.main .c_title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .c_title .flower {
  width: 0.6rem;
  height: 0.6rem;
  margin-right: 0.2rem;
}
.main .c_title .c_text {
  color: #333333;
  font-size: 0.45rem;
  line-height: 0.63rem;
  font-weight: 600;
}
.main .c_title.c_title_white .flower {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.2rem;
}
.main .c_title.c_title_white .c_text {
  color: #FFFFFF;
}
.main .top_wrapper {
  position: relative;
  width: 9rem;
  margin: 0 auto;
  padding-top: 0.5rem;
}
.main .top_wrapper .logo_wrapper {
  display: flex;
  justify-content: center;
}
.main .top_wrapper .logo_wrapper .logo_item {
  display: flex;
  align-items: center;
}
.main .top_wrapper .logo_wrapper .logo_item:first-of-type {
  position: relative;
  margin-right: 0.6rem;
}
.main .top_wrapper .logo_wrapper .logo_item:first-of-type::after {
  display: inline-block;
  content: '';
  position: absolute;
  right: -0.35rem;
  top: 0.1rem;
  bottom: 0.1rem;
  width: 2px;
  background-color: #ffffff;
}
.main .top_wrapper .logo_wrapper .logo_item .logo {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  margin-right: 0.15rem;
}
.main .top_wrapper .logo_wrapper .logo_item .logo_t {
  font-size: 0.4rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.55rem;
}
.main .banner {
  width: 100%;
  margin-top: 0.28rem;
}
.main .bg {
  margin-top: -0.4rem;
}
.main .l_desc_wrapper {
  margin-top: -2.25rem;
  position: relative;
  z-index: 9;
}
.main .l_desc_wrapper .logined_flower {
  display: none;
  position: absolute;
  left: 0.35rem;
  top: 0.38rem;
  width: 0.95rem;
  height: 0.95rem;
}
.main .reward_wrapper {
  margin-top: -2.25rem;
  position: relative;
  z-index: 10;
}
.main .reward_wrapper .reward_cont {
  background: linear-gradient(180deg, #f1f7ff 0%, #ffffff 100%);
  border-radius: 0.2rem;
  position: relative;
  padding: 0.7rem 0.25rem 0.35rem;
  box-sizing: border-box;
}
.main .reward_wrapper .reward_cont .re_top {
  position: absolute;
  top: -0.53rem;
  left: 50%;
  transform: translateX(-50%);
  min-width: 6rem;
  display: inline-block;
  align-items: center;
  font-size: 0.45rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.63rem;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
  background: linear-gradient(315deg, #1a70f9 0%, #4698fc 100%);
  box-shadow: 0rem 0.05rem 0.15rem 0rem rgba(26, 112, 249, 0.3);
  border-radius: 0.3rem 0.03rem 0.3rem 0.03rem;
  padding: 0.16rem;
  text-align: center;
}
.main .reward_wrapper .reward_cont .re_top .reward_top {
  position: absolute;
  left: -1.27rem;
  top: -0.7rem;
  width: 2rem;
  height: 2rem;
}
.main .reward_wrapper .reward_cont .re_ul {
  display: flex;
  justify-content: space-between;
  padding: 0 0.25rem;
}
.main .reward_wrapper .reward_cont .re_ul > li {
  min-width: 1.8rem;
}
.main .reward_wrapper .reward_cont .re_ul > li .re_li_d1 {
  width: 1.65rem;
  height: 1.65rem;
  position: relative;
}
.main .reward_wrapper .reward_cont .re_ul > li .re_li_d1 .re_li_sp_1 {
  position: absolute;
  left: 0.03rem;
  top: 0.03rem;
  font-size: 0.4rem;
  font-weight: 400;
  color: #FFA600;
  line-height: 0.5rem;
  font-family: reward;
}
.main .reward_wrapper .reward_cont .re_ul > li .re_li_d1 .re_l1_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main .reward_wrapper .reward_cont .re_ul > li .re_li_d2 {
  font-size: 0.3rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.43rem;
  text-align: center;
}
.main .reward_wrapper .reward_cont .register_btn {
  text-align: center;
  margin-top: 0.35rem;
}
.main .reward_wrapper .reward_cont .register_btn > span {
  display: inline-block;
  padding: 0.2rem 1rem;
  min-width: 4.5rem;
  color: #FFFFFF;
  font-size: 0.38rem;
  font-weight: bold;
  background: linear-gradient(315deg, #1a70f9 0%, #4698fc 100%);
  cursor: pointer;
  border-radius: 0.48rem;
}
.main .reward_wrapper .reward_cont .l_success {
  margin-top: 0.35rem;
  padding: 0.18rem 0.25rem;
  border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;
  background: linear-gradient(315deg, rgba(26, 112, 249, 0.1) 0%, rgba(70, 152, 252, 0.1) 100%);
  font-size: 0.3rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.43rem;
}
.main .reward_wrapper .reward_cont .l_success .username {
  color: #4194FC;
  font-weight: bold;
}
.main .total_wrapper {
  margin-top: 0.5rem;
}
.main .total_wrapper .total_cont {
  padding: 0.25rem;
  background: linear-gradient(315deg, #1a70f9 0%, #2b7de1 100%);
  box-shadow: 0rem 0.1rem 0.25rem 0rem rgba(70, 152, 252, 0.302);
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  display: flex;
  align-items: center;
}
.main .total_wrapper .total_cont .total_c_l {
  flex: 1;
  font-size: 0.35rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.5rem;
}
.main .total_wrapper .total_cont .total_c_l .total_num {
  padding: 0 0.12rem;
  background-color: #ffffff;
  border-radius: 0.05rem;
  font-size: 0.35rem;
  font-weight: 600;
  color: #1A70F9;
  margin-right: 0.05rem;
}
.main .total_wrapper .total_cont .total_c_l .total_c_l_d2 {
  margin-top: 0.25rem;
}
.main .total_wrapper .total_cont .total_c_l .total_c_l_d2 .total_num {
  background-color: #FA913A;
  color: #FFFFFF;
}
.main .total_wrapper .total_cont .total_c_l .t_sp_l {
  margin-right: 0.15rem;
}
.main .total_wrapper .total_cont .total_c_l .t_sp_r {
  margin-left: 0.15rem;
}
.main .total_wrapper .total_cont .total_c_r {
  width: 2.31rem;
  overflow: hidden;
  position: relative;
  height: 0.9rem;
}
.main .total_wrapper .total_cont .total_c_r .total_r_ul {
  display: flex;
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: 0;
  width: 99999px;
}
.main .total_wrapper .total_cont .total_c_r .total_r_ul > li {
  background-color: #ffffff;
  width: 0.85rem;
  height: 0.85rem;
  flex-shrink: 0;
  border-radius: 50%;
  position: relative;
  padding: 0.01rem;
  box-sizing: border-box;
}
.main .total_wrapper .total_cont .total_c_r .total_r_ul > li:nth-child(n+2) {
  margin-left: -0.12rem;
}
.main .total_wrapper .total_cont .total_c_r .total_r_ul > li:nth-child(n+4) {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.main .total_wrapper .total_cont .total_c_r .total_r_ul > li .total_avatar {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.main .loginin_wrapper {
  background: #FFFFFF;
  box-shadow: 0rem 0.05rem 0.1rem -0.02rem rgba(26, 112, 249, 0.0588), 0rem 0.1rem 0.15rem -0.02rem rgba(26, 112, 249, 0.102);
  border: 0.03rem solid rgba(70, 152, 252, 0.5);
  padding: 0.25rem 0.25rem 0.35rem;
  border-radius: 0.2rem;
}
.main .loginin_wrapper .text_container {
  color: #333333;
  font-size: 0.35rem;
  line-height: 0.6rem;
  margin-top: 0.25rem;
  display: flex;
  flex-wrap: wrap;
}
.main .loginin_wrapper .text_container > span {
  position: relative;
  z-index: 8;
}
.main .loginin_wrapper .text_container > span::after {
  content: "";
  position: absolute;
  bottom: 0.1rem;
  left: 0;
  width: 100%;
  height: 0.8em;
  background-clip: text;
  z-index: 9;
  background-color: rgba(26, 112, 249, 0.1);
}
.main .claim {
  padding-top: 0.5rem;
  position: relative;
}
.main .claim .login_wrapper {
  overflow: hidden;
  margin-top: 0.25rem;
  border-radius: 0.2rem;
}
.main .claim .login_wrapper .l_container {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #f1f7ff 0%, #ffffff 100%);
}
.main .claim .login_wrapper .tab_container {
  display: flex;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  z-index: 1;
}
.main .claim .login_wrapper .tab_container > * {
  margin: 0;
  /* 清除项目的默认边距 */
  padding: 0;
}
.main .claim .login_wrapper .tab_container .radius {
  position: relative;
  z-index: 2;
  height: 1.23rem;
  width: 1.1rem;
}
.main .claim .login_wrapper .tab_container .radius > img {
  position: absolute;
  left: -0.8rem;
  top: 0;
  right: -0.07rem;
  width: 1.98rem;
  height: 100%;
}
.main .claim .login_wrapper .tab_container .radius > img.r_l {
  left: -0.8rem;
  right: 0;
}
.main .claim .login_wrapper .tab_container .radius > img.r_r {
  left: -0.07rem;
  right: -0.8rem;
}
.main .claim .login_wrapper .tab_container .tab {
  position: relative;
  z-index: 3;
  flex: 1;
  text-align: center;
  padding: 0.25rem 0;
  cursor: pointer;
  color: #ffffff;
  font-weight: bold;
  font-size: 0.38rem;
  background: #1A70F9;
  line-height: 0.55rem;
  flex-shrink: 0;
}
.main .claim .login_wrapper .tab_container .tab.tab1 {
  border-radius: 0.2rem 0 0 0;
}
.main .claim .login_wrapper .tab_container .tab.tab2 {
  border-radius: 0 0.2rem 0 0;
}
.main .claim .login_wrapper .tab_container .tab.active {
  color: #1A70F9;
  background: transparent;
}
.main .claim .login_wrapper .l_input_wrapper {
  border-radius: 0.2rem;
  background: linear-gradient(180deg, #f1f7ff 0%, #ffffff 100%);
  position: relative;
  margin-top: 0.9rem;
  z-index: 2;
  padding: 0 0.35rem 0.28rem;
}
.main .claim .login_wrapper .l_input_wrapper .input_item {
  padding-top: 0.35rem;
  position: relative;
}
.main .claim .login_wrapper .l_input_wrapper .input_item .d_input {
  width: 100%;
  height: 1rem;
  border: 0.0246rem solid #E5E5E5;
  outline: none;
  border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  color: #333333;
  font-size: 0.38rem;
  padding: 0 0.25rem;
}
.main .claim .login_wrapper .l_input_wrapper .input_item .d_input.input_err {
  background-color: rgba(224, 62, 51, 0.06);
  border: 0.0246rem solid #E03E33;
}
.main .claim .login_wrapper .l_input_wrapper .input_item .d_input::placeholder {
  color: #B2B2B2;
}
.main .claim .login_wrapper .l_input_wrapper .input_item .pwd_status {
  position: absolute;
  top: 0.6rem;
  right: 0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  cursor: pointer;
}
.main .claim .login_wrapper .l_input_wrapper .input_item .error_msg {
  margin-top: 0.1rem;
  font-size: 0.3rem;
  color: #E03E33;
  line-height: 0.43rem;
  display: none;
}
.main .claim .login_wrapper .l_input_wrapper .input_item .err_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.1rem;
}
.main .claim .login_wrapper .l_input_wrapper .input_item .err_flex .forget {
  color: #909AAB;
  cursor: pointer;
  font-size: 0.3rem;
}
.main .claim .login_wrapper .l_input_wrapper .input_item .err_flex .forget .f_emph {
  color: #4698FC;
}
.main .claim .login_wrapper .l_input_wrapper .input_item .get-code,
.main .claim .login_wrapper .l_input_wrapper .input_item .get-code-time {
  position: absolute;
  right: 0.25rem;
  top: 0.35rem;
  line-height: 1rem;
  color: #B2B2B2;
  font-size: 0.35rem;
}
.main .claim .login_wrapper .l_input_wrapper .input_item .get-code {
  color: #4698FC;
  cursor: pointer;
}
.main .claim .login_wrapper .l_input_wrapper .input_item .get-code-time {
  display: none;
}
.main .claim .login_wrapper .l_input_wrapper .claim_btn {
  text-align: center;
}
.main .claim .login_wrapper .l_input_wrapper .claim_btn > img {
  cursor: pointer;
  width: 5.95rem;
  margin: 0 auto;
}
.main .claim .login_wrapper .l_input_wrapper .clain_tip {
  color: #909AAB;
  font-size: 0.25rem;
  line-height: 0.35rem;
}
.main .claim .login_wrapper .l_input_wrapper .clain_tip a {
  color: #4698FC;
  cursor: pointer;
}
.main .claim .login_wrapper .email_verify {
  display: none;
}
.main .bound {
  padding-top: 0.5rem;
  position: relative;
  display: none;
}
.main .bound .bond_info {
  margin-top: 0.25rem;
  border-radius: 0.2rem;
  background-image: url(https://cdntest.cdzszl.cn/appPic/eiabbs/claim/bond_bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #ffffff;
  position: relative;
  z-index: 2;
  padding: 0.5rem 0.55rem 0.5rem;
  font-size: 0.35rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.6rem;
}
.main .bound .bond_info .app_nickname {
  font-size: 0.38rem;
  font-weight: 700;
  color: #333333;
  line-height: 0.55rem;
}
.main .bound .bond_info .app_nickname > span {
  position: relative;
}
.main .bound .bond_info .app_nickname > span::after {
  content: "";
  position: absolute;
  bottom: 0.1rem;
  left: 0;
  right: 0;
  height: 0.15rem;
  background-clip: text;
  z-index: 9;
  background-color: rgba(26, 112, 249, 0.1);
}
.main .bound .bond_info .bounded_emph {
  color: #1A70F9;
}
.main .bound .bond_info .b_get {
  position: relative;
}
.main .bound .bond_info .b_get::before {
  position: absolute;
  left: -0.25rem;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  content: '';
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-color: #1A70F9;
}
.main .bound .bond_info .invite_friend {
  cursor: pointer;
}
.main .lt_tip {
  position: absolute;
  right: 0.33rem;
  top: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  cursor: pointer;
  background: url(https://cdntest.cdzszl.cn/appPic/eiabbs/claim/lt_tip.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.main .partition {
  height: 3.25rem;
  overflow: hidden;
  margin-top: 0.5rem;
}
.main .partition .part_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.2rem;
  cursor: pointer;
}
.main .elder {
  margin-top: 0.5rem;
}
.main .elder .yl_scroll {
  overflow: hidden;
  margin-top: 0.25rem;
}
.main .elder .yl_scroll ul {
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
}
.main .elder .yl_scroll ul li {
  padding: 0.15rem;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0rem 0.1rem 0.25rem 0rem rgba(26, 112, 249, 0.302);
  border-radius: 0.55rem 0.55rem 0.55rem 0.55rem;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 10px;
}
.main .elder .yl_scroll ul li .avatar {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  border: 0.03rem solid #1A70F9;
}
.main .elder .yl_scroll ul li .yl_name {
  color: #333333;
  font-size: 0.35rem;
  margin-left: 0.1rem;
}
.main .elder .yl_scroll ul li .yl_name > span {
  color: #4698FC;
  font-weight: bold;
}
.main .rule_wrapper {
  margin-top: 0.5rem;
}
.main .rule_wrapper .rule {
  padding: 0.55rem 0.25rem 0.35rem;
  background: #ffffff linear-gradient(180deg, rgba(26, 112, 249, 0.04) 0%, rgba(26, 112, 249, 0) 100%);
  box-shadow: 0rem 0.05rem 0.1rem -0.02rem rgba(26, 112, 249, 0.0588), 0rem 0.1rem 0.15rem -0.02rem rgba(26, 112, 249, 0.102);
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  border: 0.03rem solid rgba(70, 152, 252, 0.5);
}
.main .rule_wrapper .rule .rule_ul > li {
  margin-top: 0.25rem;
  padding-left: 0.3rem;
  position: relative;
  color: #333333;
  font-size: 0.35rem;
  line-height: 0.55rem;
  text-align: justify;
}
.main .rule_wrapper .rule .rule_ul > li p {
  margin-top: 0.25rem;
}
.main .rule_wrapper .rule .rule_ul > li::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 0.1rem;
  height: 0.1rem;
  background-color: #1A70F9;
  border-radius: 50%;
}
.main .rule_wrapper .rule .rule_ul > li .hp_emph {
  font-weight: bold;
  position: relative;
}
.main .rule_wrapper .rule .rule_ul > li .hp_emph::after {
  content: "";
  position: absolute;
  bottom: 0.1rem;
  left: 0;
  right: 0;
  height: 0.15rem;
  background-clip: text;
  z-index: 9;
  background-color: rgba(26, 112, 249, 0.1);
}
.main .bottom {
  padding: 0.25rem 0;
  font-size: 0.3rem;
  color: #333333;
  text-align: center;
}
.main .bottom .b_label {
  color: #2599FF;
}
.main .bottom .website {
  color: #2599FF;
  cursor: pointer;
}
.desc_ul > li {
  margin-top: 0.25rem;
  color: #333333;
  font-size: 0.35rem;
  line-height: 0.55rem;
}
.desc_ul > li img {
  height: 1.1rem;
  width: auto;
  margin-top: 0.1rem;
}
.desc_ul > li a {
  color: #1A70F9;
}
.huanhuan {
  color: #333333;
  font-size: 0.4rem;
  margin-top: 0.5rem;
  text-align: center;
}
.copy_num {
  margin-top: 0.25rem;
  padding: 0 0.5rem;
}
.copy_num .copy_sp,
.copy_num .login_btn {
  display: block;
  padding: 0.2rem 0;
  background: linear-gradient(315deg, #1a70f9 0%, #4698fc 100%);
  box-shadow: 0rem 0.1rem 0.25rem 0rem rgba(70, 152, 252, 0.302);
  border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  text-align: center;
  color: #FFFFFF;
  font-size: 0.38rem;
  cursor: pointer;
}
.code_wrapper {
  margin-top: 0.25rem;
  display: flex;
  justify-content: center;
}
.code_wrapper .decoration_1 {
  width: 0.3rem;
  height: 0.3rem;
  margin-top: 1.4rem;
}
.code_wrapper .decoration_2 {
  margin-top: 1.3rem;
  height: 0.3rem;
  width: auto;
}
.code_wrapper .huanhuan_code {
  margin: 0 0.1rem 0 0.35rem;
  width: 3.5rem;
  height: 3.5rem;
}
.code_wrapper .decoration_r .decoration_1 {
  margin-top: 0.53rem;
}
.dialog_btn_wrapper {
  display: flex;
  border-top: 0.01rem solid #E5E5E5;
}
.dialog_btn_wrapper .dialog_btn {
  flex: 1;
  padding: 0.23rem 0.2rem 0.25rem;
  color: #888888;
  font-size: 0.43rem;
  text-align: center;
  line-height: 0.6rem;
  cursor: pointer;
}
.dialog_btn_wrapper .dialog_btn:nth-child(1) {
  border-right: 0.01rem solid #E5E5E5;
}
.dialog_btn_wrapper .dialog_btn.copy_wx {
  color: #1A70F9;
  font-weight: bold;
}
.claimed_dialog .d_c_wrapper {
  width: 7rem;
  padding: 0.5rem 0 0;
}
.claimed_dialog .d_c_wrapper .code_wrapper {
  margin-top: 0;
}
.claim_tip_1 {
  margin-top: 0.5rem;
  color: #333333;
  font-size: 0.35rem;
  line-height: 0.55rem;
  padding: 0 0.5rem;
}
.back_dialog .d_c_wrapper {
  width: 7rem;
  padding: 0.5rem 0 0;
}
.back_dialog .d_c_wrapper .claim_tip_1 {
  padding-bottom: 0.5rem;
}
.login_dialog {
  padding: 0.5rem;
}
.login_dialog .d_c_wrapper {
  width: 7rem;
}
.main .l_success {
  display: none;
}
.main .register_btn {
  display: block;
}
.userLogin .logined_flower,
.userLogin .l_success {
  display: block !important;
}
.userLogin .no_log_flower,
.userLogin .register_btn {
  display: none !important;
}
.userLogin .lt_tip {
  background: url(https://cdntest.cdzszl.cn/appPic/eiabbs/claim/lt_tip_login.png) !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
}
@media screen and (min-width: 1000px) {
  .main .top_wrapper {
    width: 10rem !important;
  }
}