*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all; }

body,
button,
code,
dd,
dl,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
menu,
ol,
p,
pre,
textarea,
ul {
  margin: 0;
  padding: 0; }

article,
aside,
details,
footer,
header,
iframe,
menu,
nav,
section {
  display: block; }

button,
fieldset,
iframe,
img {
  border: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

em,
i {
  font-style: normal; }

li,
ol,
summary,
ul {
  list-style: none; }

a,
a:active,
a:hover {
  text-decoration: none; }

body,
button,
html {
  -webkit-text-size-adjust: none; }

button,
input,
select,
textarea {
  -webkit-appearance: none;
  font: inherit; }

a,
button,
input,
textarea,
div,
span,
i {
  -webkit-tap-highlight-color: transparent; }

mark {
  background-color: transparent; }

img {
  max-width: 100%;
  border: none;
  vertical-align: middle; }

a:focus,
button,
button:focus,
i:focus,
img:focus,
input,
input:focus,
li:focus,
select,
select:focus,
span:focus,
summary,
textarea,
textarea:focus {
  outline: 0; }

img[src=""],
img:not([src]) {
  opacity: 0; }

.invite-step-cont, .invite-step-pop {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

@font-face {
  font-family: 'poppy-roboto';
  src: url("https://cdn.sdb.com.cn/poppy/5.0.10/fonts/Roboto-Regular.eeae054.ttf") format("truetype"); }
@font-face {
  font-family: 'Roboto-Medium';
  src: url("https://cdn.sdb.com.cn/poppy/5.0.10/fonts/Roboto-Medium.b78aae4.ttf") format("truetype"); }
.roboto-regular, .axgjlhb-reward-text {
  font-family: 'poppy-roboto', Helvetica, Arial, Verdana, Tahoma, sans-serif; }

.roboto-medium {
  font-family: 'Roboto-Medium', Helvetica, Arial, Verdana, Tahoma, sans-serif; }

.roboto-bold {
  font-family: 'Roboto-Medium', Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-weight: 700; }

.fwb, .axgjlhb-act-date, .axgjlhb-bubble-box .bubble-bg p, .axgjlhb-amount-tip, .axgjlhb-amount-txt, .axgjlhb-amount-yuan, .amount-result, .amount-total-list li, .axgjlhb-amount-btn, .axgjlhb-title, .axgjlhb-cont-style .axgjlhb-btn, .axgjlhb-invite-list .invite-acount, .invite-step-cont .invite-step, .invite-step-pop-item, .axgjlhb-pop-title, .axgjlhb-pop-btn, .axgjlhb-reward-amount span {
  font-family: 'Roboto-Medium', 'PingFangSC-Medium', 'Droid Sans', arial, 'Helvetica Neue', Helvetica, sans-serif; }
.isandroid .fwb, .isandroid .axgjlhb-act-date, .isandroid .axgjlhb-bubble-box .bubble-bg p, .axgjlhb-bubble-box .bubble-bg .isandroid p, .isandroid .axgjlhb-amount-tip, .isandroid .axgjlhb-amount-txt, .isandroid .axgjlhb-amount-yuan, .isandroid .amount-result, .isandroid .amount-total-list li, .amount-total-list .isandroid li, .isandroid .axgjlhb-amount-btn, .isandroid .axgjlhb-title, .isandroid .axgjlhb-cont-style .axgjlhb-btn, .axgjlhb-cont-style .isandroid .axgjlhb-btn, .isandroid .axgjlhb-invite-list .invite-acount, .axgjlhb-invite-list .isandroid .invite-acount, .isandroid .invite-step-cont .invite-step, .invite-step-cont .isandroid .invite-step, .isandroid .invite-step-pop-item, .isandroid .axgjlhb-pop-title, .isandroid .axgjlhb-pop-btn, .isandroid .axgjlhb-reward-amount span, .axgjlhb-reward-amount .isandroid span {
  font-weight: 700; }

.lower-zindex {
  z-index: 1 !important; }

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.ell, .axgjlhb-amount-tip, .axgjlhb-amount-btn, .axgjlhb-reward-info > h3, .axgjlhb-reward-info > p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.flexbox, .axgjlhb-act-date, .axgjlhb-bubble-box .bubble-bg, .axgjlhb-amount-total, .amount-total-list, .axgjlhb-title, .axgjlhb-cont-style li, .invite-step-cont, .invite-step-pop, .invite-step-pop-item, .axgjlhb-pop-btns, .axgjlhb-reward-title, .axgjlhb-reward-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  flex-direction: row; }

.flex-1, .axgjlhb-xszx-list .task-title, .axgjlhb-invite-list .invite-intro, .axgjlhb-pop-btns .axgjlhb-pop-btn, .axgjlhb-pop-btns .axgjlhb-pop-plainbtn, .axgjlhb-reward-info {
  width: 20%;
  max-width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1; }

.flex-vh-1 {
  max-height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1; }

.flex-justify-center, .axgjlhb-act-date, .axgjlhb-bubble-box .bubble-bg, .axgjlhb-amount-total, .axgjlhb-title {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center; }

.flex-items-center, .axgjlhb-act-date, .axgjlhb-amount-total, .axgjlhb-title, .axgjlhb-cont-style li, .invite-step-pop-item, .axgjlhb-reward-title, .axgjlhb-reward-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }

