/*loading start*/
.mint-spinner-fading-wrap {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}
.mint-spinner-fading-circle {
    position:fixed;
    z-index: 10001;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: .4rem;
    height: .4rem;
}
.mint-spinner-fading-circle-circle {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute
}
.mint-spinner-fading-circle-circle:before {
    content:" ";
    display:block;
    margin: .3rem auto;
    width: .04rem;
    height: .12rem;
    border-radius:30%;
    background-color: #979797;
    -webkit-animation:mint-fading-circle 1.2s infinite ease-in-out both;
    animation:mint-fading-circle 1.2s infinite ease-in-out both;
}
.mint-spinner-fading-circle-circle.is-circle2 {
    -webkit-transform:rotate(30deg);
    transform:rotate(30deg);
}
.mint-spinner-fading-circle-circle.is-circle2:before {
    -webkit-animation-delay:-1.1s;
    animation-delay:-1.1s;
}
.mint-spinner-fading-circle-circle.is-circle3 {
    -webkit-transform:rotate(60deg);
    transform:rotate(60deg);
}
.mint-spinner-fading-circle-circle.is-circle3:before {
    -webkit-animation-delay:-1s;
    animation-delay:-1s;
}
.mint-spinner-fading-circle-circle.is-circle4 {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}
.mint-spinner-fading-circle-circle.is-circle4:before {
    -webkit-animation-delay:-.9s;
    animation-delay:-.9s;
}
.mint-spinner-fading-circle-circle.is-circle5 {
    -webkit-transform:rotate(120deg);
    transform:rotate(120deg);
}
.mint-spinner-fading-circle-circle.is-circle5:before {
    -webkit-animation-delay:-.8s;
    animation-delay:-.8s;
}
.mint-spinner-fading-circle-circle.is-circle6 {
    -webkit-transform:rotate(150deg);
    transform:rotate(150deg);
}
.mint-spinner-fading-circle-circle.is-circle6:before {
    -webkit-animation-delay:-.7s;
    animation-delay:-.7s;
}
.mint-spinner-fading-circle-circle.is-circle7 {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
.mint-spinner-fading-circle-circle.is-circle7:before {
    -webkit-animation-delay:-.6s;
    animation-delay:-.6s;
}
.mint-spinner-fading-circle-circle.is-circle8 {
    -webkit-transform:rotate(210deg);
    transform:rotate(210deg);
}
.mint-spinner-fading-circle-circle.is-circle8:before {
    -webkit-animation-delay:-.5s;
    animation-delay:-.5s;
}
.mint-spinner-fading-circle-circle.is-circle9 {
    -webkit-transform:rotate(240deg);
    transform:rotate(240deg);
}
.mint-spinner-fading-circle-circle.is-circle9:before {
    -webkit-animation-delay:-.4s;
    animation-delay:-.4s;
}
.mint-spinner-fading-circle-circle.is-circle10 {
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg);
}
.mint-spinner-fading-circle-circle.is-circle10:before {
    -webkit-animation-delay:-.3s;
    animation-delay:-.3s;
}
.mint-spinner-fading-circle-circle.is-circle11 {
    -webkit-transform:rotate(300deg);
    transform:rotate(300deg);
}
.mint-spinner-fading-circle-circle.is-circle11:before {
    -webkit-animation-delay:-.2s;
    animation-delay:-.2s;
}
.mint-spinner-fading-circle-circle.is-circle12 {
    -webkit-transform:rotate(330deg);
    transform:rotate(330deg);
}
.mint-spinner-fading-circle-circle.is-circle12:before {
    -webkit-animation-delay:-.1s;
    animation-delay:-.1s;
}
@-webkit-keyframes mint-fading-circle {
0%,
    39%,
    to {
        opacity:0
}
40% {
        opacity:1
}
}
@keyframes mint-fading-circle {
0%,
    39%,
    to {
        opacity:0
}
40% {
        opacity:1
}
}
/*loading end*/

@charset "UTF-8";
/* 常量定义 */
.card-skew-tag-list, .bank-detail-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.keyboard .num button {
  -webkit-box-flex: 1;
  width: 20%;
  -webkit-flex: 1;
  flex: 1;
  max-width: 100%;
}

