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

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; }

@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 {
  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, .kaikalicaiquan-rule, .kaikalicaiquan-kaika-tit, .kaikalicaiquan-licai-tit, .dialog-tit, .dialog-success-tit, .dialog-success-text, .otp-box .s-dynamic-password, .otp-box .s-sendBtn, .otp-box .pec-btn-zone, .dialog-coupon-img, .dialog-coupon-msg, .dialog-coupon-info p {
  font-family: 'Roboto-Medium', 'PingFangSC-Medium','Droid Sans',arial,'Helvetica Neue',Helvetica,sans-serif; }
.isandroid .fwb, .isandroid .kaikalicaiquan-rule, .isandroid .kaikalicaiquan-kaika-tit, .isandroid .kaikalicaiquan-licai-tit, .isandroid .dialog-tit, .isandroid .dialog-success-tit, .isandroid .dialog-success-text, .isandroid .otp-box .s-dynamic-password, .otp-box .isandroid .s-dynamic-password, .isandroid .otp-box .s-sendBtn, .otp-box .isandroid .s-sendBtn, .isandroid .otp-box .pec-btn-zone, .otp-box .isandroid .pec-btn-zone, .isandroid .dialog-coupon-img, .isandroid .dialog-coupon-msg, .isandroid .dialog-coupon-info p, .dialog-coupon-info .isandroid p {
  font-weight: 700; }

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

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

.ell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.flexbox, .kaikalicaiquan-user, .kaikalicaiquan-btn-group, .kaikalicaiquan-tit, .kaikalicaiquan-explain-item, .kaikalicaiquan-steps, .kaikalicaiquan-steps-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  flex-direction: row; }

.flex-1, .kaikalicaiquan-user-desc, .kaikalicaiquan-btn, .kaikalicaiquan-explain-item p, .kaikalicaiquan-steps-item, .otp-form-box input {
  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, .kaikalicaiquan-btn-group, .kaikalicaiquan-tit, .kaikalicaiquan-steps-icon {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center; }

.flex-items-center, .kaikalicaiquan-user, .kaikalicaiquan-tit, .kaikalicaiquan-steps-icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }

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

