* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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 {
  -webkit-tap-highlight-color: transparent;
}

mark {
  background-color: transparent;
}

em,
i {
  font-style: normal;
}

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

body {
  font-family: poppy-roboto, PingFang SC, Helvetica, Noto Sans SC, Source Han Sans CN, Arial, Hiragino Sans GB, sans-serif;
  line-height: normal;
  color: #666;
  background-color: #f8f8f8;
  -webkit-user-select: none;
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
}

* {
  margin: 0;
  padding: 0;
  outline: none;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
}

*:not(input,
select,
textarea) {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

html {
  font-size: 100px;
}

html {
  height: 100%;
}

input,
textarea,
keygen,
select,
button {
  font-size: 12px;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
  -webkit-text-fill-color: rgba(0, 0, 0, 0.2);
  opacity: 1;
  -webkit-opacity: 1;
}

input {
  word-break: break-all;
}

a {
  text-decoration: none;
}

body {
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

section {
  padding-bottom: .24rem;
}

.lazy-img, .lazy-img-s {
  display: block;
  background: #f9f9f9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABFCAMAAAA4qFmqAAAApVBMVEUAAADd3d3a2trv7+/c3Nzi4uLa2tra2trc3Nz////a2tra2tra2trc3Nza2tre3t7Z2dnb29va2tra2tra2trb29vn5+fj4+Pa2tra2trb29vc3Nza2tra2tra2trb29vZ2dnc3Nzg4ODa2tra2trb29vf39/b29va2trb29va2trb29va2tra2tra2tra2trb29va2tra2tra2tra2tra2trZ2dkAqruCAAAANnRSTlMAHZwGLhV/iiICutz3Mewo0pNb56g9ChLXjlg6eM98bPtBDvLJTBk2pHFnRqyXUbNi4YSew78OVk58AAAIhElEQVRo3u2aiXLaMBBAF3yDsSkk3ARiAw5gzqT6/0+rdR9gwGnTTmfyZpLB8sWTtCtbAv4IyQlhnuB/J0OECG6wPHUxGQj6R+8Cdwk6Vo2QwF16dutBEuXyvsaeieiltQAkFm20gSXtu+gaBwsUnCYtdQFgFqIS2vicIXqUHTBaH3P0CGnuAGdCi7bACQboOmtV/ycta+A6qaNS8H1+PCxSB8oz17hPt8+7UUQLBpRGH3xUQgMY8sudHPgCkQC3dtVWNNt9Cc+l/QQER1oStuC+SPWuFaMKNIHghyUiXl8l1EUydtYIHhHxhz8MEOXdKB7GLP3QvfV7NBCGBnyOSkRcUNFFViwbeDw062VM4BoWotTgOjRFWSC4f1xmeoTxfRFrIQK9Al8r8kED3Rf0gYm0n1RkjMie1OzDozgbgl0i4h83mFi0+LQY157wabMCG0y2uLhjseNIiUi9krvBPmMp3IZ7mJcMa1dFel0ecQZDWs1g4CDCHiTJM8aHKiL+nN+2Ah8ivZoiciQbBMDRmr4LAi2pdXS7mk5yX8Ql7KEKr4gw96+IJJH4Yp8X2ZcGe3eqIkQk8YTwCpDUynGA0kCEtysi7kWD9EcdAn16SDsGazbo0K0xa9Vq6Vfis3qcQT9FN2ARPOabpog4fQSCJ1SF2m+J9Nqsiu+NwxlQDojwdCFyZv02AEGjkoj9eRE5kE57j4pk/LaGiJPyHPRbIq1ps4AGYhPz4TCRMFIxY2TCXw/groihnhsiQ1YjwW+IcFY02O6m35/AWbKSVxItj4nYvEATWYW8Iyh0Bk0Ca6ymwYk9wNOthlVZ5AUYcaq9oBxfdHaskvHnSc8M4YMiIh7xFyConn6riiy4ejLggW6iZaj6xf0pY0Wkxhpk+9siyWq1smkDrjA98az1prM7co/gwAO9mgi80MmBiSIy6hK0Q823txQMbJavHxsQXSjjzA9NU7uCSIWnX2GOCCvQ2fMAZdxNv8thgUdGzhH5SK7YQpKvFJE5Jdeb3mc923lYpENTrAOwoX2JdC6nU9CoIGI5JiteD46J/pV7EUtbHUvGgpvyGYSHRYIFi+ntnASdUoHDCiID9DihBSpHXt6cUcWVl/Ij9Xu3Fu12e0D3tDGNPheRo/ExIjHXgs+JoCokoLGeI0Z0diB+l5uvAHfTrwz2d62p/oEIZAvZWh9IkK+gksgqRZwN/BMRCDqXXbPxDFBNBNaI4cGnRbpVRHpwQbBfIJU8A6gsYrHqeAo+L9K3TTJE2domVxNyywuR5LRJKovIVG625fBLxxFJv7V3B5cz10e7V0lEvhAtgr8qso1Cyq1MTWmuTJFmXJAIkR94syfmVOt2HN8eR+wxZ/PbIh66pDmLySBislTniQRRD1eo4BRoFz3eEHlFki8QWYxwn0jWp1sigSLqMy+ZRBJ5rndDZIRMdn9MJHwbyxT2s1wEhpoI5JoItNLPicw+L7JWs1TeSUCltm5E2iuoxKoLd3xOX5hEATnzjamsq4gMelACX8jplh4RZK+E5yxO4BpOnL1SYiPNPdPiGjuObTrc1MfnZYFMK1PyYKbcxV+0VRZeH24QYOCbb7755ptvvvnmX7J0BZNlDTDBhC6orl13BIK4OCAAzNbNG4T3dQw6vns+Z8qW+2KDoOO6W/gyGkjlCav02GQhnqmaaI+9FhZSH9bnwx6o/GQPnPJpNZKuU+X3guOzhzm/HH1Q6O8aGxD4w+FK7Bm+WKTid6+iDXZbU0QS1XQRdDREnC7SeAOFLSmaqCLoVDNEzPesPAHBm7aOcUCoyXee6WKFNUcRUDZFnRkinssYILQwROZLXSRHaOByzsZayIJWRiJEMIP+FRFtuS0ARm3Obi0vd2A7d/Qtql8UCQ/0Zog46qpHpougcKyKJHjOAARRcSd9in5a/J2FCGHRuyYSOQW155yvQsh3qZZWLy8XIsIjt26JdFSRBe3lUiS+EGkDJ2gjlDrknxQhtWpdE2GfFvKtMElROmH1LBt4a4qI9gjglshGFXmZkV4uRWxdJNtube1N9EzWeoaygOSG93IReMe3FI0+LGTmNSkywGFriDCPegA3RY6aCJxJL9dFyt+S0z4ExfcNV0KklrRxFJaI0AkUHwgW+TjERwuRLQ5byxTZyMoqF9lqInTZ86Nnisj1kYG6YuKySNlJEVidyJyCKZIuC0buSU44dshSv1/sSoTIGC9T7wyRDY9DUyR/YnSLfGcZIkFOc0e5iKzPKGH3n/tSBOIIr4+WZq2Jkp6f6UzRWoqQi3Q0kQ2iRaaIRhqDIQLWB+6Qpsi2jVFEZuI7bUlUSBHIiloNt2Ui4dDi84gLNi98soQISWWhLUUYYXZT5N2HCxEgvfx8NUYiIdLryjEdx3esiJAFwrRldK0tZj9pFu3Nhz83xhQlIyFCK7KZMBGHjG3Hoqi7uhTZjAh7NpFuitBePi1JvwO55LlW5tpzRYQu3na7V7NWUhRn5u9mFkKE/XL2oLRIuCdFC6s82OGqCOvlNwfEpPjUtSD4US/I8EVbXEROUBoijDf6FetI5ZmL8J+xR1JkCQDjoqheXQSykIqQDtCecF7mPOpcOhFrIcwsw/lBE4FhqciUPNA5IQo9xgGfzURENUgREZKz6iKwnBMR0s4aOWCcFEeoEMG6aKyJBG9XRSwbl9sAZz5sApFCsSoCT6qIaMj5a3UR6DARsBeqxy4Rvx05ghRp4UtoImAddBEUYng79SKiI0f7nSaSDC5EelMyAS4Yed7ZAo3A9bwRjl/Py0Cw9zw3oMsH3uGD8Dax5c5JoIjA0fNm4GvX7hXXW/JbzNXKsADGWFxg0xzyUz5A4nHxSCs5VX66acEXEUybBXu4y7L+Tth5R9Jm1jCPQbI5YOUsfxFVnj39IDn1mIurt/IzUH4BcX4FCI/6HNgAAAAASUVORK5CYII=) center center no-repeat;
}

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

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

.pec-flex, .pec-align-center, .pec-space-between, .pec-flex-start, .pec-flex-end, .pec-flex-vertical, .mod-title, .mod-title-foot, .error {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.pec-flex1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.pec-flex-vertical {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.error {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.pec-space-between, .mod-title {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.pec-flex-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.pec-flex-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.pec-align-center, .pec-space-between, .mod-title, .mod-title-foot, .error {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

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

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

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

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

.mod-mt {
  margin-top: 0.2rem !important;
}
.mod-hr {
  height: 0.4rem;
}

.nbr {
  border: 0 !important;
}
.nbr-t {
  border-top: 0 !important;
}
.nbr-r {
  border-right: 0 !important;
}
.nbr-b {
  border-bottom: 0 !important;
}
.nbr-l {
  border-left: 0 !important;
}

.dsn {
  display: none;
}

.pec-bgc-greyf5 {
  background: #f5f5f5 !important;
}

.pec-bgc-transparent {
  background: transparent !important;
}

.pec-bgc-fff {
  background: #fff !important;
}

.pec-holderbox {
  width: 100%;
  height: .2rem;
  font-size: 0;
  background: #f5f5f5;
}

.pec-por {
  position: relative !important;
}

.pec-poa {
  position: absolute !important;
}

.pec-pof {
  position: fixed !important;
}

.pec-fr {
  float: right;
}

.pec-fl {
  float: left;
}

.pec-tal {
  text-align: left !important;
}

.pec-tac {
  text-align: center !important;
}

.pec-taj {
  text-align: justify;
}

.pec-tar {
  text-align: right;
}

.pec-vam {
  vertical-align: middle;
}

.pec-dsn {
  display: none !important;
}

.pec-dsb {
  display: block !important;
}

.pec-unvis {
  visibility: hidden;
}

.pec-dsib {
  display: inline-block !important;
  vertical-align: top;
}

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

.pec-fwb {
  font-weight: 700;
}

.pec-pnone {
  padding: 0 !important;
}

.pec-ml20 {
  margin-left: 0.2rem !important;
}

.pec-ml40 {
  margin-left: 0.4rem !important;
}

.pec-mt20 {
  margin-top: 0.2rem !important;
}

.pec-bt-0 {
  border-top: 0 !important;
}

.pec-bb-0 {
  border-bottom: 0 !important;
}

hr.hr {
  font-size: 0;
  display: block;
  border: 1px solid #e7e7e7;
}

.pec-link {
  color: #4c88bd !important;
}
.pec-link:active, .pec-link:visited {
  color: #3769fc;
}

.pec-box-center {
  display: -webkit-box;
  display: box;
  -webkit-box-pack: center;
  /* box-pack: center; */
}

.page-full {
  min-height: 100vh;
}
.page-full .pec-flex-vertical {
  height: 100vh;
  padding-bottom: 0;
}
.page-full .pec-flex-vertical > .pec-flex1 {
  max-height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: .2rem;
}

.border-none:before, .border-none:after {
  display: none !important;
}

.fwb, .default_01-view__title,
.default_02-view__title,
.default_03-view__title,
.default_04-view__title,
.default_05-view__title,
.default_06-view__title, .mod-title-head, .mod-title-foot p, .mod-more span, .text-item h1, .error h1, .error p {
  font-weight: 500;
  font-weight: var(--poppy_font_weight_medium);
}

.special-font-m {
  font-weight: 500;
  font-weight: var(--poppy_font_weight_medium);
}

.default_01-view,
.default_02-view,
.default_03-view,
.default_04-view,
.default_05-view,
.default_06-view {
  text-align: center;
}
.default_01-view .demo-content,
.default_02-view .demo-content,
.default_03-view .demo-content,
.default_04-view .demo-content,
.default_05-view .demo-content,
.default_06-view .demo-content {
  padding: .52rem .4rem .32rem;
}
.default_01-view__picture img,
.default_02-view__picture img,
.default_03-view__picture img,
.default_04-view__picture img,
.default_05-view__picture img,
.default_06-view__picture img {
  width: 3.8rem;
}
.default_01-view__title,
.default_02-view__title,
.default_03-view__title,
.default_04-view__title,
.default_05-view__title,
.default_06-view__title {
  margin-top: .24rem;
  line-height: .44rem;
  font-size: 0.32rem;
  font-size: var(--poppy_fontsize_medium_x);
  color: black;
  color: var(--poppy_color_positive_level1);
}
.default_01-view__content,
.default_02-view__content,
.default_03-view__content,
.default_04-view__content,
.default_05-view__content,
.default_06-view__content {
  margin-top: .16rem;
  line-height: .4rem;
  font-size: 0.28rem;
  font-size: var(--poppy_fontsize_medium);
  color: rgba(0, 0, 0, 0.4);
  color: var(--poppy_color_positive_level4);
}
.default_01-view__submit,
.default_02-view__submit,
.default_03-view__submit,
.default_04-view__submit,
.default_05-view__submit,
.default_06-view__submit {
  display: inline-block;
  margin-top: .46rem;
}

section {
  padding-bottom: 0;
}

.pec-mt24 {
  margin-top: .24rem;
}

.content {
  padding: 0 0 .8rem;
}

.mod {
  overflow: hidden;
  position: relative;
  width: 6.7rem;
  margin: .32rem auto 0;
  border-radius: .24rem;
  background-color: white;
  background-color: var(--poppy_color_negative_level1);
}
.mod-title {
  min-height: 1.08rem;
  padding: .4rem .32rem .08rem;
}
.mod-title-head {
  font-size: 0.44rem;
  font-size: var(--poppy_fontsize_large_s);
  color: #191919;
  color: color(display-p3 0.09804 0.09804 0.09804/1);
}
.mod-title-foot p {
  margin-left: .08rem;
  font-size: 0.26rem;
  color: black;
  color: var(--poppy_color_positive_level1);
}
.mod-title-foot .poppy-icon-arrow-right {
  font-size: 0.32rem;
  font-size: var(--poppy_fontsize_medium_x);
  color: rgba(0, 0, 0, 0.2);
  color: var(--poppy_color_positive_level5);
}
.mod-more {
  height: .64rem;
  text-align: right;
}
.mod-more span {
  display: inline-block;
  min-width: 1.4rem;
  height: .64rem;
  line-height: .64rem;
  background: #a3adbf;
  text-align: center;
  border-radius: .24rem 0 0 0;
  font-size: 0.28rem;
  font-size: var(--poppy_fontsize_medium);
  color: black;
  color: var(--poppy_color_positive_level1);
  background-color: rgba(163, 173, 191, 0.2);
  background-color: color(display-p3 0.63922 0.67843 0.74902/0.2);
}
.mod-more:active {
  opacity: .8;
}

.gujia-title-foot {
  width: 2.56rem;
  height: .4rem;
  border-radius: .08rem;
  background-color: rgba(0, 0, 0, 0.08);
  background-color: var(--poppy_color_fg_press);
}

.jf-doc {
  width: .4rem;
  height: .42rem;
  margin-top: -1px;
  background: url(../images/jf-doc.png) no-repeat;
  background-size: 100% 100%;
}

.text-item {
  margin-bottom: .4rem;
}
.text-item h1 {
  line-height: 1.86668;
  font-size: 0.3rem;
  color: black;
  color: var(--poppy_color_positive_level1);
}
.text-item h2 {
  line-height: 1.53334;
  font-size: 0.3rem;
  color: rgba(0, 0, 0, 0.4);
  color: var(--poppy_color_positive_level4);
}

.error {
  min-height: 2.92rem;
  padding: .24rem .32rem;
}
.error-box {
  text-align: center;
}
.error h1 {
  font-size: 0.36rem;
  font-size: var(--poppy_fontsize_medium_xx);
  color: black;
  color: var(--poppy_color_positive_level1);
}
.error p {
  margin-top: .16rem;
  font-size: 0.28rem;
  font-size: var(--poppy_fontsize_medium);
  color: rgba(0, 0, 0, 0.4);
  color: var(--poppy_color_positive_level4);
}

.common-loading-area{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.2);
  z-index:999999;
  display:-webkit-box;
  display:-moz-box;
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -webkit-box-align:center;
  -moz-box-align:center
}
@-moz-keyframes loading-animation{
  from{
    -moz-transform:rotate(0);
    transform:rotate(0)
  }to{
    -moz-transform:rotate(360deg);
    transform:rotate(360deg)}
  }
@-webkit-keyframes loading-animation{
  from{
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }to{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)}
  }
@keyframes loading-animation{
  from{
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }to{
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
.common-loading{
  display:block;
  width:.51rem;
  height:.51rem;
  background:url(../images/loading.png) center center no-repeat;
  background-size:0.41rem 0.41rem;
  -moz-animation:loading-animation 0.8s steps(12) 0s infinite normal;
  -webkit-animation:loading-animation 0.8s steps(12) 0s infinite normal;
  animation:loading-animation 0.8s steps(12) 0s infinite normal
}