.card-row .bank-cards .card-list-content .card-list-m .card-list-mm.mm-vertical {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.flex-start-align.card-list-content, .card-row .bank-cards .card-list-content .card-list-m .card-list-mm.mm-vertical {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.bank-detail-btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.fwb, .mod-dialog-button .btn-ui, .pay_ment .box_title .title_m, .add-card .add-card-m .add-card-t, .bank-cards .card-list-content .card-list-m .card-list-mt, .pay-modal .content .footer div, .pmt-password-desc-box .pmt-money sub, .verify-type-pop .type-title, .card-skew-tag {
  font-family: 'PingFangSC-Medium','Droid Sans',arial,'Helvetica Neue',Helvetica,sans-serif;
}
.isandroid .fwb, .isandroid .mod-dialog-button .btn-ui, .mod-dialog-button .isandroid .btn-ui, .isandroid .pay_ment .box_title .title_m, .pay_ment .box_title .isandroid .title_m, .isandroid .add-card .add-card-m .add-card-t, .add-card .add-card-m .isandroid .add-card-t, .isandroid .bank-cards .card-list-content .card-list-m .card-list-mt, .bank-cards .card-list-content .card-list-m .isandroid .card-list-mt, .isandroid .pay-modal .content .footer div, .pay-modal .content .footer .isandroid div, .isandroid .pmt-password-desc-box .pmt-money sub, .pmt-password-desc-box .pmt-money .isandroid sub, .isandroid .verify-type-pop .type-title, .verify-type-pop .isandroid .type-title, .isandroid .card-skew-tag {
  font-weight: 700;
}

.icon-i .icon-i-tip:before {
  content: "";
  height: 0;
  width: 0;
  overflow: hidden;
}

/*
关闭按钮
@include btn-close(".close" ,1rem ,2px ,#f00);
.close {}
*/
@font-face {
  font-family: 'iconfont';
  src: url(../../../assets/fonts/iconfont-new.eot);
  src: url(../../../assets/fonts/iconfont-new.eot?#iefix) format("embedded-opentype"), url(../../../assets/fonts/iconfont-new.woff) format("woff"), url(../../../assets/fonts/iconfont-new.ttf) format("truetype"), url(https://cdn.sdb.com.cn/pay/cashier/assets/images/iconfont-new.svg#iconfont) format("svg");
}
@font-face {
  font-family: "Roboto-Medium";
  src: url(../../../assets/fonts/Roboto-Medium.ttf) format("truetype");
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

body {
  margin: 0;
}

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

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

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

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

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

body {
  background-attachment: fixed;
  -webkit-user-select: none;
  -webkit-overflow-scrolling: touch;
}

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

img {
  vertical-align: middle;
}

button, fieldset, img {
  border: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: none;
}

body, input, textarea, select, button {
  font-family: PingFang SC, Helvetica, Noto Sans SC, Source Han Sans CN, Source Han Sans CN, Arial, Hiragino Sans GB, sans-serif;
  color: #1e1e1e;
}

em, i {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

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

a, a:hover {
  text-decoration: none;
  color: #666;
}

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

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

mark {
  background-color: transparent;
}

input[type=text], input[type=submit], button, textarea {
  -webkit-appearance: none;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #e7e7e7;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #e7e7e7;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #e7e7e7;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #e7e7e7;
}

q:before, q:after {
  content: "";
}

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

.fl {
  float: left;
}

.fr {
  float: right;
}

.por {
  position: relative;
}

.poa {
  position: absolute;
}

.dsn, .dn {
  display: none;
}

.dib {
  display: inline-block !important;
}

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

.tar {
  text-align: right !important;
}

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

.fwn {
  font-weight: normal !important;
}

.fwb {
  font-weight: bold !important;
}

.vat {
  vertical-align: top !important;
}

.vam {
  vertical-align: middle !important;
}

.vab {
  vertical-align: bottom !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.ml0 {
  margin-left: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pl0 {
  padding-left: 0 !important;
}

.nbr {
  border: 0 !important;
}

.nbr-t {
  border-top: 0 !important;
}

.nbr-r {
  border-right: 0 !important;
}

.nbr-b {
  border-bottom: 0 !important;
}

.nbr-l {
  border-left: 0 !important;
}

.c_blue, .c-blue {
  color: #4c88bd !important;
}

.c_org, .c-org {
  color: #f37938 !important;
}

.c_red, .c-red {
  color: #f00 !important;
}

.c_green, .c-green {
  color: #41c156 !important;
}

.c_primary, .c-primary {
  color: #f37938 !important;
}

.c_9, .c-9 {
  color: #999 !important;
}

.c_6, .c-6 {
  color: #666 !important;
}

.c_b2, .c-b2 {
  color: #b2b2b2 !important;
}

.c_1e, .c-1e {
  color: #1e1e1e !important;
}

.c_e7, .c-e7 {
  color: #e7e7e7 !important;
}

.bg-white {
  background-color: #fff !important;
}

.f24 {
  font-size: .24rem !important;
}

.f26 {
  font-size: 0.26rem !important;
}

.f28 {
  font-size: 0.28rem !important;
}

.f30 {
  font-size: 0.3rem !important;
}

.f34 {
  font-size: 0.34rem !important;
}

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

.f38 {
  font-size: 0.38rem !important;
}

.f40 {
  font-size: 0.4rem !important;
}

.f44 {
  font-size: 0.44rem !important;
}

.f45 {
  font-size: 0.45rem !important;
}

.f50 {
  font-size: 0.5rem !important;
}

.f54 {
  font-size: 0.54rem !important;
}

.f55 {
  font-size: 0.55rem !important;
}

.f60 {
  font-size: 0.6rem !important;
}

.f70 {
  font-size: 0.7rem !important;
}

.f74 {
  font-size: 0.74rem !important;
}

.top-0 {
  top: 0 !important;
}

.mt10 {
  margin-top: .1rem !important;
}

.mt15 {
  margin-top: .15rem !important;
}

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

.mt25 {
  margin-top: .25rem !important;
}

.mt30 {
  margin-top: .3rem !important;
}

.mt35 {
  margin-top: .35rem !important;
}

.mt40 {
  margin-top: .4rem !important;
}

.mt50 {
  margin-top: .5rem !important;
}

.mt1r {
  margin-top: 1rem !important;
}

.mt150 {
  margin-top: 1.5rem !important;
}

.mt190 {
  margin-top: 1.9rem !important;
}

.mt300 {
  margin-top: 3rem !important;
}

.t270 {
  top: 2.7rem !important;
}

.t186 {
  top: 1.86rem !important;
}

.mr10 {
  margin-right: .1rem !important;
}

.mr20 {
  margin-right: .2rem !important;
}

.mr30 {
  margin-right: .3rem !important;
}

.mr40 {
  margin-right: .4rem !important;
}

.ml10 {
  margin-left: .1rem !important;
}

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

.ml30 {
  margin-left: .3rem !important;
}

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

.mb10 {
  margin-bottom: .1rem !important;
}

.mb20 {
  margin-bottom: .2rem !important;
}

.mb30 {
  margin-bottom: .3rem !important;
}

.mb40 {
  margin-bottom: .4rem !important;
}

.mb60 {
  margin-bottom: .6rem !important;
}

.mb150 {
  margin-bottom: 1.5rem !important;
}

.mb250 {
  margin-bottom: 2.5rem !important;
}

.mb190 {
  margin-bottom: 1.9rem !important;
}

.mb300 {
  margin-bottom: 3rem !important;
}

.largeLength {
  margin-left: -.1rem;
}

.pt10 {
  padding-top: .1rem !important;
}

.pt20 {
  padding-top: .2rem !important;
}

.pt25 {
  padding-top: .25rem !important;
}

.pt30 {
  padding-top: .3rem !important;
}

.pt40 {
  padding-top: .4rem !important;
}

.pt50 {
  padding-top: .5rem !important;
}

.pt1r {
  padding-top: 1rem !important;
}

.pr10 {
  padding-right: .1rem !important;
}

.pr20 {
  padding-right: .2rem !important;
}

.pr30 {
  padding-right: .3rem !important;
}

.pr40 {
  padding-right: .4rem !important;
}

.pr50 {
  padding-right: .5rem !important;
}

.pb10 {
  padding-bottom: .1rem !important;
}

.pb20 {
  padding-bottom: .2rem !important;
}

.pb30 {
  padding-bottom: .3rem !important;
}

.pb40 {
  padding-bottom: .4rem !important;
}

.pl10 {
  padding-left: .1rem !important;
}

.pl20 {
  padding-left: .2rem !important;
}

.pl30 {
  padding-left: .3rem !important;
}

.pl40 {
  padding-left: .4rem !important;
}

.pl50 {
  padding-left: .5rem !important;
}

.pl60 {
  padding-left: .6rem !important;
}

.pl70 {
  padding-left: .7rem !important;
}

.pl80 {
  padding-left: .8rem !important;
}

.pl90 {
  padding-left: .9rem !important;
}

.pl100 {
  padding-left: 1rem !important;
}

.break-word {
  word-wrap: break-word;
  line-height: 1.2;
}

.ellipsis {
  display: block !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99;
}

.main-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #000;
  z-index: 999;
}

.delete-line {
  text-decoration: line-through;
}

.scroller-box, .scroller-x {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.scroller-y {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.scroller-x::-webkit-scrollbar,
.scroller-y::-webkit-scrollbar,
.scroller-box::-webkit-scrollbar {
  display: none;
}

.touch {
  -webkit-overflow-scrolling: touch;
}

.pof {
  width: 100%;
  position: fixed;
  z-index: 9;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.ftw_6 {
  width: 2.5rem !important;
}

.ftw_5 {
  width: 2.15rem !important;
}

.ftw_3 {
  width: 1.5rem !important;
}

.ftw_2 {
  width: 1.15rem !important;
}

.w400 {
  width: 4rem !important;
}

.w500 {
  width: 5rem !important;
}

.no-sliding {
  position: fixed;
  z-index: 9;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.iphone-x-adaptation {
  position: fixed;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
}

body {
  background-color: #F5F5F5;
}

.main-header {
  width: 100%;
  height: 0.84rem;
}

.main-header-wrap {
  width: 100%;
  height: 0.84rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
}
.main-header-wrap .main-header-content {
  margin: 0 auto;
  width: 4.2rem;
}
.main-header-wrap .main-header-left, .main-header-wrap .main-header-right {
  position: absolute;
  top: 0;
  height: 0.84rem;
  line-height: 0.84rem;
  font-size: 0.26rem;
  color: #f37938;
}
.main-header-wrap .main-header-left {
  left: 0.3rem;
  max-width: 1.2rem;
}
.main-header-wrap .main-header-right {
  right: 0.3rem;
  display: block;
  max-width: 1.4rem;
  text-align: right;
}
.main-header-wrap .main-header-right.set-text-link {
  max-width: inherit;
}

.main-header-title {
  width: 4.2rem;
  font-size: 0.34rem;
  text-align: center;
  font-weight: normal;
  color: #f37938;
  line-height: .84rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main-header-title-2 {
  padding-top: .1rem;
}
.main-header-title-2 p {
  width: 4.2rem;
  line-height: .36rem;
  text-align: center;
  font-weight: normal;
  color: #f37938;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main-header-tab {
  display: flex;
  width: 3.6rem;
  height: .5rem;
  line-height: .48rem;
  margin: .16rem auto 0;
}
.main-header-tab .main-header-tab-list {
  flex: 1;
  font-size: .28rem;
  text-align: center;
  color: #f37938;
  border: 1px solid #f37938;
}
.main-header-tab .main-header-tab-list.active {
  color: #fff;
  background-color: #f37938;
}
.main-header-tab .main-header-tab-list:first-child {
  border-radius: .08rem 0 0 .08rem;
}
.main-header-tab .main-header-tab-list:last-child {
  border-radius: 0 .08rem .08rem 0;
}

.header-text-link {
  display: inline-block;
  padding: 0 .1rem;
  color: #f37938;
}
.header-text-link:hover {
  color: #f37938;
}

.main-header-back {
  display: inline-block;
  width: .5rem;
  height: .84rem;
}
.main-header-back:after {
  position: absolute;
  content: "";
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  border-left: 0.04rem solid #f37938;
  border-bottom: 0.04rem solid #f37938;
  top: 0.30rem;
  left: 0.15rem;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  /* Safari 和 Chrome */
}

.head-icon {
  display: inline-block;
  width: .6rem;
  height: .84rem;
  text-align: center;
  vertical-align: top;
}
.head-icon:before {
  display: inline-block;
}

.head-icon-search:before {
  padding-top: .21rem;
  content: "\E6A6";
  font-size: .42rem;
  font-family: "iconfont" !important;
  font-style: normal;
  width: 0.42rem;
  height: 0.42rem;
  line-height: 0.42rem;
  text-align: center;
  overflow: hidden;
}

.head-icon-screen:before {
  padding-top: .24rem;
  content: "\E611";
  font-size: .42rem;
  font-family: "iconfont" !important;
  font-style: normal;
  width: 0.42rem;
  height: 0.42rem;
  line-height: 0.42rem;
  text-align: center;
  overflow: hidden;
}

.head-icon-more:before {
  padding-top: .18rem;
  content: "\E605";
  font-size: .42rem;
  font-family: "iconfont" !important;
  font-style: normal;
  width: 0.42rem;
  height: 0.42rem;
  line-height: 0.42rem;
  text-align: center;
  overflow: hidden;
}

.head-icon-order:before {
  content: "";
  width: .56rem;
  height: .56rem;
  margin-top: .16rem;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjYwIiBoZWlnaHQ9IjYwIiB2aWV3Qm94PSIwIDAgNjAgNjAiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEsIC5jbHMtMyB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQoKICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KCiAgICAgIC5jbHMtMiwgLmNscy0zIHsKICAgICAgICBmb250LXNpemU6IDI2LjQ3OHB4OwogICAgICB9CgogICAgICAuY2xzLTMgewogICAgICAgIHRleHQtYW5jaG9yOiBtaWRkbGU7CiAgICAgICAgZm9udC1mYW1pbHk6ICJQaW5nRmFuZyBTQyI7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnPgogICAgPHBhdGggZD0iTTQyLjY1MSwyNS4yMzMgQzQxLjkzMSwyNS4yMzMgNDEuMzAyLDI0LjU5OCA0MS4zMDIsMjMuODczIEw0MS4zMDIsMTUuNzA4IEwzNC41NTYsOS42MzEgTDE0LjU4Nyw5LjYzMSBDMTMuNTA4LDkuNjMxIDEyLjY5OCwxMC41MzggMTIuNjk4LDExLjUzNiBMMTIuNjk4LDQ0LjE5MiBDMTIuNjk4LDQ1LjI4MSAxMy41OTgsNDYuMDk3IDE0LjU4Nyw0Ni4wOTcgTDI0LjY2MSw0Ni4wOTcgQzI1LjM4MSw0Ni4wOTcgMjYuMDExLDQ2LjkxNCAyNi4wMTEsNDcuNjM5IEMyNi4wMTEsNDguMzY1IDI1LjM4MSw0OS4wMDAgMjQuNjYxLDQ5LjAwMCBMMTQuNTg3LDQ5LjAwMCBDMTIuMDY5LDQ5LjAwMCAxMC4wMDAsNDYuOTE0IDEwLjAwMCw0NC4zNzQgTDEwLjAwMCwxMS42MjYgQzEwLjAwMCw5LjA4NiAxMi4wNjksNy4wMDAgMTQuNTg3LDcuMDAwIEwzNS41NDUsNy4wMDAgTDQ0LjAwMCwxNC41MjkgTDQ0LjAwMCwyMy44NzMgQzQ0LjAwMCwyNC41OTggNDMuMzcwLDI1LjIzMyA0Mi42NTEsMjUuMjMzIFpNMjIuNTAzLDI0Ljc4MCBDMjMuMjIyLDI0Ljc4MCAyMy44NTIsMjUuNDE1IDIzLjg1MiwyNi4xNDAgQzIzLjg1MiwyNi44NjYgMjMuMjIyLDI3LjUwMSAyMi41MDMsMjcuNTAxIEwxOC4wMDUsMjcuNTAxIEMxNy4yODYsMjcuNTAxIDE2LjY1NiwyNi44NjYgMTYuNjU2LDI2LjE0MCBDMTYuNjU2LDI1LjQxNSAxNy4yODYsMjQuNzgwIDE4LjAwNSwyNC43ODAgTDIyLjUwMywyNC43ODAgWk0xNi4yMDYsMTcuMDY5IEMxNi4yMDYsMTYuMzQzIDE2LjgzNiwxNS43MDggMTcuNTU2LDE1LjcwOCBMMzMuNzQ2LDE1LjcwOCBDMzQuNDY2LDE1LjcwOCAzNS4wOTUsMTYuMzQzIDM1LjA5NSwxNy4wNjkgQzM1LjA5NSwxNy43OTUgMzQuNDY2LDE4LjQzMCAzMy43NDYsMTguNDMwIEwxNy41NTYsMTguNDMwIEMxNi44MzYsMTguNDMwIDE2LjIwNiwxNy43OTUgMTYuMjA2LDE3LjA2OSBaIiBjbGFzcz0iY2xzLTEiLz4KICAgIDx0ZXh0IHRyYW5zZm9ybT0idHJhbnNsYXRlKDM4IDQyKSBzY2FsZSgwLjUzKSIgY2xhc3M9ImNscy0yIj48dHNwYW4geD0iMCIgY2xhc3M9ImNscy0zIj7orqLljZU8L3RzcGFuPjwvdGV4dD4KICA8L2c+Cjwvc3ZnPgo=) no-repeat center center;
  background-size: 100% 100%;
}

.head-icon-i {
  padding: .1rem 0 0;
}
.head-icon-i:before {
  content: "";
  width: .34rem;
  height: .34rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCODBGMTJFM0U1MzAxMUU3QkU3MzkwQ0NGMzc5N0FGRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCODBGMTJFNEU1MzAxMUU3QkU3MzkwQ0NGMzc5N0FGRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI4MEYxMkUxRTUzMDExRTdCRTczOTBDQ0YzNzk3QUZEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI4MEYxMkUyRTUzMDExRTdCRTczOTBDQ0YzNzk3QUZEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+lPoQ8wAAArZJREFUeNrEmD1vE0EQhm2LQJVAkdxFFEAcUYFEBBICCSfpQKQBKY1ducZJ6BGY8APgL6RB4qOBBEdAw2cRCRGgCBQgQaAJqUxsmpgQ8670LhqWGM/uQVjpkX13OzPv7t3tzly62WymPFoEToIhsB/sAV28VgOLYAE8BvfAZ7VnI0RBDtwB35r6tkabnCZGuw5ZUBHOGzyeAEdBDLaRmOcm2Kch7Cr0FSQkD1boqAougR7lDBoi2lTpw/gq+Aopi9HcBL0eAlx66cO2slbIOXGPSwkEuJTo07Tz7YTkhYjRvyjCMirE5FsJ6QM1dhr7ByIsY4xRY8zfhFTEM+HrvAvcAl/BnAzQghvibfpFyDHxdoQ8mFecNeRBm/6xeJtyUsgMT04GTve8I2RVYTPJvtNWSMQVs+G5TkiuOUJeKmx6GNPEjsyJonu/AtgF3tDPEjistLPPZTHDDcy0+6nw9ombYD/IgmdKOxtzeAsdmPYilaytg/eeNvP83ZfhVm7a2wQiiqBqNnPw0MPuHX/7zIx08mAlIPgBcEoMJsVcRNtszE4jJB0wAwNgqsW12yFTam5Nnf+3e9i94gBOO+e/8Jq22Zh1I+QDD/YGDGSHc/zI097GXDRCXvPgUICQIed42tP+IH8XMmIUxwOEDCeckRM/H3BuQCFL/EDAsu4u8auMHZsZWWbq3wFKbUZwGTwnM861nWAOjChn4wzYytjLslywaUD8h1GsK8qIq4rZaJkGaBOjp4pa5qxCiE2MZjfK0LL/IVXMtkqeC5uYPBfalRMXNqGcKIcUWNcTFlgxfXgXWPI21cXbdBF0ewjopo19O+ohJaelf4Mi3FT44+AI890OEvHcOPvIInyWvoK/BlgG6XzN47PEd9oMamKkAz7UjIgPNbvFVm6SnI/8UPME3AVLWsc/BBgAzFGwUgYo4hEAAAAASUVORK5CYII=) no-repeat;
  background-size: cover;
}

.header-prdCode {
  padding-bottom: 0.28rem;
  font-size: .24rem;
  background: #fff;
  color: #f37938;
  text-align: center;
}

.head-primary .header-prdCode {
  background: #f37938;
  color: #fff;
}
.head-primary .main-header-wrap {
  background-color: #f37938;
  border-bottom: 1px solid #f37938;
}
.head-primary .main-header-left, .head-primary .main-header-right {
  color: #fff;
}
.head-primary .main-header-title, .head-primary .main-header-title-2 p {
  color: #fff;
}
.head-primary .header-text-link {
  color: #fff;
}
.head-primary .header-text-link:hover {
  color: #fff;
}
.head-primary .main-header-back:after {
  border-color: #fff;
}
.head-primary .main-header-tab .main-header-tab-list {
  color: #fff;
  border: 1px solid #fff;
}
.head-primary .main-header-tab .main-header-tab-list.active {
  color: #f37938;
  background-color: #fff;
}

.page-foot {
  padding: 0.3rem 0;
  background-color: #F5F5F5;
}

.page-foot p {
  color: #B2B2B2;
  text-align: center;
  font-size: 0.26rem;
}

.lib-card-list {
  background-color: #fff;
}

.lib-card-head {
  height: 0.90rem;
  padding: 0 0.4rem;
  display: table;
  width: 100%;
  table-layout: fixed;
  position: relative;
  border-bottom: 1px solid #e7e7e7;
}
.lib-card-head .div-td {
  display: table-cell;
  vertical-align: middle;
}

.lib-card-head-title {
  display: table-cell;
  color: #1e1e1e;
  font-size: 0.30rem;
  text-align: left;
  vertical-align: middle;
}

.lib-card-head-end {
  display: table-cell;
  font-size: 0.24rem;
  text-align: right;
  vertical-align: middle;
}

.lib-card-list-text {
  padding: 0 0.4rem;
  color: #999;
  font-size: 0.24rem;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.lib-card-list-text .left, .lib-card-list-text .right, .lib-card-list-text .div-td {
  display: table-cell;
  vertical-align: top;
  font-size: 0.28rem;
}
.lib-card-list-text .right {
  text-align: right;
}
.lib-card-list-text .tip {
  color: #f37938;
}

.lib-card-list-item {
  padding: 0.3rem 0.4rem;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  background: #fff;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.lib-card-list-item .left, .lib-card-list-item .right, .lib-card-list-item .div-td {
  display: table-cell;
  vertical-align: middle;
  font-size: 0.26rem;
  position: relative;
}

.lib-auto-list-box {
  background-color: #fff;
}

.lib-auto-list:after {
  content: "";
  display: table;
  clear: both;
}

.lib-auto-list-item {
  float: left;
  font-size: 0.3rem;
}
.lib-auto-list-item .lib-auto-list-tip {
  float: right;
}

.lib-flex-box {
  background-color: #fff;
}

.lib-flex-head, .lib-flex-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  min-height: .9rem;
}

.lib-flex-item, .lib-flex-list-auto, .lib-flex-list-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: .3rem;
}

.lib-flex-item {
  max-width: 80%;
}

.lib-flex-list-auto, .lib-flex-list-right {
  -webkit-box-flex: 1;
  width: 20%;
  -webkit-flex: 1;
  flex: 1;
  max-width: 100%;
}

.lib-flex-list-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.lib-flex-tips {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.lib-flex-tips .lib-flex-text {
  -webkit-box-flex: 1;
  width: 20%;
  -webkit-flex: 1;
  flex: 1;
  max-width: 100%;
}

.pagetip {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pagetip .pagetip-cont {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0.08rem;
  padding: 0.4rem 0.3rem;
  position: absolute;
  z-index: 100;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.3rem;
  color: #fff;
  width: 5rem;
  text-align: center;
}

#riskMask-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  top: 0;
}

#riskMask-cont {
  display: none;
  position: fixed;
  z-index: 10000;
  background: #FFF;
  width: 6rem;
  min-height: 2.5rem;
  top: 5rem;
  left: 0.77rem;
  border-radius: 0.1rem;
}

#riskMask-p {
  text-align: center;
  font-size: 0.32rem;
  padding: 0.35rem 0.2rem 0 0.2rem;
  margin: 0 0 1.3rem 0;
  line-height: 1.5;
}

#riskMask-btnBox {
  display: flex;
  display: -webkit-flex;
  position: absolute;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  bottom: 0;
  font-size: 0.32rem;
  border-top: 1px solid #d8d8d8;
  color: #929292;
}

.riskMask-btn {
  flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  text-align: center;
}

.riskMask-btn2 {
  flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  text-align: center;
  color: #ff662a;
  border-left: 1px solid #d8d8d8;
}

.rule-box {
  padding: 0 0.4rem;
  background: #fff;
}
.rule-box dl {
  padding: 0.2rem 0;
}
.rule-box dl:not(:first-child) {
  border-top: 1px solid #e7e7e7;
}
.rule-box dl dt {
  padding-bottom: .15rem;
  font-size: .34rem;
  color: #1e1e1e;
}
.rule-box dl dd {
  font-size: .3rem;
  color: #666;
  line-height: .45rem;
}
.rule-box dl p {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.rule-box dl p .txt-dt {
  white-space: nowrap;
}
.rule-box dl p .txt-de {
  -webkit-box-flex: 1;
  width: 20%;
  -webkit-flex: 1;
  flex: 1;
  max-width: 100%;
}
.rule-box dl .disc {
  margin-right: .1rem;
  display: inline-block;
  height: 0.34rem;
  line-height: .3rem;
  width: 0.34rem;
  font-size: .28rem;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.lib-flex-tab-area {
  height: 0.8rem;
}

.lib-flex-tab-nav {
  width: 100%;
  height: 0.8rem;
  background: #fff;
}
.lib-flex-tab-nav.pos-fixed {
  position: fixed;
  z-index: 102;
  left: 0;
  right: 0;
}
.lib-flex-tab-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.lib-flex-tab-nav ul li {
  -webkit-box-flex: 1;
  width: 20%;
  -webkit-flex: 1;
  flex: 1;
  max-width: 100%;
  font-size: .3rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
}
.lib-flex-tab-nav ul li.active {
  border-bottom: 0.04rem solid #f37938;
  color: #f37938;
}
.lib-flex-tab-nav ul li.active .lib-flex-tab-nav-more {
  color: #f37938;
}
.lib-flex-tab-nav ul li.active .lib-flex-tab-nav-more .card-arrow-bottom:after {
  color: #f37938;
}

.lib-flex-tab-nav.aldweb {
  top: 0;
}

.lib-flex-tab-nav-more {
  position: relative;
  display: inline-block;
  padding-right: 0.4rem;
  color: #1e1e1e;
}
.lib-flex-tab-nav-more .card-arrow-bottom:after {
  border-color: #1e1e1e;
  color: #666;
}

.lib-card-tip-text {
  position: relative;
  font-size: .28rem;
  padding: .2rem .4rem;
  background-color: #fffbf4;
  border-top: 1px solid #ffe8dc;
  border-bottom: 1px solid #ffe8dc;
  color: #f37938;
}

.lib-bottom-tips {
  line-height: .36rem;
  font-size: .26rem;
  color: #b2b2b2;
  padding: 0 .4rem;
}

.lib-transition-box {
  line-height: .4rem;
  font-size: .3rem;
  color: #1e1e1e;
  text-align: center;
  padding: 5.4rem 1.4rem 0;
  background: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/icon-pabankLogo.png) no-repeat center 3.7rem;
  background-size: 1.4rem 1.4rem;
}
.lib-transition-box .transition-tip {
  display: inline-block;
  text-align: left;
}

.test-select-area {
  position: fixed;
  top: 4rem;
  right: 0;
  padding: .08rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: .1rem;
}
.test-select-area .select-environment {
  width: 1.1rem;
  height: .7rem;
  font-size: .3rem;
  color: #1e1e1e;
  border: 1px solid #e7e7e7;
  background: #fff;
}

.page-warn {
  color: #f37938;
  background-color: #faeaca;
  text-align: center;
  padding: .06rem 0;
}

.lib-search-wrap {
  height: .9rem;
}

.lib-search-area {
  width: 100%;
  padding: .15rem .3rem;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.lib-search-area .lib-search-box {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.lib-search-area .lib-ipt-box {
  -webkit-box-flex: 1;
  width: 20%;
  -webkit-flex: 1;
  flex: 1;
  max-width: 100%;
  position: relative;
}
.lib-search-area .lib-search-back {
  position: relative;
  width: .5rem;
  height: .6rem;
}
.lib-search-area .lib-search-back:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  width: .2rem;
  height: .2rem;
  border-top: 0.04rem solid #f37938;
  border-left: 0.04rem solid #f37938;
}
.lib-search-area .lib-search-btn {
  font-size: .3rem;
  color: #f37938;
  margin-left: .25rem;
}
.lib-search-area .lib-search-input {
  display: block;
  width: 100%;
  height: .6rem;
  line-height: .38rem;
  padding: .1rem .75rem;
  font-size: .26rem;
  border-radius: .3rem;
  border: 1px solid #e7e7e7;
  background: #f8f8f8;
}
.lib-search-area .lib-ico-search {
  position: absolute;
  top: 50%;
  left: .3rem;
  transform: translateY(-50%);
  width: .32rem;
  height: .32rem;
  display: inline-block;
}
.lib-search-area .lib-ico-search:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/ico-search.svg) no-repeat;
  background-size: contain;
}
.lib-search-area .lib-ico-close {
  position: absolute;
  top: 50%;
  right: .25rem;
  transform: translateY(-50%);
  width: .24rem;
  height: .24rem;
  display: inline-block;
}
.lib-search-area .lib-ico-close:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2IyYjJiMjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPHBhdGggZD0iTTEyLjAwMCwyNC4wMDAgQzUuMzcyLDI0LjAwMCAwLjAwMCwxOC42MjggMC4wMDAsMTIuMDAwIEMwLjAwMCw1LjM3MiA1LjM3MiwwLjAwMCAxMi4wMDAsMC4wMDAgQzE4LjYyOCwwLjAwMCAyNC4wMDAsNS4zNzIgMjQuMDAwLDEyLjAwMCBDMjQuMDAwLDE4LjYyOCAxOC42MjgsMjQuMDAwIDEyLjAwMCwyNC4wMDAgWk0xNy42NTcsNy43NTcgTDE2LjI0Myw2LjM0MyBMMTIuMDAwLDEwLjU4NiBMNy43NTcsNi4zNDMgTDYuMzQzLDcuNzU3IEwxMC41ODYsMTIuMDAwIEw2LjM0MywxNi4yNDIgTDcuNzU3LDE3LjY1NiBMMTIuMDAwLDEzLjQxNCBMMTYuMjQzLDE3LjY1NiBMMTcuNjU3LDE2LjI0MiBMMTMuNDE1LDEyLjAwMCBMMTcuNjU3LDcuNzU3IFoiIGNsYXNzPSJjbHMtMSIvPgo8L3N2Zz4K) no-repeat;
  background-size: 100%;
}
.lib-search-area input::-webkit-input-placeholder {
  font-size: .26rem;
  color: #b2b2b2;
}
.lib-search-area.fixed-top {
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
}
.lib-search-area.theme-orange {
  background: #f37938;
}
.lib-search-area.theme-orange .lib-search-input {
  border-color: #f37938;
  background: #fff;
}
.lib-search-area.theme-orange .lib-search-btn {
  color: #fff;
}
.lib-search-area.theme-orange .lib-search-back:before {
  border-top: 0.04rem solid #fff;
  border-left: 0.04rem solid #fff;
}

.icon {
  position: relative;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  content: ' ';
  background-size: 100%;
  background-origin: content-box;
  background-repeat: no-repeat;
  background-position: center center;
}

.icon-checked {
  width: .42rem;
  height: .42rem;
}

.icon-checked:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAESklEQVRYhcXZS6hVVRzH8c853lLIB2QiFQ0C08LykYbaLHXiQJsYSURQQZmWkFEioV617EUve9mLIAchNgkHRi9nXaV7U8so7UJCVEhJdVPKFzb4r31enXPP455z+0322Xvttf7fs9ba//Vf/5Xr7e3Voi7EPNyEaZiMSzE6lZ/ALziCr7AHPTjdirFcC6AzsRxLcXGTdX/HTmzD/mYqNgM6HVuwCLn07BA+FT31HX4UPUn07BWYghuxANemsvP4EGtxsF2goxLgA+jCSbyBd/B1I0ZKdB3uxD24CGfxcgL+Zyigk8RQzcA5vIpN+K1JwEqNxwaswAgcwC3or1UhP0hjN+DzBPm9+HBWtQESjqe25qa2Z2Av5jQLOgefYQJ2Yza+aANgpXpT27tFL3+iBmw10EnYJT6GHbgZAx2AzDSQbOxINnclhjJVgo4Sc3JCqnAHznQQMtOZZGtXsr0zsRRUCbpFzJd+3K5F59yiTieb/Ynh8dLCUtDpwgWdwzKdHe5aGki2z4mPbVpWUAq6RfjJ19A3nHQV6hNusCsxoehHZ6YXTuJK7XFBQ9El+EEsCrOwP+vRlWJZfMv/D0kwvCmYVhJDP1IEGPD2MEDk8LRYMl8Y5L2MZSlG5oWDHYdvRJDRSeWwFQ+LDrprkHcznnGYk8f8VPBxJwkVIe8vefZUnTqfpOv8LuGWiLW2U8rhJWm+JT2mwldWUcY0PS8ic/i2vWwF1YJc10DdjGlyHhPTzc/tYyuoGuRmjUHCT+k6sQtj0s1f7WErKCeC4hUlzzZjfRNtZExjSlem83UqbcUfWNOAgWqQmzQHWaa8IvXYOu/eK1zFk+ge5L1akBta4CuMdh7H0s1ldSo9V/J7AzbWgHylAnJji5Bweboey4t9N1xTp9Ja5SvJeuWwGeR9FZDdLULC1el6JK+4XZ3bQMUH8XzJ/XoxrDkR8ZRCdg8RspTpYF7sjWBhg5VXK4ddJ/ZTy0uedas+NZpVxrQnj334UyQHpjbYwGrlc3ZWye9a87dZTRV5gAHszeMU3k+FdzfR0EPKYQnITUMlrGDZiVNZ4Hy9CJxPaD5w3obb8Ixw6O1QFjiPFtvpvszhf4mPUkGzTnm58MHtgiTm/ejE1Ef5nmmNyAWtUD7nhluzRGxwFo9kD0tBD4gAYgTeU3+l6oTGJtsjEksh01e5r39UAF+F7bhgmAAlW9uT7YOJpaBK0L9FVu1XLMG7hgc2g1ySbC9NLAVVyz31Y7HYOi/DBzo7DcYmG7cmm4tVST/WyubtExni4yLDnGXd2q3Zqe1FydaCZPs/Giw/uk/kRLM524MXRXpwqBqf2upJbR8Q6fOqkPVAKSZws6hpFY7iWcV8fDOamuoeTW1Jbc9TjOKqqtnDhifEMGU6JLa0PTgsDhsK2wdx2DBZ9NZC5X9utzYfNlSqHcc3r4vVsGG1Apqp8kBsiuoHYoe14UDsX14FBZg6j66/AAAAAElFTkSuQmCC);
}

.icon-checked.checked:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDAgMTQwIj4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjM2JiNDcwOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8cGF0aCBkPSJNNzAuMDAwLDEzOS45NjkgQzMxLjM0MCwxMzkuOTY5IC0wLjAwMCwxMDguNjI5IC0wLjAwMCw2OS45NjkgQy0wLjAwMCwzMS4zMDkgMzEuMzQwLC0wLjAzMSA3MC4wMDAsLTAuMDMxIEMxMDguNjYwLC0wLjAzMSAxNDAuMDAwLDMxLjMwOSAxNDAuMDAwLDY5Ljk2OSBDMTQwLjAwMCwxMDguNjI5IDEwOC42NjAsMTM5Ljk2OSA3MC4wMDAsMTM5Ljk2OSBaTTcwLjAwMCw3Ljk2OSBDMzUuNzU4LDcuOTY5IDguMDAwLDM1LjcyNyA4LjAwMCw2OS45NjkgQzguMDAwLDEwNC4yMTAgMzUuNzU4LDEzMS45NjkgNzAuMDAwLDEzMS45NjkgQzEwNC4yNDIsMTMxLjk2OSAxMzIuMDAwLDEwNC4yMTAgMTMyLjAwMCw2OS45NjkgQzEzMi4wMDAsMzUuNzI3IDEwNC4yNDIsNy45NjkgNzAuMDAwLDcuOTY5IFpNNjkuODc5LDk0LjM4MCBDNjcuOTI2LDk2LjMzMyA2NC43NjEsOTYuMzMzIDYyLjgwOCw5NC4zODAgTDQxLjU5NCw3My4xNjYgQzM5LjY0Miw3MS4yMTQgMzkuNjQyLDY4LjA0OCA0MS41OTQsNjYuMDk1IEM0My41NDcsNjQuMTQyIDQ2LjcxMyw2NC4xNDIgNDguNjY1LDY2LjA5NSBMNjYuMzQzLDgzLjc3MyBMOTUuMzM1LDU0Ljc4MSBDOTcuMjg3LDUyLjgyOCAxMDAuNDUzLDUyLjgyOCAxMDIuNDA1LDU0Ljc4MSBDMTA0LjM1OCw1Ni43MzQgMTA0LjM1OCw1OS45MDAgMTAyLjQwNSw2MS44NTIgTDY5Ljg3OSw5NC4zODAgWiIgY2xhc3M9ImNscy0xIi8+Cjwvc3ZnPgo=);
}

.icon-checked.primary:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAADzUlEQVRYhc3ZW4jUZRjH8c9/dnZ2wRHJEIlECMSKyvVA7W5hmVtZ1kYHJYK6swNIRzuwE9RV02WJ0cFDSTcRRl2YRrUqReWs4WG7KrW6ihAxqV3T2XWri//s7MwwZ2dGfzAw7/s+z/N++b8vz//9P28wMtCtTsXQi5uxAPNxCeKZ8VH8gcP4EXuwF2O5QeLJVFWTResAXITHsQozy9jNzPyuwr14BSexDe/gYC2TRmqw7cIO7MejFSBL6aKM737szMSsSkEVS9+JJJ5Q3wqU01m8iYF4MnWmnGGlJzpPuK+e0XhImZhPY+9oomdeOcNyoNfieyxsIFgpLURqNNFTcnlLgXZjN2Y1g6qELsZgKdhioPOw3VSaaaXi2F5sGxSCdgrTRyufZKFmYdtooqczt7MQNKk1e7KSFuLV3I5c0C5hCrpQ9ORoomfBZCMXNKk5KaheRYVMmAJdhDvOC055rRxN9CxiCnQtgvPHU1KBkE0wMtDdgWOY0ZqpA7Hb14r1PmB83yfSn71eyeMvzI4Ik3vLIDvuelZs6UNE20WX9FfjNQPdESxvLl1GGcj23tXZrvFvPqjWe3lUDUetuhUEOvrXae9Zle0a2/O+sT1bq43QFRGezJunUpBfvVtLlPlRzG40W1bFIHe/Z2xwY62RZkcxvZFsWQWBjv7ntPfcn+2qExKmV/0p0tG/zrSXB8VuerhOyC31QiJM+CPVGLZfd4+gMy62Yq1Y35o6IDfVDYmRiDDZV9TYtx9m/8f61ojd8khxyLufz4fctflcIeFYW2LpnFtxRSXLiV9+EHTGtc29GrRdtpggMPHrgXzI7vvyIXdtPldI+K4tsXTOlVhWjfXEkZSgc5q2udfkwEZM/HagmZDwUTAy0H0jvq7Fq+POp7Tf8GC2/e/vP4lcOrUoDYaEZREMCV/8VSu9Y73xnD2bBzm4qdGQfyMVQRof1+qd3pkPSwZy95bG4E1pWzyZSk/m0bfqiZDeud74vk/9l/7H2ODGZkDC2+SXdL7Abc2Y6Rz0ZTyZWkH+N9OLwlrQhaKzeGGykQt6CBtajlNaG+LJ1PBko/Bd/5IQ+HxrWMiSVSHoaazG8VYRFdFxrIonU6dzO4udno6iH6daQVWgU+iPJ1NHCwdKHfOG0IcTzaQq0An0xZOpoWKD5c6jQ8LLhFbs2UO4vhQklSvOR4Swb2hO6jqbid0bT6YOlzOsptZ0Rlga34rXNK7087mwdj9c0VJttyLDWInF2Ig/a2dzMuO7JBOrKkjqq94dxGPCEmXuhdjlil+I/azMhVi1+h9liQ2HE5jhXAAAAABJRU5ErkJggg==);
}