.flex-align-center {
  -webkit-align-content: center;
  align-content: center; }

.flex-wrap {
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.flex-direction-column, .axgjlhb-bubble-box .bubble-bg {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column; }

.c-org {
  color: #ff7214 !important; }
.c-red {
  color: #eb4337 !important; }
.c-blue {
  color: #3769fc !important; }
.c-green {
  color: #41c156 !important; }
.c-theme {
  color: #ff7214 !important; }

.por {
  position: relative; }
.poa {
  position: absolute; }

.tal {
  text-align: left; }
.tac {
  text-align: center; }
.tar {
  text-align: right; }

input::-webkit-input-placeholder {
  color: #999; }

input:-moz-placeholder {
  color: #999; }

input::-moz-placeholder {
  color: #999; }

input:-ms-input-placeholder {
  color: #999; }

html,
body {
  width: 100%;
  height: 100%; }

body {
  font-family: poppy-roboto, Helvetica, PingFang SC, Noto Sans SC, Source Han Sans CN, Arial, Hiragino Sans GB, sans-serif;
  font-size: 0.24rem;
  line-height: 1.4;
  color: #000;
  overflow-x: hidden;
  -webkit-user-select: none;
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased; }

.body-wrapper {
  min-height: 100%; }

.dsn {
  display: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.user-select {
  -webkit-user-select: text; }

.lazy-img,
.lazy-img-s {
  display: block;
  background: #f9f9f9 url(data:image/png;base64,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) center center no-repeat; }

.lazy-img {
  background-size: 2rem 0.69rem; }

.lazy-img-s {
  background-size: 80% auto; }

.axgjlhb-banner .pab-logo, .axgjlhb-act-date::before, .axgjlhb-act-date::after, .axgjlhb-bubble-box .bubble-bg, .axgjlhb-amount-tip, .axgjlhb-amount-btn, .axgjlhb-title:before, .axgjlhb-title:after, .invite-step-cont .invite-step:before, .invite-step-cont .invite-step:not(:last-child):after, .invite-step-pop-item:before, .axgjlhb-pop-box:before {
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.axgjlhb-wrapper {
  padding-bottom: 0.6rem;
  font-size: var(--poppy_fontsize_small);
  background-color: #cf3136;
  background-color: color(display-p3 0.81176 0.19216 0.21176/1); }

.axgjlhb-banner {
  position: relative;
  height: 10.36rem; }
.axgjlhb-banner.lazy-img {
  background-color: transparent; }
.axgjlhb-banner .pab-logo {
  position: absolute;
  left: 0.4rem;
  right: 0.4rem;
  top: 0.38rem;
  height: 0.5rem;
  background-image: url(../images/pab-logo2.png); }

.axgjlhb-rule-btn {
  position: absolute;
  right: 0;
  top: 2.63rem;
  padding: 0.04rem 0.24rem;
  border-radius: 0.3rem 0 0 0.3rem;
  font-size: var(--poppy_fontsize_small);
  color: #fff;
  color: color(display-p3 0.97255 0.80392 0.66667/1);
  background-color: rgba(0, 0, 0, 0.2); }

.axgjlhb-banner-img {
  padding-top: 3.08rem;
  height: 100%;
  background: url(../images/my_new_banner.jpg) no-repeat, url(../images/axgj-hb-bg.jpg) no-repeat 0 4.99rem;
  background-size: 100% 5rem, 100% 5.36rem; }

.axgjlhb-act-date {
  margin: 0 0.76rem;
  height: 0.72rem;
  text-shadow: 0 2px 2px rgba(167, 59, 59, 0.5);
  font-size: var(--poppy_fontsize_medium_x);
  color: var(--poppy_color_white);
  background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 48%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 48%, rgba(255, 255, 255, 0) 100%); }
.axgjlhb-act-date::before, .axgjlhb-act-date::after {
  content: '';
  margin: 0 0.2rem;
  width: 0.4rem;
  height: 0.24rem;
  background-image: url(../images/date-icon.png); }
.axgjlhb-act-date::before {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.axgjlhb-bubble-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 3.84rem;
  z-index: 9; }
.axgjlhb-bubble-box .bubble-bg {
  position: absolute;
  width: 1.08rem;
  height: 1.08rem;
  text-align: center;
  color: #831313;
  color: color(display-p3 0.51373 0.07451 0.07451/1);
  background-image: url(../images/bubble-bg.png); }
.axgjlhb-bubble-box .bubble-bg p {
  font-size: var(--poppy_fontsize_medium); }
.axgjlhb-bubble-box .bubble-bg span {
  margin-top: 0.03rem;
  font-size: var(--poppy_fontsize_small_s); }
.axgjlhb-bubble-box .bubble-bg.bubble-pos01 {
  left: 0.76rem;
  top: 0.1rem;
  -webkit-animation: ani-bubble01 1.6s ease-out both infinite;
  animation: ani-bubble01 1.6s ease-out both infinite; }
.axgjlhb-bubble-box .bubble-bg.bubble-pos02 {
  left: 2.3rem;
  top: 0.44rem;
  -webkit-animation: ani-bubble02 1.4s ease-out both infinite;
  animation: ani-bubble02 1.4s ease-out both infinite; }
.axgjlhb-bubble-box .bubble-bg.bubble-pos03 {
  right: 2.38rem;
  top: 0.36rem;
  -webkit-animation: ani-bubble03 1.5s ease-out both infinite;
  animation: ani-bubble03 1.5s ease-out both infinite; }
.axgjlhb-bubble-box .bubble-bg.bubble-pos04 {
  right: 0.5rem;
  top: 0;
  -webkit-animation: ani-bubble04 1.55s ease-out both infinite;
  animation: ani-bubble04 1.55s ease-out both infinite; }

@-webkit-keyframes ani-bubble01 {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(0.26rem);
    transform: translateY(0.26rem); } }
@keyframes ani-bubble01 {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(0.26rem);
    transform: translateY(0.26rem); } }
@-webkit-keyframes ani-bubble02 {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(0.18rem);
    transform: translateY(0.18rem); } }
@keyframes ani-bubble02 {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(0.18rem);
    transform: translateY(0.18rem); } }
@-webkit-keyframes ani-bubble03 {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(0.18rem);
    transform: translateY(0.18rem); } }
@keyframes ani-bubble03 {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(0.18rem);
    transform: translateY(0.18rem); } }
@-webkit-keyframes ani-bubble04 {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(0.2rem);
    transform: translateY(0.2rem); } }
@keyframes ani-bubble04 {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(0.2rem);
    transform: translateY(0.2rem); } }
.axgjlhb-amount {
  position: absolute;
  left: 1.42rem;
  right: 1.42rem;
  top: 5.82rem; }

.axgjlhb-amount-tip {
  position: absolute;
  left: 50%;
  top: 0.12rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0 0.2rem;
  min-width: 3rem;
  height: 0.62rem;
  line-height: 0.48rem;
  text-align: center;
  font-size: var(--poppy_fontsize_medium);
  color: var(--poppy_color_white);
  background-image: url(../images/hb-tips-bg.png); }

.axgjlhb-amount-total {
  margin-top: 0.74rem;
  color: #ec5e3c;
  color: color(display-p3 0.92549 0.36863 0.23529/1); }

.axgjlhb-amount-txt {
  width: 0.68rem;
  line-height: 0.32rem;
  text-align: center; }

.amount-result {
  margin: 0 0.08rem;
  height: 0.94rem;
  line-height: 0.94rem;
  font-size: 0.8rem; }

.amount-total-list {
  overflow: hidden;
  margin: 0 0.08rem;
  height: 0.94rem;
  line-height: 0.94rem; }
.amount-total-list ul {
  position: relative;
  -webkit-transition: top 0.5s;
  transition: top 0.5s; }
.amount-total-list li {
  height: 0.94rem;
  font-size: 0.8rem; }
.amount-total-list em {
  font-size: 0.8rem; }
.amount-total-list.ani-start ul {
  -webkit-animation: ani-amount 0.9s linear both infinite;
  animation: ani-amount 0.9s linear both infinite; }
.amount-total-list.ani-start ul:nth-of-type(2) {
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }
.amount-total-list.ani-start ul:nth-of-type(3) {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s; }
.amount-total-list.ani-start ul:nth-of-type(4) {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s; }
.amount-total-list.ani-start ul:nth-of-type(5) {
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s; }

@-webkit-keyframes ani-amount {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-8.46rem);
    transform: translateY(-8.46rem); } }
@keyframes ani-amount {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-8.46rem);
    transform: translateY(-8.46rem); } }