.flex-wrap, .kaikalicaiquan-explain-item {
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.flex-direction-column {
  -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.2;
  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; }

:root {
  --poppy_color_brand_primary1: #ff4800;
  --poppy_color_brand_primary2: #ff7214;
  --poppy_color_brand_primary_gradual: #ff7214;
  --poppy_color_brand_second1: #1a1f36;
  --poppy_color_brand_second2: #454f5f;
  --poppy_color_state_success: #00bdae;
  --poppy_color_state_warning: #f00;
  --poppy_color_state_remind: #ff7214;
  --poppy_color_state_link: #4c88bd;
  --poppy_color_white: #fff;
  --poppy_color_dark: #000;
  --poppy_color_bg_1: #fff;
  --poppy_color_bg_2: #f8f8f8;
  --poppy_color_bg_3: #eee;
  --poppy_color_positive_level1: black;
  --poppy_color_positive_level2: rgba(0, 0, 0, 0.8);
  --poppy_color_positive_level3: rgba(0, 0, 0, 0.6);
  --poppy_color_positive_level4: rgba(0, 0, 0, 0.4);
  --poppy_color_positive_level5: rgba(0, 0, 0, 0.2);
  --poppy_color_negative_level1: white;
  --poppy_color_negative_level2: rgba(255, 255, 255, 0.8);
  --poppy_color_negative_level3: rgba(255, 255, 255, 0.6);
  --poppy_color_negative_level4: rgba(255, 255, 255, 0.4);
  --poppy_color_negative_level5: rgba(255, 255, 255, 0.2);
  --poppy_color_fg_mask: rgba(0, 0, 0, 0.7);
  --poppy_color_fg_line: rgba(0, 0, 0, 0.04);
  --poppy_color_fg_press: rgba(0, 0, 0, 0.08);
  --poppy_color_active: rgba(255, 72, 0, 0.08);
  --poppy_fontsize_large_plus_xx: .72rem;
  --poppy_fontsize_large_plus_x: .64rem;
  --poppy_fontsize_large_plus_xs: .6rem;
  --poppy_fontsize_large_plus: .56rem;
  --poppy_fontsize_large_xx: .52rem;
  --poppy_fontsize_large_x: .48rem;
  --poppy_fontsize_large: .4rem;
  --poppy_fontsize_medium_xx: .36rem;
  --poppy_fontsize_medium_x: .32rem;
  --poppy_fontsize_medium: .28rem;
  --poppy_fontsize_small: .24rem;
  --poppy_fontsize_small_s: .2rem;
  --poppy_fontsize_small_ss: .14rem; }

@supports (color: color(display-p3 1 1 1)) {
  :root {
    --poppy_color_brand_primary1: color(display-p3 var(---poppy_color_brand_primary1));
    ---poppy_color_brand_primary1: 1 .282353 0;
    --poppy_color_brand_primary2: color(display-p3 var(---poppy_color_brand_primary2));
    ---poppy_color_brand_primary2: 1 .447059 .0784314;
    --poppy_color_brand_primary_gradual: color(display-p3 var(---poppy_color_brand_primary_gradual));
    ---poppy_color_brand_primary_gradual: 1 .447059 .0784314;
    --poppy_color_brand_second1: color(display-p3 var(---poppy_color_brand_second1));
    ---poppy_color_brand_second1: .101961 .121569 .211765;
    --poppy_color_brand_second2: color(display-p3 var(---poppy_color_brand_second2));
    ---poppy_color_brand_second2: .270588 .309804 .372549;
    --poppy_color_state_success: color(display-p3 var(---poppy_color_state_success));
    ---poppy_color_state_success: 0 .741176 .682353;
    --poppy_color_state_warning: color(display-p3 var(---poppy_color_state_warning));
    ---poppy_color_state_warning: 1 0 0;
    --poppy_color_state_remind: color(display-p3 var(---poppy_color_state_remind));
    ---poppy_color_state_remind: 1 .447059 .0784314;
    --poppy_color_state_link: color(display-p3 var(---poppy_color_state_link));
    ---poppy_color_state_link: .298039 .533333 .741176;
    --poppy_color_white: color(display-p3 var(---poppy_color_white));
    ---poppy_color_white: 1 1 1;
    --poppy_color_dark: color(display-p3 var(---poppy_color_dark));
    ---poppy_color_dark: 0 0 0;
    --poppy_color_bg_1: color(display-p3 var(---poppy_color_bg_1));
    ---poppy_color_bg_1: 1 1 1;
    --poppy_color_bg_2: color(display-p3 var(---poppy_color_bg_2));
    ---poppy_color_bg_2: .972549 .972549 .972549;
    --poppy_color_bg_3: color(display-p3 var(---poppy_color_bg_3));
    ---poppy_color_bg_3: .933333 .933333 .933333;
    --poppy_color_positive_level1: color(display-p3 var(---poppy_color_dark)/1);
    --poppy_color_positive_level2: color(display-p3 var(---poppy_color_dark)/0.8);
    --poppy_color_positive_level3: color(display-p3 var(---poppy_color_dark)/0.6);
    --poppy_color_positive_level4: color(display-p3 var(---poppy_color_dark)/0.4);
    --poppy_color_positive_level5: color(display-p3 var(---poppy_color_dark)/0.2);
    --poppy_color_negative_level1: color(display-p3 var(---poppy_color_white)/1);
    --poppy_color_negative_level2: color(display-p3 var(---poppy_color_white)/0.8);
    --poppy_color_negative_level3: color(display-p3 var(---poppy_color_white)/0.6);
    --poppy_color_negative_level4: color(display-p3 var(---poppy_color_white)/0.4);
    --poppy_color_negative_level5: color(display-p3 var(---poppy_color_white)/0.2);
    --poppy_color_fg_mask: color(display-p3 var(---poppy_color_dark)/0.7);
    --poppy_color_fg_line: color(display-p3 var(---poppy_color_dark)/0.04);
    --poppy_color_fg_press: color(display-p3 var(---poppy_color_dark)/0.08);
    --poppy_color_active: color(display-p3 var(---poppy_color_brand_primary1)/0.08); } }
.kaikalicaiquan-wrapper {
  background-color: #f8f1d0;
  background-color: color(display-p3 0.97255 0.9451 0.81569/1); }

.kaikalicaiquan-user {
  background-color: #fff;
  background-color: var(--poppy_color_white);
  padding: 0.16rem 0.4rem 0.16rem 0.32rem; }

.kaikalicaiquan-user-img {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden; }
.kaikalicaiquan-user-img img {
  display: block;
  width: 100%;
  height: 100%; }

.kaikalicaiquan-user-name {
  color: rgba(0, 0, 0, 0.6);
  color: var(--poppy_color_positive_level3);
  font-size: 0.24rem;
  line-height: 0.34rem;
  text-align: center;
  margin-top: 0.08rem; }

.kaikalicaiquan-user-desc {
  color: #000;
  color: var(--poppy_color_dark);
  font-size: 0.24rem;
  line-height: 0.34rem;
  padding: 0.12rem 0.24rem;
  border-radius: 0.46rem;
  background-color: #f8f8f8;
  background-color: color(display-p3 0.97255 0.97255 0.97255/1);
  margin-left: 0.24rem; }

.kaikalicaiquan-banner {
  position: relative;
  height: 6.82rem; }

.kaikalicaiquan-banner-bg, .dialog-coupon-img {
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.kaikalicaiquan-banner-bg {
  padding-top: 0.24rem;
  height: 100%; }

.kaikalicaiquan-prize-img {
  margin: 0 1.4rem;
  height: 4.7rem; }
.kaikalicaiquan-prize-img img {
  display: block;
  width: 100%;
  height: 100%; }

.kaikalicaiquan-config-btn {
  margin: -0.5rem 0.85rem 0.1rem;
  height: 0.98rem; }
.kaikalicaiquan-config-btn img {
  display: block;
  width: 100%;
  height: 100%; }

.kaikalicaiquan-rule {
  position: absolute;
  right: 0;
  top: 0.64rem;
  width: 0.6rem;
  border: 1px solid;
  border-color: #fff;
  border-color: var(--poppy_color_white);
  background-color: rgba(255, 255, 255, 0.6);
  background-color: var(--poppy_color_negative_level3);
  border-radius: 0.22rem 0 0 0.22rem;
  color: #415d63;
  color: color(display-p3 0.2549 0.36471 0.38824/1);
  padding: 0.12rem;
  font-size: 0.26rem;
  line-height: 0.28rem;
  text-align: center; }

.kaikalicaiquan-kaika-tit {
  position: absolute;
  top: 1.66rem;
  left: 0.62rem;
  color: #fff;
  color: var(--poppy_color_white);
  font-size: 0.32rem;
  line-height: 0.56rem;
  text-shadow: 0 0.04rem 0.08rem #EDE7D7;
  padding: 0 0.1rem;
  border: 1px solid;
  border-color: #fff;
  border-color: var(--poppy_color_white);
  border-radius: 0.04rem;
  background-color: #FDDFA3;
  background-image: -webkit-linear-gradient(-53deg, #FDDFA3 0%, #F4C44F 96%);
  background-image: linear-gradient(143deg, #FDDFA3 0%, #F4C44F 96%);
  box-shadow: 1px 1px 0 #B07017; }

.kaikalicaiquan-kaika-img {
  width: 2.8rem;
  height: 2.8rem;
  position: absolute;
  bottom: 0.96rem;
  left: 1.22rem; }

.kaikalicaiquan-licai-tit {
  position: absolute;
  top: 1.08rem;
  right: 2.16rem;
  color: #fff;
  color: var(--poppy_color_white);
  font-size: 0.32rem;
  line-height: 0.56rem;
  text-shadow: 0 0.04rem 0.08rem #EDE7D7;
  padding: 0 0.1rem;
  border: 1px solid;
  border-color: #fff;
  border-color: var(--poppy_color_white);
  border-radius: 0.04rem;
  background-color: #6AB1FF;
  background-image: -webkit-linear-gradient(-58deg, #6AB1FF 0%, #2A71E1 97%);
  background-image: linear-gradient(148deg, #6AB1FF 0%, #2A71E1 97%);
  box-shadow: 1px 1px 0 #506A8E; }

.kaikalicaiquan-licai-img {
  width: 2.8rem;
  height: 2.8rem;
  position: absolute;
  bottom: 1.58rem;
  right: 0.3rem; }

.kaikalicaiquan-main {
  position: relative;
  padding: 0.1rem 0.4rem 0.32rem; }

.kaikalicaiquan-prompt {
  color: #b56500;
  color: color(display-p3 0.7098 0.39608 0/1);
  font-size: 0.32rem;
  font-weight: 700;
  line-height: 0.44rem;
  text-align: center; }

.kaikalicaiquan-btn-group .kaikalicaiquan-btn:not(:first-child) {
  margin-left: 0.3rem; }

.kaikalicaiquan-btn {
  font-size: 0.32rem;
  font-weight: 700;
  line-height: 0.86rem;
  text-align: center;
  border-radius: 0.44rem;
  height: 0.88rem;
  max-width: 5rem; }
.kaikalicaiquan-btn.yellow {
  color: #b56500;
  color: color(display-p3 0.7098 0.39608 0/1);
  border: 1px solid rgba(179, 137, 84, 0.36);
  background-color: #FACC6D;
  background-image: -webkit-linear-gradient(-27deg, #FACC6D 0%, #FFEBCB 15%, #FCDA80 100%);
  background-image: linear-gradient(117deg, #FACC6D 0%, #FFEBCB 15%, #FCDA80 100%);
  box-shadow: 0.03rem 0.04rem 0 0 #B38954, inset 0 0.03rem 0.06rem 0 rgba(255, 240, 209, 0.74); }
.kaikalicaiquan-btn.blue {
  color: #fff;
  color: var(--poppy_color_white);
  background-color: #A5C4E3;
  background-image: -webkit-linear-gradient(-32deg, #A5C4E3, #5EA6CD);
  background-image: linear-gradient(122deg, #A5C4E3, #5EA6CD);
  box-shadow: 0.03rem 0.04rem 0 0 #75839A; }
.kaikalicaiquan-btn.lg {
  font-size: 0.4rem; }

.kaikalicaiquan-box {
  background-color: #fffbf0;
  background-color: color(display-p3 1 0.98431 0.94118/1);
  border: 1px solid;
  border-color: #fff;
  border-color: var(--poppy_color_white);
  border-radius: 0.2rem;
  padding: 0.48rem 0 0.64rem;
  box-shadow: 0.03rem 0.03rem 0.12rem rgba(204, 151, 106, 0.28); }
.kaikalicaiquan-box:first-child {
  margin-top: 0.46rem; }
.kaikalicaiquan-box:not(:first-child) {
  margin-top: 0.32rem; }

.kaikalicaiquan-tit {
  color: #b56500;
  color: color(display-p3 0.7098 0.39608 0/1);
  font-size: 0.36rem;
  font-weight: 700;
  line-height: 0.5rem; }
.kaikalicaiquan-tit:before, .kaikalicaiquan-tit:after {
  content: "";
  width: 0.64rem;
  height: 0.2rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAUCAMAAAAKqMsNAAAAflBMVEUAAAC1ZgC3ZgC1ZQC1ZQC1ZQC2ZQC1ZAC1ZQC2ZQC2ZQC2ZQC2ZgC1ZgC1ZQC2ZQC2ZAC2ZAC1ZQC2ZQC1ZQC1ZAC1ZQC1ZQC1ZQC1ZAC0ZQC1ZQC2ZgC1ZAC2ZgC1ZAC1ZQC2ZQC3ZQC1ZQC2ZgC0YwC1ZQC1ZQCzZgC1ZQAhHDLTAAAAKXRSTlMAgHjOxLE96d3Wn5h1biAZ9uO9uaumk46JhGhjX1pVUEtHQjg0LysmCmGxXS0AAACDSURBVDjLxdS3EoQwDEXRFWnJbCTnzP//IDTMY4BKLqz+nsJj6SFrDMFeWUiwXyDwegi8HgKvh8DrIXB7CPwewhwE/jQOfWe0TV2VRZ6lnucqlMRR6Dj2/6fr34+mqaplme/n6w7wL4C7A/YRMDfgJJD4IwoJJOUjQSApywSBJB8UzArS/Buc1NF2VwAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%; }
.kaikalicaiquan-tit:before {
  margin-right: 0.24rem; }
.kaikalicaiquan-tit:after {
  margin-left: 0.24rem;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.kaikalicaiquan-explain {
  padding: 0.1rem 0.48rem 0; }

.kaikalicaiquan-explain-item {
  color: #b56500;
  color: color(display-p3 0.7098 0.39608 0/1);
  font-size: 0.28rem;
  font-weight: 700;
  line-height: 0.4rem;
  margin-top: 0.18rem; }

.kaikalicaiquan-steps {
  margin-top: 0.22rem;
  padding: 0 0.12rem; }

.kaikalicaiquan-steps-item {
  padding: 0 0.32rem;
  position: relative; }
.kaikalicaiquan-steps-item:not(:last-child):after {
  content: "";
  width: 0.58rem;
  height: 0.34rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAiCAMAAAA54DrsAAAA/1BMVEUAAAD/0sX/z8L/0cT/zb//yrz/z8H/ybr/19f/x7f/xrb/zL7/9vT/xLT/08j/1cn/1sv/18z/2c//29H/3NL/3dT/39X/4Nf/4dj/4tr/5Nz/5t//5+H/6eL/6uT/6+X/7Of/7+r/8u3/8/H/9PL/9/T/+fj/+vn//v7/w7P/yLn/8e7/9vP/yLj/5d7/7uj/y73/7+v/+/v/183/2c7/zsH/7+v/////49z/7en/wbH/wrH/w7P/ybf/yLb/9fH/+Pj/wrH/0ML/wrH/zL7/0cP/xrf/wrL/08X/zb//yLr/w7H/w7T/wrP/0cL/xLf/0L3/xrP/w7H/wbH/wbCynXqFAAAAVHRSTlMAusS/z9nJ3gTo7dMR8rWwq6ablpGMh4J9eHJoY15ZVE9EOjArIRsWDPfjNSbjbUrUQAehoMo/CG5J9+rHMQ41Jt24s52bmXpzbGJiVUI8JxsbkJAtzoHjAAABG0lEQVQ4y72V527CMBSFKW2KoXTvXeiGjkAbCAHC3hv8/s8CFoIbGazA+cH9aenTOb7Ts0rUmQeNrUofRreLXRj17jYYjO6UgzC6583CqKY1QVTXfJGqDaDGRNX37c/0UFV/IN2mZ5b8CL6/vX69PEfDsdDv0+PD/d3tz8311eXF+dnpyd/x0eGBQKeqgf3PIZuj8RmaCydCKRn9d6IRgfLMYAGNCtRdlfN0RzacI8PmElV9ilp8EjUnmpf+KqMGGRZRstcxrDtRXsgqVM0F1JBQbrVkVfcME0qqojhqVcowGY67tgRlWJ2m2KqGa0gjUksoDJtAI6pQqqs1YtC8iqED5xUcdaFateG1hi/Tja9wo8E2eq7URxI/zWPVC2k0//5YEgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0.38rem;
  right: -0.29rem; }

.kaikalicaiquan-steps-icon {
  width: 1.1rem;
  height: 1.1rem;
  border: 1px solid #FDBF96;
  background-color: #fff;
  background-color: var(--poppy_color_white);
  border-radius: 50%;
  margin: 0 auto; }
.kaikalicaiquan-steps-icon img {
  width: 0.68rem;
  height: 0.68rem; }

.kaikalicaiquan-steps-desc {
  color: #1e1e1e;
  color: color(display-p3 0.11765 0.11765 0.11765/1);
  font-size: 0.24rem;
  line-height: 1.5;
  text-align: center;
  margin-top: 0.16rem; }
.kaikalicaiquan-steps-desc.small {
  font-size: 0.2rem; }

.kaikalicaiquan-activity {
  height: 1.78rem;
  border-radius: 0.14rem;
  overflow: hidden;
  margin: 0.24rem 0.46rem 0; }
.kaikalicaiquan-activity img {
  display: block;
  width: 100%;
  height: 100%; }

.poppy-dialog-kaikalicaiquan {
  width: 5.8rem;
  height: 7.26rem;
  background: url(../images/kaikalicaiquan/dialog-bg.png) no-repeat;
  background-size: 100% 100%;
  padding: 0.72rem 0.44rem 0; }
.poppy-dialog-kaikalicaiquan .kaikalicaiquan-btn-group {
  position: absolute;
  left: 0.9rem;
  right: 0.9rem;
  bottom: 0.94rem; }

.dialog-close {
  position: absolute;
  top: 0.46rem;
  right: 0.46rem;
  width: 0.3rem;
  height: 0.3rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAAD1BMVEUAAAD///////////////+PQt5oAAAABXRSTlMAly0jknLBjxYAAABWSURBVBjTY6ABMILSyhCK2VEBTDOJGEBoQSEwrSgIFIcyEMJQFkIawoQIIhRApBEKlMDSCAWCEGmEAoQ0go+pHtM8TPsQ7sFwL7p/0P2LHh7o4UV9AAA4zgjF4J/GcgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%; }

.dialog-tit {
  color: #fff;
  color: var(--poppy_color_white);
  font-size: 0.48rem;
  line-height: 0.66rem;
  text-align: center;
  text-shadow: 0 0.04rem 0.08rem rgba(0, 0, 0, 0.2); }

.dialog-date {
  color: #fff;
  color: var(--poppy_color_white);
  font-size: 0.28rem;
  line-height: 0.4rem;
  text-align: center;
  text-shadow: 0 0.04rem 0.08rem rgba(0, 0, 0, 0.2); }

.dialog-success-tit {
  color: #000;
  color: var(--poppy_color_dark);
  font-size: 0.28rem;
  line-height: 0.4rem;
  text-align: center;
  margin: 0.76rem 0.24rem 0; }

.dialog-success-text {
  color: #ab5f00;
  color: color(display-p3 0.67059 0.37255 0/1);
  font-size: 0.32rem;
  line-height: 0.44rem;
  text-align: center;
  margin: 0.24rem 0.24rem 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: 0.88rem; }

.dialog-success-desc {
  color: rgba(0, 0, 0, 0.4);
  color: var(--poppy_color_positive_level4);
  font-size: 0.24rem;
  line-height: 0.34rem;
  text-align: center;
  margin: 0.24rem 0.24rem 0; }

.otp-box {
  padding-top: 0.52rem; }
.otp-box .pec-list-item {
  height: 0.88rem;
  border-radius: 0.44rem;
  background-color: #fff;
  background-color: var(--poppy_color_white);
  padding: 0 0.24rem;
  box-shadow: 0 2px 0.06rem rgba(0, 0, 0, 0.11) inset; }
.otp-box .pec-list .pec-list-item .pec-item-body {
  padding: 0;
  min-height: inherit; }
.otp-box .pec-input {
  padding: 0; }
.otp-box .pec-position-relative input[type=text].pec-input {
  padding-right: 0; }
.otp-box .s-dynamic-password, .otp-box .s-sendBtn {
  width: 1.76rem;
  min-height: inherit;
  height: 0.88rem;
  line-height: 0.88rem;
  background-color: transparent;
  font-size: 0.32rem;
  color: #A75D00; }
.otp-box .pec-btn-zone {
  margin-top: 0.3rem;
  padding: 0 0.47rem; }
.otp-box button[size=big].reg-primary-btn {
  height: 0.82rem;
  line-height: 0.82rem;
  background: url(../images/kaikalicaiquan/otp-btn-bg.png) no-repeat !important;
  background-size: 100% 100% !important;
  border-radius: 0.42rem;
  box-shadow: 0.03rem 0.04rem 0 #B38954;
  padding: 0; }
.otp-box button[disabled].reg-primary-btn {
  background: #d9d9d9 !important;
  color: #fff !important;
  box-shadow: 0.03rem 0.04rem 0 rgba(0, 0, 0, 0.2); }

.poppy-popup {
  z-index: 900 !important; }

.exclusive-rights-img {
  display: block;
  width: 100%;
  height: auto; }

.mt22 {
  margin-top: 0.22rem; }

.dialog-coupon-box {
  position: relative;
  top: -.5rem;
  padding: .66rem .48rem .48rem;
  width: calc(100vw - 1.6rem);
  border-radius: .24rem;
  text-align: center;
  background-color: #fff;
  background-color: var(--poppy_color_bg_1); }

.dialog-coupon-img {
  margin: 0 .76rem;
  padding: .26rem .96rem 0 1rem;
  height: 2.2rem;
  font-size: .28rem;
  color: #c04314;
  color: color(display-p3 0.75294 0.26275 0.07843/1);
  background-image: url(../images/kaikalicaiquan/dialog-img.png); }

.dialog-coupon-msg {
  margin-top: .24rem;
  font-size: .28rem;
  color: #000;
  color: var(--poppy_color_dark); }

.dialog-coupon-info {
  margin-top: .16rem;
  line-height: .52rem; }
.dialog-coupon-info p {
  font-size: .36rem;
  color: #000;
  color: var(--poppy_color_dark); }

.dialog-coupon-date {
  margin-top: .12rem;
  color: rgba(0, 0, 0, 0.4);
  color: var(--poppy_color_positive_level4); }

.dialog-coupon-btn {
  margin-top: .4rem; }

.dialog-coupon-link {
  margin-top: .16rem;
  line-height: .34rem;
  text-decoration: underline;
  color: #4c88bd;
  color: color(display-p3 0.29804 0.53333 0.74118/1); }

.dialog-coupon-closebtn {
  position: absolute;
  right: .32rem;
  top: .32rem; }

.otp-form-box {
  margin: 0 -0.2rem; }
.otp-form-box input {
  padding-top: 0 !important;
  padding-left: 0.72rem !important;
  padding-right: 0.1rem !important;
  height: .8rem;
  font-size: 0.24rem !important;
  font-weight: 700;
  color: #000; }
.otp-form-box .pec-list {
  margin: .16rem .24rem 0;
  border-radius: .32rem; }
.otp-form-box .pec-list .pec-list-item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: .4rem;
  overflow: hidden; }
.otp-form-box .pec-list .pec-list-item:before {
  content: '';
  position: absolute;
  left: .16rem;
  top: 50%;
  margin-top: -.2rem;
  width: .4rem;
  height: .4rem;
  background: url(../images/kaikalicaiquan/icon-yzm.png) 0 0 no-repeat;
  background-size: 100% 100%; }
.otp-form-box .phoneNumComponent .pec-list-item:before {
  background: url(../images/kaikalicaiquan/icon-phone.png) 0 0 no-repeat;
  background-size: 100% 100%; }
.otp-form-box .pec-list .pec-list-item .pec-item-body {
  padding: 0;
  min-height: 0; }
.otp-form-box .s-sendBtn {
  margin-left: 0 !important;
  width: 1.5rem;
  min-height: 0;
  height: .64rem;
  line-height: .64rem;
  color: #3F92DC; }
.otp-form-box .s-sendBtn > div {
  font-size: 0.24rem !important; }
.otp-form-box .pec-btn-zone .reg-primary-btn {
  padding: 0;
  border-radius: 0;
  height: 0.8rem !important;
  border-radius: .4rem;
  font-size: .32rem;
  font-weight: 700;
  background: #ff4800 !important;
  background-size: 100% 100% !important;
  color: #fff !important;
  width: 100%; }
.otp-form-box .pec-btn-zone button[disabled].reg-primary-btn {
  background: #d9d9d9 !important; }
.otp-form-box .pec-list-title {
  padding-top: .15rem;
  font-size: 0.24rem !important; }