.icon-arrow-up,
.icon-arrow-right,
.icon-arrow-down,
.icon-arrow-left {
  width: .2rem;
  height: .2rem;
}
.icon-arrow-up:before,
.icon-arrow-right:before,
.icon-arrow-down:before,
.icon-arrow-left:before {
  width: 100%;
  height: 100%;
  left: 0;
  border-left: 0.03rem solid #b2b2b2;
  border-top: 0.03rem solid #b2b2b2;
}

.icon-arrow-up:before {
  transform: rotate(45deg);
}

.icon-arrow-right:before {
  transform: rotate(135deg);
  top: -2px;
}

.icon-arrow-down:before {
  transform: rotate(-135deg);
}

.icon-arrow-left:before {
  transform: rotate(-45deg);
  top: -2px;
}

.icon-arrow:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMy4wMyAyNCI+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzc4Nzg3ODsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPHBhdGggZD0iTTEyLjk5MSwxMS45NjEgQzEzLjAwOCwxMi4yNDUgMTIuOTE4LDEyLjUzNSAxMi43MDEsMTIuNzUyIEwxLjc1MiwyMy43MDEgQzEuMzQ4LDI0LjEwNCAwLjY5NiwyNC4xMDQgMC4yOTIsMjMuNzAxIEMtMC4xMTEsMjMuMjk3IC0wLjExMSwyMi42NDQgMC4yOTIsMjIuMjQxIEwxMC40OTgsMTIuMDM0IEwwLjI5NywxLjg2MSBDLTAuMTMwLDEuNDM0IC0wLjEzMCwwLjc0MyAwLjI5NywwLjMxNiBDMC43MjQsLTAuMTEwIDEuNDE4LC0wLjExMCAxLjg0NiwwLjMxNiBMMTIuNjgyLDExLjEyNSBDMTIuOTEyLDExLjM1NSAxMy4wMDgsMTEuNjYwIDEyLjk5MSwxMS45NjEgWiIgY2xhc3M9ImNscy0xIi8+Cjwvc3ZnPgo=);
  background-size: .16rem .24rem;
  margin-top: -2px;
}

.icon-search:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy45NyAyMy40MzgiPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICM5Njk2OTY7CiAgICAgICAgb3BhY2l0eTogMC41OwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8cGF0aCBkPSJNNC4xMDEsMTUuNjMxIEMwLjgzMSwxMi40MzUgMC44MzEsNy4yMzYgNC4xMDEsNC4wNDEgQzUuNjg2LDIuNDkxIDcuNzkyLDEuNjM5IDEwLjAzNCwxLjYzOSBDMTIuMjc0LDEuNjM5IDE0LjM3OSwyLjQ5MSAxNS45NjQsNC4wNDEgQzE5LjIzNSw3LjIzNiAxOS4yMzUsMTIuNDM1IDE1Ljk2NCwxNS42MzEgQzE0LjM3OSwxNy4xNzggMTIuMjc0LDE4LjAzMSAxMC4wMzIsMTguMDMxIEM3Ljc5MiwxOC4wMzEgNS42ODYsMTcuMTc4IDQuMTAxLDE1LjYzMSBMNC4xMDEsMTUuNjMxIEw0LjEwMSwxNS42MzEgWk0yMy45NjgsMjIuMjkyIEwxNy42ODMsMTYuMTUyIEMyMS4wMjcsMTIuMjg4IDIwLjg3OSw2LjUyMyAxNy4xNTEsMi44ODEgQzE1LjE4NCwwLjk2MCAxMi42MDksMC4wMDAgMTAuMDM0LDAuMDAwIEM3LjQ1OCwwLjAwMCA0Ljg4MSwwLjk2MCAyLjkxNiwyLjg4MSBDLTEuMDE1LDYuNzIxIC0xLjAxNSwxMi45NDggMi45MTYsMTYuNzkwIEM0Ljg4MSwxOC43MTAgNy40NTgsMTkuNjcxIDEwLjAzMiwxOS42NzEgQzEyLjM0MiwxOS42NzEgMTQuNjI3LDE4Ljg1NiAxNi40OTcsMTcuMzExIEwyMi43ODMsMjMuNDUxIEwyMy45NjgsMjIuMjkyIEwyMy45NjgsMjIuMjkyIFoiIGNsYXNzPSJjbHMtMSIvPgo8L3N2Zz4K);
  background-size: 100% 100%;
}

.icon-close:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2IyYjJiMjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPHBhdGggZD0iTTEyLjAwMCwyNC4wMDAgQzUuMzcyLDI0LjAwMCAwLjAwMCwxOC42MjggMC4wMDAsMTIuMDAwIEMwLjAwMCw1LjM3MiA1LjM3MiwwLjAwMCAxMi4wMDAsMC4wMDAgQzE4LjYyOCwwLjAwMCAyNC4wMDAsNS4zNzIgMjQuMDAwLDEyLjAwMCBDMjQuMDAwLDE4LjYyOCAxOC42MjgsMjQuMDAwIDEyLjAwMCwyNC4wMDAgWk0xNy42NTcsNy43NTcgTDE2LjI0Myw2LjM0MyBMMTIuMDAwLDEwLjU4NiBMNy43NTcsNi4zNDMgTDYuMzQzLDcuNzU3IEwxMC41ODYsMTIuMDAwIEw2LjM0MywxNi4yNDIgTDcuNzU3LDE3LjY1NiBMMTIuMDAwLDEzLjQxNCBMMTYuMjQzLDE3LjY1NiBMMTcuNjU3LDE2LjI0MiBMMTMuNDE1LDEyLjAwMCBMMTcuNjU3LDcuNzU3IFoiIGNsYXNzPSJjbHMtMSIvPgo8L3N2Zz4K);
  background-size: 100% 100%;
  background-position: 0 0;
}

.lib-tag-ico-spareMoney {
  display: inline-block;
  width: .73rem;
  height: .29rem;
  background: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/sf_ico_tag.png) no-repeat;
  background-size: cover;
}

.lib-icon-good {
  display: inline-block;
  width: 1.22rem;
  height: .32rem;
  background: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/i-zan.png) no-repeat;
  background-size: 1.2rem .31rem;
}

.lib-icon-good-white {
  display: inline-block;
  width: 1.22rem;
  height: .32rem;
  background: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/i-zan-white.png) no-repeat;
  background-size: 1.2rem .31rem;
}

.card-arrow-up, .card-arrow-right, .card-arrow-bottom, .card-arrow-down, .card-arrow-left {
  display: inline-block;
  width: .3rem;
  height: .5rem;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.25rem;
}
.card-arrow-up:after, .card-arrow-right:after, .card-arrow-bottom:after, .card-arrow-down:after, .card-arrow-left:after {
  position: absolute;
  content: "\E61B";
  font-size: 0.4rem;
  font-family: "iconfont" !important;
  font-style: normal;
  width: 0.3rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  overflow: hidden;
  color: #b2b2b2;
  right: 0;
  top: 50%;
  margin-top: -0.25rem;
}

.card-arrow-right:after {
  text-align: right;
}

.card-arrow-bottom:after {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  /* Safari 和 Chrome */
  margin-top: -0.3rem;
}

.card-arrow-down:after {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  /* Safari 和 Chrome */
  margin-top: -0.3rem;
}

.after-arrow-up, .after-arrow-right, .after-arrow-bottom, .after-arrow-down, .after-arrow-left {
  position: relative;
  padding-right: 0.4rem;
}
.after-arrow-up:after, .after-arrow-right:after, .after-arrow-bottom:after, .after-arrow-down:after, .after-arrow-left:after {
  position: absolute;
  content: "\E61B";
  font-size: 0.4rem;
  font-family: "iconfont" !important;
  font-style: normal;
  width: 0.3rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  overflow: hidden;
  color: #b2b2b2;
  right: 0;
  top: 50%;
  margin-top: -0.25rem;
}

.after-arrow-up:after {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  /* Safari 和 Chrome */
}

.after-arrow-right:after {
  text-align: right;
}

.after-arrow-bottom:after {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  /* Safari 和 Chrome */
  margin-top: -0.3rem;
}

.after-arrow-down:after {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  /* Safari 和 Chrome */
  margin-top: -0.3rem;
}

.icon-i {
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #f37938;
  position: relative;
  top: 2px;
}
.icon-i:before {
  content: '';
  display: block;
  width: 0.09rem;
  height: 0.15rem;
  margin: 0.05rem auto 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAPCAYAAAA2yOUNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mjk0Q0JFNUIxOUYzMTFFNzk0QTNCMzAxMjY5MzExQTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mjk0Q0JFNUMxOUYzMTFFNzk0QTNCMzAxMjY5MzExQTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyOTRDQkU1OTE5RjMxMUU3OTRBM0IzMDEyNjkzMTFBNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyOTRDQkU1QTE5RjMxMUU3OTRBM0IzMDEyNjkzMTFBNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjKykcoAAACqSURBVHjaYvz//z8DFsAIxGFAzAXEKxlAirDgjv8IsAmXoktIin4yMWAHh5HYRxlxuIkNiFOBmAeIZ+BShAKwWacAxPOBGKT7PVgEybH1QHz/PyqYD5JDNmkjEDeimXoQ3SQQVkAzSQHdJBAIQGJfAOIH2Bxuj8Q+AGOwALExELtgMQkUb05AvA/kjuP/cYOnIDeBTOoH4hAg5obqBoHfQPwBiA+BOAABBgBC/7caDNnoFgAAAABJRU5ErkJggg==) no-repeat center center;
  background-size: 0.09rem auto;
}
.icon-i:after {
  content: '';
  position: absolute;
  left: -.06rem;
  top: -.06rem;
  width: .4rem;
  height: .4rem;
  background: rgba(255, 255, 255, 0);
}
.icon-i .icon-i-tip {
  position: absolute;
  top: .4rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.15rem 0.3rem;
  line-height: 1.15;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0.08rem;
  z-index: 10;
  color: #fff;
  font-size: 0.3rem;
  word-wrap: break-word;
  word-break: normal;
  display: none;
  max-width: 4rem;
}
.icon-i .icon-i-tip:before {
  border-bottom: 0.12rem solid rgba(0, 0, 0, 0.8);
  border-left: 0.12rem dashed transparent;
  border-right: 0.12rem dashed transparent;
  position: absolute;
  top: -0.12rem;
  left: 50%;
  transform: translateX(-50%);
}
.icon-i.active .icon-i-tip {
  display: block;
}

.loading {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading .layer {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: block;
  background-color: #fff;
  opacity: .5;
}

.loading-inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: block;
}

.loading-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1.5rem;
}

.loading-text {
  font-size: 0.3rem;
  color: #b2b2b2;
  text-align: center;
}

.loading-img {
  width: 0.84rem;
  height: 0.84rem;
  margin: 0 auto;
  margin-bottom: 0.3rem;
  background-image: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/loading.gif);
  background-size: cover;
}

.loading-img img {
  width: 0.84rem;
  height: auto;
  display: block;
  margin: 0 auto;
}

.load-more {
  height: 0.8rem;
  text-align: center;
  line-height: 0.8rem;
  font-size: 0.3rem;
  color: #6c7684;
}

.load-more-money {
  height: 1.74rem;
}

.pec-loading-mask {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
}

.pec-loading-wait {
  position: fixed;
  z-index: 30;
  top: 50%;
  left: 50%;
  width: 2.00rem;
  height: 2.00rem;
  line-height: 1;
  color: #FFFFFF;
  font-size: 0.3rem;
  text-align: center;
  border-radius: .08rem;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pec-loading-wait .icon-loading-wait {
  width: .84rem;
  height: .84rem;
  display: block;
  margin: .30rem auto;
  background: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/icon-toast-wait.gif) no-repeat;
  background-size: 100% 100%;
}
.pec-loading-wait .icon-loading-close {
  position: absolute;
  top: -.68rem;
  right: -.68rem;
  width: .44rem;
  height: .44rem;
  display: block;
  border: .20rem solid transparent;
  background: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/icon-toast-close.png) no-repeat;
  background-size: 100% 100%;
  -webkit-box-sizing: initial;
  box-sizing: initial;
}

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

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

.pec-pull-refresh .loading-box .icon-loading {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  width: .4rem;
  height: .4rem;
  background: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/icon-loading.gif) no-repeat;
  background-size: 100% 100%;
}

.pec-pull-refresh .loading-box .icon-draw-loading {
  content: "";
  position: absolute;
  z-index: 2;
  display: block;
  width: .4rem;
  height: .4rem;
  background: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/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;
}

.toast-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.toast-box {
  width: 5.9rem;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -2.95rem;
  margin-top: -.7rem;
  padding: .5rem .6rem;
  font-size: .3rem;
  line-height: .4rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: .08rem;
  text-align: center;
  z-index: 999;
}