.axgjlhb-amount-btn {
  margin: 0.96rem 0.57rem 0;
  height: 0.78rem;
  border-radius: 0.4rem;
  box-shadow: 0 0.08rem 0.12rem 0 rgba(212, 4, 0, 0.4);
  line-height: 0.72rem;
  text-align: center;
  font-size: var(--poppy_fontsize_large);
  color: #b85300;
  color: color(display-p3 0.72157 0.32549 0/1);
  background-image: url(../images/btn-bg.png); }

.axgjlhb-amount-txtbtn {
  margin-top: 0.16rem;
  text-align: center; }
.axgjlhb-amount-txtbtn span {
  text-decoration: underline;
  font-size: var(--poppy_fontsize_medium);
  color: #f8cdaa;
  color: color(display-p3 0.97255 0.80392 0.66667/1); }

.axgjlhb-title {
  text-shadow: 0 2px 2px rgba(167, 59, 59, 0.5);
  font-size: var(--poppy_fontsize_large);
  color: var(--poppy_color_white); }
.axgjlhb-title:before, .axgjlhb-title:after {
  content: '';
  margin: 0 0.24rem;
  width: 0.48rem;
  height: 0.3rem;
  background-image: url(../images/axgj-tit-icon.png); }
.axgjlhb-title:after {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1); }
.axgjlhb-title span {
  position: relative;
  z-index: 1; }
