@charset "UTF-8";

/*会员体系*/


/* 标签重置 */

* {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-appearance: none;
    outline: none;
    word-break: break-all;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 100px;
}

html,
body {
    height: 100%;
}

html,
body,
div,
span,
h3,
p,
a,
img,
i,
ul,
li,
header,
section {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    -webkit-user-select: none;
}

body {
    --poppy_button_login: linear-gradient(-45deg, var(--poppy_color_brand_primary3), var(--poppy_color_brand_primary1));
}

@supports (color: color(display-p3 1 1 1)) {
    body {
        --poppy_button_login: linear-gradient(-45deg, var(--poppy_color_brand_primary3), var(--poppy_color_brand_primary1));
    }
}

body {
    background: #f8f8f8;
}

body {
    color: #333333;
    font: 24px 'PingFang SC', 'Droid Sans', "HelveticaNeue", "Helvetica Neue", arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

@supports (bottom: env(safe-area-inset-bottom)) {
    body {
        box-sizing: content-box;
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom, 0vh);
    }
}

@mixin iphonex-css {
    padding-top: constant(safe-area-inset-top);
    /*为导航栏+状态栏的高度 88px*/
    padding-top: env(safe-area-inset-top);
    /*为导航栏+状态栏的高度 88px*/
    padding-left: constant(safe-area-inset-left);
    /*如果未竖屏时为0*/
    padding-left: env(safe-area-inset-left);
    /*如果未竖屏时为0*/
    padding-right: constant(safe-area-inset-right);
    /*如果未竖屏时为0*/
    padding-right: env(safe-area-inset-right);
    /*如果未竖屏时为0*/
    padding-bottom: constant(safe-area-inset-bottom);
    /*为底下圆弧的高度 34px*/
    padding-bottom: env(safe-area-inset-bottom);
    /*为底下圆弧的高度 34px*/
}


/* iphonex 适配*/

@mixin iphonex-media {
    @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
        body.iphonex {
            @include iphonex-css;
        }
    }
    @supports (bottom: constant(safe-area-inset-top)) or (bottom: env(safe-area-inset-top)) {
        body.iphonex {
            @include iphonex-css;
        }
    }
}

input,
button {
    color: #333333;
    font: 28px 'PingFang SC', 'Droid Sans';
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    border-radius: 0;
    border: none;
}

input::placeholder {
    /* WebKit browsers */
    color: rgba(0, 0, 0, 0.20) !important;
    font-size: var(--poppy_fontsize_medium_x) !important;
}

header,
section {
    display: block;
}

ul {
    list-style: none;
}

img {
    display: block;
    border: none;
}

input {
    -webkit-user-select: initial;
    -webkit-appearance: none;
}

a {
    text-decoration: none;
}


/* 公共样式 */

header+section {
    padding-top: .88rem;
}

section {
    padding-bottom: .20rem;
    padding-top: .001rem;
}

:root {
    --poppy_color_brand_primary3: #FF7E00;
    ---poppy_color_brand_primary3: 255, 126, 0;
    --poppy_color_brand_primary1: #ff4800;
    ---poppy_color_brand_primary1: 255, 72, 0;
    --poppy_fontsize_small: .24rem;
    --poppy_fontsize_medium_x: .29rem;
    --poppy_fontsize_medium_x2: .32rem;
    --poppy_fontsize_medium_xx2: .34rem;
    --poppy_fontsize_large_ss: .42rem;
    --poppy_fontsize_small_x: .3rem;
    --poppy_fontsize_small_xx: 12.5px;
}


/* p3颜色模型 */
@supports (color: color(display-p3 1 1 1)) and(top: env(safe-area-inset-top)) {
     :root {
        --poppy_color_brand_primary_gradual: color(display-p3 var(---poppy_color_brand_primary_gradual));
        ---poppy_color_brand_primary_gradual: 1 0.447059 0.0784314;
        --poppy_color_brand_primary_gradual2: color(display-p3 var(---poppy_color_brand_primary_gradual2));
        ---poppy_color_brand_primary_gradual2: 1 0.282353 0;
        --poppy_color_brand_primary3: color(display-p3 var(---poppy_color_brand_primary3));
        ---poppy_color_brand_primary3: 1 0.49412 0;
        --poppy_color_brand_primary1: color(display-p3 var(---poppy_color_brand_primary1));
        ---poppy_color_brand_primary1: 1 0.282353 0;
    }
}


/*弹窗*/

.windows-abt {
    position: fixed;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.personal-win {
    position: fixed;
    bottom: 0.3rem;
    right: 0.25rem;
    left: 0.25rem;
    z-index: 6;
    text-align: center;
}

#per-window p {
    background-color: #fff;
    border-radius: 0.2rem;
    font-size: 0.36rem;
    padding: 0.28rem 0;
    color: #333333;
    margin: .178571rem 0;
}


/*字号*/

.pec-font-size24 {
    font-size: 0.24rem !important;
    font-size: var(--poppy_fontsize_small) !important;
    font-family: PingFangSC-Regular !important;
}

.pec-font-size254 {
    font-size: 0.254rem !important;
}

.pec-font-size25 {
    font-size: 12.5 !important;
    font-size: var(--poppy_fontsize_small_xx) !important;
}

.pec-font-size27 {
    font-size: 0.27rem !important;
}

.pec-font-size28 {
    font-size: 0.28rem !important;
    font-size: var(--poppy_fontsize_medium) !important;
}

.pec-font-size29 {
    font-size: 0.29rem !important;
    font-size: var(--poppy_fontsize_medium_x) !important;
}

.pec-font-size30 {
    font-size: 0.3rem !important;
    font-size: var(--poppy_fontsize_small_x) !important;
}

.pec-font-size32 {
    font-size: 0.32rem !important;
    font-size: var(--poppy_fontsize_medium_x) !important;
}

.pec-font-size218 {
    font-size: 0.218rem !important;
    font-size: var(--poppy_fontsize_small) !important;
}

.pec-font-size36 {
    font-size: 0.36rem !important;
}


/*字符颜色*/

.color-FF0000 {
    color: #FF0000;
}

.pec-color-000000 {
    color: #000000 !important;
    color: var(--poppy_color_dark) !important;
}

#showOtpTab input::placeholder,
#showOtpTab input::-webkit-input-placeholder {
    opacity: 0.4;
    font-size: 0.29rem !important;
    font-size: var(--poppy_fontsize_medium_x) !important;
    color: rgba(0, 0, 0, 0.2);
    color: var(--poppy_color_positive_level5);
    font-family: PingFangSC-Medium;
    font-weight: normal;
}

.pec-color-0000002 {
    color: #00000033 !important;
    color: rgba(0, 0, 0, 0.20) !important;
}

.pec-color-0000004 {
    color: #000000 !important;
    opacity: 0.4 !important;
}

.pec-color-0006 {
    color: #000000 !important;
    opacity: .6 !important;
}

.pec-color-3F4246 {
    color: #1E1E1E !important;
}

.pec-color-63666B {
    color: #666666 !important;
}

.pec-color-ABABAB {
    color: #ABABAB !important;
}

.pec-color-B2B2B2 {
    /* color: #B2B2B2 !important; } */
    color: rgba(0, 0, 0, 0.4) !important;
}

.pec-color-F17940 {
    color: #F37938 !important;
}

.pec-color-00000066 {
    color: #00000066 !important;
}

.input-caret-color {
    /*光标*/
    caret-color: #FF4800;
    background: transparent;
}

.pec-color-4c88bd {
    color: #4c88bd !important;
    color: var(--poppy_color_state_link) !important;
}

.pec-bgc-fff {
    background: #FFFFFF !important;
    background: var(--poppy_color_white) !important;
}


/*对齐,显示，隐藏等*/

.pec-position-relative {
    position: relative;
}

.pec-text-center {
    text-align: center;
}

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

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

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

.pec-font-w650 {
    font-weight: bold;
}

.pec-font-weight-bold {
    font-weight: bold;
}


/*内边距、外边距*/

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

.pec-padding-top0 {
    padding-top: 0rem !important;
}

.pec-padding-bottom0 {
    padding-bottom: 0rem !important;
}

.pec-padding-bottom20 {
    padding-bottom: 0.2rem !important;
}

.pec-padding-top24 {
    padding-top: .24rem !important;
}

.pec-margin-top0 {
    margin-top: 0 !important;
}

.pec-margin-top08 {
    margin-top: 0.08rem !important;
}

.pec-margin-top10 {
    margin-top: 0.1rem !important;
}

.pec-margin-top12 {
    margin-top: 0.12rem !important;
}

.pec-margin-top12px-rem {
    margin-top: 0.2175rem !important;
}

.pec-margin-top16 {
    margin-top: 0.16rem !important;
}

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

.pec-margin-top24 {
    margin-top: 0.24rem !important;
}

.pec-margin-top30 {
    margin-top: 0.3rem !important;
}

.pec-margin-top32 {
    margin-top: 0.32rem !important;
}

.pec-margin-top32rem {
    margin-top: 0.58rem !important;
}

.pec-margin-top34 {
    margin-top: 0.34rem !important;
}

.pec-margin-top40 {
    margin-top: 0.4rem !important;
}

.pec-margin-top48 {
    margin-top: 0.87rem !important;
}

.pec-margin-top60 {
    margin-top: 0.6rem !important;
}

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

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

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

.pec-margin-top-152 {
    margin-top: 1.52rem !important;
}

.pec-margin-left-auto {
    margin-left: auto !important;
}

.pec-margin-left-30 {
    margin-left: 0.3rem;
}

.pec-margin-right0 {
    margin-right: 0 !important;
}

.pec-margin-right30 {
    margin-right: 0.3rem !important;
}

.pec-padding-leri40 {
    padding-left: .40rem !important;
    padding-right: .40rem !important;
}

.padding-left16 {
    padding-left: .16rem;
}

.padding-left18 {
    padding-left: .18rem;
}

.pec-padding-left20 {
    padding-left: .20rem !important;
}

.pec-margin-bottom0 {
    margin-bottom: 0 !important;
}

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

.pec-border-bottom0:before {
    height: 0 !important;
    border-bottom: 0 !important;
}

.pec-border-bottom0:after {
    height: 0 !important;
    border-bottom: 0 !important;
}

.pec-width-auto {
    width: auto !important;
}

.pec-link {
    color: #4175D5 !important;
}

.pec-link:active,
.pec-link:visited {
    color: #4175D5;
}

.pec-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

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