.dialog {
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.dialog-box {
  position: absolute;
  z-index: 10000;
  left: 50%;
  top: 50%;
  width: 5.9rem;
  margin: 0 auto;
  background-color: #fff;
  border-radius: .1rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.dialog-top {
  position: relative;
}
.dialog-top .dialog-title {
  font-size: .36rem;
  padding: .3rem;
  text-align: center;
  color: #1e1e1e;
  border-bottom: 1px solid #e7e7e7;
}
.dialog-top .dialog-title.no-bd {
  border-bottom: 0 none;
  padding: .5rem .3rem 0;
}
.dialog-top .dialog-title-col {
  position: absolute;
  right: .3rem;
  top: .3rem;
  width: .4rem;
  height: .4rem;
}
.dialog-top .dialog-title-col:after {
  display: block;
  content: "\E612";
  font-size: .3rem;
  font-family: "iconfont" !important;
  font-style: normal;
  width: 0.4rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  overflow: hidden;
  color: #999;
}

.dialog-body {
  padding: 0 .4rem;
}
.dialog-body .dialog-content {
  padding: .6rem .3rem;
  font-size: .3rem;
  line-height: 1.5;
  text-align: center;
}
.dialog-body .dialog-content-text {
  display: inline-block;
  text-align: left;
  color: #666;
}
.dialog-body .go-ppd-text {
  font-size: .26rem;
  color: #4c88bd;
  padding-right: .3rem;
}
.dialog-body .go-ppd-text:after {
  font-size: .3rem;
  color: #4c88bd;
  margin-top: -.22rem;
}
.dialog-body .set-pop-notice {
  position: relative;
  font-size: .3rem;
  color: #666;
  padding-left: .5rem;
}
.dialog-body .set-pop-notice:before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "iconfont" !important;
  font-style: normal;
  width: 0.38rem;
  height: 0.38rem;
  line-height: 0.38rem;
  text-align: center;
  overflow: hidden;
  content: "\E60F";
  line-height: .4rem;
  font-size: .3rem;
  color: rgba(255, 255, 255, 0.5);
  border-radius: .08rem;
  background: #e7e7e7;
}
.dialog-body .set-pop-notice.checked:before {
  color: white;
  background: #f37938;
}

.dialog-foot {
  width: 100%;
  color: #999;
  text-align: center;
  padding: .3rem;
}

.dialog-bottom {
  border-top: 1px solid #e7e7e7;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.dialog-bottom .btnCont {
  display: table-cell;
  padding: .3rem;
  font-size: .3rem;
  text-align: center;
}
.dialog-bottom .btnCont:nth-child(2) {
  border-left: 1px solid #e7e7e7;
}
.dialog-bottom .btnCont.btn-cancel {
  color: #666;
}
.dialog-bottom .btnCont.btn-confirm {
  color: #f37938;
}
.dialog-bottom .btnCont.btn-confirm.disabled {
  color: #dadada;
}

.dialog-btn {
  display: block;
  margin: 0 .4rem;
  font-size: .4rem;
  color: #fff;
  background-color: #f37938;
  text-align: center;
  margin-top: .3rem;
  border-radius: .08rem;
  line-height: .88rem;
}
.dialog-btn:hover, .dialog-btn:active {
  color: #fff;
}

.dialog-old-box {
  width: 5.6rem;
  /*width: 4.9rem;*/
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -2.8rem;
  /*margin-left:-2.45rem;*/
  margin-top: -2.4rem;
  font-size: .28rem;
  color: #1e1e1e;
  background-color: #fff;
  border-radius: .1rem;
  z-index: 100;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dialog-old-body {
  padding: .6rem .4rem .56rem .4rem;
  text-align: center;
  flex: 1 1 auto;
}
.dialog-old-body .dialog-title {
  font-size: .36rem;
  margin: 0 auto .4rem auto;
}
.dialog-old-body p {
  line-height: 1.5;
  text-align: left;
}

.dialog-old-middle {
  line-height: 1.3;
}

.dialog-old-bottom {
  align-self: flex-end;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  border-top: 1px solid #e7e7e7;
}
.dialog-old-bottom .dialog-col {
  display: table-cell;
  padding: .3rem;
  box-sizing: border-box;
  font-size: .3rem;
  color: #666;
  text-align: center;
}
.dialog-old-bottom .btn {
  background-color: transparent;
  border-radius: 0;
  flex: 1;
}
.dialog-old-bottom .btn-cancel {
  border-bottom-left-radius: .1rem;
  border-right: 1px solid #e7e7e7;
  color: #999;
}
.dialog-old-bottom .btn-confirm {
  border-bottom-right-radius: .1rem;
  color: #f37938;
}

.no-bd .dialog-title {
  border-bottom: 0 none;
  padding: .5rem .3rem .2rem;
}
.no-bd .dialog-content {
  padding: .2rem .3rem .6rem;
}

/*推荐人*/
.tujian-dialog .dialog-title {
  border-bottom: 0;
  padding-top: .6rem;
  padding-bottom: 0;
}
.tujian-dialog .tujian-dialog-input input {
  width: 5rem;
  height: .88rem;
  border: 1px solid #b2b2b2;
  border-radius: .08rem;
  font-size: .3rem;
  padding: .1rem;
}
.tujian-dialog .tips-text {
  line-height: .4rem;
  font-size: .26rem;
  color: #666;
}

/*推荐人-带下拉输入提示*/
.dialog-recommend-box .dialog-title {
  border-bottom: 0;
  padding: .6rem .3rem 0;
}
.dialog-recommend-box .dialog-body {
  min-height: 2.5rem;
  padding: .5rem .4rem .3rem;
}
.dialog-recommend-box .dialog-recommend-input .ipt {
  display: block;
  width: 100%;
  height: .88rem;
  border: 1px solid #b2b2b2;
  border-radius: .08rem;
  font-size: .3rem;
  padding: .1rem;
}
.dialog-recommend-box .dialog-recommend-input-pop {
  width: 100%;
  border: 1px solid #b2b2b2;
  border-radius: .08rem;
  padding: .1rem .2rem;
  margin-top: -1px;
}
.dialog-recommend-box .dialog-recommend-input-pop li {
  line-height: .5rem;
  font-size: .3rem;
  color: #1e1e1e;
}

.tj-dialog .dialog-body.dialog-recommend-body {
  min-height: 2.5rem;
  padding: .5rem .4rem .3rem;
}
.tj-dialog .dialog-recommend-input .ipt {
  display: block;
  width: 100%;
  height: .88rem;
  border: 1px solid #b2b2b2;
  border-radius: .08rem;
  font-size: .3rem;
  padding: .1rem;
}
.tj-dialog .dialog-recommend-input-pop {
  width: 100%;
  border: 1px solid #b2b2b2;
  border-radius: .08rem;
  padding: .1rem .2rem;
  margin-top: -1px;
}
.tj-dialog .dialog-recommend-input-pop li {
  line-height: .5rem;
  font-size: .3rem;
  color: #1e1e1e;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mod-dialog,
.mod-dialog-mask {
  position: fixed;
  z-index: 500;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.mod-dialog-mask {
  z-index: 510;
  background: transparent;
}

.mod-dialog-area {
  position: fixed;
  z-index: 550;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 5.9rem;
  border-radius: .24rem;
  background: white;
}

.mod-dialog-content {
  padding: .48rem;
}

.mod-dialog-title {
  line-height: .48rem;
  font-size: .36rem;
  color: #1e1e1e;
  text-align: center;
  font-weight: 600;
}

.mod-dialog-desc {
  line-height: .46rem;
  font-size: .3rem;
  color: #666;
  text-align: justify;
}

.mod-dialog-text {
  padding: .08rem 0;
  line-height: .54rem;
  font-size: .36rem;
  color: #1e1e1e;
  text-align: center;
  font-weight: 600;
  display: -webkit-box;
  /*autoprefixer: off*/
  -webkit-box-orient: vertical;
  /*autoprefixer: on*/
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.mod-dialog-desc-scroll {
  max-height: 3.8rem;
  overflow-y: auto;
  -webkit-mask-image: linear-gradient(#1a1a1a calc(100% - .5rem), transparent calc(100% - .2rem));
  mask-image: linear-gradient(#1a1a1a calc(100% - .5rem), transparent calc(100% - .2rem));
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.mod-dialog-desc-scroll:after {
  content: "";
  display: block;
  width: 100%;
  height: .4rem;
  background: transparent;
}

.mod-dialog-title + .mod-dialog-desc {
  margin-top: .35rem;
}

.mod-dialog-button {
  border-top: 1px solid #e7e7e7;
}
.mod-dialog-button .btn-ui {
  line-height: .89rem;
  font-size: .36rem;
  color: #1e1e1e;
  text-align: center;
}
.mod-dialog-button .btn-gray {
  color: #666;
}
.mod-dialog-button .btn-org {
  color: #ff4800;
}
.mod-dialog-button .btn-ui + .btn-ui {
  border-top: 1px solid #e7e7e7;
}
.mod-dialog-button.flex-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.mod-dialog-button.flex-button .btn-ui {
  -webkit-box-flex: 1;
  width: 20%;
  -webkit-flex: 1;
  flex: 1;
  max-width: 100%;
}
.mod-dialog-button.flex-button .btn-ui + .btn-ui {
  border-top: 0 none;
  border-left: 1px solid #e7e7e7;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.4;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.4;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flashAnimate {
  animation: flash 2s infinite ease-in-out;
}

.animated {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

/* 常量定义 */
.card-skew-tag-list, .bank-detail-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.keyboard .num button {
  -webkit-box-flex: 1;
  width: 20%;
  -webkit-flex: 1;
  flex: 1;
  max-width: 100%;
}

.card-row .bank-cards .card-list-content .card-list-m .card-list-mm.mm-vertical {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.flex-start-align.card-list-content, .card-row .bank-cards .card-list-content .card-list-m .card-list-mm.mm-vertical {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.bank-detail-btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.fwb, .mod-dialog-button .btn-ui, .pay_ment .box_title .title_m, .add-card .add-card-m .add-card-t, .bank-cards .card-list-content .card-list-m .card-list-mt, .pay-modal .content .footer div, .pmt-password-desc-box .pmt-money sub, .verify-type-pop .type-title, .card-skew-tag {
  font-family: 'PingFangSC-Medium','Droid Sans',arial,'Helvetica Neue',Helvetica,sans-serif;
}
.isandroid .fwb, .isandroid .mod-dialog-button .btn-ui, .mod-dialog-button .isandroid .btn-ui, .isandroid .pay_ment .box_title .title_m, .pay_ment .box_title .isandroid .title_m, .isandroid .add-card .add-card-m .add-card-t, .add-card .add-card-m .isandroid .add-card-t, .isandroid .bank-cards .card-list-content .card-list-m .card-list-mt, .bank-cards .card-list-content .card-list-m .isandroid .card-list-mt, .isandroid .pay-modal .content .footer div, .pay-modal .content .footer .isandroid div, .isandroid .pmt-password-desc-box .pmt-money sub, .pmt-password-desc-box .pmt-money .isandroid sub, .isandroid .verify-type-pop .type-title, .verify-type-pop .isandroid .type-title, .isandroid .card-skew-tag {
  font-weight: 700;
}

.icon-i .icon-i-tip:before {
  content: "";
  height: 0;
  width: 0;
  overflow: hidden;
}

/*
关闭按钮
@include btn-close(".close" ,1rem ,2px ,#f00);
.close {}
*/
@font-face {
  font-family: 'iconfont';
  src: url(../../../assets/fonts/iconfont-new.eot);
  src: url(../../../assets/fonts/iconfont-new.eot?#iefix) format("embedded-opentype"), url(../../../assets/fonts/iconfont-new.woff) format("woff"), url(../../../assets/fonts/iconfont-new.ttf) format("truetype"), url(https://cdn.sdb.com.cn/pay/cashier/assets/images/iconfont-new.svg#iconfont) format("svg");
}
@font-face {
  font-family: "Roboto-Medium";
  src: url(../../../assets/fonts/Roboto-Medium.ttf) format("truetype");
}
.pay_ment {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pay_ment * {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
.pay_ment .pay_mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.pay_ment .pay_box {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  border-radius: .24rem .24rem 0 0;
  background-color: #fff;
}
.pay_ment .box_title {
  position: relative;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
}
.pay_ment .box_title .title_l,
.pay_ment .box_title .title_r {
  position: absolute;
  top: 0;
  font-size: .28rem;
}
.pay_ment .box_title .title_m {
  font-size: .32rem;
  color: #1e1e1e;
  padding: 0 1.4rem;
}
.pay_ment .box_title .title_l {
  color: rgba(0, 0, 0, 0.4);
  left: .4rem;
}
.pay_ment .box_title .title_r {
  color: #f37938;
  right: .4rem;
}
.pay_ment .box_title .addcard-icon {
  display: inline-block;
  width: .22rem;
  height: .22rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAiklEQVQ4y2NkIAI4ll71ZGBgmAvlJu/v1t6OTz0TMYZCDZSE4rmEFBNrqCQONkWGkgRGDaU+YERKgwRjlQjwnIGBIZmJigYyQM2ZSwvvMzIxMDCkMDAwvKCSgU8ZGBiSGYlR6Vh69T8yf3+3Nl59QydJjRo6cIY+R2ITTNPEGgrLIE8ZGBiSCSkGABIuFv7T6B+KAAAAAElFTkSuQmCC) no-repeat;
  background-size: cover;
  margin-right: .04rem;
}
.pay_ment .box_cards {
  height: 7.74rem;
  overflow-y: auto;
}
.pay_ment .box_cards .bank-cards:last-child {
  margin-bottom: 1.96rem;
}

.card-row {
  background: #fff;
  padding: 0 .4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.card-row .bank-cards {
  -webkit-box-flex: 1;
  width: 20%;
  -webkit-flex: 1;
  flex: 1;
  max-width: 100%;
}
.card-row .card-list-content {
  padding-left: 0 !important;
}
.card-row .card-list-content .card-list-mt {
  font-size: .32rem !important;
  font-weight: 700;
}
.card-row.no-icon .card-list-l {
  display: none;
}
.card-row.bd-t-b {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}

.add-card {
  padding: 0 .3rem;
  height: 1.44rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.add-card.bdr-b {
  height: 1.44rem;
  border-bottom: 1px solid #e7e7e7;
}
.add-card .add-card-l {
  width: .39rem;
  margin-right: .2rem;
}
.add-card .add-card-l img {
  width: .38rem;
  height: .38rem;
  display: block;
}
.add-card .add-card-ico {
  width: .56rem;
  height: .56rem;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjQgKDY3Mzc4KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5CX+Wbvuagh+WQiOmbhl/wn5KfIC8g6ZO26KGM5Zu+5qCHIC8gMjQgLyDmqZnoibIgLyDlubPlronpk7booYw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i56ys5LiJ5pa55pSv5LuYIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5pu05aSaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjcuMDAwMDAwLCAtNTY1LjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICA8ZyBpZD0iMDRf5by556qX57uE5Lu2LS8tMDLlupXpg6jlvLnnqpctLy0wMemAieaLqeWZqC0vLemAieaLqemTtuihjOWNoS0vLeWNleihjOWkh+S7vSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDM3Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSIwNl/liJfooagtLy0wMuWPjOihjC0vLee7vOWQiCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDE2Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i5bem6L65IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDE2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i5Zu+5qCHIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJDX+Wbvuagh+i1hOa6kF/wn5S1Ly0wMeWtl+S9k+Wbvuaghy0vLeOAkOa3u+WKoOOAkXBvcHB5X2ljb25fYWRkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgcG9pbnRzPSIxMyAzIDEzIDEwLjk5OSAyMSAxMSAyMSAxMyAxMyAxMyAxMyAyMSAxMSAyMSAxMSAxMyAzIDEzIDMgMTEgMTEgMTEgMTEgMyI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat center center;
  background-size: .36rem .36rem;
  margin-right: .16rem;
}
.add-card .add-card-m {
  font-size: .3rem;
}
.add-card .add-card-m .add-card-t {
  color: #000;
  font-size: .32rem;
}
.add-card .add-card-m .add-card-b {
  color: rgba(0, 0, 0, 0.4);
  font-size: .24rem;
  margin-top: .15rem;
}
.add-card .add-card-r {
  width: .12rem;
  height: .25rem;
  margin-left: auto;
}
.add-card .add-card-r img {
  width: 100%;
}
.add-card .card-arrow-right {
  right: .4rem !important;
}
.add-card .add-card-arrow {
  position: absolute;
  top: 50%;
  right: .4rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .2rem;
  height: .28rem;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNTkgMTMuMzc0Yy0uNDAyLjM5LTEuMDUzLjM5LTEuNDU1IDBhLjk3Ni45NzYgMCAwIDEtLjA3NS0xLjMzbC4wNzUtLjA4MiA1LjEyMS00Ljk2Ny01LjExMS00Ljk1N0EuOTc2Ljk3NiAwIDAgMSAxLjA3LjcwN2wuMDc1LS4wODFBMS4wNTMgMS4wNTMgMCAwIDEgMi41MTcuNTUzTDIuNi42MjZsNi41NjcgNi4zNy02LjU3NyA2LjM3OHoiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbC1vcGFjaXR5PSIuMiIvPjwvc3ZnPg==) no-repeat;
  background-size: 100% 100%;
}

.bank-cards-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-right: .5rem;
  font-size: .3rem;
  color: #666;
}

.bank-cards .card-list {
  position: relative;
}
.bank-cards .card-list + .card-list:before {
  content: "";
  position: absolute;
  top: 0;
  left: 1rem;
  right: 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.08);
  z-index: 2;
}
.bank-cards .card-list + .add-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 1rem;
  right: 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.08);
}
.bank-cards .card-list .card-list-content {
  border-bottom: none;
}
.bank-cards .card-list-content {
  padding: 0 .3rem;
  min-height: 1.44rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.bank-cards .card-list-content.disabled .card-list-l,
.bank-cards .card-list-content.disabled .card-list-m,
.bank-cards .card-list-content.disabled .card-list-r {
  opacity: .3;
}
.bank-cards .card-list-content.h12 {
  height: 1.2rem;
}
.bank-cards .card-list-content .card-list-l {
  width: .56rem;
  height: .56rem;
  margin-right: .16rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-size: cover;
  background-size: cover;
}
.bank-cards .card-list-content .card-list-m .card-list-mt {
  color: #000;
  font-size: .32rem;
  font-family: "Roboto-Regular";
}
.bank-cards .card-list-content .card-list-m .card-list-mt .authStatusConf,
.bank-cards .card-list-content .card-list-m .card-list-mt .authStatusConfing,
.bank-cards .card-list-content .card-list-m .card-list-mt .authStatusInto {
  display: inline-block;
  font-size: .24rem;
  font-weight: 400;
  border-radius: .04rem;
  padding: .04rem .08rem;
  transform: scale(0.9, 0.9);
}
.bank-cards .card-list-content .card-list-m .card-list-mt .authStatusConfing {
  color: #6ac88e;
  background-color: #e8f8ee;
}
.bank-cards .card-list-content .card-list-m .card-list-mt .authStatusConf {
  color: #f37938;
  background-color: #faeaca;
}
.bank-cards .card-list-content .card-list-m .card-list-mt .authStatusInto {
  color: #f37938;
  border: 1px solid #f37938;
}
.bank-cards .card-list-content .card-list-m .card-list-mm {
  margin-top: .15rem;
  color: rgba(0, 0, 0, 0.4);
  font-size: .24rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.bank-cards .card-list-content .card-list-m .card-list-mm .single-pay {
  margin-right: .15rem;
}
.bank-cards .card-list-content .card-list-m .card-list-mb {
  color: #b2b2b2;
  font-size: .23rem;
  margin-top: .1rem;
}
.bank-cards .card-list-content .card-list-r {
  position: absolute;
  height: .48rem;
  right: .3rem;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 999;
}
.bank-cards .card-list-content .card-list-r .card-list-check .card-list-check-blank {
  width: .38rem;
  height: .38rem;
  display: block;
  margin: 0 auto;
  border: .04rem solid #e3e3e2;
  border-radius: 50%;
}
.bank-cards .card-list-content .card-list-r .card-list-check img {
  width: .38rem;
  height: .38rem;
  display: block;
  margin: 0 auto;
}
.bank-cards .card-list-content .card-list-r .bank-list-check {
  width: .44rem;
  height: .44rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  border-radius: 50%;
}
.bank-cards .card-list-content .card-list-r .bank-list-check.check {
  background-color: #f37938;
  color: #fff;
}
.bank-cards .card-list-content .card-list-r .bank-list-check.check:after {
  font-family: "iconfont" !important;
  font-style: normal;
  width: 0.44rem;
  height: 0.44rem;
  line-height: 0.44rem;
  text-align: center;
  overflow: hidden;
  content: "\E60F";
  font-size: .24rem;
}
.bank-cards .card-list-select {
  position: relative;
  z-index: 1;
  width: .4rem;
  height: .4rem;
}
.bank-cards .card-list-select:before {
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200%;
  height: 200%;
  border-radius: 100%;
  border: 0.08rem solid rgba(0, 0, 0, 0.2);
  -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5);
  transform: translate(-50%, -50%) scale(0.5, 0.5);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.bank-cards .card-list-select.select:before {
  border: 0.24rem solid #ff4800;
}
.bank-cards .card-list-select.select.disabled {
  opacity: .4;
}
.bank-cards .card-arrow-right {
  display: inline-block;
  width: .23rem;
  height: .46rem;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -.23rem;
}
.bank-cards .card-arrow-right:after {
  position: absolute;
  content: "";
  width: .2rem;
  height: .2rem;
  border-top: 0.04rem solid rgba(0, 0, 0, 0.2);
  border-right: 0.04rem solid rgba(0, 0, 0, 0.2);
  top: .1rem;
  right: .06rem;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  /* Safari 和 Chrome */
  margin-top: 0;
}

.loading-card {
  padding: .35rem .4rem;
  font-size: .3rem;
  color: #666;
  line-height: .74rem;
  background: #fff;
}

.keyboard {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.keyboard .keyboard-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
}
.keyboard .keyboard-layer.white {
  background-color: rgba(255, 255, 255, 0);
}
.keyboard .keyboard-layer.black {
  background-color: rgba(0, 0, 0, 0.4);
}
.keyboard .keyboard-head {
  position: absolute;
  left: 0;
  top: -.7rem;
  width: 100%;
  height: .7rem;
  text-align: center;
  color: #888;
  font-size: .26rem;
  line-height: .7rem;
  border-top: solid 1px #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  background-color: #fff;
}
.keyboard .keyboard-head .keyboard-head-l {
  vertical-align: middle;
  display: inline-block;
}
.keyboard .keyboard-head .keyboard-head-l img {
  width: .34rem;
  height: auto;
}
.keyboard .keyboard-head .keyboard-head-l .keyboard-head-name {
  display: inline-block;
  vertical-align: middle;
}
.keyboard .keyboard-head .keyboard-head-r {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  height: .7rem;
  color: #ff7214;
  padding: 0 .2rem;
  line-height: .7rem;
  font-size: .3rem;
}
.keyboard .keyboard-title {
  line-height: .34rem;
  font-size: .24rem;
  color: rgba(0, 0, 0, 0.4);
  text-align: center;
  padding: 0 .2rem;
}
.keyboard .keyboard-title .pa-ico {
  display: inline-block;
  padding-left: .36rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAACgoey0AAAAAXNSR0IArs4c6QAAAYhJREFUeAG0lgVOLUEURCv2fxTXZeDuOoazBNxWhru7w5Zo5ibPX9Hjk7R317kyhiCXmkepGse0W+ZTZVrmkPSlDFy5MJVXDFwnC7UwkIYR+GCS3t4zaKo8JAMdx5AAtMXCcBLePhaAfqQUhPsp7twOk5zuSCmaNzESp7dPBNwghYT8ORaoeEDE93Jyv0+MGo3jpnouEnbQmJOGJmLYS9QQjxJvDsi+Q3KHj0Xx9oXcPM1kXwsx8DVsbseJ2LEmOsdkvxEmzG9FQjZaNYa2kVy/B4UaROTUR2pOyTkzSG7fSdjaPc/Z6CDnPvxCTXL4HLI2g3plYtMtWwVlU9ZS0bogd7jlJ8wf5GBnKo/LMmZF1lLnu4jhn1qoWEZEL1PLerCBFe3Pgglb5+0nEe0ODLbQQ9a//oI6ml+aQODUvXJDUjbBwF8kPL2hwQb6yL7vwju5m3lLjFvUgBdlD/eap04E/0vyM7+sJmbdueoioSmUufNzsie3yJysEUOrRStH11bz+IffjVgAAGWkpIMBgZA1AAAAAElFTkSuQmCC) no-repeat left center;
  background-size: .28rem .24rem;
}
.keyboard .keyboard-title + .row {
  margin-top: .2rem;
}
.keyboard .keyboard-inner {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #eeeff0;
  height: 4.2rem;
  width: 100%;
  display: block;
  padding: .12rem .11rem;
}
.keyboard .row {
  zoom: 1;
  margin-bottom: .14rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.keyboard button {
  width: .62rem;
  height: .8rem;
  position: relative;
  background-color: #fff;
  text-align: center;
  color: #737778;
  border-radius: .1rem;
  line-height: 1;
  float: left;
  font-size: .3rem;
  margin-left: .1rem;
  outline: 0;
  padding: .25rem .21rem;
  border: 1px solid #a1a6a8;
}
.keyboard button[data-text=" "] {
  background-color: #e3e7e9;
}
.keyboard button:first-child {
  margin-left: 0;
}
.keyboard .alpha .row button:first-child:before {
  width: 1.3rem;
  left: -.11rem;
  background-image: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/keyleft.png);
}
.keyboard .alpha .row button:last-child:before {
  width: 1.28rem;
  left: -.57rem;
  background-image: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/keyright.png);
}
.keyboard .alpha .active[data-action=""]:before {
  content: attr(data-content);
  font-size: .7rem;
  width: 1.26rem;
  height: 2rem;
  position: absolute;
  top: -1.3rem;
  left: -.33rem;
  z-index: 1;
  line-height: 2;
  border-radius: .22rem;
  background-size: cover;
  background-image: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/key.png);
}
.keyboard .alpha .row .active {
  background-color: #fff;
  color: #000;
}
.keyboard .alpha .row .upper {
  background-color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAhCAYAAACxzQkrAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH4QIUCiYsSOabPgAAAe9JREFUWMPt2L9u00AcB/BvjVUnk4eGN2hSdUWw8U8sqSIqngIk9g6wscHAbvfuXgKBkPocidQWeIDYZ9+d/0SyUyozVIkUlDbxvzpDvqN15/vcn5918k6WZRkKJggCfPv+A+eXlwCAw4MDvDl+DdM0i74SO0VBnu/DIhRBECw8N00T79+9RWdvrxBIK9LJvwUzWzWLUPhC3A9ICAmLsqWY/1FCyHpBQkpYlEAptbKtUgoWJRBS1gOSUsEmFFIq5O2zzgRygVQQFJrtfFUJhbpji3OBypyHeREIcWsR5ALNK8b3UTZ3VeZaoCAMYVEGrwLMwreLMoRhmA8URhFsyuB5HqqO53k3qChaDxRFEWxCwTlHXeGcwyYU0RLUAiiKY9iUwa0RM4vLOWzKEMfxclA8mcAmFI7r4r7iuO4NajJZBDWBmWXsOLAJnaO0JElwyhjGjoOmMnYcnDKGJEnw4NHjJ5/OLy7QdOI4RpKm0IajETYlw+EI2nQ63RjQ9OoK2t/r640BIcugvXr5ArquN27RdR3Pnz1dfac++fCx0oG/fvlc/Z26zmxBW9AW1DioZRiVDWbs7pYHdbv7lYF6vW550KDfR7vdKo1pt1sY9PvV/I7hnOPn2Rl+/f6DNE3zbZNhoNfdx+DoCA87nZXt/wFlyx50cWVizwAAAABJRU5ErkJggg==);
  color: #000;
}
.keyboard .puncall .row button:first-child:before {
  width: 1.3rem;
  left: -.11rem;
  background-image: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/keyleft.png);
}
.keyboard .puncall .row button:first-child[data-text="+"]:before {
  width: 1.8rem;
  height: 2rem;
  top: -1.3rem;
  left: -.39rem;
  background-image: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/hover.png);
}
.keyboard .puncall .row button:first-child[data-text="@"]:before {
  width: 1.8rem;
  height: 2rem;
  top: -1.3rem;
  left: -.39rem;
  background-image: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/hover.png);
}
.keyboard .puncall .row button:last-child:before {
  width: 1.28rem;
  left: -.57rem;
  background-image: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/keyright.png);
}
.keyboard .puncall .row button:last-child[data-text="#"]:before {
  width: 1.8rem;
  height: 2rem;
  top: -1.3rem;
  left: -.39rem;
  background-image: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/hover.png);
}
.keyboard .puncall button {
  margin-left: .19rem;
}
.keyboard .puncall button:first-child {
  margin-left: 0;
}
.keyboard .puncall button[data-text="+"],
.keyboard .puncall button[data-text="@"],
.keyboard .puncall button[data-text="#"] {
  width: 1.04rem;
}
.keyboard .puncall .backspace {
  width: 1.04rem;
}
.keyboard .puncall .active[data-action=""]:before {
  content: attr(data-content);
  font-size: .7rem;
  width: 1.26rem;
  height: 2rem;
  position: absolute;
  top: -1.3rem;
  left: -.33rem;
  z-index: 1;
  line-height: 2;
  border-radius: .22rem;
  background-size: cover;
  background-image: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/key.png);
}
.keyboard .puncall .active[data-text="+"]:before {
  width: 1.8rem;
  height: 2rem;
  top: -1.3rem;
  left: -.39rem;
  background-image: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/hover.png);
}
.keyboard .puncall .active[data-text="@"]:before {
  width: 1.8rem;
  height: 2rem;
  top: -1.3rem;
  left: -.39rem;
  background-image: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/hover.png);
}
.keyboard .puncall .active[data-text="#"]:before {
  width: 1.8rem;
  height: 2rem;
  top: -1.3rem;
  left: -.39rem;
  background-image: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/hover.png);
}
.keyboard .num {
  height: inherit;
  border-radius: .24rem .24rem 0 0;
  background: #f8f8f8;
  padding: .2rem 0 .16rem;
}
.keyboard .num .row {
  zoom: 1;
  margin-bottom: 0;
  padding: 0 .2rem;
}
.keyboard .num .row + .row {
  margin-top: .16rem;
}
.keyboard .num .row .active {
  background-color: #eeeff0;
  color: #000;
}
.keyboard .num .row button {
  font-size: .46rem;
}
.keyboard .num button {
  height: .92rem;
  line-height: 1;
  font-size: .48rem;
  color: #000;
  font-weight: 700;
  border: none;
}
.keyboard .num button + button {
  margin-left: .21rem;
}
.keyboard .num button[data-action="empty"] {
  background: transparent;
}
.keyboard .num .backspace {
  background-color: rgba(0, 0, 0, 0.08);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjIgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjQgKDY3Mzc4KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5CX+Wbvuagh+WQiOmbhl/wn5KfIC8gMDDlrZfkvZPlm77moIcgLyBpY19mb250X2Nsb3NlIENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i5o6n5Lu2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMDBf6YCa55SoLS8tMDbplK7nm5gtLy0wMeaVsOWtly0vLTAx6buY6K6k54q25oCBIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjk5LjAwMDAwMCwgLTIxNC4wMDAwMDApIiBmaWxsPSIjMDAwMDAwIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1NC4wMDAwMDAsIDE5OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJDX+Wbvuagh+i1hOa6kF/wn5KfLS8tMDHlrZfkvZPlm77moIctLy3jgJDlm57liKDjgJFwb3BweV9pY29uX2JhY2tfZGVsZXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NC4wMDAwMDAsIDExLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLjI5MzAwMjU2LDEyLjY4NDEwMjQgQzAuOTAyMzMyNDgxLDEyLjI5MzU3ODEgMC45MDIzMzI0ODEsMTEuNjYwNDEzMSAxLjI5MzAwMjU2LDExLjI2OTg4ODggTDYuNjkzNzQ0NzUsNC4zODI5MTY5NyBDNi44ODMzMDY3OSw0LjE0MTE4OTM3IDcuMTczNDUyMjksNCA3LjQ4MDY0Mjc5LDQgTDIxLjk5OTYyNjcsNCBDMjIuNTUyMTE3Niw0IDIzLDQuNDQ3NzE1MjUgMjMsNSBMMjMsMTkgQzIzLDE5LjU1MjI4NDcgMjIuNTUyMTE3NiwyMCAyMS45OTk2MjY3LDIwIEw3LjQ4MjUzNzE3LDIwIEM3LjE3NDI3MTk2LDIwIDYuODgzMjM1NjcsMTkuODU3ODI1OCA2LjY5Mzc1Mzg3LDE5LjYxNDY3MTQgTDEuMjkzMDAyNTYsMTIuNjg0MTAyNCBaIE0zLjEzNzQxODU0LDEyIEw3LjkwNDIwMzk2LDE4IEwyMC45OTkyNTM0LDE4IEwyMC45OTkyNTM0LDYgTDcuOTA0MjAzOTYsNiBMMy4xMzc0MTg1NCwxMiBaIE0xNC4yNDI2NDA3LDEwLjU3ODQyNzEgTDE3LjA3MTA2NzgsNy43NSBMMTguNDg1MjgxNCw5LjE2NDIxMzU2IEwxNS42NTY4NTQyLDExLjk5MjY0MDcgTDE4LjQ4NTI4MTQsMTQuODIxMDY3OCBMMTcuMDcxMDY3OCwxNi4yMzUyODE0IEwxNC4yNDI2NDA3LDEzLjQwNjg1NDIgTDExLjQxNDIxMzYsMTYuMjM1MjgxNCBMMTAsMTQuODIxMDY3OCBMMTIuODI4NDI3MSwxMS45OTI2NDA3IEwxMCw5LjE2NDIxMzU2IEwxMS40MTQyMTM2LDcuNzUgTDE0LjI0MjY0MDcsMTAuNTc4NDI3MSBaIiBpZD0ic2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  background-size: .44rem .32rem;
}
.keyboard .punc {
  padding: 0;
}
.keyboard .punc .row {
  zoom: 1;
  margin-bottom: 0;
  margin-top: 0;
}
.keyboard .punc .row .active {
  background-color: #d3d6db;
  color: #000;
}
.keyboard .punc button {
  height: 1.18rem;
  line-height: 1.18rem;
  box-shadow: none;
  width: 33.33%;
  margin: 0;
  border-radius: 0;
  border: 1px solid #e3e7e9;
}
.keyboard .uppercase {
  background-color: #eeeff0;
  background-size: .38rem .35rem;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAhCAYAAACxzQkrAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH4QIUCiQZLGM9nwAAAwBJREFUWMPtlz9X2lAYxh8DgocEEuAwEqWbq7U9B3FwcLVLLt/Djh3a029Qvwc3S93UwSH6CYoMxeKxQ08HkhBIEM6RdMAEYsOfxOjksyXn/vnd+77vc+9d+f3nr42Q6vV6OD8/x81NCwCwsVHC3t4eOI4LOyRWwgLpug5Ka+j1ep7/HMeBkCoEQQgFxITp1On4wzi7RmkNnY7+MkCG0QGl1IWJxWIolUoQRRHxeHwKisIwOs8bMsMwQGkNhmEAALLZLA4OPiCXy7lhPD7+jna7DQDIZDIgpIpMJhP9DvnBEEJcGAAQBAGSRJDL5X37RAbU7XYfQmB4JmbZ/6splUp5QMdQFN1uNxqgx/kgCAIIqc4t7VQqBUkiyGazvnkXGuhxxfA8D0kiS/kMy7IgZAI1rzKXAnJgdF1/SFAehFSRTqeXzgeW5SBJxPWkWd61EMg0TcgynYLJgBASCGaWUeq6DlmmME1zOSAHRtM0AEA6nQ5cun5QkkTA8zwAQNO0mVAeIMuyIMsUqqpGBuNoMtYYSlVVyDKFZVn+QP1+H5ROYMZbPVlVFBpDEXeBDlS/3/cCjWFqUNW2J+48LyBqOe7t5GO73QalNReKGQwGkGXq2j3LPu20DgslyxSDwQCxt+/ef221xvcZhmFQrVaRz+fx3FpbW0OxWES9/gO2bcOyLAyHQzDX1023UbFYRKFQwEupUChgfX3d/W42f2Ll0+cv9nA4XOi6+/v7KJXehJq41fqFk5MTT/L6KZFIgLm/v184oGmaOD09Db0TZ2dnC2EAwLZtMNvb2+7Fap4e+0UQzXLlacXjcWxtbSFeLu+gXN6Z2fDo6FukeXN4+DH6O/Vz6hXoFehFge7u7gJPELRPIKCrq3pgoHo9WJ+FjphIJOAcLYqiYDQaYXNz0/cJ5DXDHhqNBi4vL91/q6urTwcSRRHN5vgAHo1GUBQFiqKEyo/pgzR0yCqVXSSTyScnazKZRKWyG83bXtM0XFwouL29xaKbgV/IRVFEpbLrvtHm6R/rOI3RWWVcugAAAABJRU5ErkJggg==);
  width: 1.04rem;
  height: .8rem;
}
.keyboard .backspace {
  background-color: #e3e7e9;
  background-size: .41rem .36rem;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAYAAAAtZZsLAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH4QIUChwr8yvQ5AAABStJREFUWMPNmP1TklkUxz/Iq2XYjGTOAAn4g0241kxW68uOL7W9ICjuP2f9CdtskyXUGDpS4myTWWo6Y6vwMOFLJs0kEAqJ7A/GTXxBUJrd89O9zwNnPs+995z7PUcWWl5Jc0yLx+MEAgGWl5cJh1eJxWIkEgnS6TQqlQqtVktFhQ6DQY/JZObEiRN5+5YdB3BpaYk3b8bx+/2k0/m5KSkpobraRENDA3q9/ucARiJrvHjxgvn5+WOtvNlsob29Da22vHiAc3P/4PF4SCaT4plCocBstmAwGKiqquLUqVOo1WrkcjmJRIJYLMbq6ioLCwvMz8+xsbEh/qtSqbh+/Qa1tbXHB3z9egyfzyfmJ0+e5MqVq1y4cAGVSpWXj1QqxezsLC9f/k00GhXPGxsbuXbt16MD7oazWutobW3NG2y3ffv2DZ9vhMnJSfGsqamJq1evFQ74/v17nj59sv0HmYzW1jYuXbpEMWx6+h1DQ0MiyO7csWVtd8lhDj58+MCzZwNi3tLyW9HgAOrqfqG9vV3Mh4YGiUTW8gP8+PEjjx8/IpVKAVBff5HLly9TbKuvv4jVagUgmUwyPDx8OGA4HObRoz42NzcBsFhqsr602Nba2kZpaSkAkiSxuLh4MGA0GqWv7yHr6+sAGI1GbDYbMpnspwGqVKqsABkfH98fcH19nQcP/iIWiwGg0+mw2x0oFIoDnbvdLnp7e5GkwIG/8fv93L3bK4Jt//NYh1KpBCAYlIjH49mAiUSCvr6HfPnyBYCysjKczh7UanXOrw+FQiQSG7hcrn0h/X4/T5642djYIBQKHehHqVRiMpkB2NraIhiUfgCmUilcrn5WVlYAUKvVOJ09lJWVHbo9t27dRi6Xf/fhQpKkPXCpVAq5XM7Nm7dy+jp3zijGCwsL24DpdBq32y2+Ti6XY7c70Ol0ed6pZux2xw7IfiRJ2gPncHRhMply+jpzplKMP3/+vJ2oPR4PMzPT4sXt23c4f/58wQddkiRcrn4BlNmZfOEyMXDv3l0ANBoNJaOjviy45uaWI8H9WEm7WMlC4TLRvPM6LEmni5sutraK67CkpaVFZHGA0VEfs7OzR3K2+8xlVrK//zHBYDAvHztlnFKp3A6SGzd+x2KpES88nmc500E+cA5HF52d9oIhI5GIGGu15duAMpkMm82G0WjMSjnhcDgvuEBg/2i1WCx0dnYWBPnp0ycx1ukqfuRBhUKB3e6gsrIyK2lnbpRcNjAwcGBAWCw1WZAej+dQ9ZQxvd6QfZOo1Wp6ev7g9OnTAMRiMfr6HpJIJA5JrtVoNBq6urr3jVaLpQabrZPS0lJMpuqcIjYYlERxZTab9xeskUiE+/f/FKtnNBpxOntEbvtZNjHxFq/XKwqq7u7u/dWMVqvF6exBo9GIu9btduddWh7Fkskkr169EvOGhobcelCn0+F09ggVEwj4s4Rkse35cy/xeFwk/EzNnFNRV1VV4XB0ia2dmpoUOq2YNjU1yczMjLhJ2tra869JqqursxSIzzfCxMRE0eCmp99l7UxHx3XKy8vzBwSora2lubmFjPLxeocZHMwu3gu1zc1NvF4vg4OD4mw3Njbt0QEFFe5jY2OMju4t3K1Wq1DC/1nhnqv1oVQqMZvNGAxGzp49m9X6SCaTO1ofIebm9rY+OjquH6igjtQ8WltbY2SkGM0jM21t7Vlnrqjtt8XFRd6+ffP/a7/ttq9fvyJJEsvLS4TDYaLRqGhgqtXq7w3MCvR6A2ZzYQ3MfwHli7NFQkv2PwAAAABJRU5ErkJggg==);
  width: .99rem;
  height: .8rem;
}
.keyboard .num_backspace {
  background-color: #e3e7e9;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAYAAAAtZZsLAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH4QIUChwr8yvQ5AAABStJREFUWMPNmP1TklkUxz/Iq2XYjGTOAAn4g0241kxW68uOL7W9ICjuP2f9CdtskyXUGDpS4myTWWo6Y6vwMOFLJs0kEAqJ7A/GTXxBUJrd89O9zwNnPs+995z7PUcWWl5Jc0yLx+MEAgGWl5cJh1eJxWIkEgnS6TQqlQqtVktFhQ6DQY/JZObEiRN5+5YdB3BpaYk3b8bx+/2k0/m5KSkpobraRENDA3q9/ucARiJrvHjxgvn5+WOtvNlsob29Da22vHiAc3P/4PF4SCaT4plCocBstmAwGKiqquLUqVOo1WrkcjmJRIJYLMbq6ioLCwvMz8+xsbEh/qtSqbh+/Qa1tbXHB3z9egyfzyfmJ0+e5MqVq1y4cAGVSpWXj1QqxezsLC9f/k00GhXPGxsbuXbt16MD7oazWutobW3NG2y3ffv2DZ9vhMnJSfGsqamJq1evFQ74/v17nj59sv0HmYzW1jYuXbpEMWx6+h1DQ0MiyO7csWVtd8lhDj58+MCzZwNi3tLyW9HgAOrqfqG9vV3Mh4YGiUTW8gP8+PEjjx8/IpVKAVBff5HLly9TbKuvv4jVagUgmUwyPDx8OGA4HObRoz42NzcBsFhqsr602Nba2kZpaSkAkiSxuLh4MGA0GqWv7yHr6+sAGI1GbDYbMpnspwGqVKqsABkfH98fcH19nQcP/iIWiwGg0+mw2x0oFIoDnbvdLnp7e5GkwIG/8fv93L3bK4Jt//NYh1KpBCAYlIjH49mAiUSCvr6HfPnyBYCysjKczh7UanXOrw+FQiQSG7hcrn0h/X4/T5642djYIBQKHehHqVRiMpkB2NraIhiUfgCmUilcrn5WVlYAUKvVOJ09lJWVHbo9t27dRi6Xf/fhQpKkPXCpVAq5XM7Nm7dy+jp3zijGCwsL24DpdBq32y2+Ti6XY7c70Ol0ed6pZux2xw7IfiRJ2gPncHRhMply+jpzplKMP3/+vJ2oPR4PMzPT4sXt23c4f/58wQddkiRcrn4BlNmZfOEyMXDv3l0ANBoNJaOjviy45uaWI8H9WEm7WMlC4TLRvPM6LEmni5sutraK67CkpaVFZHGA0VEfs7OzR3K2+8xlVrK//zHBYDAvHztlnFKp3A6SGzd+x2KpES88nmc500E+cA5HF52d9oIhI5GIGGu15duAMpkMm82G0WjMSjnhcDgvuEBg/2i1WCx0dnYWBPnp0ycx1ukqfuRBhUKB3e6gsrIyK2lnbpRcNjAwcGBAWCw1WZAej+dQ9ZQxvd6QfZOo1Wp6ev7g9OnTAMRiMfr6HpJIJA5JrtVoNBq6urr3jVaLpQabrZPS0lJMpuqcIjYYlERxZTab9xeskUiE+/f/FKtnNBpxOntEbvtZNjHxFq/XKwqq7u7u/dWMVqvF6exBo9GIu9btduddWh7Fkskkr169EvOGhobcelCn0+F09ggVEwj4s4Rkse35cy/xeFwk/EzNnFNRV1VV4XB0ia2dmpoUOq2YNjU1yczMjLhJ2tra869JqqursxSIzzfCxMRE0eCmp99l7UxHx3XKy8vzBwSora2lubmFjPLxeocZHMwu3gu1zc1NvF4vg4OD4mw3Njbt0QEFFe5jY2OMju4t3K1Wq1DC/1nhnqv1oVQqMZvNGAxGzp49m9X6SCaTO1ofIebm9rY+OjquH6igjtQ8WltbY2SkGM0jM21t7Vlnrqjtt8XFRd6+ffP/a7/ttq9fvyJJEsvLS4TDYaLRqGhgqtXq7w3MCvR6A2ZzYQ3MfwHli7NFQkv2PwAAAABJRU5ErkJggg==);
}
.keyboard .goto {
  background-color: #e3e7e9;
  width: 1rem;
}
.keyboard .back {
  background-color: #ff7214;
  border: none;
  color: #fff;
  width: 1.74rem;
}
.keyboard .space {
  background-color: #fff;
  width: 3.51rem;
}