.axgjlhb-title span:after {
  content: '';
  position: absolute;
  left: -0.04rem;
  right: -0.04rem;
  bottom: 0;
  z-index: -1;
  height: 0.16rem;
  border-radius: 0.08rem;
  background-color: #ab1d1a;
  background-color: color(display-p3 0.67059 0.11373 0.10196/1); }

.axgjlhb-cont {
  margin: 0.68rem 0.4rem 0; }

.axgjlhb-cont-style {
  margin-top: 0.4rem;
  padding: 0.08rem 0.32rem 0.4rem;
  border-radius: 0.16rem;
  box-shadow: 0 0.08rem 0.24rem 0 rgba(0, 0, 0, 0.08);
  background-color: #ffe8da;
  background-color: color(display-p3 1 0.9098 0.8549/1); }
.axgjlhb-cont-style li {
  padding: 0.32rem 0;
  border-bottom: dashed 2px #EE8578; }
.isandroid .axgjlhb-cont-style li {
  border-width: 1px; }
.axgjlhb-cont-style .axgjlhb-btn {
  padding: 0 0.24rem;
  min-width: 1.2rem;
  height: 0.48rem;
  border-radius: 0.24rem;
  line-height: 0.48rem;
  font-size: var(--poppy_fontsize_small);
  color: var(--poppy_color_white);
  background-color: #FF7214;
  background-image: -webkit-linear-gradient(180deg, #FF7214, #FF4800);
  background-image: linear-gradient(-90deg, #FF7214, #FF4800); }
.axgjlhb-cont-style .axgjlhb-btn.disabled {
  background-color: rgba(255, 114, 20, 0.4);
  background-image: -webkit-linear-gradient(180deg, rgba(255, 114, 20, 0.4), rgba(255, 72, 0, 0.4));
  background-image: linear-gradient(-90deg, rgba(255, 114, 20, 0.4), rgba(255, 72, 0, 0.4)); }

.axgjlhb-xszx-subtitle {
  margin-top: 0.16rem;
  text-align: center;
  text-shadow: 0 2px 2px rgba(167, 59, 59, 0.5);
  font-size: var(--poppy_fontsize_medium);
  color: var(--poppy_color_negative_level3); }

.axgjlhb-xszx-list li:last-child {
  border-bottom: none; }
.axgjlhb-xszx-list .task-img {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%; }
.axgjlhb-xszx-list .task-img img {
  display: block;
  width: 100%;
  height: 100%; }
.axgjlhb-xszx-list .task-title {
  margin: 0 0.16rem;
  font-size: var(--poppy_fontsize_medium);
  color: var(--poppy_color_dark);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden; }

.axgjlhb-invite-list .invite-img {
  width: 1rem;
  height: 0.74rem; }
.axgjlhb-invite-list .invite-img img {
  display: block;
  width: 100%;
  height: 100%; }
.axgjlhb-invite-list .invite-intro {
  margin: 0 0.16rem 0 0.08rem; }
.axgjlhb-invite-list .invite-title {
  line-height: 0.4rem;
  font-size: var(--poppy_fontsize_medium);
  color: var(--poppy_color_dark); }
.axgjlhb-invite-list .invite-desc {
  margin-top: 0.08rem;
  line-height: 0.32rem;
  font-size: var(--poppy_fontsize_small);
  color: var(--poppy_color_positive_level4);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden; }
.axgjlhb-invite-list .invite-acount {
  text-align: center;
  font-size: var(--poppy_fontsize_small_s);
  color: var(--poppy_color_brand_primary1); }

.axgjlhb-link-btn {
  text-align: center; }
.axgjlhb-link-btn span {
  padding: 0 0.06rem;
  text-decoration: underline;
  font-size: var(--poppy_fontsize_medium);
  color: var(--poppy_color_positive_level4); }

.invite-step-cont {
  margin-top: 0.32rem; }
.invite-step-cont .invite-step {
  position: relative;
  text-align: center;
  font-size: var(--poppy_fontsize_small); }
.invite-step-cont .invite-step:before {
  content: '';
  display: block;
  margin: 0 auto 0.1rem;
  width: 1.2rem;
  height: 1.11rem; }
.invite-step-cont .invite-step:first-child:before {
  background-image: url(../images/axgj-step-img01.png); }
.invite-step-cont .invite-step:nth-child(2):before {
  background-image: url(../images/axgj-step-img02.png); }
.invite-step-cont .invite-step:last-child:before {
  background-image: url(../images/axgj-step-img03.png); }
.invite-step-cont .invite-step:not(:last-child):after {
  content: '';
  position: absolute;
  right: -1rem;
  top: 0.48rem;
  width: 0.82rem;
  height: 0.16rem;
  background-image: url(../images/icon-arrow-lhb.png); }

.invite-step-pop {
  position: relative;
  margin-top: 0.28rem;
  padding: 0.24rem 0.2rem;
  border-radius: 0.08rem;
  background-color: var(--poppy_color_bg_1); }
.invite-step-pop:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -0.1rem;
  margin-left: -0.12rem;
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 0.04rem;
  background-color: var(--poppy_color_bg_1);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }
.invite-step-pop-item {
  line-height: 0.24rem;
  font-size: var(--poppy_fontsize_small_s);
  color: var(--poppy_color_positive_level4); }
.invite-step-pop-item:before {
  content: '';
  margin-right: 0.08rem;
  width: 0.4rem;
  height: 0.4rem; }
.invite-step-pop-item:first-child:before {
  background-image: url(../images/axgj-step-icon01.png); }
.invite-step-pop-item:nth-child(2):before {
  background-image: url(../images/axgj-step-icon02.png); }
.invite-step-pop-item:last-child:before {
  background-image: url(../images/axgj-step-icon03.png); }

.axgjlhb-activity-cont {
  margin-top: 0.4rem; }
.axgjlhb-activity-cont .axgjlhb-activity-item {
  overflow: hidden;
  height: 1.68rem;
  border-radius: 0.16rem; }
.axgjlhb-activity-cont .axgjlhb-activity-item:not(:first-child) {
  margin-top: 0.2rem; }
.axgjlhb-activity-cont .axgjlhb-activity-item img {
  display: block;
  width: 100%;
  height: 100%; }

.axgjlhb-pop-box {
  position: relative;
  padding: 1.34rem 0.48rem 0.48rem;
  width: calc(100vw - 1.6rem);
  border-radius: 0.24rem;
  background-color: var(--poppy_color_bg_1); }
.axgjlhb-pop-box:before {
  content: '';
  position: absolute;
  left: 1.69rem;
  right: 1.69rem;
  top: -0.98rem;
  height: 2.1rem;
  background-image: url(../images/pop-hb-img.png); }

.axgjlhb-pop-title {
  line-height: 0.52rem;
  text-align: center;
  font-size: var(--poppy_fontsize_medium_xx);
  color: var(--poppy_color_dark); }

.axgjlhb-pop-info {
  margin-top: 0.24rem;
  line-height: 0.48rem;
  text-align: justify;
  font-size: var(--poppy_fontsize_medium_x);
  color: var(--poppy_color_positive_level3); }

.axgjlhb-pop-btn {
  margin-top: 0.64rem;
  height: 0.8rem;
  border-radius: 0.46rem;
  line-height: 0.8rem;
  text-align: center;
  font-size: var(--poppy_fontsize_medium_xx);
  color: var(--poppy_color_white);
  background-color: #FF7214;
  background-image: -webkit-linear-gradient(180deg, #FF7214, #FF4800);
  background-image: linear-gradient(-90deg, #FF7214, #FF4800); }

.axgjlhb-pop-txtbtn {
  margin-top: 0.24rem;
  line-height: 0.48rem; }
.axgjlhb-pop-txtbtn span {
  text-decoration: underline;
  font-size: var(--poppy_fontsize_medium_x);
  color: var(--poppy_color_brand_primary1); }

.axgjlhb-pop-btns {
  margin-top: 0.64rem; }
.axgjlhb-pop-btns .axgjlhb-pop-btn {
  margin: 0 0 0 0.22rem; }
.axgjlhb-pop-btns .poppy-button--large {
  line-height: 0.78rem; }

.axgjlhb-pop-fail:before {
  left: 1.85rem;
  right: 1.85rem;
  height: 1.88rem;
  background-image: url(../images/pop-fail-img.png); }

.axgjlhb-pop-closebtn {
  position: absolute;
  right: 0.32rem;
  top: 0.24rem; }

@supports not (background: linear-gradient(90deg, red, yellow)) {
  .axgjlhb-act-date {
    background-color: rgba(255, 255, 255, 0.4); } }
.mt32 {
  margin-top: 0.32rem; }

.mt48 {
  margin-top: 0.48rem; }

.axgjlhb-reward-head > p, .axgjlhb-reward-amount, .axgjlhb-reward-title, .axgjlhb-reward-btn {
  font-weight: 500; }
.isandroid .axgjlhb-reward-head > p, .isandroid .axgjlhb-reward-amount, .isandroid .axgjlhb-reward-title, .isandroid .axgjlhb-reward-btn {
  font-weight: 700; }

.axgjlhb-reward-head {
  position: relative;
  padding: 0.48rem;
  text-align: center;
  font-size: var(--poppy_fontsize_medium_x);
  color: var(--poppy_color_white); }
.axgjlhb-reward-head > p {
  line-height: 0.44rem; }

.axgjlhb-reward-amount {
  margin-top: 0.08rem;
  line-height: 0.44rem; }
.axgjlhb-reward-amount span {
  font-size: var(--poppy_fontsize_large_plus_x);
  line-height: 0.76rem;
  vertical-align: -0.04rem; }

.axgjlhb-reward-withdraw {
  position: absolute;
  right: 0;
  top: 0.82rem;
  width: 1.9rem;
  height: 0.76rem;
  padding: 0.14rem 0 0 0.62rem;
  font-size: var(--poppy_fontsize_small);
  background: url(../images/axgj-withdraw-bg.png) no-repeat;
  background-size: 100% 100%; }

.axgjlhb-reward-part {
  margin: 0 0.4rem 0.4rem;
  box-shadow: 0 0.08rem 0.24rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 0.16rem;
  background-color: #ffe8da;
  background-color: color(display-p3 1 0.9098 0.8549/1); }

.axgjlhb-reward-title {
  position: relative;
  height: 1.12rem;
  padding-left: 0.32rem;
  font-size: var(--poppy_fontsize_large);
  color: var(--poppy_color_dark); }
.axgjlhb-reward-title:before {
  content: "";
  width: 0.06rem;
  height: 0.24rem;
  margin-right: 0.08rem;
  border-radius: 0.04rem;
  background-color: #FF7214;
  background-image: -webkit-linear-gradient(-180deg, #FF7214 0%, #FF4800 100%);
  background-image: linear-gradient(270deg, #FF7214 0%, #FF4800 100%); }
.axgjlhb-reward-title:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.06rem;
  height: 1.12rem;
  border-top-left-radius: 0.16rem;
  background-color: rgba(255, 114, 20, 0);
  background-image: -webkit-linear-gradient(-175deg, rgba(255, 114, 20, 0) 0%, rgba(255, 72, 0, 0.4) 100%);
  background-image: linear-gradient(265deg, rgba(255, 114, 20, 0) 0%, rgba(255, 72, 0, 0.4) 100%); }

.axgjlhb-reward-scroll {
  height: 5.4rem;
  overflow: hidden; }

.axgjlhb-reward-lists {
  padding: 0 0.32rem 0.08rem; }
.axgjlhb-reward-lists .axgjlhb-reward-btn {
  background-color: #FF7214;
  background-image: -webkit-linear-gradient(270deg, #FF7214 0%, #FF4800 100%);
  background-image: linear-gradient(-180deg, #FF7214 0%, #FF4800 100%); }

.axgjlhb-reward-item {
  padding: 0.32rem 0; }
.axgjlhb-reward-item:not(:last-child) {
  border-bottom: 2px dashed #EE8578; }
.isandroid .axgjlhb-reward-item:not(:last-child) {
  border-width: 1px; }

.axgjlhb-reward-info {
  padding-right: 0.2rem; }
.axgjlhb-reward-info > h3 {
  font-size: var(--poppy_fontsize_medium);
  color: var(--poppy_color_dark);
  line-height: 0.4rem; }
.axgjlhb-reward-info > p {
  font-size: var(--poppy_fontsize_small);
  color: rgba(0, 0, 0, 0.4);
  color: color(display-p3 0 0 0/0.4);
  margin-top: 0.08rem;
  line-height: 0.32rem; }

.axgjlhb-reward-btn {
  font-size: var(--poppy_fontsize_small);
  color: var(--poppy_color_white);
  padding: 0 0.24rem;
  line-height: 0.48rem;
  border-radius: 0.24rem; }

.axgjlhb-reward-text {
  font-size: var(--poppy_fontsize_medium);
  color: rgba(0, 0, 0, 0.4);
  color: color(display-p3 0 0 0/0.4);
  line-height: 0.32rem; }

.axgjlhb-reward-default {
  padding: 1.2rem 0.6rem 0;
  text-align: center; }
.axgjlhb-reward-default > p {
  margin-top: 0.24rem;
  font-size: var(--poppy_fontsize_medium);
  color: rgba(255, 255, 255, 0.6);
  color: color(display-p3 1 1 1/0.6);
  line-height: 0.4rem; }
.axgjlhb-reward-default .axgjlhb-reward-icon {
  width: 3.8rem;
  height: 3.8rem;
  margin: 0 auto;
  background: url(../images/axgj-default-icon.png) no-repeat;
  background-size: 100% 100%; }
.axgjlhb-reward-default .axgjlhb-reward-btn {
  display: inline-block;
  margin-top: 0.32rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.2);
  background-color: color(display-p3 1 1 1/0.2); }