.pec-pop-datepicker .pec-datepicker {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.pec-btn-zone .pec-primary-btn,
.pec-btn-zone .pec-secondary-btn,
.pec-pop-datepicker .pec-datepicker .pec-datepicker-list,
.pec-pop-picker .pec-picker-item .pec-picker-item-body,
.pec-list .pec-list-item .pec-item-body,
.pec-list .pec-list-item .pec-item-body-login,
.pec-read-agreement p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.pec-btn-zone,
header .pec-header-left,
header .pec-header-right,
.cfb-foot-box,
.yzt-list {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.pec-btn-zone {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.pec-pop-picker .pec-picker-item,
.pec-list .pec-list-item {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

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


/*agreement*/

.pec-agreement-zone {
    margin: 15px 15px 30px;
    overflow: hidden;
}

.pec-agreement-zone .pec-agreement-title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    line-height: 1.5;
}

.pec-agreement-zone p {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-size: var(--poppy_fontsize_medium);
    line-height: 26px;
    text-align: justify;
    margin-top: 8px;
}

.pec-agreement-zone p.pec-font-weight-bold {
    font-family: PingFangSC-Medium;
    font-size: 17px;
    font-size: var(--poppy_fontsize_medium_x);
    margin-top: 20px;
}


/*按钮类*/

button.pec-primary-btn,
button.pec-secondary-btn {
    position: relative;
    display: block;
    color: #FFFFFF;
    background: #FF4800;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

button.pec-secondary-btn {
    color: #F37938;
    background: #FFFFFF;
}

button.pec-secondary-btn:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    display: block;
    width: 200%;
    height: 200%;
    border-radius: .16rem;
    border: 1px solid #F37938;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

button[size="big"].pec-primary-btn,
button[size="big"].pec-secondary-btn {
    font-size: .40rem;
    height: .90rem;
    border-radius: .08rem;
    padding-left: .48rem;
    padding-right: .48rem;
    font-size: var(--poppy_fontsize_medium_xx);
}

button.pec-primary-btn:active {
    background: #D85F2A;
}

button.pec-secondary-btn:active {
    color: #D85F2A;
    border-color: #D85F2A;
}

button[disabled].pec-primary-btn {
    background: #D9D9D9 !important;
}

button[disabled].pec-primary-btn5 {
    background: #ffad8f !important;
    height: .92rem !important;
}

.pec-btn-zone {
    font-size: 0;
    padding-left: .30rem;
    padding-right: .30rem;
}

.pec-btn-zone button+button {
    margin-left: .30rem;
}

.pec-by-vertical {
    display: block!important;
}

.pec-by-vertical button {
    width: 100%;
}

.pec-by-vertical button+button {
    margin-top: .29rem;
    margin-left: 0;
}

.pec-by-verticalCust {
    display: block!important;
}

.pec-but-radius-46 {
    border-radius: .46rem !important;
}

.pec-by-verticalCust button {
    width: 100%;
}

.pec-by-verticalCust button+button {
    margin-top: .30rem;
    margin-left: 0;
}


/*开关*/


/* .pec-switch {
  position: relative;
  width: 1.10rem;
  height: .24rem;
  border-radius: .24rem;
  border: 1px solid #E7E7E7;
  background: #E7E7E7; }
  .pec-switch:before {
    position: absolute;
    content: "";
    top: -.20rem;
    left: -1px;
    width: .54rem;
    height: .54rem;
    border-radius: 100%;
    border: 1px solid #E7E7E7;
    background: #FFFFFF;
    box-shadow: 0 .06rem 0 0 #f3f3f3; }
  .pec-switch.on {
    transition: background .3s;
    border: 1px solid #28B45F;
    background: #28B45F; }
  .pec-switch.on:before {
    transition: left .3s;
    left: .52rem; } */

.pec-switch {
    position: relative;
    width: .9rem;
    height: .46rem;
    border-radius: .23rem;
    background: rgba(0, 0, 0, 0.2);
}

.pec-switch:before {
    position: absolute;
    content: "";
    top: 50%;
    left: .02rem;
    width: .84rem;
    height: .84rem;
    border-radius: 100%;
    background: #fff;
    -webkit-transform: rotate(0) scale(0.5, 0.5) translate(0, -50%);
    transform: rotate(0) scale(0.5, 0.5) translate(0, -50%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-shadow: 0 0.04rem 0.08rem rgba(0, 0, 0, 0.08);
    transition: left 0.3s;
}

.pec-switch.on {
    transition: background .3s;
    background: #ff4800;
}

.pec-switch.on:before {
    left: .46rem;
    -webkit-transition: left 0.3s;
    transition: left 0.3s;
}


/*datepicker*/

.pec-pop-datepicker {
    position: fixed;
    z-index: 30;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #FFFFFF;
}

.pec-pop-datepicker .pec-datepicker-title {
    position: relative;
    height: 1.10rem;
    line-height: 1.10rem;
}

.pec-pop-datepicker .pec-datepicker-title:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #E7E7E7;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.pec-pop-datepicker .pec-datepicker-title .pec-datepicker-title-head {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 .30rem;
    height: 1.10rem;
    line-height: 1.10rem;
    color: #ABABAB;
    font-size: .30rem;
}

.pec-pop-datepicker .pec-datepicker-title .pec-datepicker-title-body {
    font-size: .36rem;
    text-align: center;
    padding: 0 2.00rem;
}

.pec-pop-datepicker .pec-datepicker-title .pec-datepicker-title-foot {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 .30rem;
    height: 1.10rem;
    line-height: 1.10rem;
    color: #F37938;
    font-size: .30rem;
}

.pec-pop-datepicker .pec-datepicker {
    position: relative;
    height: 2.90rem;
    padding: .66rem .40rem;
    overflow: hidden;
    -webkit-box-sizing: initial;
    box-sizing: initial;
}

.pec-pop-datepicker .pec-datepicker:before,
.pec-pop-datepicker .pec-datepicker:after {
    position: absolute;
    content: "";
    left: 0;
    display: block;
    width: 100%;
    height: 3.40rem;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.pec-pop-datepicker .pec-datepicker:before {
    top: 0;
    border-bottom: 1px solid #E7E7E7;
}

.pec-pop-datepicker .pec-datepicker:after {
    bottom: 0;
    border-top: 1px solid #E7E7E7;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.pec-pop-datepicker .pec-datepicker .pec-datepicker-list {
    color: #1E1E1E;
    text-align: center;
}


/*form*/

input,
.pec-input,
input[type="tel"].pec-input,
input[type="text"].pec-input,
input[type="number"].pec-input,
input[type="password"].pec-input {
    font-size: 0.3rem;
    /* padding-top: .136rem; */
    /* padding-bottom: .10rem; */
    width: 100%;
    height: .48rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    caret-color: #FF4800 !important;
    caret-color: var(--poppy_color_brand_primary1) !important;
    font-size: var(--poppy_fontsize_medium_x);
    font-weight: var(--poppy_font_weight_medium);
}

input[type="number"].pec-input {
    height: .52rem;
}

.pec-position-relative input[type="text"].pec-input {
    padding-right: .40rem;
}

.pec-position-relative .icon-close {
    position: absolute;
    z-index: 99;
    top: -.24rem;
    right: -.28rem;
    border-color: transparent;
    border-width: .40rem .30rem .40rem .24rem;
    border-style: solid;
    -webkit-box-sizing: initial;
    box-sizing: initial;
}

.pec-position-relative .icon-close-login {
    border-width: .38rem .05rem .40rem .24rem !important;
}

.pec-position-relative .icon-close-new {
    position: absolute;
    top: -.36rem;
    right: -.28rem;
    border-color: transparent;
    border-width: .40rem .30rem .40rem .24rem;
    border-style: solid;
    -webkit-box-sizing: initial;
    box-sizing: initial;
}


.dynamic-password:before {
    position: absolute;
    content: "";
    top: -.1rem;
    left: 0;
    display: block;
    width: 0;
    height: .72rem;
    border-left: 1px solid rgba(0, 0, 0, 0.08);
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.phone-dynamic-password:before {
    top: -.150rem !important;
    height: .80rem !important;
}


/*header*/

header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: .88rem;
    text-align: center;
    background: #FFFFFF;
}

header:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #d9d9d9;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

header .pec-header-left,
header .pec-header-right {
    height: .88rem;
}

header .pec-header-title {
    position: absolute;
    top: 0;
    right: 1.50rem;
    left: 1.50rem;
    width: auto;
    height: .88rem;
    line-height: .88rem;
    color: #F37938;
    /* font-size: .38rem; */
    font-size: .36rem;
    font-family: PingFangSC;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

header .pec-header-left {
    position: absolute;
    left: .30rem;
    color: #F37938;
    font-size: .30rem;
    line-height: .88rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

header .pec-header-right {
    position: absolute;
    right: .30rem;
    color: #F37938;
    font-size: .30rem;
    line-height: .88rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}


/*图标*/

.icon-back,
.icon-back2,
.icon-back3 {
    width: .88rem;
    height: .88rem;
    display: inline-block;
    background: url("../images/common/icon-back.svg") no-repeat;
    background-size: .88rem .88rem;
}

.icon-back2 {
    background: url("../images/common/icon-back2.svg") no-repeat;
    background-size: .88rem .88rem;
}

.icon-back3 {
    background: url("../images/common/icon-back3.svg") no-repeat;
}

.icon-arrow {
    width: .16rem;
    height: .24rem;
    margin-left: .16rem;
    display: inline-block;
    background: url("../images/common/arrow-right.svg") no-repeat;
    background-size: .16rem .24rem;
    vertical-align: middle;
    margin-top: -2px;
}
.icon-arrow-big {
  width: .20rem;
  height: .28rem;
  background-size: .20rem .28rem;
}

.icon-arrow-new {
    opacity: 0.4;
    width: 0.4rem;
    height: 0.4rem;
    margin-left: .16rem;
    display: inline-block;
    background: url("../images/common/arrow-right-new.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-top: -2px;
}

.red-point {
    width: .24rem;
    height: .24rem;
    display: inline-block;
    background: url("../images/common/red-point.png") no-repeat;
    background-size: .24rem .24rem;
    vertical-align: middle;
    margin-top: -2px;
}

.icon-restart {
    display: block;
    width: 0.78rem;
    height: .7rem;
    boder: 0;
    background: url("../images/common/restart.png") no-repeat;
    float: left;
}

.icon-user,
.icon-pwd,
.icon-Recommended {
    width: .40rem;
    height: .40rem;
    display: inline-block;
    background: url("../images/common/icon-user.png") no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-top: -2px;
}

.icon-pwd {
    background: url("../images/common/icon-pwd.png") no-repeat;
    background-size: 100%;
}

.icon-Recommended {
    background: url("../images/common/icon-Recommended.png") no-repeat;
    background-size: 100%;
}

.icon-close {
    width: .84rem;
    height: .24rem;
    display: none;
    background: url("../images/common/close2.svg") no-repeat right;
    background-size: .386rem .386rem;
    opacity: 0.4;
}

.icon-close-new {
    display: inline-block;
    vertical-align: middle;
    width: .4rem;
    height: .4rem;
    background-image: url(../images/common/clear.svg);
    opacity: 0.6;
    background-position: center;
    background-size: .4rem .4rem;
    background-repeat: no-repeat;
}

.icon-result-ok {
    width: 1.40rem;
    height: 1.40rem;
    display: inline-block;
    background: url("../images/common/icon-result-ok.svg") no-repeat;
    background-size: 1.40rem 1.40rem;
}

.revolving-icon {
    width: 0.40rem;
    height: 0.40rem;
    display: inline-block;
    background: url("../images/common/revolving-icon1.png") no-repeat;
    background-size: 0.40rem 0.40rem;
}

.icon-check {
    width: .36rem;
    height: .36rem;
    display: inline-block;
    background: url("../images/common/icon-check.svg") no-repeat;
    background-size: .36rem .36rem;
}

.icon-checked {
    width: .36rem;
    height: .36rem;
    display: inline-block;
    background: url("../images/common/icon-checked.svg") no-repeat;
    background-size: .36rem .36rem;
}

.icon-scan {
    display: block;
    height: 0.34rem;
    width: 0.34rem;
    background: url("../images/common/icon-scan.png") no-repeat;
    background-size: 100% 100%;
}


/*navbar*/


/*loading*/

.pec-loading {
    position: fixed;
    z-index: 30;
    top: 50%;
    left: 50%;
    width: 2.00rem;
    height: 2.00rem;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    border-radius: .08rem;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pec-loading .icon-loading2 {
    width: .84rem;
    height: .84rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: .30rem;
    background: url("../images/common/icon-loading2.gif") no-repeat;
    background-size: 100% 100%;
}

.pec-loading p {
    color: #FFFFFF;
    font-size: 0.3rem;
    height: .30rem;
    line-height: 1;
    margin-top: .30rem;
}


/*pull-refresh*/

.pec-pull-refresh {
    font-size: .26rem;
    color: #B2B2B2;
    height: 1.00rem;
    line-height: 1.00rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pec-pull-refresh .loading-box {
    position: relative;
    width: .40rem;
    height: .40rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: .16rem;
    margin-top: -.02rem;
}

.pec-pull-refresh .loading-box .icon-loading1 {
    position: absolute;
    content: "";
    z-index: 1;
    display: block;
    width: .40rem;
    height: .40rem;
    background: url("../images/common/icon-loading1.gif") no-repeat;
    background-size: 100% 100%;
}

.pec-pull-refresh .loading-box .icon-draw-loading {
    position: absolute;
    content: "";
    z-index: 2;
    display: block;
    width: .40rem;
    height: .40rem;
    background: url("../images/common/icon-draw-loading.png") no-repeat;
    background-size: 3.20rem 100%;
}

.pec-pull-refresh .loading-box .icon-draw-loading.step1 {
    background-position: 0 0;
}

.pec-pull-refresh .loading-box .icon-draw-loading.step2 {
    background-position: -0.4rem 0;
}

.pec-pull-refresh .loading-box .icon-draw-loading.step3 {
    background-position: -0.8rem 0;
}

.pec-pull-refresh .loading-box .icon-draw-loading.step4 {
    background-position: -1.2rem 0;
}

.pec-pull-refresh .loading-box .icon-draw-loading.step5 {
    background-position: -1.6rem 0;
}

.pec-pull-refresh .loading-box .icon-draw-loading.step6 {
    background-position: -2rem 0;
}

.pec-pull-refresh .loading-box .icon-draw-loading.step7 {
    background-position: -2.4rem 0;
}

.pec-pull-refresh .loading-box .icon-draw-loading.step8 {
    background-position: -2.8rem 0;
}


/*result*/

.pec-result {
    padding-top: .70rem;
    padding-bottom: .70rem;
    text-align: center;
    background: #FFFFFF;
}

.pec-result .pec-result-txt {
    font-size: 0.3rem;
    padding-top: .30rem;
    font-size: var(--poppy_fontsize_medium_x);
    font-weight: var(--poppy_font_weight_medium);
}

.pec-result .pec-result-txt2 {
    color: #666666;
    font-size: 0.26rem;
    line-height: 1.5;
    text-align: center;
    padding-top: .10rem;
    width: 6.00rem;
    margin: 0 auto;
}


/*picker*/

.pec-pop-picker {
    position: fixed;
    z-index: 30;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #FFFFFF;
}

.pec-pop-picker .pec-picker-title {
    position: relative;
    height: 55px;
    line-height: 55px;
}

.pec-pop-picker .pec-picker-title:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #E7E7E7;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.pec-pop-picker .pec-picker-title .pec-picker-title-head {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 15px;
    height: 55px;
    line-height: 55px;
    color: #ABABAB;
    font-size: 14px;
}

.pec-pop-picker .pec-picker-title .pec-picker-title-body {
    font-size: 18px;
    text-align: center;
    padding: 0 100px;
}

.pec-pop-picker .pec-picker-list {
    height: 360px;
    position: relative;
    overflow-y: auto;
}

.pec-pop-picker .pec-picker-item {
    position: relative;
    min-height: 60px;
    line-height: 1;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pec-pop-picker .pec-picker-item:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 15px;
    right: 15px;
    display: block;
    height: 0;
    border-bottom: 1px solid #E7E7E7;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.pec-pop-picker .pec-picker-item .pec-picker-item-head {
    width: 26px;
    margin-right: 15px;
}

.pec-pop-picker .pec-picker-item .pec-picker-item-head img {
    width: 100%;
}

.pec-pop-picker .pec-picker-item .pec-picker-item-body {
    color: #1E1E1E;
    font-size: 15px;
    margin-right: 15px;
}

.pec-pop-picker .pec-picker-item .pec-picker-item-foot {
    margin-right: 15px;
}


/*list*/

.pec-list-title {
    color: #ABABAB;
    font-size: 0.24rem;
    font-size: var(--poppy_fontsize_small);
    line-height: 1.4;
    padding: .20rem .30rem;
    background: #F8F8F8;
}

.pec-list {
    position: relative;
    font-size: 0.28rem;
    background: #FFFFFF;
    overflow: hidden;
}

.pec-list .pec-list-item {
    /* line-height: 1.26; */
    position: relative;
    /* min-height: 1.20rem; */
    /* padding-top: .30rem;
    padding-bottom: .30rem;
    padding-left: .30rem; */
    padding-top: .34rem;
    padding-bottom: .34rem;
    padding-left: .40rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* .pec-list .pec-list-item:after, .deviceItem:after { */

.pec-list .poppy-list-item:after,
.pec-list .pec-list-item:after,
.devicesContainer .bottom-line:not(:last-child):after {
    position: absolute;
    content: "";
    bottom: 0;
    /* left: 0; */
    left: .40rem;
    right: 0;
    display: block;
    height: 0;
    /* border-bottom: 1px solid #E7E7E7; */
    border-bottom: 5px solid rgba(0, 0, 0, 0.08);
    background: rgba(0, 0, 0, 0.08);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 100%;
}
.safeTips::after{
    border-bottom: none !important
}

.pec-list-item.deleteline::after {
    border-bottom: none !important
}

.pec-list .poppy-list-item:after {
    background: transparent;
}

.pec-list .pec-list-item.hide:after {
    display: none;
}

.pec-list .pec-list-item:nth-last-of-type(1):after {
    display: none;
}

.pec-list .pec-list-item .pec-item-head {
    color: #666666;
    font-size: 0.3rem;
    min-width: 2.05rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: var(--poppy_fontsize_medium_x);
}

.pec-list .pec-list-item .pec-item-media {
    margin-right: .30rem;
}

.pec-list .pec-list-item .pec-item-body,
.pec-list .pec-list-item .pec-item-body-login {
    color: #1E1E1E;
    font-size: 0.3rem;
    margin-right: .20rem;
    font-size: var(--poppy_fontsize_medium_x);
}

.pec-list .pec-list-item .pec-item-foot {
    /* font-size: 0.3rem; */
    font-size: 0.28rem;
    margin-right: .30rem;
}

#showBankCard .pec-list-item:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 0;
    border-bottom: 1px solid #E7E7E7;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 100%;
}

.pec-list-allin .pec-list-item:after {
    left: .30rem;
    right: .30rem;
}

.pec-list-poppy .pec-list-item {
    min-height: 1.015rem;
    padding-top: .3rem;
    padding-bottom: .3rem;
    font-family: PingFangSC-Medium;
    font-weight: 500;
}

.pec-list-poppy .pec-list-item .pec-item-head {
    color: #000000
}

.pec-read-agreement {
    font-size: 0.24rem;
    color: #666666;
    padding: .20rem 0.54348rem;
}

.pec-read-agreement p {
    margin-left: .15rem;
    line-height: 1.5;
}


/*toast*/

.pec-toast {
    position: fixed;
    z-index: 30;
    top: 50%;
    left: 50%;
    width: 4.90rem;
    color: #FFFFFF;
    font-size: 0.28rem;
    text-align: center;
    line-height: 1.5;
    padding: .40rem .60rem;
    border-radius: .10rem;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.dynamic-password {
    position: relative;
    width: 2.62rem;
    min-height: .44rem;
    line-height: .44rem;
    text-align: center;
    font-size: var(--poppy_fontsize_medium_x);
}

.dynamic-password:before {
    position: absolute;
    content: "";
    display: block;
    top: -.1rem;
    left: 0;
    height: .72rem;
    border-left: 5px solid rgba(0, 0, 0, 0.08);
    background: transparent;
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 100%;
}

.dynamic-password img {
    width: 1.20rem;
    height: .50rem;
    margin: 0 auto;
}

.pec-txt-zone {
    color: #666666;
    font-size: 0.28rem;
    font-size: var(--poppy_fontsize_medium);
    line-height: 1.5;
    padding: .60rem .30rem;
    text-align: justify;
}


/*.login-list {*/


/*margin: 0 .20rem; }*/

.login-list .pec-list-item:last-child:after {
    display: block;
}

.icon-logo {
    width: 3.80rem;
    height: .80rem;
    margin: .40rem auto .80rem;
}

.icon-qrCode {
    width: 140px;
    margin: 26px auto 8px
}

.fixed-failtip {
    text-align: center;
    width: 100%;
    display: none;
    position: fixed;
    left: 0;
    color: #be1e2b;
}

.fixed-text {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: .60rem;
    color: #B2B2B2;
    font-size: 0.24rem;
    text-align: center;
}

.has-dot {
    position: relative;
    padding-left: .20rem;
}

.has-dot:before {
    position: absolute;
    content: "";
    display: block;
    width: .10rem;
    height: .10rem;
    background: #B2B2B2;
    border-radius: 100%;
    top: .13rem;
    left: 0;
}

.icon-bank {
    width: .58rem;
}

.icon-checked {
    width: .36rem;
    height: .36rem;
    display: inline-block;
    background: url("../images/common/icon-checked.svg") no-repeat;
    background-size: .36rem .36rem;
}

.bank-icon02 {
    width: .52rem;
    height: .52rem;
    display: inline-block;
    margin-right: .20rem;
    background-image: url("../images/common/bank-icon02.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

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


/*.account-list {*/


/*margin-left: 1rem;*/


/*!*margin-top: -1px;*!*/


/*padding-bottom: 1px;*/


/*padding-right: .24rem;*/


/*}*/


/*.account-list::-webkit-scrollbar {*/


/*width: 3px; }*/


/*.account-list::-webkit-scrollbar-thumb {*/


/*width: 3px;*/


/*height: 16px;*/


/*border-radius: 3px;*/


/*background-color: #ddd; }*/


/*.account-list .account-item {*/


/*position: relative;*/


/*font-size: 0.3rem;*/


/*height: 1.10rem;*/


/*line-height: 1.10rem; }*/


/*.account-list .account-item:after {*/


/*position: absolute;*/


/*content: "";*/


/*bottom: 0;*/


/*left: 0;*/


/*right: 0;*/


/*z-index: 1;*/


/*display: block;*/


/*height: 0;*/


/*border-bottom: 1px solid #E7E7E7;*/


/*-webkit-transform: scaleY(0.5);*/


/*transform: scaleY(0.5);*/


/*-webkit-transform-origin: 0 100%;*/


/*transform-origin: 0 100%; }*/


/*.account-list .account-item .icon-close {*/


/*top: .04rem;*/


/*right: -.30rem; }*/


/*.open-accountlist {*/


/*width: .36rem; }*/

.open-accountlist .icon-arrow {
    position: absolute;
    top: .20rem;
    right: .06rem;
    width: .16rem;
    height: .24rem;
    margin-left: 0;
    display: inline-block;
    background: url(../images/common/arrow-right.svg) no-repeat;
    background-size: .16rem .24rem;
    vertical-align: middle;
    border-color: rgba(123, 100, 100, 0);
    border-width: .28rem;
    border-style: solid;
    box-sizing: initial;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.open-accountlist .icon-arrow.on {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

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

.pec-margin-top60 {
    margin-top: 0.6rem !important;
}

.pec-margin-top40 {
    margin-top: 0.4rem !important;
}

.card-1 {
    position: fixed;
    bottom: .40rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    height: 2.3rem;
    width: 6.9rem;
    margin-top: 0;
    border-radius: .20rem;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.25);
    background: #FFFFFF;
    padding: .4rem .3rem .4rem .35rem;
}

.card-1 .words .p1 {
    font-size: 0.34rem;
    color: #2b2b2b;
    line-height: 1.2;
}

.card-1 .words .p2 {
    font-size: 0.28rem;
    color: #2b2b2b;
    margin-top: .2rem;
    width: 3.9rem;
    line-height: 1.4;
    font-weight: 400;
}

.card-1 .logo-in {
    margin-left: .3rem;
}

.card-1 .logo-in .icon-1 {
    display: block;
    width: 1.69rem;
    height: 1.06rem;
    background: url(../images/common/icon-card1.png) no-repeat;
    background-size: 100%;
}

.card-1 .logo-in .icon-2 {
    background: url(../images/common/icon-card2.png) no-repeat;
    background-size: 100%;
}

.card-1 .logo-in .p1 {
    color: #ea5100;
    font-size: 0.22rem;
    text-align: center;
    margin-top: .08rem;
    line-height: 1.2;
    font-weight: 500;
}

.agreement {
    color: #666;
    font-size: .3rem;
    margin: .4rem .4rem 0;
}

.agreement p {
    line-height: 1.2;
    padding-left: .5rem;
    position: relative;
}

.agreement .check {
    background: #fff;
    border: 1px solid #dadada;
    border-radius: .08rem;
    color: transparent;
    height: .38rem;
    left: 0;
    position: absolute;
    text-align: center;
    width: .38rem;
}

.agreement .check.checked {
    background-color: #f37938;
    border: 1px solid #f37938;
    color: #fff;
}

.agreement a {
    color: #4175d5;
    font-size: .28rem;
}

.agreement .check:after {
    content: "\e60f";
    font-family: iconfont!important;
    font-size: .3rem;
    font-style: normal;
    height: .38rem;
    line-height: .38rem;
    overflow: hidden;
    text-align: center;
    width: .38rem;
}

.agreement .check:before {
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "";
    height: .6rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .6rem;
}


/* 横线 */

.ad-banner-label {
    position: relative;
    color: #b2b2b2;
    text-align: center;
    margin-bottom: .34rem;
}

.ad-banner-label:before,
.ad-banner-label:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: block;
    width: 2.82rem;
    height: 1px;
}

.ad-banner-label:before {
    left: .1rem;
    background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #d3d3d3 100%);
    background-image: linear-gradient(left, #f5f5f5 0%, #d3d3d3 100%);
}

.ad-banner-label:after {
    right: .1rem;
    background-image: -webkit-linear-gradient(left, #d3d3d3 0%, #f5f5f5 100%);
    background-image: linear-gradient(left, #d3d3d3 0%, #f5f5f5 100%);
}


/*# sourceMappingURL=style.css.map */

.pa-mask {
    position: fixed;
    z-index: 20;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}

.mask-box {
    position: fixed;
    top: 35%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    width: 5.92995rem;
    min-height: 4.49879rem;
    border-radius: 0.07246rem;
    padding-top: 0.54348rem;
    text-align: center;
    z-index: 30;
}

.mask-box .close {
    width: 0.54348rem;
    height: 0.54348rem;
    position: absolute;
    top: 0;
    right: 0;
}

.mask-box .close:after {
    content: "";
    width: 0.19928rem;
    height: 0.19928rem;
    background: url("../images/common/close.png") no-repeat;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    top: 0.2657rem;
    right: 0.2657rem;
}

.mask-box h1 {
    font-size: 0.32609rem;
    font-size: var(--poppy_fontsize_medium_xx);
    line-height: 0.4529rem;
    color: #1e1e1e;
    text-align: center;
    padding: 0 0.18116rem;
    margin-bottom: 0.36232rem;
}

.captcha {
    display: inline-block;
}

.captcha .captcha-box {
    width: 3.86473rem;
    display: -webkit-flex;
    display: flex;
}

.captcha .captcha-box .captcha-img {
    width: 2.89855rem;
    height: 0.96618rem;
    background: #fff;
    border-radius: 0.03623rem;
    border: 1px solid #999;
    overflow: hidden;
}

.captcha .captcha-box .captcha-img img {
    width: 100%;
}

.doc {
    width: 0.67633rem;
    height: 0.96618rem;
    position: relative;
}

.doc:after {
    content: "";
    width: 0.36232rem;
    height: 0.36232rem;
    background: url("../images/common/doc.png") no-repeat;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.captcha .captcha-input {
    border-radius: 0.03623rem;
    border: 1px solid #999;
    font-size: 0;
    width: 3.86473rem;
    height: 0.96618rem;
    margin-top: 0.42271rem;
}

.captcha .captcha-input li {
    width: 25%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.captcha .captcha-input li span {
    font-size: 0.36232rem;
    color: #1e1e1e;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.captcha .captcha-input li+li {
    border-left: 1px solid #999;
}

.captcha .captcha-input li input {
    font-size: 0.36232rem;
    color: #1e1e1e;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 0.925rem;
    text-align: center;
}

.pa-mask .tips {
    font-size: 0.21739rem;
    color: #DB3B26;
    line-height: 0.30193rem;
    margin: 0.18116rem 0.18116rem 0.30193rem;
    text-align: center;
}

.box {
    background: #fff;
    padding: 0.64614rem 0.27174rem;
    margin-top: .20rem;
}

.box h1 {
    font-size: 0.32609rem;
    line-height: 0.4529rem;
    color: #1e1e1e;
    margin-top: 0.22947rem;
    text-align: center;
}

.box p {
    font-size: 0.28986rem;
    line-height: 0.40459rem;
    color: #666;
    margin-top: 0.3442rem;
}

.box h2 {
    font-size: 0.28986rem;
    line-height: 0.40459rem;
    color: #666;
    margin-top: 0.24155rem;
}

.list {
    list-style: decimal;
    /*margin-left: .34rem; */
    list-style-type: none;
}

.list li {
    font-size: 0.28986rem;
    line-height: 0.40459rem;
    color: #666;
    margin-top: 0.18116rem;
}

.pec-btn-zone-cancel {
    margin-top: 0.45894rem;
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 0;
    padding-left: .30rem;
    padding-right: .30rem;
}

.icon {
    width: 1.26812rem;
    height: 1.26812rem;
    background: url("../images/common/icon-result-warning3.svg") no-repeat;
    background-size: 100% 100%;
    display: block;
    margin: 0 auto;
}

.add-class {
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.flex-between {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}


/*
登录页面新样式
*/


/*字符颜色*/

.pec-c-666 {
    color: #666 !important;
}

.pec-c-f37938 {
    color: #f37938 !important;
}

.pec-c-ff4800 {
    color: #FF4800 !important;
    color: var(--poppy_color_brand_primary1) !important;
}

.pec-bgc-fff {
    background: #fff !important;
    background: var(--poppy_color_white) !important;
}


/*对齐,显示，隐藏等*/


/*内边距、外边距*/

.pec-flex1,
.login-list .login-list-item .login-item-body {
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.pec-btn-zone,
header .pec-header-left,
header .pec-header-right {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.login-list .login-list-item,
.account-list .account-item {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}


/* 旧版兼容 */


/* 对齐显示/隐藏等 */

.pec-position-relative {
    position: relative;
}


/* 内边距/外边距 */


/*messagebox*/


/*pop-btn*/


/* font-size */

.pec-fs-54 {
    font-size: 0.32609rem !important;
}


/*toast*/


/*list*/


/*freedom-selection*/


/*form*/


/*result*/


/*!*图标*!*/


/*.icon-back {*/


/*position: relative;*/


/*width: 0.7971rem;*/


/*height: 0.7971rem;*/


/*display: inline-block; }*/


/*.icon-back:after {*/


/*position: absolute;*/


/*content: "";*/


/*top: 0.25362rem;*/


/*left: 0;*/


/*width: 0.28986rem;*/


/*height: 0.28986rem;*/


/*display: block;*/


/*background-image: url(../images/common/icon-back.svg);*/


/*background-repeat: no-repeat;*/


/*background-size: 100% 100%; }*/


/* 银行logo */


/* 按钮类 */

.pec-btn-zone {
    font-size: 0;
    padding-left: 0.2657rem;
    padding-right: 0.2657rem;
}


/*header*/

header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 0.7971rem;
    text-align: center;
    background: #fff;
}

header .pec-header-left {
    position: absolute;
    top: 0;
    left: 0.2657rem;
    color: #f37938;
    height: 0.7971rem;
    line-height: 0.7971rem;
}

header .pec-header-title {
    position: absolute;
    top: 0;
    left: 50%;
    width: 3.41546rem;
    height: 0.7971rem;
    line-height: 0.7971rem;
    /* color: #f37938; */
    color: #000000;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

header .pec-header-right {
    position: absolute;
    top: 0;
    right: 0.2657rem;
    color: #f37938;
    height: 0.7971rem;
    line-height: 0.7971rem;
}

section {
    padding-bottom: 0;
}

body {
    width: 7.5rem;
    margin: 0 auto;
}

header+section {
    padding-top: 0.7971rem;
}

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

* {
    max-height: 99999px;
}

.icon-back:after {
    width: 0.13889rem;
    height: 0.22947rem;
    background: url(../images/common/back.png) no-repeat;
    background-size: 100% 100%;
    display: block;
    left: 0.03623rem;
}

.body-wrapper {
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
}

.logo {
    margin: 0.36232rem auto 0.66425rem;
    width: 3.90097rem;
    height: 0.76691rem;
    background: url(../images/common/logo.png) no-repeat;
    background-size: 100% 100%;
    display: block;
}

.login {
    /*min-height: 2.18164rem;*/
    position: relative;
}

.login-list {
    /*position: absolute;
  bottom: 0;
  left: 0;
  right: 0;*/
    position: relative;
    /*padding: 0 0.54348rem; */
}

.login-list .login-list-item {
    min-height: 1.2rem;
    border-bottom: 1px solid #f5f5f5;
}

.login-list .login-list-item.no-border {
    border-bottom: none;
}

.pa-input {
    font-size: 0.30193rem;
    color: #1e1e1e;
    width: 100%;
    line-height: 0.42271rem;
    caret-color: #FF4800;
    caret-color: var(--poppy_color_brand_primary1);
}

.arrow {
    width: 0.72464rem;
    height: 0.72464rem;
    display: block;
    position: relative;
    margin-right: 0rem;
}

.arrow:after {
    content: "";
    width: 0.25362rem;
    height: 0.13889rem;
    background: url(../images/common/arrow.png) no-repeat;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    right: 0rem;
    top: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.arrow.open:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.qzm-box {
    width: 1.44928rem;
    height: 0.6401rem;
    border: 1px solid #b2b2b2;
    overflow: hidden;
}

.qzm-box img {
    width: 100%;
    height: 100%;
}

.pec-btn-zone {
    padding: 0 0.54348rem;
    margin-top: 0.60386rem;
}


/* 第三方登陆5.0相关页面pec-btn-zone样式覆盖 */

.body-wrapper .pec-btn-zone {
    padding: 0 0.3623rem;
    margin-top: 0.60386rem;
}

.login-btn {
    font-size: 0.36232rem;
    font-size: var(--poppy_fontsize_medium_xx);
    color: #fff;
    line-height: 0.9058rem;
    border-radius: 0.07246rem;
    background: #f37938;
    width: 100%;
    display: block;
}

.login-btn:active {
    background: #da5f1d;
}

button[disabled].login-btn {
    background: #d9d9d9 !important;
}

.new-login-btn {
    font-size: 0.29rem;
    color: #fff;
    line-height: 0.9058rem;
    width: 100%;
    display: block;
    min-width: 1.605rem;
    height: 1.01rem;
    border-radius: .56rem;
    padding-left: .3rem;
    padding-right: .3rem;
    background: -webkit-linear-gradient(-45deg, #FF7E00 0%, #FF4800 100%);
    background: linear-gradient(-45deg, #FF7E00 0%, #FF4800 100%);
    background: var(--poppy_button_login);
    /* background: -webkit-linear-gradient(-45deg, color(display-p3 1 0.49412 0/1), 0%, color(display-p3 1 0.28235 0/1) 100%); */
    /* background: linear-gradient(-45deg, color(display-p3 1 0.49412 0/1) 0%, color(display-p3 1 0.28235 0/1) 100%); */
    font-family: PingFangSC-Semibold;
}

.new-login-btn:active {
    background: #da5f1d;
}

button[disabled].new-login-btn {
    opacity: 0.4;
    background: -webkit-linear-gradient(-45deg, #FF7E00 0%, #FF4800 100%);
    background: linear-gradient(-45deg, #FF7E00 0%, #FF4800 100%);
    /* background-image: linear-gradient(-45deg, #FF7E00 0%, #FF4800 100%); */
    /* background: -webkit-linear-gradient(-45deg, color(display-p3 1 0.49412 0/1), 0%, color(display-p3 1 0.28235 0/1) 100%); */
    /* background: linear-gradient(-45deg, color(display-p3 1 0.49412 0/1) 0%, color(display-p3 1 0.28235 0/1) 100%); */
    background: var(--poppy_button_login);
}

.link {
    text-align: center;
    font-size: 0;
    margin-top: 0.24155rem;
}

.link span {
    line-height: 0.3744rem;
    font-size: 0.2657rem;
    color: #6c7684;
    display: inline-block;
    padding: 0 0.36232rem;
    position: relative;
}

.link span+span:after {
    content: "";
    width: 0;
    height: 0.24155rem;
    border-left: 1px solid #6c7684;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.foot {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    /*margin-top: -1.5157rem;*/
    /*margin-top: 3.18rem;*/
    padding: 0.18116rem 0.60386rem 0.33816rem;
    text-align: center;
}

.foot p {
    font-size: 0.21739rem;
    color: #B3B2B2;
    line-height: 0.30193rem;
}

.foot a {
    font-size: 0.28986rem;
    line-height: 0.40459rem;
    color: #666;
    margin-bottom: 0.09662rem;
}

.foot-logo {
    width: 1.69686rem;
    height: 0.44082rem;
    background: url(../images/common/foot-logo.png) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    margin-bottom: -0.09058rem;
}

.logo2 {
    width: 4.39614rem;
    height: 1.14734rem;
    background: url(../images/common/logo2.png) no-repeat;
    background-size: 100% 100%;
    display: block;
    margin: 1.23188rem auto 0;
}

.text {
    text-align: center;
    margin-top: 1rem;
    font-size: 0.28986rem;
    font-size: var(--poppy_fontsize_medium_x);
    color: #666;
    line-height: 0.41063rem;
    padding: 0 0.54348rem;
}

.agree {
    text-align: center;
    font-size: 0.26rem;
    line-height: 0.33816rem;
    margin-top: 0.3rem;
    padding: 0 0.54348rem;
    color: #666;
}

.account-list {
    position: relative;
    font-size: 0.2657rem;
    color: #1e1e1e;
    padding: 0.12077rem 0;
    /*max-height: 2.70531rem;*/
    overflow-y: auto;
    overflow-x: hidden;
}

.account-list .account-item {
    position: relative;
    min-height: 1.12rem;
}

.account-list .account-item p {
    font-weight: 500;
    line-height: .44rem;
    color: black;
    font-size: 0.328rem;
}

.account-item.pec-position-relative:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    transform-origin: 0 100%;
    background: rgba(0, 0, 0, 0.08);
    transform: scale(1, 0.5);
}

.doc-close {
    width: 0.3744rem;
    height: 0.3744rem;
    position: relative;
}

.doc-close:after {
    content: "";
    width: 0.27778rem;
    height: 0.27778rem;
    background: url(../images/common/icon-close.svg) no-repeat;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.changeIcon {
    line-height: 0.7rem;
    color: #666666 !important;
}

.top {
    text-align: center;
    padding: .42rem .30rem .15rem;
    background: #fff;
}

.top .top-img {
    width: 1.13rem;
    height: 1.13rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    overflow: hidden;
    margin: 0 auto;
}

.top .top-img img {
    width: 100%;
    height: 100%;
}

.top p {
    font-size: 0.44rem;
    line-height: .50rem;
    color: #1e1e1e;
    margin-top: .30rem;
    font-weight: bold;
    font-family: poppy-roboto, PingFangSC-Medium;
}

.more {
    position: absolute;
    bottom: .40rem;
    left: 0;
    right: 0;
    width: 100%;
}

.more p {
    line-height: .42rem;
    font-size: 0.3rem;
    color: #B3B2B2;
    text-align: center;
}

.top-img1 {
    width: 1.40rem;
    height: 1.40rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    overflow: hidden;
    margin: 0 auto;
}

.caishen-top {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.caishen-top {
    width: 4.606rem;
    padding-top: 0.0785rem;
    margin: 0 auto 0.12681rem;
}

.caishen-top .caishen-l {
    padding: 0.07246rem 0.30193rem 0.06039rem 0.0785rem;
    position: relative;
}

.caishen-top .caishen-l:after {
    content: "";
    width: 0;
    height: 1.20773rem;
    border-left: 1px solid #d9d9d9;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.caishen-top .caishen-l p {
    font-size: 0.21739rem;
    line-height: 0.32609rem;
    color: #b2b2b2;
    margin-top: 0.18116rem;
}

.logo-s {
    width: 2.82609rem;
    height: 0.55556rem;
    background: url("../images/common/logo-s.png") no-repeat;
    background-size: 100% 100%;
    display: block;
}

.caishen-img {
    width: 0.83937rem;
    height: 1.5157rem;
    background: url("../images/common/caishen.png") no-repeat;
    background-size: 100% 100%;
    display: block;
}


/*20181204*/

.cfb-foot {
    -webkit-border-radius: 0.25362rem 0.25362rem 0 0;
    border-radius: 0.25362rem 0.25362rem 0 0;
    background-color: #f5f3ee;
    width: 100%;
    padding: 0.33816rem 0 0.78502rem;
}

.cfb-foot .pec-btn-zone {
    margin-top: 0.27174rem;
}

.cfb-foot-box {
    padding: 0 0.54348rem;
}

.cfb-foot-box p {
    font-size: 0.25362rem;
    line-height: 0.36232rem;
    color: #333;
}

.cfb-logo {
    width: 2.06546rem;
    height: 1.16546rem;
    background: url("../images/common/cfb-icon.png") no-repeat;
    background-size: 100% 100%;
    display: block;
    margin-left: -.1rem;
    margin-bottom: -.2rem;
    margin-right: .1rem;
}

.login-btn2 {
    font-size: 0.36232rem;
    color: #fff;
    line-height: 0.9058rem;
    border-radius: 0.07246rem;
    background: #b38954;
    width: 100%;
    display: block;
}

.login-btn2:active {
    background: #996d36;
}

button[disabled].login-btn2 {
    background: #d9d9d9 !important;
}

.wx-foot {
    padding-bottom: 0.33816rem;
}

.another {
    padding: 0 0.54348rem 0.3585rem;
}

.another-title {
    text-align: center;
    position: relative;
}

.another-title:after,
.another-title:before {
    content: "";
    width: 2.17391rem;
    height: 0;
    display: block;
    border-top: 1px solid #d9d9d9;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.another-title:after {
    left: 0;
}

.another-title:before {
    right: 0;
}

.another-title span {
    display: inline-block;
    font-size: 0.2657rem;
    color: #b2b2b2;
    line-height: 0.3744rem;
}

.another-list {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

.another-list {
    padding-top: 0.25362rem;
    padding-bottom: 0.15097rem;
}

.another-list .another-list-item {
    text-align: center;
}

.another-list .another-list-item .another-img {
    width: 0.72464rem;
    height: 0.72464rem;
    display: inline-block;
}

.another-list .another-list-item .another-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.another-list .another-list-item .another-text {
    position: relative;
    left: 0;
    display: block;
    top: 1.2rem;
}

.another-list .another-list-item p {
    font-size: 0.21739rem;
    line-height: 0.36232rem;
    color: #666;
}

.another-list .another-list-item {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flex-box;
    display: -webkit-flex;
    -webkit-box-flex: 1;
    box-flex: 1;
    flex: 1;
    box-align: center;
    -webkit-align-items: center;
    box-pack: justify;
    -webkit-box-pack: justify;
    justify-content: center;
    -webkit-justify-content: center;
}

.yzt-list {
    margin-top: 0.1872rem;
    /* padding: 0 0.54348rem 0 0.48309rem;  */
}

.yzt-list .yzt-txt {
    padding-left: 0.18116rem;
    position: relative;
}

.yzt-list .yzt-txt:after {
    content: "";
    width: 0;
    height: 0.48309rem;
    border-left: 1px solid #d9d9d9;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.yzt-list .yzt-txt p {
    font-size: 0.21739rem;
    line-height: 0.29589rem;
    color: #b2b2b2;
}

.yzt-logo {
    /* width: 0.97222rem; */
    /* width:1.48777rem!important; */
    /* height: 0.57971rem; */
    width: 1.22rem!important;
    height: 0.3rem;
    background: url("../images/common/yzt.png") no-repeat;
    background-size: 100% 100%;
    display: block;
    /* margin-right: 0.03019rem;  */
    margin-right: 0.18116rem;
}

.chat-top {
    text-align: center;
    padding: 0.56159rem 0.54348rem 0.18116rem;
    font-size: 0;
}

.chat-top .chat-img {
    width: 1.38889rem;
    height: 1.38889rem;
    -webkit-border-radius: 2rem;
    border-radius: 2rem;
    overflow: hidden;
    display: inline-block;
}

.chat-top .chat-img img {
    width: 100%;
    height: 100%;
}

.chat-top p {
    font-size: 0.32609rem;
    color: #1e1e1e;
    line-height: 0.4529rem;
    margin-top: 0.32005rem;
}

.chat-top+.login {
    min-height: 2.17391rem;
}


/*# sourceMappingURL=style.css.map */


/*短信验证*/

.send-msg {
    padding: .5rem .3rem .5rem;
}

.send-msg h1 {
    font-size: .54rem;
    height: .75rem;
    color: #1e1e1e;
    font-weight: 400;
}

.send-msg h2 {
    font-size: .32rem;
    line-height: .45rem;
    margin: .5rem 0;
    color: #1e1e1e;
    font-weight: 400;
    font-weight: var(--poppy_font_weight_medium);
    font-size: var(--poppy_fontsize_medium_x2);
}

.send-msg p {
    font-size: .32rem;
    line-height: .45rem;
    margin-bottom: .1rem;
    font-size: var(--poppy_fontsize_medium_x2);
    font-weight: var(--poppy_font_weight_medium);
}

.send-msg span {
    display: block;
    font-size: .42rem;
    line-height: .59rem;
    color: #f37938;
    margin-bottom: .3rem;
    font-size: var(--poppy_fontsize_large_ss);
    font-weight: var(--poppy_font_weight_medium);
}

.pec-btn-zone.send-zone {
    padding: 0 .3rem;
    margin-top: 0;
    display: block;
}

.pec-btn-zone.send-zone button+button {
    margin-left: 0;
    margin-top: .3rem;
}

.weak-btn {
    font-size: 0.36232rem;
    /* color: #1e1e1e; */
    line-height: 0.9058rem;
    border-radius: 0.07246rem;
    background: #fff;
    border: 1px solid #ff4800;
    width: 100%;
    display: block;
    font-size: var(--poppy_fontsize_medium_xx);
    background-color: initial;
    color: #ff4800;
}

.weak-btn:active {
    color: #b2b2b2;
}

button[disabled].weak-btn {
    background: #d9d9d9 !important;
    color: #fff;
    border: none;
}

.merge-account {
    font-size: 0.28986rem;
    color: #666;
    line-height: 0.41063rem;
    /* padding: 0 0.34348rem 0 0.54348rem; */
    padding: 0 0.44348rem;
}

.pec-list .pec-list-item.list-item-action {
    -webkit-transform: translateX(-1.68rem);
    transform: translateX(-1.68rem);
}

.pec-list .pec-item-action {
    position: absolute;
    top: 0;
    right: -1.68rem;
    bottom: 0;
}

.icon-remove {
    display: block;
    width: .38rem;
    height: .38rem;
    margin-right: .1rem;
    background: url('../images/common/icon-remove.svg') center center no-repeat;
    background-size: .38rem .38rem;
}

.icon-succeed {
    display: block;
    width: .34rem;
    height: .34rem;
    margin-right: .14rem;
    background: url('../images/common/icon-succeed.svg') center center no-repeat;
    background-size: .34rem .34rem;
}

.pec-list .btn-remove {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 1.68rem;
    height: 100%;
    line-height: 100%;
    text-align: center;
    font-size: 0.34rem;
    color: #fff;
    background: #ff3b30;
}

.pec-list .btn-remove:active {
    background: #ef2e24;
}

.swipeleft {
    transform: translateX(-15%);
    -webkit-transform: translateX(-15%);
}

.face-img {
    width: 100%;
    margin-bottom: -.26rem;
}

.face-img img {
    display: block;
    width: 100%;
}

.lazy-img {
    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;
}

.face-check-tip {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .24rem .3rem .24rem .3rem;
}

.face-check-tip p {
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 0.24rem;
    color: #666;
    font-size: var(--poppy_fontsize_small);
}

.icon-succeed {
    display: block;
    width: .34rem;
    height: .34rem;
    margin-right: .14rem;
    background: url("../images/common/icon-succeed.svg") center center no-repeat;
    background-size: .34rem .34rem;
}

.icon-failed {
    display: block;
    width: .34rem;
    height: .34rem;
    margin-right: .14rem;
    background: url("../images/common/icon-failed.svg") center center no-repeat;
    background-size: .34rem .34rem;
}

.icon_results_fail {
    display: block;
    background: url("../images/common/poppy_icon_results_fail.svg") center center no-repeat;
    width: 1.68rem;
    height: 1.68rem;
    background-size: 1.68rem 1.68rem;
    margin: 1rem auto 0;
}

.quick-login {
    padding: 1.2rem .32rem 0;
    text-align: center;
}

.quick-login .img-phone {
    display: block;
    width: 3.48rem;
    height: 2.44rem;
    margin: 0 auto;
    -webkit-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem);
    background: url("../images/common/img-phone.png") no-repeat;
    background-size: 100% 100%;
}

.quick-login p {
    font-size: .36rem;
    color: #1e1e1e;
    margin-top: .6rem;
}

.quick-login+.pec-btn-zone {
    padding-left: .32rem;
    padding-right: .32rem;
    margin-top: 1rem;
}

.agreec {
    /* text-align: center; */
    padding: 0 .32rem;
    font-size: .24rem;
    line-height: .36rem;
    margin-top: .24rem;
    color: #666;
}

.icon-multichoose,
.icon-multichoose-ok {
    width: .38rem;
    height: .38rem;
    display: inline-block;
    vertical-align: middle;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSI2ODMiIHk9IjE2NSIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiByeD0iMTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02ODIgLTE2NCkiIHN0cm9rZT0iI0Q5RDlEOSIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.icon-multichoose-ok {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGZpbGw9IiNGMzc5MzgiIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgcng9IjE5Ii8+PHBhdGggZD0iTTE3LjA0NiAyMS41NDdsMTEuNDItOS42NDRhMS4xNTkgMS4xNTkgMCAwIDEgMS42NDYtLjAxNmwtLjEwOC0uMTA4Yy40NTUuNDU1LjQ1NCAxLjIgMCAxLjY2MkwxNy44NCAyNS44NDRjLS4wMzYuMDM2LS4wNzMuMDctLjExMi4xYTEuMTY3IDEuMTY3IDAgMCAxLTEuNjI1LS4wMjlMOC45NiAxOC43NzRhMS4xNjggMS4xNjggMCAwIDEgMC0xLjY1NiAxLjE2NyAxLjE2NyAwIDAgMSAxLjY1NiAwbDYuNDMgNC40M3oiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+);
}

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

.body-bg {
    margin-left: auto;
    margin-right: auto;
    height: auto;
    color: #1e1e1e;
    background: #f5f5f5;
    -webkit-font-smoothing: antialiased;
}

.register-identity-note {
    padding: 0.6rem 0.6rem 0 0.6rem;
    font-size: 0.3rem;
    background: #F8F8F8;
    line-height: 1.4;
    color: #ABABAB;
    font-size: var(--poppy_fontsize_medium_x);
}

.remark-top {
    font-size: .24rem;
    font-size: var(--poppy_fontsize_small);
    line-height: 1.50001;
    color: rgba(0, 0, 0, 0.4);
    padding: .24rem 0 .12rem .4rem;
}

.zc-number {
    position: relative;
    margin: 0 .32rem;
    padding: .34rem 0;
}

.zc-number .munber-txt {
    font-size: 0.34rem;
    color: #1e1e1e;
}

header:after,
.pec-list-item:after,
.zc-number:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #e7e7e7;
}

.zc-number .change-number,
.login-list .change-number {
    font-size: 0.3rem;
    color: #ff4800;
}

.rz-txt {
    margin-top: .36rem;
    text-align: center;
    font-size: 0.3rem;
    color: #999;
    margin-bottom: .64rem;
}

.fixed-bottom {
    position: fixed;
    bottom: 0;
    padding-bottom: .37rem;
    font-size: 0.26rem;
    line-height: .4rem;
}

.pec-btn-zone,
header .pec-header-left,
header .pec-header-right,
.pec-list-item,
.pec-read-agreement,
.pec-list .btn-remove,
.face-check-tip,
.zc-number {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.pec-btn-zone .pec-primary-btn,
.pec-list-item .pec-item-body,
.pec-list .pec-list-item .pec-item-body-login,
.pec-read-agreement p,
.face-check-tip p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.pec-list-item,
.zc-number {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.privacy-rules {
    padding: 0 0.54348rem 0;
    /* font-size: 0.2657rem;
    line-height: 0.35193rem;
    color: #666; */
    margin-bottom: 0.16348rem;
}

.bindWechatContext {
    line-height: 0.36232rem;
    line-height: 0.36232rem;
    /* color: #666; */
    color: #000000;
    margin-left: 0.2rem;
    /* margin-left: 0.32rem; */
    position: absolute;
    /* top: 0.4832rem; */
    top: 0.6rem;
}

.wechatLogo {
    /* width: 0.62464rem;
    height: 0.62464rem; */
    width: 0.64rem;
    height: 0.64rem;
    display: inline-block;
    position: relative;
    top: 0.06rem;
}

.pec-item-footer {
    width: 100%;
    min-height: 0.8rem !important;
    font-size: 0.24rem;
    color: #000000;
    opacity: 0.4;
    text-align: center;
    padding: 0.24rem 0.4rem 0.22rem !important;
    text-align: left !important;
    font-family: PingFangSC-Regular;
}

.bind-container,
.unbind-container {
    width: 1.2rem;
    height: 0.48rem;
    border-radius: 0.24rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 0.24rem;
    line-height: 0.24rem;
}

.bind-container {
    border: 1px solid #FF4800;
    color: #FF4800;
}

.unbind-container {
    border: 1px solid rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.60);
}

.graphDialogcursorActive {
    position: absolute;
    top: 3rem;
    left: 25%;
}

.animation {
    content: '';
    display: block;
    width: 1px;
    height: 0.46rem;
    animation: blink 1s infinite steps(1, start);
    -webkit-animation: blink 1s infinite steps(1, start);
    -ms-animation: blink 1s infinite steps(1, start);
    -o-animation: blink 1s infinite steps(1, start);
    -moz-animation: blink 1s infinite steps(1, start);
}

@keyframes blink {
    /*0% {*/
    /*  background-color: white;*/
    /*}*/
    /*50% {*/
    /*  background-color: black;*/
    /*}*/
    /*100% {*/
    /*  background-color: white;*/
    /*}*/
    0%,
    100% {
        background-color: #FF4800;
    }
    50% {
        background-color: transparent;
    }
}

@-webkit-keyframes blink {
    0%,
    100% {
        background-color: #FF4800;
    }
    50% {
        background-color: transparent;
    }
}

@-ms-keyframes blink {
    0%,
    100% {
        background-color: #FF4800;
    }
    50% {
        background-color: transparent;
    }
}

@-o-keyframes blink {
    0%,
    100% {
        background-color: #FF4800;
    }
    50% {
        background-color: transparent;
    }
}

@-moz-keyframes blink {
    0%,
    100% {
        background-color: #FF4800;
    }
    50% {
        background-color: transparent;
    }
}

@-khtml-keyframes blink {
    0%,
    100% {
        background-color: #FF4800;
    }
    50% {
        background-color: transparent;
    }
}

.pec-flex-vertical {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    padding-bottom: 0;
}

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

.logo-pab {
    padding-top: 1.44rem;
}

.logo-pab-img {
    display: block;
    height: .88rem;
    width: 3.80rem;
    margin: 0 auto;
}

.remind {
    margin: 1.72rem .64rem 0;
}

.remind-txt {
    line-height: .44rem;
    font-size: 0.32rem;
    color: #000;
}

.btn-box {
    margin-top: .64rem;
}

.btn-box .pec-btn-zone {
    padding: 0 .64rem;
}

.btn-box .pec-btn-zone button {
    width: 100%;
}

.btn-box button[angle="round"] {
    border-radius: 99999px;
}

.btn-box button[size="big"] {
    height: .92rem;
    font-size: 0.36rem;
}

.btn-box .pec-primary-btn {
    color: #fff;
    background: #ff4800;
}

.btn-box .pec-primary-btn:active {
    color: whitesmoke;
    background: #eb4200;
}

.page-foot-link {
    padding: .2rem .64rem .64rem;
    text-align: center;
    background: #fff;
}

.page-foot-link-txt {
    line-height: .44rem;
    font-size: 0.32rem;
    color: #4c88bd;
}

.pec-padding-title {
    padding: 0.24rem .40rem .12rem .40rem!important;
}

.pec-new-change {
    color: #666666;
    font-size: 0.30rem;
    line-height: 1.4;
    padding: .20rem 0.54348rem;
    background: #F8F8F8;
}


/* 复选框 */

.checkInput {
    display: block;
    width: .34rem;
    height: .34rem;
    background-size: .34rem .34rem;
}

.pitchOn {
    display: block;
    width: .29rem;
    height: .29rem;
    background: url("../images/common/new-icon-check.svg");
    background-size: 100% 100%;
    /* background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xNjEgMTAxIDI5IDI5Ij4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO3N0cm9rZTojRUE1NDA0O3N0cm9rZS1saW5lam9pbjpyb3VuZDt9Cgkuc3Qxe2ZpbGw6I0YzNzkzNzt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTU1LjUsMTA0LjVoMThjMS4xLDAsMiwwLjksMiwydjE4YzAsMS4xLTAuOSwyLTIsMmgtMThjLTEuMSwwLTItMC45LTItMnYtMTgKCUMtMTU3LjUsMTA1LjQtMTU2LjYsMTA0LjUtMTU1LjUsMTA0LjV6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0tMTM3LjgsMTEwLjdsLTExLjMsMTEuM2MtMC40LDAuNC0xLDAuNC0xLjQsMGMtMC4yLTAuMi0wLjMtMC40LTAuMy0wLjdjLTAuMSwwLTAuMi0wLjEtMC4yLTAuMmwtNC43LTQuNwoJYy0wLjQtMC40LTAuNC0xLDAtMS40YzAuNC0wLjQsMS0wLjQsMS40LDBsNC42LDQuNmwxMC40LTEwLjRjMC40LTAuNCwxLTAuNCwxLjQsMEMtMTM3LjQsMTA5LjctMTM3LjQsMTEwLjMtMTM3LjgsMTEwLjd6Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 100%; */
}

.unPitchOn {
    display: block;
    width: .29rem;
    height: .29rem;
    background: url("../images/common/new-icon-uncheck.svg");
    background-size: 100% 100%;
    /* background-image: url('../images/icon-check.svg'); */
    /* background-repeat: no-repeat; */
    /* background-size: 100%; */
}

.font-family-regular {
    font-family: PingFangSC-Regular
}


/*****start--登录5.0改版*****/

.login-page {
    padding: 0 .6rem;
}

.login-page-btn {
    width: auto;
}

.login-top {
    /* min-height: -webkit-calc(100vh - 3.08rem);
  min-height: calc(100vh - 3.08rem); */
    padding: .58rem 0;
    margin-bottom: .58rem;
}

.login-top .title {
    margin-top: .54rem;
    margin-bottom: .48rem;
    font-size: 0.43rem;
    /* 4px => 0.07rem */
    color: black;
    line-height: .66rem;
    font-weight: 500;
    font-family: PingFangSC-Medium;
}

.login-top .user-avatar {
    width: 1.04rem;
    height: 1.04rem;
    margin: 0 auto;
    border-radius: 100%;
}

.login-top .user-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.login-top .user-name {
    margin-top: .16rem;
    margin-bottom: .48rem;
    font-size: 0.48rem;
    color: black;
    line-height: .66rem;
    font-weight: 500;
    text-align: center;
}

.poppy-icon-arrow-down,
.poppy-icon-close {
    display: block;
    font-size: 0.4rem;
    line-height: .4rem;
    color: rgba(0, 0, 0, 0.4);
}

.login-list .active {
    border-bottom: 1px solid #d5d5d5;
}

.login-top .cx-item>.p-right {
    -webkit-transform: translateX(3.5rem);
    transform: translateX(3.5rem);
}

.login-top .links-flex {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flex-box;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.login-top .flex-end {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
}

.login-top .p0 {
    padding: 0;
}

.login-top .login-btn>.login-btn-text>.login-btn-icon,
.login-top .new-login-btn>.login-btn-text>.login-btn-icon {
    display: block;
    background: url("../images/common/login-arrow.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    width: .52rem;
    height: .52rem;
    margin: 0 auto;
}

.login-top .login-btn>.login-btn-text>.login-btn-icon-big,
.login-top .new-login-btn>.login-btn-text>.login-btn-icon-big {
    display: block;
    background: url("../images/common/login-arrow.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    width: .59rem;
    height: .59rem;
    margin: 0 auto;
}

.login-top .login-btn>.login-btn-text>.login-btn-icon-local,
.login-top .new-login-btn>.login-btn-text>.login-btn-icon-local {
  display: inline-block;
  width: 0.32rem;
  height: 0.32rem;
  margin: .02rem -0.04rem 0 0.04rem;
  background-size: 100%;
  vertical-align: middle;
  margin-top: -.09rem;
}

.login-top .login .mobile-num-list {}

.login-top .login .mobile-num-list .munber-txt {
    font-size: 0.36rem;
    color: black;
    font-weight: 500;
    line-height: .44rem;
}

.login .pec-list .pec-list-item {
    padding-left: 0rem !important;
    /*border-bottom: 0.011rem solid rgba(0, 0, 0, 0.08);*/
}

.login .pec-list .pec-list-item:after {
    left: 0px !important;
    border-bottom-color: rgba(0, 0, 0, 0.08);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
}

.fontSize-Weight {
    font-weight: 500 !important;
    font-size: 0.36rem !important;
}

.login .pec-input::placeholder {
    font-size: 0.28rem;
    font-size: var(--poppy_fontsize_medium_x);
    color: rgba(0, 0, 0, 0.2);
}

.top .headdress-box {
    position: absolute;
    left: 36.8%;
    width: 1.5rem;
    height: 1.5rem;
    /*opacity: 0.1;*/
    top: -16%;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    overflow: hidden;
}

.top .relative {
    position: relative;
}


/*.otpInputFocus{*/


/*  border-bottom: .011rem solid rgba(0, 0, 0, 0.6) !important;*/


/*}*/

.otpInputFocus:after {
    border-bottom-color: rgba(0, 0, 0, 0.6) !important;
}

.login-page .ios-bg-bottom {
    bottom: -0.68rem;
}

.login-page .bg-bottom-0 {
    bottom: 0 !important;
}

.theme-skin-bg {
    position: absolute;
    left: 0;
    width: 100%;
    min-height: .8rem;
    bottom: -0.68rem;
    overflow: hidden;
    z-index: -1;
}

.opacity05 {
    opacity: 0.5;
}

.opacity02 {
    opacity: 0.2;
}

.position-initial {
    position: initial;
}


/* 重写keyboard输入框的样式 */

i.cursorActive.cursor-keyboard-ios {
    position: absolute;
    left: 0;
    top: .03rem;
}

i.cursorActive.cursor-keyboard-android {
    position: absolute;
    left: 0;
    top: 0.06rem;
}

i.cursorActive.vue-keyboard-cursor-android {
    position: relative;
    top: .03rem;
}

i.cursorActive.vue-keyboard-cursor-ios {
    position: relative;
    top: .05rem;
}

#login i.cursorActive.cursor-keyboard-android {
    position: absolute;
    left: 0;
    top: .001rem;
}

.keyboard-input-font-style {
    font-weight: 500;
    color: black;
    font-size: 0.36rem;
    font-family: poppy-roboto;
}

.vue-keyboard-placeholder {
    font-size: 0.28rem;
    color: rgba(0, 0, 0, 0.2) !important;
}

.ipt-value-pwb {
    display: inline-block;
    width: .175rem;
    height: .175rem;
    margin-right: .05rem;
    background: url(../images/common/black-point.png) no-repeat center;
    background-size: 8PX;
    /* background-size: .15rem; */
    vertical-align: top;
    margin-top: .185rem;
}

.ipt-value-pwb-big {
    display: inline-block;
    width: .245rem;
    height: .245rem;
    margin-right: .05rem;
    background: url(../images/common/black-point.png) no-repeat center;
    background-size: 10PX;
    /* background-size: .15rem; */
    vertical-align: top;
    margin-top: .185rem;
}

.ipt-value-pwb2 {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: .05rem;
    background: url(../images/common/black-point.png) no-repeat center;
    background-size: 6px;
    border-radius: 100%;
    overflow: hidden;
}

.pec-list .pec-list-item .pec-item-body-login {
    height: 0.72464rem;
    color: #1E1E1E;
    font-size: 0.3rem;
    margin-right: .30rem;
}

.min-height-60 {
    min-height: 60%;
}

#userImg>div {
    height: 1.3rem;
}

.login-rz-txt {
    margin-bottom: .32px;
    margin-bottom: .62rem;
    text-align: center;
    font-size: 0.24rem;
    color: #9B9B9B;
}

#otpMemberList .pa-input {
    caret-color: #FF4800;
    caret-color: var(--poppy_color_brand_primary1);
    background: transparent;
    font-size: 0.28rem;
    font-family: poppy-roboto;
}

#otpMemberList .pa-input::placeholder {
    /* Internet Explorer 10+ */
    color: rgba(0, 0, 0) !important;
    font-size: 0.28rem;
    font-size: var(--poppy_fontsize_medium_x);
    font-family: poppy-roboto;
    font-weight: 700 !important;
}

#otpMemberList .pa-input::-webkit-input-placeholder {
    /* Internet Explorer 10+ */
    color: rgba(0, 0, 0, 0.2) !important;
    font-size: 0.28rem;
    font-family: poppy-roboto;
    font-weight: 500;
}

#otpMemberList .pa-input-android {
    font-weight: bold;
}

#otpMemberList .pa-input-android::placeholder {
    color: rgba(0, 0, 0) !important;
    font-weight: bold;
    filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#33000000, endcolorstr=#33000000);
}

#otpMemberList .pa-input-android::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.2) !important;
    font-weight: bold;
    filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#33000000, endcolorstr=#33000000);
}

.login-page .vue-keyboard-box {
    background: transparent !important;
}

#otpMemberList .otp-font {
    font-size: 0.36rem !important;
    font-weight: 500;
}

.login-page .pec-list {
    background: transparent !important;
}

.login-page .arrow:after {
    background: url("../images/common/poppy_icon_arrow_down.svg") no-repeat;
    background-size: 0.4rem;
    width: 0.4rem;
    height: 0.4rem;
    opacity: 0.4;
}

#login #wrapper {
    position: absolute;
    z-index: 1;
    width: 6.3rem;
    background: #FFFFFF;
    overflow: hidden;
    margin-top: 0.17rem;
    border: none;
    border-radius: 0.16rem;
    box-sizing: border-box;
    border-bottom: .5px solid rgba(0, 0, 0, 0.08);
}

.poppy-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 199%;
    height: 199%;
    border-radius: .32rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border: 1px solid color(display-p3 0 0 0/.08);
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    z-index: 2;
}

#login #scroller {
    position: absolute;
    z-index: 3;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 6.2rem;
    border-radius: .4rem;
    margin: .05rem;
    user-select: none;
    background: #fff;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    padding: 0px 0.32rem;
}


/*****end--登录5.0改版*****/


/* 蒙版 */

#mask {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    background: #00000061;
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    width: 100%;
    overflow: auto;
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
}

#mask .maskNnderlying {
    background: #fff;
    width: 100%;
    border-radius: .2rem .2rem 0rem 0rem;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    max-height: 8.72rem;
}

#mask .dialogTitle {
    padding-top: 0.28rem;
    padding-bottom: 0.28rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    max-height: 80%;
}

#mask .optionTitle {
    flex-grow: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -o-flex-grow: 1;
    padding-left: 1.28rem;
    width: 4.94rem;
    text-align: center;
    font-size: .32rem;
    font-size: var(--poppy_fontsize_medium_x2);
    color: #1E1E1E;
    font-family: PingFangSC-Medium;
}

#mask #dialogClose {
    background: url("../images/common/close2.svg") no-repeat;
    display: inline-block;
    width: .4rem;
    height: .4rem;
    background-size: 100% 100%;
    margin-left: .48rem;
    margin-right: .4rem;
    flex-shrink: 1;
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    -ms-flex-shrink: 1;
    -o-flex-shrink: 1;
    opacity: .4;
}
#mask .bigClose {
  width: .5rem !important;
  height: .5rem !important;
}

#mask .dialogContent {
    overflow-y: auto;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -o-flex-grow: 1;
    font-family: PingFangSC-Regular;
}

#mask .dialogContent p {
    line-height: .36rem;
    color: #000000;
    opacity: .4;
}

.yzLogin img {
    border-radius: 50%;
}

.min-htg112 {
    min-height: 56px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.height43 {
    height: .43rem;
}

.family-Regular {
    font-family: PingFangSC-Regular;
}

.family-Medium {
    font-family: PingFangSC-Medium;
}

.family-roboto {
    font-family: poppy-roboto;
}

.font-w7 {
    font-weight: 700 !important;
}

.text-he136 {
    min-height: 1.36rem;
}

.text-linH36 {
    line-height: .44rem;
}

#y-pwb2 .keyboard_login_pwd.vue-keyboard-text.keyboard-input-font-style,
#y-pwb1 .keyboard_login_pwd.vue-keyboard-text.keyboard-input-font-style,
#y-pwb0 .keyboard_login_pwd.vue-keyboard-text.keyboard-input-font-style {
    line-height: 0px;
}


/*****start--第三方登录页5.0改版*****/

.poppy-primary-btn {
    width: 100%;
    line-height: .835rem;
    text-align: center;
    border-radius: .46rem;
    background: #ff4800;
    font-size: .36rem;
    font-size: var(--poppy_fontsize_medium_xx);
    color: #fff;
    font-family: PingFangSC-Medium;
}

.poppy-primary-btn-white {
    background: transparent;
    color: #ff4800;
    border: 1px solid #ff4800;
    margin-top: .32rem;
}

button[disabled].poppy-primary-btn {
    background: rgba(255, 72, 0, 0.4);
}

.content-list {
    align-items: center;
    background: #fff;
    width: 100%;
    padding-left: .4rem;
}

.content-list.mt16 {
    margin-top: .16rem;
}

.content-list>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-size: .29rem;
    font-size: var(--poppy_fontsize_medium_x);
    line-height: .44rem;
    position: relative;
    height: 1.015rem;
}

.content-list>li:last-child {
    border-bottom: 0 none;
}

.content-list>li .content-name {
    display: block;
    width: 2.12rem;
    color: rgba(0, 0, 0, 0.6);
    padding: .34rem 0;
}

.content-list>li .content-input,
.content-list>li .change-number {
    display: block;
    padding: .34rem 0;
    font-size: .29rem;
    font-size: var(--poppy_fontsize_medium_x);
    line-height: .44rem;
    font-family: PingFangSC-Medium;
    color: #000;
    font-weight: var(--poppy_font_weight_medium);
}

.content-list>li .change-number {
    font-family: poppy-roboto;
}

.content-list>li .get-number,
.pec-list .get-number {
    display: block;
    width: 2.265rem;
    text-align: center;
    color: rgba(0, 0, 0, 0.2);
    font-family: PingFangSC-Medium;
    font-size: .29rem !important;
    font-size: var(--poppy_fontsize_medium_x) !important;
}

.content-list>li .get-number {
    position: absolute;
    right: 0;
}

.content-list>li .get-number.active,
.pec-list .get-number.active {
    color: #ff4800;
}

.content-list>li .get-number.no-line:before {
    content: none;
}

.content-list>li .get-number:before {
    content: "";
    display: block;
    width: .02rem;
    height: .72rem;
    background: rgba(0, 0, 0, 0.08);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.poppy-list-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 1.015rem !important;
}

.member-input {
    display: block;
    padding: .34rem 0;
    font-size: .29rem;
    font-size: var(--poppy_fontsize_medium_x);
    line-height: .44rem;
    font-weight: bold;
    font-family: poppy-roboto;
    color: #000000;
    color: var(---poppy_color_dark);
    caret-color: #FF4800;
    caret-color: var(--poppy_color_brand_primary1);
}

.member-input::placeholder {
    font-size: 0.29rem;
    font-size: var(--poppy_fontsize_medium_x);
    color: rgba(0, 0, 0, 0.2);
    color: var(--poppy_color_positive_level5);
    font-family: PingFangSC-Medium;
    font-weight: normal;
}

input::-webkit-input-placeholder {
    /* WebKit browsers */
    font-size: 0.29rem;
    font-size: var(--poppy_fontsize_medium_x);
    color: rgba(0, 0, 0, 0.2);
    color: var(--poppy_color_positive_level5);
    font-family: PingFangSC-Medium;
    font-weight: normal;
}

.poppy-list-item .pec-position-relative .icon-close {
    top: -.16rem;
}

.quick-register {
    background: #fff;
    padding: .48rem .4rem;
    margin-top: .16rem;
}

.quick-register .number {
    display: block;
    font-size: .48rem;
    font-size: var(--poppy_fontsize_large_x);
    color: #000;
    line-height: .56rem;
    font-family: poppy-roboto;
}

.quick-register .alreadyRegisterTxt {
    font-size: .28rem;
    font-size: var(--poppy_fontsize_medium);
    color: rgba(0, 0, 0, 0.6);
    line-height: .4rem;
    margin-top: .16rem;
    font-family: PingFangSC-Medium;
}

.poppy-input-hide {
    width: 0.5rem;
    text-indent: -999em;
    caret-color: transparent;
    height: 1px;
    position: absolute;
    z-index: -99;
    top: 1.8rem;
    left: 2rem;
}

.pec-list .poppy-list-item .pec-item-head {
    min-width: 2.04rem;
    font-size: .29rem !important;
    font-size: var(--poppy_fontsize_medium_x) !important;
    font-family: PingFangSC-Regular;
}

.poppy-list-item .icon-close-new {
    display: none;
    top: -.26rem;
    border-width: .40rem .2rem .40rem .24rem;
}

.poppy-list-wrapper .pec-btn-zone {
    padding: 0 0.362rem;
}

.poppy-agreement__title {
    padding-left: 0 !important;
}

.poppy-agreement__check {
    width: .507rem;
    margin: .05rem 0 0 0;
}

.poppy-body-wrapper .pec-list-title {
    padding: .20rem .3625rem;
}


/*****end--第三方登录页5.0改版*****/

.poppy-wx-foot {
    position: relative;
    top: -1rem;
}


/* .deleteline:after{
  border: 0px !important;
} */

.removeLine:after {
    border: 0px !important;
}

.change-font-size29 {
    font-size: .29rem !important;
    font-size: var(--poppy_fontsize_medium_x) !important;
    font-family: PingFangSC-Regular;
    color: #666666;
}

.change-font-size36 {
    font-size: .36rem !important;
    font-size: var(--poppy_fontsize_medium_xx) !important;
    font-family: PingFangSC-Medium !important;
}

/* 朦层样式 */

#pickerId {
    background: rgba(0, 0, 0, 0.70);
    height: 100%;
    width: 100%;
    z-index: 99;
    position: fixed;
    bottom: 0px;
    display: block;
}

.pick-btm {
    position: fixed;
    bottom: 0px;
    padding: 0px 0px 0px 0.362rem;
    background: #fff;
    /* height: 6.59rem; */
    /* max-height: 6.59rem; */
    width: 100%;
    z-index: 100;
    border-radius: 0.21rem 0.21rem 0 0;
    display: block;
}

.pick-btm .pick-btm-head {
    width: 100%;
    height: 0.9rem;
    font-weight: 900;
    position: relative;
    line-height: 0.9rem;
    text-align: center;
    font-family: PingFangSC-Medium;
    font-size: 0.29rem;
    color: #1E1E1E;
    padding-right: 0.362rem;
}

.pick-btm .pick-btm-head .pick-cancel {
    position: absolute;
    left: 0px;
    line-height: 0.9rem;
    font-family: PingFangSC-Regular;
    font-size: 0.25rem;
    color: rgba(0, 0, 0, 0.40);
}

.pick-btm .pick-btm-body {
    width: 100%;
    /* height: 5.69rem; */
    height: 4.04rem;
}

.pick-btm .pick-btm-body .pick-item {
    padding-left: 0px;
    list-style: none;
    /* height: 5.69rem; */
    height: 4.04rem;
    overflow-y: scroll;
}

.pick-btm .pick-btm-body .pick-item::-webkit-scrollbar {
    display: none;
}

.pick-btm .pick-btm-body .pick-list {
    height: 1.01rem;
    line-height: 1.01rem;
    display: flex;
}

.pick-item .pick-list .pick-list-icon {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    transform: translate(0, 50%);
    background: url(../../common/images/common/bankicon.svg) no-repeat center center;
    background-size: 100% 100%;
    margin-right: 0.29rem;
}

.pick-item .pick-list .pick-border {
    flex: 1;
    display: flex;
    font-weight: 900;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.pick-item .pick-list .pick-border>i {
    margin-right: 0.362rem;
}

.pick-item .pick-list .pick-border .pick-value {
    font-size: 0.29rem;
    font-weight: 900;
}

.pick-item .pick-list .pick-list-checkedicon {
    display: inline-block;
    width: 0.435rem;
    height: 0.435rem;
    transform: translate(0, 50%);
    background: url(../../common/images/common/checkedIcon.svg) no-repeat center center;
    border-radius: 50%;
    background-size: 100% 100%;
}

.pick-item .pick-list .pick-list-checkicon {
    display: inline-block;
    width: 0.435rem;
    height: 0.435rem;
    transform: translate(0, 50%);
    border-radius: 50%;
    background: url(../../common/images/common/checkIcon.svg) no-repeat center center;
    background-size: 100% 100%;
}

.dialog-body .mask-num {
  line-height: 1.09091;
  font-size: 0.44rem;
  font-size: var(--poppy_fontsize_large_s);
  color: black;
  color: var(--poppy_color_positive_level1);
  font-weight: 500;
  font-weight: var(--poppy_font_weight_medium);
}

.dialog-body .mask-p {
  margin-top: .08rem;
  line-height: 1.71429;
  font-size: 0.28rem;
  font-size: var(--poppy_fontsize_medium);
  color: rgba(0, 0, 0, 0.4);
  color: var(--poppy_color_positive_level4);
}

.dialog-body .dialog-assist {
  margin-top: .4rem;
  font-size: .24rem;
  font-size: var(--poppy_fontsize_small);
  text-align: left;
}

.changeFont-35::-webkit-input-placeholder {
    font-size: 0.35rem !important;
    font-size: var(--poppy_fontsize_medium_x) !important;
}

.changeBigSize {
    font-size: 0.35rem !important;
    font-size: var(--poppy_fontsize_medium_x) !important;
}

.inputValBig {
    font-size: 0.43rem !important;
}

/* 复写pui样式，有bug */
.poppy-icon-close:before {
    content: "\e746" !important;
}

#member-agreement a {
    /* 协议 */
    color: #4c88bd;
}
.hide {
  display: none;
}
.pec-table{
    table-layout: fixed;
    width: 100%;
    border-collapse:collapse /*合并间距*/ 
}
.pec-table ,.pec-table  td{
    border:1px solid #ddd ;/*表格带线框,6像素的间距*/ 
    padding:6px;/*单元格6像素的间距*/ 
	text-align:left;
}