.pay-modal {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.pay-modal .layer {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.pay-modal .content {
  position: absolute;
  z-index: 99999;
  top: 45%;
  left: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: -2.95rem;
  width: 5.9rem;
  height: auto;
  border-radius: .24rem;
  background: white;
}
.pay-modal .content .body {
  line-height: 1.5;
  font-size: .32rem;
  word-break: break-all;
  padding: .4rem .48rem .48rem;
}
.pay-modal .content .body .body-modal {
  display: inline-block;
  text-align: justify;
}
.pay-modal .content .footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}
.pay-modal .content .footer .orange {
  color: #ff4800;
}
.pay-modal .content .footer.flex-row {
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
.pay-modal .content .footer.flex-row div {
  -webkit-box-flex: inherit;
  width: 20%;
  -webkit-flex: inherit;
  flex: inherit;
  max-width: 100%;
  width: 100%;
}
.pay-modal .content .footer.flex-row div + div {
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}
.pay-modal .content .footer.flex-row .btn:first-child {
  border-right: none;
}
.pay-modal .content .footer div {
  display: block;
  -webkit-box-flex: 1;
  width: 20%;
  -webkit-flex: 1;
  flex: 1;
  max-width: 100%;
  font-size: .36rem;
  text-align: center;
  border-radius: 0;
  padding: .26rem 0;
}
.pay-modal .content .footer .btn:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.04);
}
.pay-modal .content .footer .btn.c-6, .pay-modal .content .footer .btn.c_6 {
  color: rgba(0, 0, 0, 0.6) !important;
}
.pay-modal .content .footer .btn.c-org, .pay-modal .content .footer .btn.c_org {
  color: #ff4800 !important;
}

.animated {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

.c-black-40 {
  color: rgba(0, 0, 0, 0.4) !important;
}

.c-black-80 {
  color: rgba(0, 0, 0, 0.8) !important;
}

.pmt-password-pop .c-org {
  color: #ff4800 !important;
}
.pmt-password-pop .pmt-password-mask {
  position: fixed;
  z-index: 999;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
}

.pmt-password-wrap {
  position: fixed;
  z-index: 999;
  width: 100%;
  left: 0;
  bottom: 0;
  border-radius: .24rem .24rem 0 0;
  background: white;
  padding: 0 0 5rem;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .pmt-password-wrap {
    padding: 0 0 5.7rem;
  }
}
.pmt-password-wrap.pmt-password-hint {
  z-index: 10000;
  padding: 0;
}
.pmt-password-wrap.pmt-password-hint .pmt-password-area {
  min-height: 9rem;
  padding: .2rem .4rem .5rem;
}

.pmt-password-head {
  position: relative;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  padding: 0 1.5rem;
}
.pmt-password-head .head-title {
  font-size: .32rem;
  color: #1e1e1e;
  font-weight: 700;
}
.pmt-password-head .pmt-password-close {
  position: absolute;
  top: .3rem;
  right: .4rem;
  width: .4rem;
  height: .4rem;
}
.pmt-password-head .pmt-password-close:before, .pmt-password-head .pmt-password-close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0.5);
  transform: translate(-50%, -50%) rotate(45deg) scale(0.5);
  width: .66rem;
  height: .06rem;
  background: #000;
}
.pmt-password-head .pmt-password-close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(0.5);
  transform: translate(-50%, -50%) rotate(-45deg) scale(0.5);
}

.pmt-password-area {
  padding: 0 .4rem .5rem;
}

.pmt-password-desc-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 2.2rem;
}
.pmt-password-desc-box .pmt-password-desc-inner {
  width: 100%;
}
.pmt-password-desc-box .pmt-money {
  line-height: 1;
  font-size: .72rem;
  color: #1e1e1e;
  text-align: center;
  font-family: "Helvetica";
}
.pmt-password-desc-box .pmt-money sub {
  line-height: inherit;
  font-size: .36rem;
  bottom: 0;
  vertical-align: .04rem;
}
.pmt-password-desc-box .pmt-text {
  font-size: .26rem;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
}
.pmt-password-desc-box .pmt-text .pmt-text-m {
  display: inline-block;
}
.pmt-password-desc-box .pmt-text .ico-security {
  display: inline-block;
  width: .22rem;
  height: .26rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAACzdqxAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxODU2MjdDM0NFOTIxMUU3OTBDQ0U0MzM1MkU0QTE2MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxODU2MjdDNENFOTIxMUU3OTBDQ0U0MzM1MkU0QTE2MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE4NTYyN0MxQ0U5MjExRTc5MENDRTQzMzUyRTRBMTYwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE4NTYyN0MyQ0U5MjExRTc5MENDRTQzMzUyRTRBMTYwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Ppz6pwAAAm9JREFUeNrMll2ITVEUx++5xkcoBmXCFBnJRzM0jYg3c30WTz6fPBEl8TBjfE24QyglanhQXocRaqJIEzM+8iBmooQHNRPKmGZoYtDxW/U/OvfYZ+7Bi1W/9jn7nv3fe6+99lrX830/5bLPexZEu5bCF7iTSmAFqWRWAufBVmEzduQbkE4gOg+aYSJMgrsw91+Ei+AM3JNgCzyEKfAITmoyp3mfauZ7tINhlLZcDiugUv3f4RTste/hOGyDQfANbsF1eAyvoMf6TdiPmbQfGuCQBoRtOhyAtXHnFBZ+B6/hhVZxQ7MPZKNhOSyDUrlsXI7wyCMPvDzhltT8pFHxV/bfCh+E2jjhr/Lp0D8UPazI2A+zgmAI/GzCH/QyJjKwBupiRK1/n2J8AzxT/1i1Hy0G3+sGFcNbrX6atmkXZATsDE4bOwq7dTk2QmNowqlqO2zF7XqpCH4l9F7SrJGbdsBZ3bRjEu3XShsjO1mo9klaCcZsZeSja7AK+mAzPIUqia6Hyw4XVaptNuEmfZzBBdGkclM3q1cHZD5dB1ccohMkbFpNabbdxcNF3fkqxwBLkxnohhNwNeZAq3Uml6DLswrCSmdoq2blTNbuuNLjddAum63sZjYHnntBaUIoq9TYpirRlzCeh8N9KAuFYc7Ny0q0VOlyWALRIfq2TGOzv9JmuJiy6hJViiK1q+VblxVKNCMXLQrnbS9apRGfqWiwCHkDW5Wbw2b5tx4mQycsMb/mJHpX+VfYNYQC/rZqnNkuWKznVsV0528VZID/FXbTtivRFEZ+7lbJOg0/nKUpwR8WK7JbYJPeL8C5fGXrpwADABFfth/7dXm8AAAAAElFTkSuQmCC) no-repeat;
  background-size: cover;
  vertical-align: -.04rem;
}
.pmt-password-desc-box .pmt-text .ico-security-green {
  display: inline-block;
  width: .24rem;
  height: .28rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAAAXNSR0IArs4c6QAAAWpJREFUeAG1lQFEBEEUhv8QkCIJABCASAQUFJESIKAgLgBBAEQAgkAIIPLe3kWVzJulqrCCBABVIFCBDV290SF3ejvb7c/PnJv5vrtz+wZROaeR0K7m6mQQjmsQuoajZmhYcy28VypZ1gupz0P4AI7yAO3cPOzRvXrGjPAYhLYh/KKAqOoZPauMtrhkBY7viwONKsvzMkJ8slUeZFTZcPxamUDZuqi0/wYIPVYnELqA931wyWYZQQ6hOxPeitBxjCCHpzncHPXrU2vDk7W4byC8g1ZaEgMeK/j87mqbxIAbAltiwE2BLTHhtsCWxMC1EH4rLImFC72rINMXhSTxs+hWR/V6ZXNIeOPnL8gP3RfwM7KzAYR4njKuxrgKfcDxDH5FaCFGYsCX0DG+MQFHTwbEupcn8Wf84RCE90rA93F5OozC0U+i88cGZ0jr0yidlGd1yHUc2WmyiGazB12J51EI74afL22Mo2C+ANKExm0fi+siAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
  vertical-align: -.04rem;
}
.pmt-password-desc-box .pmt-text .ico-into {
  display: inline-block;
  width: .36rem;
  height: .3rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAYAAABE4bxTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxODU2MjdDN0NFOTIxMUU3OTBDQ0U0MzM1MkU0QTE2MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxODU2MjdDOENFOTIxMUU3OTBDQ0U0MzM1MkU0QTE2MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE4NTYyN0M1Q0U5MjExRTc5MENDRTQzMzUyRTRBMTYwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE4NTYyN0M2Q0U5MjExRTc5MENDRTQzMzUyRTRBMTYwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0agcogAAAelJREFUeNrMl08oRFEUxt+YaVgwdpIFGyUbxcrIRlkpSRGztFEylKSEjdTUyFhgY21HGQtWZljIv5KxsZiSlYztYIGG5zt1Xt2mN+bd92a8e+rXuXOa+/pm7rnvnOPRdV2zY+8LwU64AbAMPmT3V0cuTeMVmn3zgnlwDVq1EpkTQZ/s28AVGHdbkAf88DoAtsEuaHBL0LdJbBikwKAbgl4LxOvAPlgHftmH+nBb1siDKDI/g8+TWLeAHD8wjniSb1WI/xm6VU18bIVsBtCeMLi1LAjM8noHZMAUCzLsDSRBF5iW/MFBcMO3cdXqkRm58MX+Je87WUGY3eSPgiPQXM4ckrU+cAaGVBFEVg/2wBZyslIFQYbRxUlBVK8qgjQuN8cQtaSKIMNWIOoENKoiiKwHPEBUWBVBGtdF3aeImAQYQ0V4UkHQIoRExNLhlt1TmYKYUxVu2SboyBfjxj+U4ZdivBw9tawdgm4SU6yWeXntF+qNaLXsa2wKobFmDvSDRyv9UIz9s3C+YoOW4PgF2Mhr0EJFmrRz7q9SlnsVB3MZ9TbpP449xo1ZTmYuc5LUgQJxavAmwMF/N/lekxiNQe12xTgVpAv7szwojpi0wHJTh4O9VezvwCjnk6uTKyVrhEeddKleVr8CDABJVXgnoPS7BwAAAABJRU5ErkJggg==) no-repeat;
  background-size: cover;
  vertical-align: -.04rem;
}

.pmt-password-input {
  position: relative;
}
* + .pmt-password-input {
  margin-top: .16rem;
}
.pmt-password-input .input-tip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: .26rem;
  color: #666;
  text-align: center;
}
.pmt-password-input .enter-pwd-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  min-height: 1rem;
  border-radius: .16rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
  overflow: hidden;
  font-family: "Roboto-Regular";
}
.pmt-password-input .enter-pwd-input li {
  -webkit-box-flex: 1;
  width: 20%;
  -webkit-flex: 1;
  flex: 1;
  max-width: 100%;
  line-height: 1rem;
  font-size: 0;
  color: #1e1e1e;
  text-align: center;
}
.pmt-password-input .enter-pwd-input li.entered {
  font-size: .5rem;
}
.pmt-password-input .enter-pwd-input li.curr {
  position: relative;
  z-index: 1;
  background: #f4f3f3;
}
.pmt-password-input .enter-pwd-input li.curr:before {
  content: "";
  position: absolute;
  top: .06rem;
  right: .06rem;
  bottom: .06rem;
  left: .06rem;
  background: #e8e8e8;
}
.pmt-password-input .enter-pwd-input li + li {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.pmt-password-input .enter-verification-code {
  min-height: 1rem;
  border-radius: .1rem;
  border: 1px solid #b2b2b2;
  overflow: hidden;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.pmt-password-input .enter-verification-code .code-input-box {
  -webkit-box-flex: 1;
  width: 20%;
  -webkit-flex: 1;
  flex: 1;
  max-width: 100%;
  height: 1rem;
  padding: .2rem .3rem;
}
.pmt-password-input .enter-verification-code .code-input-box input {
  display: block;
  width: 100%;
  height: .6rem;
  font-size: .3rem;
  color: #1e1e1e;
  border: 0 none;
  background: transparent;
}
.pmt-password-input .enter-verification-code .code-input-enter {
  position: relative;
  height: .6rem;
  line-height: .6rem;
  font-size: .3rem;
  color: #1e1e1e;
}
.pmt-password-input .enter-verification-code .code-input-enter.placeholder {
  color: #b2b2b2;
}
.pmt-password-input .enter-verification-code .code-input-enter.focus-before:before {
  content: "";
  position: absolute;
  left: 0;
  top: .08rem;
  width: 1px;
  height: .4rem;
  background: #1e1e1e;
  -webkit-animation: focus 1s infinite;
  animation: focus 1s infinite;
}
.pmt-password-input .enter-verification-code .code-input-enter.focus-after:after {
  position: relative;
  display: inline-block;
  content: "";
  width: 1px;
  height: .4rem;
  background: #1e1e1e;
  vertical-align: -.1rem;
  -webkit-animation: focus 1s infinite;
  animation: focus 1s infinite;
}
.pmt-password-input .enter-verification-code .get-code {
  width: 2.5rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .28rem;
  color: #ff4800;
  text-align: center;
  border-left: 1px solid #b2b2b2;
}
.pmt-password-input .enter-verification-code .get-code.send {
  color: #666;
  background: #d8d8d8;
}

.pmt-password-input-tip {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  font-size: .28rem;
  color: #666;
  margin-top: .24rem;
}
.pmt-password-input-tip .tip-left {
  min-width: 2rem;
}
.pmt-password-input-tip .tip-right {
  min-width: 2rem;
  text-align: right;
}

.pmt-hint-text {
  line-height: .56rem;
  font-size: .3rem;
  color: #666;
}
.pmt-hint-text dt {
  font-weight: 700;
  padding: .2rem 0;
}

@-webkit-keyframes focus {
  0% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes focus {
  0% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.touch-id-pop {
  padding: .3rem 0;
}

.touch-id-pop-verify {
  position: relative;
  z-index: 1;
  font-size: .3rem;
  color: #1e1e1e;
  text-align: center;
  padding: 1.3rem 0 .2rem;
}
.touch-id-pop-verify:before {
  content: "";
  position: absolute;
  top: .1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: .9rem;
  height: .9rem;
  background: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/icon-fingerprint.png) no-repeat;
  background-size: cover;
}
.touch-id-pop-verify dt {
  font-size: .44rem;
  font-weight: bold;
}
.touch-id-pop-verify dd {
  padding: .2rem 0 0;
}

.id-type-verify {
  padding: .2rem 0;
}
.id-type-verify .id-ico {
  display: block;
  width: .9rem;
  height: .9rem;
  margin: 0 auto;
}
.id-type-verify .ico-touchid {
  background: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/icon-fingerprint.png) no-repeat;
  background-size: cover;
}
.id-type-verify .ico-faceid {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAAq1BMVEX////ybifzdDDzci7zdjPybCTzeTf7zrXzbynzcCvyaiH0gEL//Pr/+PXxYxf94dL0g0fzdzX4qX/3nW395tr7zLT7xqr/+vf0ezv7ya/2l2X+8OjyaB74r4n+7OP1i1L3oHL2mmn2k170fj/+9vH93s73oXP83Mr81cH5tpL0hkzxZRr+8+34q4P3pXj82cb3oHH6w6X5upjxXxL70rz6v6D3onX4s432jlcgZk0uAAADtUlEQVRYw+2ZiXLaMBBAV5cjyQYsMGB8UduY+w4k/f8vKw5pUdoGHEaenm+G4RjpeZEE8mrhK5vnYO5esN0BVGJwanphHjxv4C3TlEjEdZr5sop5mTe5DpIkncIFJyYSU8KRRnM+qqIezZtIgxOKJYkdeKWxjYjiIs86F9LtBCox2aZatyznSJFo24Az6wWlbH5MGo4GVEbvNUqOc0bpYg0v9BimqB2CIcI2opj1Xl7aSLEYDBIzhewy1L1ULACjBEjJPcAoY5gWZtUFxSwDOPhEBmCYVBI3hJmkaGZaPWMYe9BuYjwwrR5gglqlmj6YVj/QV7Uyr1Y1Rv1f/TeM9Z8Zdd3q9WM9/yGsgPgxElPT6qmIZAvCNV31Tav7K7oupSHUQAi/hk088+AtjZbz3ZhqbaozEDLKC9AJA/I0Ao0jl5Hd+qh56UqlFp23V2tKdtAvZUtV3ih9EI9iy0LDPmjsJCb6T2BikVObrP9RtXpRN0Cjxwju6rPhl+qg8VG1dY76mnpyVvfvUzeqq81HzX+rASmnkdczjfRG1PcvvtBmlloEcE2d5NJSzTF8lCOKImt6VQ0zJiN/cscm9NQu4LoauuNVCwygqXX+q+tgUK96YNzaPz1aGaHceNS9z2n7yeY+8hPDZk8sWCSJxZDx8fBwEwkhI78HYH5A5rb7eeVBHSSe14B/nj7URDIeduEqm+DOI6v4sYmLq2vSf3yM71KvFhZzvSvfasisxfq+AXGZJd3JuzEPpYX8O/evjWIWs3bvbJ05s5C4kRYur6R/zBIo3cAPFFvBLUR6V6XLthU77yZpeUQpw2k3AY3wsD19qKT17gJyYqvt3Mgbk5QhhRFyO7PuxEsSr3iYfZpzRBSSWetK3rhgt7Pd3VwiTIVk1Ldd184pk4JSLu29cyPbvZ2jh8ehYIxgTATnQpyeEePzfXIjR+eV0v/lYZXZIpLshIx4/rn9sAQwoS7pt7rHuL1et+P9oBj9P2r5nc6e1B95XPtN/UdN46ua1nTqXlOtAJW1ggefyNS0OpXEDsu6DFEts+aWIix7rSalhoNmSu5f0mGu2LNJ8zNTPE/OR0oUo9XIlHi0QpjK3fnNeKEoG+7CvoG7xHA3LOuN46/XSSOikLCD7Xg8/nSm81RUkxVPnU+nTi8dx9vAFmWVtNOAV5yVkPTO2u7w+9oulWKl78iHQEgudJp+tYq03zw1vnTlUgQHeIMzjTM3t7/h272Kac6p6QU3i6fOz+agoeFARRy9l74SvgDqiFpaoi0tbgAAAABJRU5ErkJggg==) no-repeat;
  background-size: cover;
}
.id-type-verify .verify-title {
  font-size: .44rem;
  color: #1e1e1e;
  text-align: center;
  font-weight: bold;
  margin-top: .35rem;
}
.id-type-verify .verify-tip {
  font-size: .3rem;
  color: #1e1e1e;
  text-align: center;
  margin-top: .2rem;
}
.id-type-verify .verify-desc {
  font-size: .36rem;
  color: #1e1e1e;
  text-align: center;
  margin-top: .4rem;
}

.touch-id-pop-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: .2rem;
}
.touch-id-pop-btn .pop-btn {
  -webkit-box-flex: 1;
  width: 20%;
  -webkit-flex: 1;
  flex: 1;
  max-width: 100%;
  position: relative;
  display: block;
  line-height: .64rem;
  height: .64rem;
  font-size: .28rem;
  border: 1px solid #f37938;
  color: #f37938;
  text-align: center;
  border-radius: .08rem;
}
.touch-id-pop-btn .pop-btn + .pop-btn {
  margin-left: .5rem;
}
.touch-id-pop-btn .btn-org {
  background-color: #f37938;
  color: #fff;
}

.verify-type-pop .type-icon {
  width: 1.28rem;
  height: 1.28rem;
  margin: 0 auto;
}
.verify-type-pop .type-icon.faceid {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAABYWlDQ1BrQ0dDb2xvclNwYWNlRGlzcGxheVAzAAAokWNgYFJJLCjIYWFgYMjNKykKcndSiIiMUmB/yMAOhLwMYgwKicnFBY4BAT5AJQwwGhV8u8bACKIv64LMOiU1tUm1XsDXYqbw1YuvRJsw1aMArpTU4mQg/QeIU5MLikoYGBhTgGzl8pICELsDyBYpAjoKyJ4DYqdD2BtA7CQI+whYTUiQM5B9A8hWSM5IBJrB+API1klCEk9HYkPtBQFul8zigpzESoUAYwKuJQOUpFaUgGjn/ILKosz0jBIFR2AopSp45iXr6SgYGRiaMzCAwhyi+nMgOCwZxc4gxJrvMzDY7v////9uhJjXfgaGjUCdXDsRYhoWDAyC3AwMJ3YWJBYlgoWYgZgpLY2B4dNyBgbeSAYG4QtAPdHFacZGYHlGHicGBtZ7//9/VmNgYJ/MwPB3wv//vxf9//93MVDzHQaGA3kAFSFl7jXH0fsAAAHFUExURQAAAP9VAP9JAP9JAP9IAP9IAP9JAP9JAP9VAP9OAP9JAP9IAP9VAP9IAP9JAP9IAP9JAP+AAP9VAP9JAP9JAP9JAP9JAP9LAP9JAP9KAP9IAP9IAP9JAP9JAP9LAP9JAP9JAP//AP9IAP9IAP9KAP9IAP9JAP9OAP9IAP9LAP9JAP9IAP9JAP9IAP9JAP9SAP9dAP9IAP9JAP9IAP9OAP9JAP9KAP9IAP9KAP9OAP9NAP9IAP9JAP9KAP9IAP9JAP9VAP9JAP9MAP9JAP9mAP9KAP9JAP9KAP9KAP9JAP9IAP9KAP9JAP9JAP9JAP9JAP9JAP9KAP9IAP9MAP9IAP9IAP9KAP9IAP9IAP9JAP9JAP9KAP9LAP9IAP9IAP9JAP9IAP9JAP9KAP9JAP9IAP9IAP9JAP9gAP9KAP9KAP9IAP9JAP9MAP9IAP9JAP9JAP9KAP9IAP9IAP9KAP9JAP9IAP9KAP9JAP9IAP9JAP9JAP9KAP9QAP9LAP9JAP9IAP9LAP9KAP9IAP9JAP9JAP9JAP9KAP9JAP9JAP9LAP9JAP9MAP9NAP9JAP9IAP9NAP9JAP9IAP9JAP9KAP9IAP9JAP9IAD9nkPYAAACXdFJOUwAGRoGbqqd6DA17qQl47v/KBAPLI9U7Pet5wq3Dx0fIfgF//kjtqxqKQQdxnmOJGQvftpEk+EVVPhcUX/F8uLoP9UDkBWfyboDZ5ibd6vb5411DL/SYo+y3bWVWIjy/ub6oTPxKpv0IlRjJkiWDaecf++Vh6C5gdN5Qz4cgLF6xETf3ztrvb5ccM7M2MpbYIUnGcy2NfTWL/jAbAAADYklEQVR4Ae3bU58zSRTH8RO7//E4xmPb1tha27Zt6/Xup7qD3lQl6Yt01e4+9b0cnd+4ZiqHNO3fxOP1+QP9BUNhciQSjQX68/u8HhKJJwwMkUyRA+kMhjASceJkcxguTw6MYbhclps/jlEF5OHAeE9BPAdmJJ+CVBIO5OJkN4E2Y3IqYBPrcvxFGA4FA2JT0wbaEmTjMWCZKaTIValCERbDQ11eWEplcl25UoXJS12+1nySogKTj7r8YIplkqJcBOOnrgCYGklSABPoDainSZKUIQyYJGmmhQENkmZKGBAgaQL/ugAdoAN0gA7QATpAB+iAxsCA5h72Z/1eEtq3/8DBNPXay/7RcOgwcbh5fBHnyFEwVXHBMQDHuflVMEePjORT4IXFTwInAOBknP7JD8upkQSchkn8/DNgzvIDTKf/MwFBAAjKC+DmhQAgJC+AmxdOAsmwvAB+XiqfT5G8APE8mQEOqA/QATpAB+gA/kDiPIA/kDjl/EjGBYiPZCPRPMQdSrkA4aG0Sa7hAuTiAs6RMgUwKVLmPABcIHUuAsBRUucSAFwmZa5cBYAoKeMDM0aqXDsJANdvkBrlm7fA3CYVzp25cxeme3GSbHZqbn4BbYt5kuzIEmyqyyTbCmzueUm6VXSsrZ8jBTZg2tzavkJqFPbv7BYeoFHSNC2VfzCtcl44CWQiJA03L+TkYLX70MNecqB2+ZHTNBg371EAiNFAjwF4fJmGqlQBPEE88TznNyZPAsBTwwqeDoLZcOHK5hk4KHj2OZiedyHghVtWwYtHqJ8bL70Mk/GKCwHkfRWm186XSST9+lFY3njTnVuz80/BknnrWepRfvPtu2h554Rb13bvLqCl+t77ez84QqbU2Q8/2ngDHR9/4t694afvwO6zpc9nvviyCru1r1y9uAx/XcVAwW/cvjn99jv09XjgexlXtz/8uAmRn178Wdbd8Y1fDv26CLt7U7/9Lvny+sYJ783Ei38cf//P/bt/nft/XN/rAB2gA3SADpgiaRqqH9w+KQwwUiRJui4MQIEkqaE3wA/mV3UrHnKXXEow+VSt+ZRg8YoWnYq1tNuLTjOiRSdKoK0+2QiIjWLVa1K86qV+2U35uh8ryMkMyGVdXPlMJZ2vfIqXXt37IuSXXtXTtL8BDO7UOKfKvMsAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.verify-type-pop .type-icon.touchid {
  background: url(https://cdn.sdb.com.cn/pay/cashier/assets/images/iconFingerprint.png) no-repeat;
  background-size: 100% 100%;
}
.verify-type-pop .type-title {
  line-height: 1.5;
  font-size: .36rem;
  color: #1e1e1e;
  text-align: center;
  margin-top: .4rem;
}
.verify-type-pop .type-desc {
  line-height: 1.5;
  font-size: .32rem;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  margin-top: .24rem;
}
.verify-type-pop .text-inner {
  display: inline-block;
  text-align: left;
}

.bank-cards {
  margin-bottom: 1.9rem;
  background-color: #fff;
  font-family: "Roboto-Medium";
}
.bank-cards:last-child {
  margin-bottom: 0;
}
.bank-cards .card-list-content {
  padding: .296rem;
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 1px solid #e7e7e7;
}
.bank-cards .card-list:last-of-type {
  border-bottom: none;
}
.bank-cards .card-list .card-list-l {
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  margin-right: .2rem;
  background-size: cover;
}
.bank-cards .card-list .card-list-m .card-list-mt {
  color: #333;
  font-size: .32rem;
  font-weight: 700;
  margin-bottom: .16rem;
  font-family: "Roboto-Regular";
}
.bank-cards .card-list .card-list-m .card-list-mt .authStatusConfing,
.bank-cards .card-list .card-list-m .card-list-mt .authStatusConf,
.bank-cards .card-list .card-list-m .card-list-mt .authStatusInto {
  display: inline-block;
  font-size: .24rem;
  font-weight: 400;
  border-radius: .04rem;
  margin: 0 .05rem;
  padding: .04rem .04rem;
}
.bank-cards .card-list .card-list-m .card-list-mt .authStatusConfing {
  color: #6ac88e;
  background-color: #e8f8ee;
}
.bank-cards .card-list .card-list-m .card-list-mt .authStatusConf {
  color: #f37938;
  background-color: #faeaca;
}
.bank-cards .card-list .card-list-m .card-list-mt .authStatusInto {
  color: #f37938;
  border: 1px solid #f37938;
}
.bank-cards .card-list .card-list-m .card-list-mm {
  color: #6c7684;
  display: flex;
  font-size: .24rem;
}
.bank-cards .card-list .card-list-m .card-list-mm .single-pay {
  display: flex;
  margin-right: .19rem;
}
.bank-cards .card-list .card-list-m .card-list-mm .single-pay span {
  display: block;
}
.bank-cards .card-list .card-list-m .card-list-mm .single-pay .single-pay-l {
  margin-right: .18rem;
}
.bank-cards .card-list .card-list-m .card-list-mm .single-day {
  display: flex;
}
.bank-cards .card-list .card-list-m .card-list-mm .single-day span {
  display: block;
}
.bank-cards .card-list .card-list-m .card-list-mm .single-day .single-day-l {
  margin-right: .18rem;
}
.bank-cards .card-list .card-list-m .card-list-mm .single-pay + .bank-detail-btn {
  margin-left: -.11rem;
}
.bank-cards .card-list .card-list-m .mm-lhb .single-pay {
  margin-right: 0.04rem;
}
.bank-cards .card-list .card-list-m .mm-lhb .single-pay-l {
  margin-right: 0.04rem !important;
}
.bank-cards .card-list .card-list-m .card-list-mb {
  color: #b2b2b2;
  font-size: .23rem;
  margin-top: .18rem;
}
.bank-cards .card-list .card-list-m .card-list-mre {
  color: #b2b2b2;
  font-size: .23rem;
  margin-top: .18rem;
}
.bank-cards .card-list .card-list-m .card-list-mre .toTrans {
  margin-left: .1rem;
  color: #2778d3;
}
.bank-cards .card-list .card-list-r {
  position: absolute;
  height: .4rem;
  right: .4rem;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 99;
}
.bank-cards .card-list .card-list-r .card-list-check .card-list-check-blank {
  width: .38rem;
  height: .38rem;
  display: block;
  margin: 0 auto;
  border: .02rem solid #e3e3e2;
  border-radius: 50%;
}
.bank-cards .card-list .card-list-r .card-list-check img {
  width: .38rem;
  height: .38rem;
  display: block;
  margin: 0 auto;
}
.bank-cards .card-list .card-list-r .card-list-recharge {
  width: 1rem;
  height: .48rem;
  color: #f37937;
  font-size: .26rem;
  padding: .11rem 0;
  text-align: center;
  border-radius: .1rem;
  border: 1px solid #f37937;
}
.bank-cards .card-list-layer {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: .7;
  background-color: #fff;
}

.bank-cards-more {
  margin-bottom: 1.8rem;
}

/*新增感叹号按钮  王曼  2019-07-29 start*/
.bank-i-btn {
  display: inline-block;
  width: .28rem;
  height: .28rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAEFCu8CAAAAAXNSR0IArs4c6QAABAxJREFUSA21lk1IlVkYx73vvZNgOqGtMoupWdS2QGgGrTYhmt6CchNtBhw3UVCLaBFEMJtZBGW1sUWbiKCCUrshwVBkJBS1zLuYD6ZylUpoguVHv//pfU7nvr7Xu6kXzn2+/s/H+XrOraqKv8HBwb+M9xRlT1V5i8fBgCpKjmJlTShcdMqBgYFdYqBvnQKfj46Jf0ZGRuocyIKFxhJeSCkAnjSDwmZMGBoaOru4uHgil8vt7OjoeGl6edz1AgxeS072TKj8wo9F2Wx2i0Pxk8/nfRrELdHCwsLPZgyjSKflKJgxpJlMptvJocfS0lIW+Z0MYQ5V+RTdDrwuR1HUV1NTMz49Pd2K3I9TU3V19ea2trZ/XUT9yCFlqu3oXnsQDM6Rr0CLBuBSCKjEyznSStfW1p5Kggl20kdPGpEjbc/MzMyrFFuqSgvkDcPDw5sUXXPwyhQGTB9j+aoKi2EM4nfX/LU/XV1dt7xsjNFCobCNnT9H9mbA44wbnZ2dZ8xu1O+jyp2bm/sH4Buceuvq6h7Pzs42snjHkI/gMMrZ+qXEkfJ0Zx42NDT82NLSMm3GkMb73E65q7weR4KWLow2H327B8HIGZ1OV5VOwhjl/c5YDEEEakLXH+rItg95h3QZZUvcixC7jCfrJQJO5JZZKih0+FmwwbIbrkqI/mcyjm4M01hX1jHpYHJ8zZ67UomQpe4FM65EtWD0jXwE001J/68ENpsam1bb9yzm8w7nCwZIozi4S6wTJrs/cnJGnmOvNibLJmgPjlew72brHpU4SgBwEMBN8YmviMPWUOczhkrj40B/IC+7ZoZJ0CLVng6vX8L+dYpmYKq6KLcZaxm6jme4jleT0za8UWaYpe/9Bj2LrpExwThgS2I4P8P4Gj/DsJbgfSQ5Di25L+ZUiZI0YnXOgzvKmKCNN1sbdwmDPRinBWwt1wKUCOxrAjaJp6A3LN8G8Wmfjtnk5KQ6XyNY1+ky6mjz8/Mv5MysfoKueNBZ8nYwriuQuJclu5+WzHRgtNT/qUga//ac2qeMcq6UTLg4QdlZCRN+ikmRvegKypUjUbMAar0hsBxPtb/iowdcvt2VZqg4ik3P0KSadfXHpVSfF6304dTCWMNYje/uSnjZLbZyKeENKfWoiH6Pz2IrVxQ/eUUqPsIJ7PnWCRVTsYlbVC7Xv9kHtZ9RDFcA3IWW7eu04CdU+p7xAdzDcgUqRhxLPVFPsWtx/uLLUV2GQA8A/wAdqK+vP7zSnUxLprs3NTV1jRh5YnyC7iHZI8OWJDRl3HWuI395cbmj8Jr5PWb4t543YXUY9H+UwHsR92F3DQF+lO5yyLqLsPalJjSjUTUHNn4/AVvRrYe6E00iJX4LfczjfMc/XOaYQj8DTjNAOcGAnEEAAAAASUVORK5CYII=);
  background-size: 100% 100%;
  vertical-align: middle;
  margin-left: .15rem;
}

/*新增感叹号按钮  王曼  2019-07-29 end*/
/*可用余额明细弹窗部分 王曼 2019-07-24 start*/
.mkt-pop-box {
  border-radius: .08rem;
}
.mkt-pop-box .mkt-dialog-title {
  font-size: .44rem;
  color: #1e1e1e;
  font-family: "PingFang sc";
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  padding-top: .4rem;
}
.mkt-pop-box .mkt-dialog-node {
  font-size: .26rem;
  color: #666;
  line-height: 1.4;
  text-align: center;
  margin-top: .1rem;
}
.mkt-pop-box .detail-bg {
  position: relative;
}
.mkt-pop-box .detail-bg:before {
  content: "";
  position: absolute;
  z-index: 200;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1.35rem;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 100%);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 100%);
}
.mkt-pop-box .mkt-dialog-detail {
  padding: 0 0 0 .3rem;
  margin-top: .44rem;
  max-height: 4rem;
  overflow-y: auto;
}
.mkt-pop-box .mkt-dialog-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: .34rem .3rem .33rem 0;
  border-top: 1px solid #e7e7e7;
}
.mkt-pop-box .mkt-dialog-list .mkt-dialog-main {
  width: 3.2rem;
  margin-right: .1rem;
}
.mkt-pop-box .mkt-dialog-list .mkt-dialog-main .dialog-list-tit {
  font-size: .28rem;
  color: #1e1e1e;
  line-height: 1.4;
}
.mkt-pop-box .mkt-dialog-list .mkt-dialog-main .dialog-list-node {
  font-size: .24rem;
  color: #999;
  margin-top: .13rem;
}
.mkt-pop-box .mkt-dialog-list .mkt-dialog-num {
  font-size: .32rem;
  color: #1e1e1e;
  font-family: "PingFang sc";
  text-align: right;
}
.mkt-pop-box .mod-dialog-button {
  height: .92rem;
  margin-top: .67rem;
}
.mkt-pop-box .mod-dialog-button .btn-ui {
  line-height: .92rem;
}

/*可用余额明细弹窗部分 王曼 2019-07-24 end*/
.flex-start-align.card-list-content {
  height: auto;
}
.flex-start-align .card-list-l {
  margin-top: .1rem;
}

.card-skew-tag-list {
  margin-top: .12rem;
}

.card-skew-tag {
  display: inline-block;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  line-height: .32rem;
  font-size: .2rem;
  color: #ff4800;
  color: color(display-p3 1 0.28235 0/1);
  padding: 0 .1rem;
}
.card-skew-tag + .card-skew-tag {
  margin-left: .08rem;
}
.card-skew-tag:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.5) skewX(-5deg);
  transform: translate(-50%, -50%) scale(0.5) skewX(-5deg);
  width: 200%;
  height: 200%;
  border-radius: .04rem;
  border: 1px solid rgba(255, 72, 0, 0.1);
  border: 1px solid color(display-p3 1 0.28235 0/0.1);
  background: rgba(255, 72, 0, 0.06);
  background: color(display-p3 1 0.28235 0/0.06);
}

/* 详情箭头按钮 */
.bank-detail-btn {
  font-size: .24rem;
  margin-left: .08rem;
  line-height: .28rem;
  color: #4c88bd;
}
.bank-detail-btn .detail-arrow {
  display: inline-block;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  width: .28rem;
  height: .28rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABYWlDQ1BrQ0dDb2xvclNwYWNlRGlzcGxheVAzAAAokWNgYFJJLCjIYWFgYMjNKykKcndSiIiMUmB/yMAOhLwMYgwKicnFBY4BAT5AJQwwGhV8u8bACKIv64LMOiU1tUm1XsDXYqbw1YuvRJsw1aMArpTU4mQg/QeIU5MLikoYGBhTgGzl8pICELsDyBYpAjoKyJ4DYqdD2BtA7CQI+whYTUiQM5B9A8hWSM5IBJrB+API1klCEk9HYkPtBQFul8zigpzESoUAYwKuJQOUpFaUgGjn/ILKosz0jBIFR2AopSp45iXr6SgYGRiaMzCAwhyi+nMgOCwZxc4gxJrvMzDY7v////9uhJjXfgaGjUCdXDsRYhoWDAyC3AwMJ3YWJBYlgoWYgZgpLY2B4dNyBgbeSAYG4QtAPdHFacZGYHlGHicGBtZ7//9/VmNgYJ/MwPB3wv//vxf9//93MVDzHQaGA3kAFSFl7jXH0fsAAAHSSURBVHgB7ZhFshwxDIZ1gTAzMzMzJ60eqrfKhazh4C67MBzBcpiZmZl5m9jhpHUAVZ6/qtl/o9b/d9vwnxCJRCLFxv4eaNgmZD8i8Z58w7UHjXjJjYmxX37+kOyplvrhjhpFtwTBf2TPFSqHuoImcmbfGC/37l/ZhOzlsBagiTztn4rEbwTZ60VyvUETaW3fBDT2ZXYN+LYPWH/QRKHiRnvZp4Ls/bTuBoMmsOqGI9lHGVnDjwu0b4SunS3bQWjsPaENnoXwgSaKVdvPy93KTta+xPL+iaCJkHgvd03Y2Te5Ck8DTbSUXXc09pIg+x6Nm61Ldu3+Lonhs0LPfsSKXQiaCO9/L3tSmOznnOFlmmqrMxp7WgjXp4R4EWggbR7t5mUuCN36Ia3auTok6WBPJL4qTPItkpuu5BPwYF8kvimE6FW+ypNAA6XGgYEJ8d2MpOHnaWX/WNBAoXZgqJd6mJ0kP8lV94/U8sU/KggJkg/CH1AySR6HxC+EdN/Byr4BStLtJvv9ey1I3gihAg0klb0zQt0IkldCPYEGwidbKG5hJy+oOoki2Z1CmZ8urD/WCTTh93LTP2V+TOVtSdhBL+vC40fi7avXHm0LkUgk0nr5CpJ97a/8PJj0AAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}

.card-row .bank-cards .card-list-content .card-list-m .card-list-mm.mm-vertical .single-day {
  margin-left: 0;
}

.card-row .bank-cards .card-list-content .card-list-m .card-list-mm.mm-lhb .single-pay-l {
  margin-right: 0.04rem !important;
}

.bank-detail-btn.btn-left {
  margin-left: .08rem !important;
}

.large-size .card-row .bank-cards-title {
  font-size: .4rem;
  line-height: 1.2;
  padding-top: .26rem;
}
.large-size .card-row .bank-cards .card-list-content {
  height: auto;
  padding: .26rem .26rem .26rem .3rem;
}
.large-size .bank-cards .card-list .card-list-m .card-list-mt {
  font-size: .4rem !important;
  line-height: 1.2 !important;
  margin-bottom: 0 !important;
}
.large-size .bank-cards .card-list .card-list-m .card-list-mm {
  margin-top: 0 !important;
  font-size: .32rem !important;
  line-height: .36rem !important;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.large-size .bank-detail-btn {
  font-size: .32rem;
  line-height: .36rem;
}
.large-size .bank-detail-btn .detail-arrow {
  width: .32rem;
  height: .32rem;
}
.large-size .card-skew-tag {
  font-size: .24rem;
}
.large-size #pay .bank-cards .card-list .card-list-l {
  width: .64rem;
  height: .64rem;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.large-size #pay .bank-cards .card-list .card-list-m {
  width: 5rem;
}
.large-size .add-card {
  padding: 0 .4rem;
}
.large-size .add-card .add-card-ico {
  margin-right: .12rem;
  width: .72rem;
  height: .72rem;
}
.large-size .add-card .add-card-m .add-card-t {
  font-size: .4rem;
  line-height: 1.4;
}
.large-size .add-card .add-card-m .add-card-b {
  font-size: .32rem;
  margin-top: .08rem;
}
.large-size .card-skew-tag:not(:first-child) {
  margin-left: -.06rem;
  vertical-align: .02rem;
}
.large-size .card-skew-tag:after {
  border-radius: .08rem;
  border: 0.02rem solid rgba(255, 72, 0, 0.4);
  border: 0.02rem solid color(display-p3 1 0.28235 0/0.4);
}
.large-size .bank-cards .card-list .card-list-r {
  height: .48rem;
}
.large-size .bank-cards .card-list-select {
  width: .48rem;
  height: .48rem;
}
.large-size .bank-cards .card-list-select.select:before {
  border: .28rem solid #ff4800;
}
.large-size #pay .bank-cards .card-list-content {
  padding: .2rem .4rem;
  min-height: 1.44rem;
  height: auto;
}
.large-size #pay .bank-cards .card-list-content.flex-start-align {
  padding: .26rem .4rem;
}
.large-size .add-card .add-card-arrow {
  width: .48rem;
  height: .48rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAAB65masAAAB+UlEQVRYCe2X2WrDQAxF3X1foVDoU+jy/9/T5RvSfd/uKR4jJk5qWzK0YIGwomQ0Jzczo0lRDDYoMCjwvxVYCMDfUI1V+VtArYkScxOZdokjffywHHKn55X8o3wd8ph3Vjkw47cUn8ojfpWqrLfYtiqtVNWKYlkxuWv5p8l3Dr2At5p5R75oCJbK3FhPN6QXEADUQjXAkhHvyt1KegEBAhK1ckhURd0beeeNEwGo+X8gUYuNwjpMBmRSshNkFCBASclNxTnknnKdlIwEBPJLjpIc3nZ3M0+CfFfc2KIBmRhI1mQd5L7y7PzGkH0Aav5KyXXFtMFkNAaUpOs0ao19AQKUlFxTnEOiZCPIPgGBxFiTrEdAkyUl75V4Tcm6p7cX19Wsy027lKDyTJs2cOagFm8iwEjOWWiNTXIhf7TJurhPQOCO5XQYa8Cdy59sclrcFyBwJ3I6izV2LnDPNjkr7gOQjQccHcUamwG4F5v8LY4GBI5LK4e0tU5wFIgE5GIAHIezNRRDOSBbWxQg9z/g7FkHDGsNuEZdgwG5RQACdya33YJ52KXANe67DMrNC8i1Cjh7c2EOzjfOORcchVg3HhtpcA73oBxwnS6oOYwXMN8Q9NbLKDhgvZcFvmA677jnAef+J6caocaZR8fwrudQqKHYoMCgwF9R4BuwY1GGTpOswQAAAABJRU5ErkJggg==) center center no-repeat;
  background-size: 100% 100%;
}
.large-size #pay .bank-cards .card-list .card-list-m .card-list-mm .single-pay {
  margin-right: .16rem;
}
.large-size .bank-cards .card-list .card-list-m .card-list-mm .single-pay {
  margin-top: .08rem;
  margin-right: .16rem;
  white-space: nowrap;
}
.large-size .bank-cards .card-list .card-list-m .card-list-mm .single-pay .single-pay-l {
  margin-right: .1rem;
}
.large-size .bank-cards .card-list .card-list-m .card-list-mm .single-day {
  margin-top: .08rem;
  white-space: nowrap;
}
.large-size .bank-cards .card-list .card-list-m .card-list-mm .single-day .single-day-l {
  margin-right: .1rem;
}
.large-size .bank-cards .card-list .card-list-m .card-list-mm .single-pay + .bank-detail-btn {
  margin-top: .08rem;
  margin-left: 0 !important;
}
.large-size.pay_ment .pay_box {
  border-radius: .16rem .16rem 0 0;
}
.large-size .card-row .bank-cards .card-list .card-list-m .card-list-mm .single-day {
  margin-left: 0;
  margin-bottom: -.12rem;
}

.card-skew-tag.orange-normal {
  color: #ff7214;
  color: color(display-p3 1 0.44706 0.07843/1);
}

.psd-large-size .pmt-password-wrap {
  border-radius: .16rem .16rem 0 0;
}
.psd-large-size .pmt-password-head {
  height: .96rem;
  line-height: .96rem;
}
.psd-large-size .pmt-password-head .head-title {
  font-size: .4rem;
  color: #000;
}
.psd-large-size .pmt-password-head .pmt-password-close {
  opacity: .4;
}
.psd-large-size .pmt-password-area {
  padding: 0 .4rem .24rem;
}
.psd-large-size .pmt-password-desc-box {
  min-height: auto;
}
.psd-large-size .pmt-password-desc-box .pmt-text {
  font-size: .32rem;
  height: .4rem;
}
.psd-large-size .pmt-password-desc-box .pmt-text .pmt-text-m {
  line-height: .4rem;
}
.psd-large-size .pmt-password-desc-box .pmt-text .ico-security-green {
  width: .4rem;
  height: .4rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAhFBMVEUAAAAAva8Avq8A0NAAxbIAvq8AwLAAva8AxrUAwLEAvq4AyrkAwbEAva8Avq8Avq8Av68Av7AAv7AAv7AAvrAAvq4Ava4Avq8Av68Avq8Ava4Avq4Avq8Avq8Avq8Ava4Avq8Avq8Avq8Av7AAwLAAvq8Avq8AvrMAxLgAv64AvrIAva4tur4xAAAAK3RSTlMAgPYEF7Ag1g9B4Qkn6Mi0cWdZSjzx3J5/eOnn0MzDvqiRjVNNupUvFUwrviZfRwAAAVJJREFUSMft1stug0AMhWEHUjoNhDsBcr8nrd///SplUbfjARvaTaX8+08aaRY+8OzvmqbrdTodI8M8wUdJHg6kZV3hV1Vd6mXQLNBq0QQaabItOttmpl/6xd7Dzrx94XfS23GFQqvjzUnLGFXFJbdnVHdm37rU42Vo4RMO6GThdghuLTwZgif/BHvvu9HYe4Nwp8XcAmkJz2fMAphKhedRMGPWf8E+TBaANNl+TJY0WRV+nQJpshLmmqyEuSYrYq5LshLmmqyEmSYrY6bJyphpshJukGuyVo2FM3ToDouZhQt06ATdFRYOcEARWG30dg12mR6nDJuV1i7NLy5dDo5qnU3AVbjV2I0BZyaW7eLOmFpvAujMv/bbfQh95X1rqAWh6NJl4w+Qy+cuWqU+aDJHj734cNeP5cNPXgc6x7l3jWBoJn1s31lrYFRFcjn58Ox7n1ZQD3N0JP6SAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.psd-large-size .ico-security-green + .pmt-text-m {
  position: relative;
  top: -.04rem;
}
.psd-large-size .pmt-password-wrap.pmt-wrap-pb .pmt-password-input {
  margin-top: .22rem;
}
.psd-large-size .pmt-password-wrap.pmt-wrap-pb .pmt-password-input.input-ver-code {
  padding-top: .6rem;
}
.psd-large-size .input-tip {
  font-size: .34rem;
  line-height: .44rem;
  color: rgba(0, 0, 0, 0.8);
}
.psd-large-size .pmt-password-input .enter-verification-code {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
  min-height: .96rem;
}
.psd-large-size .pmt-password-input .enter-verification-code .code-input-box {
  padding: .18rem .26rem;
  height: .94rem;
}
.psd-large-size .pmt-password-input .enter-verification-code .code-input-enter {
  height: .56rem;
  font-size: .4rem;
  line-height: .56rem;
}
.psd-large-size .pmt-password-input .enter-verification-code .code-input-enter.placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.psd-large-size .pmt-password-input .enter-verification-code .code-input-enter.focus-before:before {
  width: .04rem;
  background: #ff4800;
}
.psd-large-size .pmt-password-input .enter-verification-code .code-input-enter.focus-after:after {
  width: .04rem;
  background: #ff4800;
  position: absolute;
  top: .08rem;
}
.psd-large-size .pmt-password-wrap.pmt-wrap-pb .pmt-password-input .code-close {
  margin-right: .16rem;
  width: .56rem;
  height: .56rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAMAAAArteDzAAAANlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3dmhyAAAAEnRSTlMAZjhFX1IkSlgzBj4LPCgeHRL//cJGAAABtElEQVRYw+3Yy47DIAwF0F4MgdI2j///2dkN0hhyTZCYLnLX0VFTOzz8uHNneo7FSUge8CmIW45hMK/i8Sde1jxAboJGZLtILgEnCcsFck8gSXsn+RYYIu+uN/cwxS928wNzPkYyR3QkZtPfGdCV8DaYCZ1JVM0B3QmZoBEXEnvrPt4DCy5mOSmSv4r6drEElyMtc8dA9gaaRtBkrtJ4rQIqEQeVZ0QloWZujf/fKbPxiWy89KWmTplFJQ2Q2485ZdbVrNC1aha1mE11tby9e/yqyny8LO/vYVCfpyuPV2cbgKjqd+ocqvOZqkze/w5UpSacqhN9UJm0UgFM5SaCfYVyVhNJdRRRtcl7CmAqN4Ee9Km6xIZ6bnLVq0IRU6u8UIGZWuUtJdzkqqgHmflyxm+6ZKEmoFS2oBzc5OqhFmlmctXr7YSZXBXLxheVWdRs2vgyKmoxi9o0kW2HiVjZ41zLFOuxJxazqHUTm/mAFl9QcVUzTDpKjh96Jx3Pxy8Sk64845ezOdfI8QvvpKv5+BBh4rhjfDAzf4Q0PuwaH8v9/wDRMur8nqHs2fj4+wbdd+705gdpbxWLvKf6jAAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
.psd-large-size .pmt-password-input .enter-verification-code .get-code {
  height: .94rem;
  background: transparent;
  font-size: .4rem;
  line-height: .94rem;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
.psd-large-size .pmt-password-input .enter-verification-code .get-code.send {
  color: rgba(0, 0, 0, 0.2);
}
.psd-large-size .pmt-password-input-tip {
  margin-top: 0;
  font-size: .32rem;
  line-height: .48rem;
  color: #4c88bd;
}
.psd-large-size .pmt-password-input-tip .tip-right {
  min-width: auto;
  width: 100%;
}
.psd-large-size .pmt-password-input-tip .c-blue {
  line-height: .48rem;
}
.psd-large-size .pmt-password-desc-box .pmt-money {
  font-size: .8rem;
}
.psd-large-size .pmt-password-desc-box .pmt-money sub {
  font-size: .44rem;
}
.psd-large-size .keyboard .keyboard-title {
  font-size: .32rem;
}

.verify-large-size .mod-dialog-area {
  border-radius: .16rem;
}
.verify-large-size .verify-type-pop .type-icon {
  width: 1.36rem;
  height: 1.36rem;
}
.verify-large-size .verify-type-pop .type-title {
  font-size: .44rem;
  line-height: .54rem;
}
.verify-large-size .verify-type-pop .type-desc {
  margin: .24rem -.16rem 0;
  font-size: .4rem;
  line-height: .48rem;
  white-space: nowrap;
}
.verify-large-size .mod-dialog-button .btn-ui {
  font-size: .44rem;
  line-height: .92rem;
}

.modal-large-size.pay-modal .content {
  border-radius: .16rem;
}
.modal-large-size.pay-modal .content .body {
  padding: .48rem;
  font-size: .4rem;
  line-height: .48rem;
  text-align: center;
  color: #000;
}
.modal-large-size.pay-modal .content .footer div {
  padding: 0;
  font-size: .44rem;
  line-height: .92rem;
}

.pmt-password-input .enter-pwd-input li.entered {
  font-size: .3rem;
}

.ios .pmt-password-input .enter-pwd-input li.entered {
  font-size: .5rem;
  font-family: Helvetica, Noto Sans SC, Source Han Sans CN, Source Han Sans CN, Arial, Hiragino Sans GB, sans-serif;
}