@-webkit-keyframes slideFromBottom {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideFromBottom {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@font-face {
    font-family: Jinrong-Bold;
    src: url(assets/fonts/Jinrong-Bold.otf)
}

@font-face {
    font-family: Pro-Normal;
    src: url("assets/fonts/MI Lan Pro_Normal.ttf")
}

@font-face {
    font-family: Pro-Medium;
    src: url("assets/fonts/MI Lan Pro_Medium.ttf")
}

@font-face {
    font-family: Pro-DemiBold;
    src: url("assets/fonts/MI Lan Pro_DemiBold.ttf")
}

@font-face {
    font-family: Pro-SemiBold;
    src: url("assets/fonts/MI Lan Pro_SemiBold.ttf")
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

* {
    padding: 0;
    margin: 0
}

#app,
body,
html {
    width: 100%;
    font-family: Pro-Normal
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body,
html {
    background-color: #fff
}

body {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    font-family: MILanPro_NORMAL--GB1-4, MILanPro_NORMAL--GB1, system-ui
}

main {
    display: block
}

h1 {
    font-size: 2em
}

h2,
h3 {
    font-family: MILanPro_MEDIUM--GB1-4, MILanPro_MEDIUM--GB1, system-ui;
    font-weight: 400
}

ul {
    list-style: none
}

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

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

a {
    background-color: transparent;
    outline: none
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    border: none;
    outline: none;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    background-color: #fff
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

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

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

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    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-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

#app {
    height: inherit
}

i.arrow {
    width: 6px;
    height: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfBAMAAAAYfoC6AAAAKlBMVEVHcEy4usG5usG5usG5u8O9wse5usK7wcS6u8K6vMK7vcG7u8O6u8K4u8LztzLnAAAADnRSTlMA/+XtlgikF15QQyeIzfw5xJ0AAAB3SURBVBjTY6jxZoCCRKEJUJahoCaUdVBQaAGEVSYoqAVhsScKCjVAmGGCMJWsjnCVJYKCFgEQlY5wlWyCgpZQlc6CwlPRVQK1C0NVshgKakNY3BcFJdHEEOrgehHmwe1A2IuwAe4+uJsR/kD4DeFfRBggwgUeVgCA/hsqy7NAFgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.btn-wrapper {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: .625rem
}

.btn-wrapper.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    max-width: 800px;
    padding: 1.25rem;
    z-index: 3;
    margin-bottom: 0;
    background-color: #fff
}

.btn-wrapper .info {
    margin-bottom: 1.0625rem;
    color: #7789a4;
    text-align: center;
    font-size: .75rem;
    line-height: .75rem;
    font-family: Pro-Normal
}

.btn-wrapper .info img {
    width: .625rem
}

.btn {
    width: 100%;
    padding: .8125rem 0;
    border: none;
    border-radius: 1.5625rem;
    color: #fff;
    background-color: #005cff;
    font-family: MILanPro_MEDIUM--GB1-4, MILanPro_MEDIUM--GB1, system-ui;
    font-size: .9375rem;
    line-height: 1.25rem;
    opacity: 1;
    font-family: Pro-Medium;
    font-weight: 700;
    cursor: pointer
}

.btn.disable {
    opacity: .3;
    cursor: not-allowed
}

.btn.gray {
    color: #131c31
}

.btn.blue,
.btn.gray {
    background-color: #f3f3f4
}

.btn.blue,
.btn.white {
    color: #0097ff
}

.btn.white {
    background-color: #fff
}

.radio-button {
    position: relative;
    box-sizing: border-box;
    width: 2.8125rem;
    padding: .25rem;
    border-radius: .9375rem;
    background-color: rgba(0, 0, 0, .1);
    overflow: hidden
}

.radio-button.active {
    background-color: #0097ff
}

.radio-button.active .radio {
    float: right
}

.radio-button .radio {
    float: left;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: float 2s .3s;
    transition: float 2s .3s
}

.btn-timing {
    min-width: 6rem;
    text-align: right;
    letter-spacing: 1px;
    color: #0097ff
}

.btn-timing.black {
    color: #666c79
}

.input-wrapper {
    position: relative;
    padding: .875rem 0 1px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(98%, #fff), to(#e5e6e8));
    background: linear-gradient(180deg, #fff 98%, #e5e6e8);
    font-size: .875rem
}

.input-wrapper.focus {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(98%, #fff), to(#131c31));
    background: linear-gradient(180deg, #fff 98%, #131c31)
}

.input-wrapper.error {
    border-bottom: .03125rem solid #ff7575!important
}

.input-wrapper .error-text {
    position: absolute;
    left: 0;
    bottom: -1.25rem;
    color: #fe3d28;
    font-size: .625rem;
    line-height: 1rem;
    z-index: 1;
    font-family: Pro-Normal
}

.input-wrapper .delete {
    position: absolute;
    right: 0;
    width: 1.0625rem;
    height: 1.0625rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAAM1BMVEVHcEzh4+nh4+nj5Orh4+ni5Orh4+ns7/Pj5Ozg4+jh4+nf5Ovh5Orh4+nh4unj5Ovg4uj6xntWAAAAEHRSTlMArb8q6mjYBRj3mwxOf5BAArxJJgAAAc9JREFUSMeVVlmWwyAMg2AWs9//tNMQmjFbQ/zZVwVZksGM9aWN8IErQAR1RCmMZk+lUzggk8IjevMb4lvEVaCkW0MEz4tSaQEzAfKy0Iop5sD8o1ClCTXITyV7Hb16xGToUGID86EoGz8h75WnGmxisro11AF3QZl//RKQ96sS1PwFJqsriL7VdTgW219iOahRIWrHh9499lok+iH42Ocs/c9x0uGdWTo05E5xjCWYovHRCdh5VCT9l6a0rWXbtRj0tuVvlWHh5iT2qvthcPTN8OImez0jC6PpujKEYokcrWITZytDPuV2NsXUbLQLQzPldhab5o5/p01Oo8TmAS8Me62fQKUf5uICNKUH5ucAzIS4PNWOuNyBJpNePY26y+GtLouLMZPE5cFcOeXm5JBDotIQWJo3mkN60/ajUblhn8N2NHTTFIqbG82h6vn7ZtxLDoDm8FSeEsTwOd3Qz6An3G6Gza0NaQgl8sE4ZWEMs1NvLkust3nCF6BQh8bZfcxh3j1pRQXyQKVtcvQBlVuvDdr2cd9BXUY3qGeQHbeWp6UAwrvNqGjt5yucWx+GYbm+aRPVJB0IXPzc+ITknY54hPS0XGon/H0eKj7bR/8Ahbp2sn6ka1oAAAAASUVORK5CYII=) no-repeat 0/1.0625rem 1.0625rem;
    z-index: 2
}

.input-wrapper.norm-input {
    font-size: 1rem
}

.input-wrapper.norm-input input {
    width: 92%;
    padding-bottom: .875rem;
    border: none;
    font-family: MILanPro_MEDIUM--GB1-4, MILanPro_MEDIUM--GB1, system-ui;
    color: #131c31
}

.input-wrapper.norm-input input.number {
    font-family: Jinrong-Bold
}

.input-wrapper.norm-input .placeholder {
    position: absolute;
    left: 0;
    color: #b8bac1;
    z-index: 0
}

.input-wrapper.label-input {
    position: relative;
    color: #131c31;
    font-size: .875rem;
    line-height: 1.1875rem;
    overflow: hidden
}

.input-wrapper.label-input.gray {
    color: #a4a7b0
}

.input-wrapper.label-input.big {
    font-size: 1rem;
    line-height: 1.3125rem
}

.input-wrapper.label-input.big label {
    font-family: MILanPro_MEDIUM--GB1-4, MILanPro_MEDIUM--GB1, system-ui
}

.input-wrapper.label-input.bigger {
    font-size: 1.375rem;
    line-height: 1.625rem
}

.input-wrapper.label-input.bold {
    padding-top: .625rem
}

.input-wrapper.label-input.bold label {
    padding-bottom: .4375rem
}

.input-wrapper.label-input .arrow {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .375rem;
    height: .625rem
}

.input-wrapper.label-input .placeholder {
    padding-bottom: .875rem;
    color: #b8bac1
}

.input-wrapper.label-input .placeholder .icon {
    width: .6875rem
}

.input-wrapper.label-input label {
    float: left;
    padding-bottom: .875rem;
    font-size: .9375rem
}

.input-wrapper.label-input .content {
    float: right;
    padding-bottom: .875rem;
    font-family: MILanPro_MEDIUM--GB1-4, MILanPro_MEDIUM--GB1, system-ui;
    color: #a4a7b0
}

.input-wrapper.label-input .content.number {
    font-family: Jinrong-Bold
}

.input-wrapper.fixed-text-input {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    align-items: center;
    font-family: MILanPro_MEDIUM--GB1-4, MILanPro_MEDIUM--GB1, system-ui;
    font-size: 1rem;
    line-height: 1.3125rem
}

.input-wrapper.fixed-text-input .before {
    padding-bottom: .875rem;
    color: #a4a7b0
}

.input-wrapper.fixed-text-input .content {
    -webkit-box-flex: 1;
    flex: 1;
    position: relative;
    margin: 0 .4375rem;
    padding-bottom: .875rem;
    width: 50%
}

.input-wrapper.fixed-text-input .content input {
    width: 100%;
    border: none;
    color: #131c31
}

.input-wrapper.fixed-text-input .content input.number {
    font-family: Jinrong-Bold
}

.input-wrapper.fixed-text-input .content input::-webkit-input-placeholder {
    color: #b8bac1
}

.input-wrapper.fixed-text-input .content input::-moz-placeholder {
    color: #b8bac1
}

.input-wrapper.fixed-text-input .content input:-ms-input-placeholder {
    color: #b8bac1
}

.input-wrapper.fixed-text-input .content input::-ms-input-placeholder {
    color: #b8bac1
}

.input-wrapper.fixed-text-input .content input::placeholder {
    color: #b8bac1
}

.input-wrapper.line-input {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 0;
    margin-top: .5rem;
    height: 3.125rem;
    font-size: 1rem
}

.input-wrapper.line-input label {
    width: 30%;
    color: #666c79
}

.input-wrapper.line-input input {
    overflow: hidden;
    -webkit-box-flex: 1;
    flex: 1;
    margin-right: 1.25rem;
    color: #333b4c;
    font-family: Pro-Medium
}

.input-wrapper.line-input input::-webkit-input-placeholder {
    color: #ccced2
}

.input-wrapper.line-input input::-moz-placeholder {
    color: #ccced2
}

.input-wrapper.line-input input:-ms-input-placeholder {
    color: #ccced2
}

.input-wrapper.line-input input::-ms-input-placeholder {
    color: #ccced2
}

.input-wrapper.line-input input::placeholder {
    color: #ccced2
}

.input-wrapper.line-input.error {
    margin-bottom: 1.375rem
}

.input-wrapper.captcha-input .delete {
    right: 6.8rem
}

.progress-nav {
    overflow: hidden;
    padding-top: .375rem;
    width: 100%;
    margin: 0 auto 2.0625rem
}

.progress-nav .progress-icon {
    height: 3.375rem;
    width: 100%;
    background-image: url(assets/process4.adba4.png);
    margin-bottom: .375rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.progress-nav .progress-text {
    font-size: .75rem;
    color: #637392;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.progress-nav .progress-text li {
    width: 33.3%;
    text-align: center
}

.progress-nav .progress-text li:first-of-type {
    text-align: left
}

.progress-nav .progress-text li:nth-of-type(3) {
    text-align: right
}

.img-upload-wrapper {
    width: 100%
}

.img-upload-wrapper>span {
    font-size: .875rem;
    color: #ff5045;
    line-height: 1.25rem;
    margin-top: 1rem;
    display: block
}

.img-upload-wrapper .adapt-img-upload {
    position: relative
}

.img-upload-wrapper .adapt-img-upload img.show-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.img-upload-wrapper .adapt-img-upload img.show-img.adapt-width {
    width: 100%
}

.img-upload-wrapper .adapt-img-upload img.show-img.adapt-height {
    height: 96%
}

.img-upload-wrapper .adapt-img-upload img.bg-img {
    width: 100%
}

.img-upload-wrapper .adapt-img-upload img.camera {
    position: absolute;
    bottom: .625rem;
    left: .625rem;
    z-index: 9;
    width: 1.1875rem;
    height: 1.0625rem
}

.img-upload-wrapper .adapt-img-upload .file-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.img-upload-wrapper .adapt-img-upload .file-wrapper input[type=file] {
    width: 100%;
    height: 100%;
    opacity: 0
}

.img-upload-wrapper .multi-img-upload {
    position: relative
}

.img-upload-wrapper .multi-img-upload .show-img-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: left;
    justify-content: left
}

.img-upload-wrapper .multi-img-upload .show-img-list div+div {
    margin-left: .5rem
}

.img-upload-wrapper .multi-img-upload .show-img-list .show-img {
    position: relative;
    width: 6.25rem;
    height: 6.25rem
}

.img-upload-wrapper .multi-img-upload .show-img-list .show-img .delete {
    position: absolute;
    top: -.1875rem;
    right: -.1875rem;
    width: 1.25rem
}

.img-upload-wrapper .multi-img-upload .show-img-list .show-img .img {
    width: 100%;
    height: 100%;
    border-radius: .25rem
}

.img-upload-wrapper .multi-img-upload .show-img-list .example,
.img-upload-wrapper .multi-img-upload .show-img-list .upload {
    position: relative;
    width: 6.875rem;
    min-height: 6.875rem
}

.img-upload-wrapper .multi-img-upload .show-img-list .example.example.error,
.img-upload-wrapper .multi-img-upload .show-img-list .upload.example.error {
    border: .03125rem solid #ff4c4c;
    border-radius: .5rem
}

.img-upload-wrapper .multi-img-upload .show-img-list .example .file-wrapper,
.img-upload-wrapper .multi-img-upload .show-img-list .upload .file-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.img-upload-wrapper .multi-img-upload .show-img-list .example .file-wrapper input[type=file],
.img-upload-wrapper .multi-img-upload .show-img-list .upload .file-wrapper input[type=file] {
    width: 100%;
    height: 100%;
    opacity: 0
}

.img-upload-wrapper .multi-img-upload .show-img-list .example img,
.img-upload-wrapper .multi-img-upload .show-img-list .upload img {
    width: 100%;
    border-radius: .5rem
}

.img-upload-wrapper .multi-img-upload .show-img-list .example .example-text {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
    padding: .25rem;
    border-radius: 0 0 .5rem .5rem;
    text-align: center;
    color: #fff;
    font-size: .75rem;
    line-height: 1rem;
    background-color: #0097ff
}

.img-upload-wrapper .multi-img-upload .preview {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .625rem 1.25rem;
    background: transparent;
    z-index: -999;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out
}

.img-upload-wrapper .multi-img-upload .preview.show {
    background: #000;
    z-index: 999
}

.img-upload-wrapper .multi-img-upload .preview img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.img-upload-wrapper .wider-img-upload .show-img-list .example,
.img-upload-wrapper .wider-img-upload .show-img-list .show-img,
.img-upload-wrapper .wider-img-upload .show-img-list .upload {
    margin-left: 0;
    width: 10.1875rem;
    height: 6.625rem
}

ul.tag-list-wrapper {
    display: inline-block;
    overflow: hidden;
    width: 100%
}

ul.tag-list-wrapper.alone li {
    width: inherit;
    padding: .3125rem .4375rem;
    text-align: left
}

ul.tag-list-wrapper li {
    box-sizing: border-box;
    float: left;
    width: 3.75rem;
    padding: .3125rem 0;
    margin-right: .4375rem;
    margin-bottom: .4375rem;
    border-radius: 2px;
    text-align: center;
    line-height: 1rem;
    vertical-align: middle;
    font-size: .75rem;
    color: #898d98;
    background-color: #f5f7fc
}

ul.tag-list-wrapper li.active {
    color: #fff;
    background-color: #0097ff
}

.dialog-wrapper {
    display: -webkit-box;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 999
}

.dialog-wrapper.more-radius .dialog {
    padding: 0 1.6875rem 1.25rem;
    border-radius: 1.375rem 1.375rem 0 0
}

.dialog-wrapper.more-radius .dialog>.header {
    border-radius: 1.375rem 1.375rem 0 0
}

.dialog-wrapper .dialog {
    position: absolute;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
    border-radius: .75rem .75rem 0 0;
    background-color: #fff;
    -webkit-animation-name: slideFromBottom;
    animation-name: slideFromBottom;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.dialog-wrapper .dialog>.header {
    position: relative;
    padding: 1.6875rem 0 .9375rem;
    border-radius: .75rem .75rem 0 0;
    color: #000;
    background-color: #fff;
    text-align: center;
    font-size: 1.0625rem;
    line-height: 1.375rem
}

.dialog-wrapper .dialog>.header>.close {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    width: .875rem
}

.dialog-wrapper .dialog>.header>.subtitle {
    margin-top: .3125rem;
    color: rgba(0, 0, 0, .7);
    font-size: .875rem;
    line-height: 1.1875rem
}

.dialog-wrapper .center-dialog {
    overflow: hidden;
    margin: auto;
    width: 88%;
    border-radius: .625rem;
    background-color: #fff
}

.dialog-wrapper .center-dialog>.header {
    position: relative;
    padding: 1.6875rem 0 .9375rem;
    text-align: center;
    font-size: 1.0625rem;
    line-height: 1.375rem;
    color: #000;
    background-color: #fff
}

.dialog-wrapper .center-dialog>.header>.icon-close {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    width: .875rem
}

.dialog-wrapper .center-dialog>.content {
    box-sizing: border-box;
    padding: 1.25rem;
    min-height: 5rem;
    text-align: center
}

.dialog-wrapper .center-dialog>.btn-close {
    border-top: 1px solid #ddd;
    width: 100%;
    height: 3.125rem;
    color: #0097ff;
    text-align: center
}

.county-dialog .content,
.scope-dialog .content {
    font-size: .875rem;
    line-height: 1.1875rem
}

.county-dialog .content .selected-wrapper,
.scope-dialog .content .selected-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: .1875rem 1.25rem 0;
    border-bottom: 1px solid #e5e6e8
}

.county-dialog .content .selected-wrapper li,
.scope-dialog .content .selected-wrapper li {
    max-width: 4.375rem;
    padding-bottom: .5rem;
    margin-right: 2.0625rem;
    margin-bottom: -1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.county-dialog .content .selected-wrapper li.active,
.scope-dialog .content .selected-wrapper li.active {
    border-bottom: 1px solid #0097ff;
    color: #0097ff
}

.county-dialog .content .options-wrapper,
.scope-dialog .content .options-wrapper {
    padding: .625rem .9375rem .625rem 1.5625rem;
    overflow-y: scroll
}

.county-dialog .content .options-wrapper li,
.scope-dialog .content .options-wrapper li {
    padding: .8125rem 0
}

.county-dialog .content .options-wrapper li.active,
.scope-dialog .content .options-wrapper li.active {
    padding-left: .875rem;
    color: #0097ff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAWCAMAAADgvdz9AAAANlBMVEVHcEwAl/8AmP8Al/8Amv8Amv8AmP8Amf8AmP8Al/8AmP8Al/8Amf8AnP8AmP8Al/8An/8Al/8TbcS/AAAAEXRSTlMA2z34GiTSM7LFoONOD31FCMXlP7AAAACaSURBVCjPfZFZEsQgCESJG24xw/0vO0pmLDVBvqx+0tgIINVZUjQiNZGIitgb9QZ/fIWUrODM9MjS3OacMh+9Wuf6Rg+Wq42+5t5AnYJrx5HbaW5pRg6HV7GgekCOgJPzdH0Qfs5qDam97dSplyUEA5adAy5B//KdCB9rwhaPtEAr58Y357uU21GAK21+sFZOFGRaeUTY1fmUvtDwCjYpJuRjAAAAAElFTkSuQmCC) no-repeat 0/.625rem .4375rem
}

.county-dialog .content {
    height: 35rem
}

.county-dialog .content .options-wrapper {
    height: 31.875rem
}

.scope-dialog .content .scope-tag {
    padding: .9375rem 1.25rem 1.25rem
}

.scope-dialog .content .scope-tag h4 {
    margin-bottom: .625rem
}

.scope-dialog .content .scope-option {
    height: 18.75rem
}

.scope-dialog .content .scope-option .options-wrapper {
    height: 15.625rem
}

.date-dialog .dialog .header {
    padding-bottom: .3125rem
}

.wx-prompt-dialog {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 999
}

.wx-prompt-dialog>div {
    position: absolute;
    top: 1.25rem;
    right: .625rem;
    border-radius: .5rem;
    padding: .9375rem;
    font-size: .875rem;
    color: #131c31;
    background-color: #fff
}

.wx-prompt-dialog>div:after {
    content: "";
    position: absolute;
    top: -.625rem;
    right: .9375rem;
    border-bottom: 10px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.upCenter-dialog-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 10, 31, .6);
    z-index: 999;
    top: 0;
    left: 0
}

.upCenter-dialog-wrapper .toast2 {
    position: absolute;
    top: 50%;
    width: 18rem;
    background: #fff;
    border-radius: .61125rem;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: .9375rem;
    padding: 1.21875rem;
    -webkit-animation: showToast2 .7s;
    animation: showToast2 .7s;
    box-sizing: border-box
}

.upCenter-dialog-wrapper .toast2 .toast-title {
    text-align: center;
    font-size: 1.25rem;
    color: #000;
    margin-top: .4375rem;
    font-family: Pro-Medium
}

.upCenter-dialog-wrapper .toast2 .toast-message,
.upCenter-dialog-wrapper .toast2 p {
    line-height: 1.375rem;
    font-size: .875rem;
    color: #666c79;
    font-family: Pro-Normal
}

.upCenter-dialog-wrapper .toast2 .toast-message.p,
.upCenter-dialog-wrapper .toast2 p.p {
    text-align: left
}

.upCenter-dialog-wrapper .toast2 .toast-message.toast-message,
.upCenter-dialog-wrapper .toast2 p.toast-message {
    margin-top: 1.1875rem;
    text-align: center
}

.upCenter-dialog-wrapper .toast2 .toast-message.important-note,
.upCenter-dialog-wrapper .toast2 p.important-note {
    margin-top: 1.25rem
}

.upCenter-dialog-wrapper .toast2 .btn-wrapper {
    padding: 0!important
}

.upCenter-dialog-wrapper .toast2 button {
    position: absolute;
    bottom: 1.46875rem;
    width: 86%
}

@-webkit-keyframes showToast {
    0% {
        bottom: 0
    }
    to {
        bottom: 10%
    }
}

@keyframes showToast {
    0% {
        bottom: 0
    }
    to {
        bottom: 10%
    }
}

@-webkit-keyframes showToast2 {
    0% {
        top: 100%
    }
    to {
        bottom: 0
    }
}

@keyframes showToast2 {
    0% {
        top: 100%
    }
    to {
        bottom: 0
    }
}

@keyframes showToast2-out {
    0% {
        bottom: 0
    }
    to {
        top: 100%
    }
}


.toast-wrapper {
    position: fixed;
    bottom: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: showToast .7s;
    animation: showToast .7s;
    z-index: 99
}

.toast-wrapper .toast {
    max-width: 75%;
    padding: .75rem .8125rem;
    margin: 0 auto;
    border-radius: .75rem;
    box-shadow: 0 1.0625rem 2.0625rem 0 rgba(0, 0, 0, .05), 0 .8125rem 1.6875rem 0 rgba(0, 0, 0, .05);
    color: #000;
    background-color: #fff;
    text-align: left;
    font-size: .75rem;
    line-height: 1rem;
    word-wrap: break-word
}

.toast-wrapper2 {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 10, 31, .6);
    z-index: 999;
    top: 0;
    left: 0
}

.toast-wrapper2 .toast2 {
    position: absolute;
    top: 13.25rem;
    width: 18rem;
    background: #fff;
    border-radius: .61125rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: .9375rem;
    padding: 1.21875rem;
    -webkit-animation: showToast2 .7s;
    animation: showToast2 .7s;
    box-sizing: border-box
}
.toast-wrapper2 .toast2-out {
    -webkit-animation: showToast2-out .7s;
    animation: showToast2-out .7s;
}

.toast-wrapper2 .toast2 .toast-title {
    font-family: Pro-Medium;
    text-align: center;
    font-size: 1.0625rem;
    color: #000;
    margin-top: .4375rem
}

.toast-wrapper2 .toast2 .toast-message {
    font-family: Pro-Normal;
    margin-top: 1.1875rem;
    line-height: 1.25rem;
    font-size: .9375rem;
    color: rgba(0, 0, 0, .7)
}

.toast-wrapper2 .toast2 button {
    position: absolute;
    height: 2.5625rem;
    line-height: 2.5625rem;
    padding: 0;
    bottom: 1.46875rem;
    width: 86%
}

.toast3-wrapper {
    position: fixed;
    top: 5.375rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 1rem 2.125rem;
    background: #3a4a6e;
    border-radius: .625rem;
    -webkit-animation: showToast .7s;
    animation: showToast .7s;
    z-index: 99;
    font-size: .875rem;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    white-space: nowrap
}

.handwriting-wrapper {
    color: #131c31
}

.handwriting-wrapper .info {
    margin-bottom: .8125rem;
    font-size: .875rem;
    line-height: 1.1875rem
}

.handwriting-wrapper .canvas-wrapper canvas {
    border-radius: .25rem;
    border: 2px dotted #b8bac1
}

.handwriting-wrapper .btns {
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    margin-top: 1.25rem
}

.handwriting-wrapper .btns button+button {
    margin-left: .8125rem
}

.loading-wrapper .page-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: 999
}

.loading-wrapper .page-loading img {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 12.8%;
    max-width: 80px
}

.loading-wrapper .bottom-loading-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 999
}

.loading-wrapper .bottom-loading-wrapper .bottom-loading {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 0 1.875rem;
    border-radius: 1.375rem 1.375rem 0 0;
    font-size: .9375rem;
    line-height: 7.25rem;
    color: rgba(0, 0, 0, .7);
    background-color: #fff;
    height: 7.25rem
}

.loading-wrapper .bottom-loading-wrapper .bottom-loading img {
    width: 12.8%;
    max-width: 80px;
    margin-right: .8125rem;
    vertical-align: middle
}

.loading-wrapper .circle-loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2)
}

.loading-wrapper .circle-loading img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -.9375rem;
    margin-left: -.9375rem;
    width: 1.875rem;
    height: 1.875rem;
    -webkit-animation: rotate .7s linear infinite;
    animation: rotate .7s linear infinite
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.qrcode-wrapper {
    width: 100%;
    height: 100vh;
    background: url(assets/qrcode-bg.9fee9.png) no-repeat 50%;
    background-size: 100% 100vh;
    overflow: hidden
}

.qrcode-wrapper .qrcode {
    height: inherit;
    overflow: auto;
    color: #131c31
}

.qrcode-wrapper .qrcode .qrcode-content {
    margin: 1.25rem 1.25rem 0;
    border-radius: .25rem;
    background-color: #fff;
    text-align: center
}

.qrcode-wrapper .qrcode .qrcode-content h3 {
    padding: 2.125rem 0 1.6875rem;
    font-size: 1.125rem;
    line-height: 1.125rem
}

.qrcode-wrapper .qrcode .qrcode-content p {
    color: #717783;
    font-size: .875rem;
    line-height: 1.1875rem
}

.qrcode-wrapper .qrcode .qrcode-content p .medium {
    font-family: MILanPro_MEDIUM--GB1-4, MILanPro_MEDIUM--GB1, system-ui
}

.qrcode-wrapper .qrcode .qrcode-content .qrcode-img {
    position: relative;
    margin: 1.5rem 1.375rem;
    text-align: center
}

.qrcode-wrapper .qrcode .qrcode-content .qrcode-img.no-qrcode {
    width: 11.25rem;
    height: 11.25rem;
    margin: 1.0625rem auto 4.625rem;
    background: -webkit-gradient(linear, left bottom, left top, from(#f6f8fd), to(#fafafc));
    background: linear-gradient(1turn, #f6f8fd, #fafafc);
    font-size: .875rem;
    line-height: 1.1875rem
}

.qrcode-wrapper .qrcode .qrcode-content .qrcode-img.no-qrcode .no-qrcode-content img {
    width: 1.3125rem;
    height: 1.3125rem;
    margin-top: 3.3125rem
}

.qrcode-wrapper .qrcode .qrcode-content .qrcode-img.no-qrcode .no-qrcode-content p {
    margin: 1.0625rem 0 .25rem
}

.qrcode-wrapper .qrcode .qrcode-content .qrcode-img.no-qrcode .no-qrcode-content a {
    color: #0097ff
}

.qrcode-wrapper .qrcode .qrcode-content .qrcode-img canvas {
    width: 11.25rem!important;
    height: 11.25rem!important
}

.qrcode-wrapper .qrcode .qrcode-content .qrcode-img>img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.625rem;
    height: 2.625rem
}

.qrcode-wrapper .qrcode .qrcode-content .qrcode-save {
    margin-bottom: 2.5rem
}

.qrcode-wrapper .qrcode .qrcode-content .qrcode-save a {
    color: #0097ff;
    text-decoration: none
}

.qrcode-wrapper .qrcode .qrcode-content .qrcode-platform {
    padding-bottom: 1.875rem
}

.qrcode-wrapper .qrcode .qrcode-content .qrcode-platform p {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 1.25rem
}

.qrcode-wrapper .qrcode .qrcode-content .qrcode-platform p img {
    width: .875rem;
    margin-left: .25rem
}

.qrcode-wrapper .qrcode .qrcode-content .qrcode-platform ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.qrcode-wrapper .qrcode .qrcode-content .qrcode-platform ul li {
    position: relative
}

.qrcode-wrapper .qrcode .qrcode-content .qrcode-platform ul li img.recommend {
    position: absolute;
    top: -.625rem;
    left: 1.25rem;
    width: 2rem;
    height: 1rem
}

.qrcode-wrapper .qrcode .qrcode-content .qrcode-platform ul li img {
    width: 1.875rem;
    height: 1.875rem
}

.qrcode-wrapper .qrcode .qrcode-content .qrcode-platform ul li+li {
    margin-left: 2.1875rem
}

.qrcode-wrapper .qrcode .qrcode-menu {
    margin: .625rem 1.25rem;
    border-radius: .25rem;
    background-color: #fff
}

.qrcode-wrapper .qrcode .qrcode-menu li {
    margin: 0 .8125rem
}

.qrcode-wrapper .qrcode .qrcode-menu li div {
    padding: 1.125rem 0 1.125rem 1.4375rem;
    overflow: hidden
}

.qrcode-wrapper .qrcode .qrcode-menu li div.merchantInfo {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAMAAADWg4HyAAAAS1BMVEVHcEwNov8Vp/8Mov8Tp/8gsf8Fm/8VqP8Up/8Wqv8GnP8Qo/8jtf8ZrP8hs/8Oo/8Xqv8LoP8Rpv8dr/8UqP8arf8Hnf8is/8Cmf9oe0zAAAAAD3RSTlMAwTzvW7vWdyEJqY3T6a4ufcXKAAABX0lEQVQ4y42V6wJEIBCFdaHJZYlV3v9JNyWbmjC/P8cxc2ZUVVJAOzJ8bU3TtK7rstRVoYCTcZzn2aH3LLTMoS9YaNQY2AcPQNS4w+MzKzulDvRgJ4viLLCYvffb6lR3LelKhrAFXa71aw/dyT73wdlV6pVu63Rz9nPr4cp2CCsKrMBGofCeATaLJvi99KFHo8MVpstLMcv8LjXg8eUs0x14aYMES9hBlNBKiib2YFFZlYuS0AfLElrdFyeMfeeJDYRXjyWBCyE4lF8v6U5gxWnyFG20zvLgRrwspqeXE7LplI1h050TkRbdDja/DztrPsFHt20JmrHmGArs6Ib49bfEswZO2dzvFO5DLCwJqvv34GRNLd1xRHUTv6aHwGonjO6bZZcLe/ZBPeuWvi1h7SQiNr8lxrN+GvyVrk+obF70oZfhl4L04cr28N+c2C6SnTpKpeQtQ7Lj8zB8uDfwA94EUJuqbj6SAAAAAElFTkSuQmCC) no-repeat 0/.875rem .875rem, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfBAMAAAAYfoC6AAAAKlBMVEVHcEy4usG5usG5usG5u8O9wse5usK7wcS6u8K6vMK7vcG7u8O6u8K4u8LztzLnAAAADnRSTlMA/+XtlgikF15QQyeIzfw5xJ0AAAB3SURBVBjTY6jxZoCCRKEJUJahoCaUdVBQaAGEVSYoqAVhsScKCjVAmGGCMJWsjnCVJYKCFgEQlY5wlWyCgpZQlc6CwlPRVQK1C0NVshgKakNY3BcFJdHEEOrgehHmwe1A2IuwAe4+uJsR/kD4DeFfRBggwgUeVgCA/hsqy7NAFgAAAABJRU5ErkJggg==) no-repeat 100%/.375rem .625rem
}

.qrcode-wrapper .qrcode .qrcode-menu li div.transaction {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAMAAADWg4HyAAAARVBMVEVHcEz/dCn/ijb/izb/Wx3/Wxz/WBv/dCn/ZiP/Wxz/hzT/ZiT/jjj/iDT/YiD/cin/ZyP/bCb/dyv/XB3/gjH/fC7/fzALDaPFAAAADXRSTlMATbObsuvdGDiX6mzjxOd+0AAAASFJREFUOMulldGWgyAMRK2IAW1w24D//6nFAlURJd3m+Z6cgckkTbMU3DppzJ+vh6/J19OXc26erR3aGzSfAm2WOmGtRbHCmqjAusQiokiooiMb4Dn2RVSR7QKa2CnXgB5uIyupqOG50YBDZImqehGv2Z2GwCpNmd5HQcObVT0RQy/GT1hQ4miQxO+7SqizI6Nv0gC6P9Fb+F9QxJiHjRc8vV/5BmPGTkW9ox936Kr/EOAWlkxU5yHAInqx61ucHcR78o2ucpFYXfc4woLzNkxv83uExcZ9cvIP7ugFw7fVY8XOBWjJ7nuc9em0b/9F3iQjb3aXefpxlxTydthR5XnIvDCMvElGNofNXq/51l7ci7yv+twhc7lLfF/xr/vGvJsvn7hrDZisIRkAAAAASUVORK5CYII=) no-repeat 0/.875rem .875rem, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfBAMAAAAYfoC6AAAAKlBMVEVHcEy4usG5usG5usG5u8O9wse5usK7wcS6u8K6vMK7vcG7u8O6u8K4u8LztzLnAAAADnRSTlMA/+XtlgikF15QQyeIzfw5xJ0AAAB3SURBVBjTY6jxZoCCRKEJUJahoCaUdVBQaAGEVSYoqAVhsScKCjVAmGGCMJWsjnCVJYKCFgEQlY5wlWyCgpZQlc6CwlPRVQK1C0NVshgKakNY3BcFJdHEEOrgehHmwe1A2IuwAe4+uJsR/kD4DeFfRBggwgUeVgCA/hsqy7NAFgAAAABJRU5ErkJggg==) no-repeat 100%/.375rem .625rem
}

.qrcode-wrapper .qrcode .qrcode-menu li div.material {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAMAAADWg4HyAAAAV1BMVEVHcEwTp/8dr/8UqP8Yqf8Inv8esP8Vp/8Tqf8VqP8Vqf8dr/8Kn/8Up/8Hnf8Up/8Mof8gsf8Vp/8FnP8Vqf8Rpf8Jn/8UqP8Nov8Yq/8cr/8Emv8hs/+lS7o+AAAAFXRSTlMAjehtDtHRGgVFWry7fvid5fkx7PS8uE0lAAAB40lEQVQ4y61V2ZKEIBBTbrwQDzz//zuXBrVgRGerdnmbmkwmdNIhy26HYzpQzLNfHFmN0zhNpfyKJHk72jNNE8rJK1J0dJ4P7LSwTjxDed3OAXZB9ZNqIat5jrDLWso0dd4YE2AXOKuuU6TUGIcdQ95l3W/UPG8PaKRhWe1BeaRa0saYExxqAPCumQyu32+b2T6wF++67+dAiKw2OCaBXReP3b1qgfsLGek9Jay7AyMsMk63LcnraC9ey8wvrDFPej3vzl6wS6Q3xJrtkXdN886Pc4ixT/PdD8EWS9SH3vGBV9noc9W/8nosUs45UVSvc7ASdFmIK2VfeKOknUGLsYdvTH4GuE9l8h5fwiFuNJkHJuH+1/pz2ktXDc1Nr3YlIRHjR9IbOwZlu0AUtIl4B2avLzplZ6ahtCyb84LafILqgNdtg8BMw4DhH/ixFVtTwTeyvbAIVoGX+jDO5lfg9vSYFlYcUa3DujojBTs9RuCG8PsGXjSqczYO41DC7zo1HFHXZ0twWDnvMS3gcyc7uLcj9Xsc1HFgm+KeQHB1eqxj40h99Q7FMFKC2dU7NbmVpAeP81DhApfDmZ1kVdapnhzqP/cvDKSNeNHLaySy8L2YWPdf79Dxvo2/e98yF4KWFQnSH0TEZJGdQKGyAAAAAElFTkSuQmCC) no-repeat 0/.875rem .875rem, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfBAMAAAAYfoC6AAAAKlBMVEVHcEy4usG5usG5usG5u8O9wse5usK7wcS6u8K6vMK7vcG7u8O6u8K4u8LztzLnAAAADnRSTlMA/+XtlgikF15QQyeIzfw5xJ0AAAB3SURBVBjTY6jxZoCCRKEJUJahoCaUdVBQaAGEVSYoqAVhsScKCjVAmGGCMJWsjnCVJYKCFgEQlY5wlWyCgpZQlc6CwlPRVQK1C0NVshgKakNY3BcFJdHEEOrgehHmwe1A2IuwAe4+uJsR/kD4DeFfRBggwgUeVgCA/hsqy7NAFgAAAABJRU5ErkJggg==) no-repeat 100%/.375rem .625rem
}

.qrcode-wrapper .qrcode .qrcode-menu li div.invite {
    background: url(data:image/png;base64, ) no-repeat 0/.875rem .875rem, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfBAMAAAAYfoC6AAAAKlBMVEVHcEy4usG5usG5usG5u8O9wse5usK7wcS6u8K6vMK7vcG7u8O6u8K4u8LztzLnAAAADnRSTlMA/+XtlgikF15QQyeIzfw5xJ0AAAB3SURBVBjTY6jxZoCCRKEJUJahoCaUdVBQaAGEVSYoqAVhsScKCjVAmGGCMJWsjnCVJYKCFgEQlY5wlWyCgpZQlc6CwlPRVQK1C0NVshgKakNY3BcFJdHEEOrgehHmwe1A2IuwAe4+uJsR/kD4DeFfRBggwgUeVgCA/hsqy7NAFgAAAABJRU5ErkJggg==) no-repeat 100%/.375rem .625rem
}

.qrcode-wrapper .qrcode .qrcode-menu li div.suggestion {
    background: url(data:image/png;base64,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) no-repeat 0/.875rem .875rem, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAMAAABgOjJdAAAA21BMVEUAAAD///+ZmczMzMy/v7+xxMSzs7+8vMi1v7+0vMO9vcW5ucW6ur+4uMK3u7+4vMO3u8S7vsS6usC4u8O6usK4u8K5u8K3ucC5u8K5ucK4usG5ucG5usG5u8K4usG4vMG4ucG4u8G4usG5usG4ucC4ucK5usG4usK4ucG5u8K4ucG4usG4usK4usC5u8G4usK4usC4usG4usG3ucG4usG4usG5usG4usG4usG4usK4usG5usG4usG5u8K6vMK6vMO7vcTOz9TW19vY2t3e3uLh4uXk5ejw8PL///9PGq1wAAAAPHRSTlMAAQUFCA0UFxgiIywwNkBIUlJZXmBsbXV1eYyPkZKUlKWssbK3t73DxsjR09TX6Or09Pf5+fr6+/z9/v4UmA9IAAAA2UlEQVQ4y+XSxxKCMBCAYbABFiwoih1FwK6o2LAXfP8ncmeEaDCWgzf/2+58l+yEopwCqbZpeZs3Ez4X0MLAItXjXRGsWuQqrmAUmIwh3hh2DUykY3j5qVfEKLzM5EtBBxkoooKIM04h/4MICFUFUvsgdMWpVo7eRYp4h0U3jESHfIZRFgmTLJYFJGDanG28PSxLj2JrX/COfyd0SZLqs3fCTf4och+EobEvRasEFUWOevuWWz8S68MJb4eJOUwrb7ArItEk/0JDRCLZIwqNQ8LPVxpPyTkWgSvVIcZrAOaCXAAAAABJRU5ErkJggg==) no-repeat 100%/.6875rem .6875rem
}

.qrcode-wrapper .qrcode .qrcode-menu li div span {
    float: right;
    margin-right: 1rem;
    color: #a4a7b0;
    font-size: .875rem;
    line-height: 1.125rem
}

.qrcode-wrapper .qrcode .qrcode-menu li div span.orange-red {
    font-family: MILanPro_MEDIUM--GB1-4, MILanPro_MEDIUM--GB1, system-ui;
    color: #ff561a
}

.qrcode-wrapper .qrcode .qrcode-menu li+li {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(98%, #fff), to(#e5e6e8));
    background: linear-gradient(0deg, #fff 98%, #e5e6e8)
}

.date-picker-panel .subtitle {
    margin-bottom: .1875rem;
    color: rgba(0, 0, 0, .7);
    font-size: .875rem;
    text-align: center;
    line-height: 1.1875rem
}

.date-picker-panel .date-picker-content {
    position: relative
}

.date-picker-panel .date-picker-content .mask-bottom,
.date-picker-panel .date-picker-content .mask-top {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 3.625rem;
    pointer-events: none
}

.date-picker-panel .date-picker-content .mask-top {
    top: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, .4)), to(hsla(0, 0%, 100%, .8)));
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .8))
}

.date-picker-panel .date-picker-content .mask-bottom {
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .4)), to(hsla(0, 0%, 100%, .8)));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .8))
}

.date-picker-panel .date-picker-content .date-picker-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.date-picker-panel .date-picker-content .date-picker-wrapper .date-picker-container {
    overflow: hidden;
    height: 10.875rem
}

.date-picker-panel .date-picker-content .date-picker-wrapper .date-day,
.date-picker-panel .date-picker-content .date-picker-wrapper .date-month,
.date-picker-panel .date-picker-content .date-picker-wrapper .date-year {
    position: relative;
    margin-top: 3.625rem;
    width: 6.5rem;
    color: rgba(0, 0, 0, .7);
    font-size: 1.0625rem;
    line-height: 1.375rem;
    text-align: center
}

.date-picker-panel .date-picker-content .date-picker-wrapper .date-day li,
.date-picker-panel .date-picker-content .date-picker-wrapper .date-month li,
.date-picker-panel .date-picker-content .date-picker-wrapper .date-year li {
    width: 6.5rem;
    height: 3.625rem;
    line-height: 3.625rem
}

.date-picker-panel .btns {
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    margin-top: 2rem
}

.date-picker-panel .btns button+button {
    margin-left: .8125rem
}

#recordList {
    border-radius: .75rem .75rem 0 0
}

#recordList .no-record {
    margin-top: 3.4375rem;
    text-align: center;
    font-size: .875rem;
    line-height: 1.1875rem;
    color: #b8bac1;
    padding-top: 1.25rem
}

#recordList .no-record.today {
    margin: 0 1.25rem 1.25rem
}

#recordList .no-record.today img {
    width: 1.375rem
}

#recordList .no-record img {
    width: 2.125rem
}

#recordList .record-list {
    padding-bottom: 1.875rem
}

#recordList .record-list.noTouch {
    touch-action: none
}

#recordList .record-list .sticky-item {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 1.0625rem 1.25rem .75rem;
    margin-top: -1px;
    font-size: .8125rem;
    line-height: 1.0625rem;
    color: #717783;
    background-color: #f5f7fc
}

#recordList .record-list .sticky-item>.transaction>.total {
    margin-top: .4375rem;
    overflow: hidden
}

#recordList .record-list .sticky-item>.transaction>.total .collection {
    float: left
}

#recordList .record-list .sticky-item>.transaction>.total .refund {
    float: left;
    margin-left: 3rem
}

#recordList .record-list .sticky-item>.transaction>.total span {
    color: #000
}

#recordList .record-list .sticky-item>.withdraw {
    overflow: hidden
}

#recordList .record-list .sticky-item>.withdraw>div {
    float: right
}

#recordList .record-list .sticky-item>.withdraw>div span {
    color: #000
}

#recordList .record-list .record-item {
    padding: 0 1.25rem
}

#recordList .record-list .record-item-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: .9375rem 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(98%, #fff), to(#e5e6e8));
    background: linear-gradient(180deg, #fff 98%, #e5e6e8)
}

#recordList .record-list .record-item-content.gray .content-wrapper .icon.wechat-pay {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABXCAMAAABGFileAAAAM1BMVEVweIPq6+26vcPx8fP9/v6lq7L6+vpHcExxeIeMk5z29vfY2t11e4XJzdDh4+VxeYT///+8DsiFAAAAEHRSTlNCsmrE9VvlACNN1Y8RfJ4y+aQOeQAAAuhJREFUWMPVmenSqyAMhtlCCZve/9UerEsVAUFx5nz50el0eZqGkLwQ8tnMqmEg920YrP3ByPpEPWFubBtxbQ/qnjxzFeln9sftiSWDWrldsYvHgWtJb/tyuy3ZLhQTV5H+XBu4/d0lRH2IfQEbAkHUG9zg7fCnuO9EoZqL4DyXQmhqGPThIjNUSzFuJiT3DvARF9nk5niywDZwn8t4grmxKdzioitRZzJr5zIqxysT0kMbF40Yq0yzFi7QSmzw2WA1l/GxwVLrl+QyPTYZxSouNGLHkWMFtx0rtLvmIm3FagMV/hrRBJW6Lh9ANlGpm6kQ0U/clgwLuw2XLa+FKXJdw2KtLuI33TUUuLWLtquTuBSSo8MRl8k6KmVrOMGv9ZkXuMdkEJdFLAT29zrkufyYl+dSKcSuUaA7lCef5aI8bns0EVhyB7uid3xXZ7lw+OcyIGDfM+S+P0D8m6PAHDfKsmmF0cs1rzzDcpNiOa6P/jXO2RkIU1h31HRDNTmuTn4QveZuv03BpzOF5rjxxzWkpI/PFVJa62+06efl0tmC5yvje24EWFQqrjIfgsPuSC1rClaXvxOXHwNbrPn5/CXnfctSpSDTj/L1geZ6eFQKkmZq69nmMFaJtUI9S3S34PC5FCRFRFu/ENTzmhZd7BeEifGmcSj2Y3+X68p9Hvk9LL3QD8TJO9i4QiX02Z1ISHetJ5E2r91Zs6tnh4AF67FKrzeCpcfK80UTWKaEqsods2qzImj1+vNQvbyWtOn8Fkuf/EEWG8+x14VCbGK9ZxyC/HF44zxP16/T6Z4kFpWaXtxsZM/dfNH6gNMdDOVay8m01pyay+uSLPcr3OWm9BCAMeZceAg/dAUtcF1psR/cGxnJ3X1qIb4OCHmB+//e9/2te0/7zr3yW9zhvfv1F8YX8zzgBYfVO/OWYZkP2f7YeZ5lOwd3m7/Zzt7+5pCdFm8evu3nm7bDgHNQ9jQ3DWRr1QOz+3Hs5x9wPpnS3kBkyQAAAABJRU5ErkJggg==) no-repeat 0/1.8125rem 1.8125rem
}

#recordList .record-list .record-item-content.gray .content-wrapper .icon.alipay {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABXBAMAAACD5sRfAAAAKlBMVEVyd4L///+Ci5R4eYqFipKYnKTu8PD09vb6+vr+/v7c3uDk5ei4u8HLzdF2Xh5IAAAADnRSTlMvswEZMzqElKCsYnRJVlxdhiYAAAL/SURBVEjH7ZdNaxNBGMcf6ARBk0MuJqsIofEDhPgFlpgUiSlESFWa9NCDsVsMmINtJe0hB9PGnAJaa0VowUqNCha0tKSHChZ8hQqtiuh3cWZ2d3Zmd7OZRYoXH0LIbn55+D+v2YFBYvEEeNnAAKViQN69UYonTbg/i2kDjoOMpXQ4IQVDksByjolrDEs6BuQHhmQMZFXghMQgdjQwRp2S0dNyuVyRhINhbKdcYLdUHPcDh47M8z+VgdKmZQl8Om2ZEy6WTbtO4Ai7LE864SvhXnbyL+HL86YtECI6zazmEuCIaaM0QHY5UvjfG/3g9aXmAn3RUjw07J47vOpav5t+4Ffu8Pdp0WYovO8doGknaI/sysHHaF/n5eBLtKFADt4g8GM5GFUJfEcODrZtmfOC6ZAru+4w+vK82+3sWXMmzJ8ID2t6xRbXjBvvydUZNxh9qrMCN16+Y9W/5QYX61w7KFM7KiB657ULHKzb2qeVD9mLzeAfjmaLrDviM2DiWGl0O53Nibbwk/su8AfsaS2tggrpMa1HM5swGg8vMnHoW5OxomQdDrWVJ9y9jxOMrh044CHbLGe2Gb30xg5fFXMPENhicSqVggi/tQUCKLhlBdk4FOBVfiq5xrBLofCGYocDVSHdcwUvmLYnV5/WoQXbZQTGSWi/qzYphmZbgEPk+2XINrlOrOTNbIipC1LHuE5Zvva1AwpfEAYe7zG6A1T8aYwPdJ4W/2I4onLsKIksqocRus3RK0airlnsMPGmzNpGk8HoazjC+itEv33EVlxJE2GyL5f1vKMcVcl3oaVEhwG3WesX1p35qbM3hD8kTYBRkeR9qrs5o1dtLi9kx1RieIZnxo8pfNex9qoCHLSmIzqZd/41ajwMObODGy9Uly2Z03gYgC6wBzs9dipp2hV+Pkqf93qvdiyUh0FVvR6IS9v7IP0UD5mEDxj5fIyXPyCc9wOnfJ5TBs/KSqYHMclcpHyc2grG4VGVcZw04LiUYvMMe65/jq0DL8a9TYdifwDbYgPu/HQdjgAAAABJRU5ErkJggg==) no-repeat 0/1.8125rem 1.8125rem
}

#recordList .record-list .record-item-content.gray .content-wrapper .icon.union-pay {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABXBAMAAACD5sRfAAAALVBMVEVHcEzs7Oz4+Pj4+Pj5+fn19fX39/f39/fc3Nze3t7////7+/vy8vLk5OTW1tYZSgMSAAAACHRSTlMA/pJjNM0XtCIrMBYAAAVNSURBVEjHvZc/j5xWFMWRbLkfKZHHC0RW0qawlThNUqwTKR8gitzEkVb5o9RJlMrVdhd5QJoONEyxlaUHW0xhaReYglTDwBQUkRgz09NkPkPufQ/YN8B6u9zV7sDy48zhvPseoChYD775S8tur/jDP79VmnrwbKRvseZzR/xxOrXPH37RwM/i48O2vANUTv7wVLA/Zx0pA3pl7D4Q8KcbZ34kDPZNNbQ5ekLsvbjj0BhQBnC59FdJVxj6wmgkPsMoXnYdDyvD7jG66DmWlGXYRB+/PuoJDysbfyvK821PGIaEAf45U572hYeVYXqq/O70hGFQuDp/ovzYF75FGWG9LwwDp1gA/z5WNnLPEDO1JSwXpxuP0IYp4P1IH+VUexuM9UJs4jaYwYrDE492BJyGQejxKgxYM74VeAmAygT8WoID1tQYDLfZ9uE88IWNmWdbjeddO4HQrzPKtDjTtLVnl2xT7FIqlhWN8k0QBkw39fWV3jTwd6t1/T0rGa67wih9VJ8XBKssWa/KECtgYQGGBNui3xC2jfUSYRb4c0yDjs28Aqwmura2oOI1uYE3RpglJlsZ9nEabtjWAshGqjHcYL6NObsLAVs1XLbJMd9B2GWrtVegY0Ab7zBOoSw8u1nIIlEx2nBSb+yyiDIm5eBCwI1np/TqiWhjGi67ABMTwxGkC1yjtDyCzokvmhObWPVP8OrAZf6cKwOdK3l27LXPR0JLKOeSLslMN5nNlSH1CsmzYwSXvDt5vL5T0Ilz1xPKMAlt2caUXfEhWXt8BJvhrpXBETbqRppRPOi3ZAUcwahsdVrUfsdEGHRSF8YpwlsULKOBvVD0SwubWZ0z7WQBwvW0gkk7gDbCYiozHHEOVxZu48AIZewytW4NHAfeC4iFIV6HkVIyBm1XQhmvDaQJXVtuloWKaHQslGnpGV5WLEFbdEbFRzCh1aJeVow+XjUnVaScENJd1+DGAkctC08jG1wZbpZC05bMW/VPJSlzA+fJeUKDUdS3hWwspGs7PA2uSqYn1xOC5/WikGrLVpQ+WmVuepbMEi0rckfbGFrsLMxFHm91Q4eabtKgOKBczfQoTTJ3EU2jdL+YLnN1E50vLU5LyvRbjsv98nUSvRuru6ty74VjU02i2QooCtkz2VYLNV/ONhf4Wa7UfLE1s/U4UwuLTMjKVCd66F6X+uXJHsXT3TVMlmWhLugKK8tqlI16lQuXM1Rc4mc5pq+fRGlRXpMLOgGOlM1RMS3y+SNzZOe2PsW4NR3Kjwil+Kw2DUP0Vr3sSoVTnDxbQnkzdCerRFj4bRtLVk439q13Pp6C8IwdmiLsxXYPET/UGjwH+p2mHsLMWwzRokNFa+BeHjIOMxZtb+nlSrjH5ym8odUwC2MJr4RwJf6Q7Dylm18DMy/S7d70E4GAoYWCaWDcjLe27Jg4nm7eEjcw7mT61m406/HZa9JxGcbdMNP3TgM6SIby0WOYVxhl2kjTsjDoHBiCb63/F45GvOIs0+6E6YZwOBwqvC05wV2wj91AMIV3J7w4WBbBON/nd9q4xvFDuL5V3AmTiwMtJm4PVjvwqoJDrTzrwT904LFQRmH5OYTDT5RXnf8UN8pqD/6yG7MIg9/3O6N1qjzvwMCVecwd+M2Z8ttx8hfQKpudHsVn/nvH519WPGZS7sLf43vKq9tinnb6AN9TlOfBQMyk3BmTt/S6dP8ooSsx2vjwMT+O2XvB39qeytJRHMfYzfR8fGz5rXghvK8OzArP6zh+Ub9p/qQGd02p8Lv2Hfbrl+H7K/rjtH3jVX757OP31Sefn3HsP31+zQkBPwjUAAAAAElFTkSuQmCC) no-repeat 0/1.8125rem 1.8125rem
}

#recordList .record-list .record-item-content.gray .content-wrapper .icon.mipay {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABXCAMAAABGFileAAAAM1BMVEVHcEz09PTb29v////19fX09PTy8vL39/f19fX09PTo6OjMzMz8/Pzz8/PJycnQ0NDs7Oxlbf2UAAAACnRSTlMAhP//G2c/l+vDUZSjVwAAAq9JREFUWMPlmdG2oyAMRRUFQRPh/7/2glUrqCFSfJkJ9XWvvQ4RKTTNVr2SxmgsLW0G2fdNWr00GqDroLg68GyZkJXBAO1+LNCmj2TxZ+QKBq2+3LYWdlGWG1ZWxAbwaqyqYgN4ybg3dbE+4+GTQle7QhLVdVdhpavrduC7WEJ9boeqMW9wQb7CBc/Vr/i2Db7CHf5BLuBIFRZxAd2YqQtClgtZqq/nXBb2IokcFzlY99gXxjLdHJeVwkW8GS6WYmlu6aTluOW6JPcHXZJb2mMZbnGP0Vxg9liyp8xyL1MQp7LLCL+lMMe91D1Tp6istZDhIkf2y7Xh57F2pLnAC2Ga5h384Tqa61i683wMIQxB58BMwXMTX3regNK16+NTSH23dO+4t7o20d19F91pb7NrLrDSPaawokf6feOl61PYyUubTQJILo6sdOfY1+sivT44TroBO8f9IOh1h91jab5Ic2907Rkb+0YfjjOX1rXHSTv4+hiAXH8ZPWa/ugffkVzXATO9ILY3LfEVQHMd902LyRbJ7xAgb3lMU5gS3ZSLnHDFNKe+qW7CvZ00e4zinMLkyO8xPFgYIrIAmuseYrcUHL1/oN60PQQxz6mvoPfVkEvBxuluvjazr36w4ETk3L6ale551mxuX42jc+NxZLkBfTFpKdfFdYk95Suy+2p4zA26jH01nrBXT+wrGPvqWFjcVCQsgLOvjv5i33EPM3eXwnk92ztCELUbC+SeP0DImJJdyaHEiPxzDf8fAREddeDtwnAOAUrOS+B2/LfnRmXct8773jqfHF7xVa+c/wL2Tf/SefUL5+th2ppGVhdeb0aqC2P7uXWq3MJgtkuyqmD4XpXJimAwh4uyesYYXew1/aABKry/uk0vONVgEH4rbVrVnKtXUrZDabVSHa9j/wAuF6U5UgQ5nQAAAABJRU5ErkJggg==) no-repeat 0/1.8125rem 1.8125rem
}

#recordList .record-list .record-item-content.gray .content-wrapper .content div,
#recordList .record-list .record-item-content.gray .content-wrapper .content span,
#recordList .record-list .record-item-content.gray .status {
    color: #b8bac1
}

#recordList .record-list .record-item-content .content-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

#recordList .record-list .record-item-content .content-wrapper .icon {
    display: block;
    width: 1.8125rem;
    height: 1.8125rem;
    margin-right: .625rem
}

#recordList .record-list .record-item-content .content-wrapper .icon.wechat-pay {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABXBAMAAABy7Z/SAAAAMFBMVEVDrzb///9HcExYuU1MvUBEsjdFrjbx+vByxGnI6MTg8t6W04+v3qpDsDZDsTdIsjztihy5AAAAEHRSTlOzswCzEzhQs7Ozs7OzlXIijPkFBwAAAq5JREFUSMe11zFvEzEUAGDTo3AQUrA6JLkwoKjK1vZQhqZqhip/AJSBH8DAiBSxkKjDRRlQBUNOHUB0aSYGMjRiKZmoGCiwoPyCCDEzsCM4++yLz372+ZB4Q5VePjl3z37vbFQjsf34GzJE8WeHMkT+bCxQRqx1OK4ji/jB8MIGF39RvImsYoXihR1G7QjXLS2aR3jfFl+JMLKOXLidBz9EW/Z4BW3a48t58E20b49XIew+f1OanPk22Hk/xiT6ClfwXoiX0fON2OliMQ58A3Y/4XSs63FhjOXwtDjEahxpsAtY7AUgvoHhAPG5Bn+AsMbi2wCe6nAvULDb1dhSoI58XWO9d8ADXtKMS6wv4xC0T8lXg4qEC6B9S8Z80cUSBm+ZLlGyECUM3EWfzsYh+ThK4y78aCyjT9KY5enL0h7TYpjRf8oQLqMZsxM6Fc1QXNUcO/HFCnLjr/txannhlHwRu8nU7tA0xNO2l9xUIGK+lqMnaWHvIv61wfJpT0XM01yNPr9mldQSMjQS8VV+c0KRidWbwtf41aRR7KrVwnEhdXMkaekiC4BsYHzC8AzrscOvxquxKS2VEjSDbAxH7mIVDR6lJiNV4AlO8nQLOc+UFXiSxkkjKJPKkOM0jZPRvDO1lbLsJ9gZY314cnVPDbgq47sGfCTjQubAAnbOtXhd7aK7WjwC+nOosa+gZn6owQGE3ZdwL4ffVi2w537UvAenpr4v4x3VXmjfsAO1mfvWr+Pe0LCFIAt5sszJwdC0OaGg+ZntZL4OkRkfx+uk0Wj4GRsqB1d9692XK0xA9lbN/4d9nR7fyYNzbVy38uC6PZ7n2Zl3/tsBIcLW6ViN8LYt/k7OVvftbJEexCyTN4/Pg1ZDr7HD44ZVkvkZtvY7MxPt5MBbq9178MgUf2L1F4HM0zNId0zXAAAAAElFTkSuQmCC) no-repeat 0/1.8125rem 1.8125rem
}

#recordList .record-list .record-item-content .content-wrapper .icon.alipay {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABXCAMAAAC3HXLTAAAAPFBMVEUAoeo3te8cq+zf9P1kvOPz+/8DoOn///+/ys0LpuyS1/ZYwvC45fpzzPSdzeN7w+MUqOs2sut0weJ4xen+8o6fAAAAFHRSTlPMzMzMcMzMzAHMzMzMzB5ArY5bgFtgpOgAAANNSURBVFjD7ZnbluogDIYhSGw49OC8/7tuqE6hFSgovdhrTWaWN7g+Y/rnIGFDsOlnmeljm38eYwRjAbsQsY8NGXPw23gEj8t69r3RYwceZ9bNbjGY+nEZLRt4BNbVbr/guS/3GWcHvhHrTR5XMOtv5MHjVeDpKrCuSixtf60KfBvYyKveed+syuVlYFONiJFvXFkFngd2Y1eAWSWYXQX+8/g/8RhSFoFTx1QDNiJhMmRe6lhRDfjebqYO7Nx7/w+WOK7xGK1KWeCmTvVVqsC/zGsG49Ei8PGoBUz6aDaAj0e8AcxFQ3JYqgdDA1hAg8dg5JmFfKF6MBI/tY2sqU1uWP4LKqHvdHz8WHURmLbaKrAnGFUIMesJDnIU0ARGIuDctTJKp6yVJ2JLgJGskfsMMIrTjo8y35JyYOIqkV1SKA4RejvQWAtWMpO5nk14LM5QVTYRstgNrzRgKFGmrh5jCO6hHuxCrsPbbBUYQb6gQllXZrVWxhS/goEaMFr/DV0k8dBKtBKymRuBuc9SyTFRjsAk0RaoBuwfnMgFjdsEWRoLuZYXwF70tuABkk66LTQQlsBUVOVTvslgrwLPg73oJZ1d+6TT8i4tzw6FvnKf/pjFQvcWRu8Kyi+YVL60Rj22PCTHjm9gNxWfgc8zXlgO7WCKWj7Pf8ZaCSkGn8SYogfn5GsL2S6N0pvcVLFW7eNg0FcWWxyXNlVYP0cWBBE5aPjrbsSIczCDeyHzKPYuKic+Z87AzJeKzLhE8aMyu+6HkIl1AK9FM9XDXDTj5wLH03REAvipfqNhxybQsUc+6zFZRfJg1OLpEt/KlZsudqqSIiP1NSIyA3ZjyG/WWz+suB/mrjft5cnzuiG9D/aumSpRbNBnF9fuYQS3d3MFFTRvdMXVqu+PKbBrQWntSGmo6qLd/W57NYPjJOQzVR6KirGIDRf4SL7TvA+FyK1rymuw3KsQhlPjVgB97x3Y4/3rENfWDStGKV9fP1g2uGEkfbeJ9O0l+Jy7jf12J7LU3h+3X/9feON92eX/QP3BsIK7x4Lm1+ZmuWC/8lxidd4JTWE7NveVWrQo7BcNmParzamTNmB825kOE4ev6ADzmFrG+o3h9Lh9bI8pXvIO/wDdPUiMq4S5mgAAAABJRU5ErkJggg==) no-repeat 0/1.8125rem 1.8125rem
}

#recordList .record-list .record-item-content .content-wrapper .icon.union-pay {
    background: url(data:image/png;base64,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) no-repeat 0/1.8125rem 1.8125rem
}

#recordList .record-list .record-item-content .content-wrapper .icon.mipay {
    background: url(data:image/png;base64,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) no-repeat 0/1.8125rem 1.8125rem
}

#recordList .record-list .record-item-content .content-wrapper .content div {
    color: #131c31;
    font-family: Jinrong-Bold;
    font-size: 1.0625rem;
    line-height: 1.25rem
}

#recordList .record-list .record-item-content .content-wrapper .content span {
    color: #a4a7b0;
    font-size: .75rem;
    line-height: 1rem
}

#recordList .record-list .record-item-content .status {
    padding-right: 1rem;
    color: #131c31;
    font-size: .875rem;
    line-height: 1.1875rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfBAMAAAAYfoC6AAAAKlBMVEVHcEy4usG5usG5usG5u8O9wse5usK7wcS6u8K6vMK7vcG7u8O6u8K4u8LztzLnAAAADnRSTlMA/+XtlgikF15QQyeIzfw5xJ0AAAB3SURBVBjTY6jxZoCCRKEJUJahoCaUdVBQaAGEVSYoqAVhsScKCjVAmGGCMJWsjnCVJYKCFgEQlY5wlWyCgpZQlc6CwlPRVQK1C0NVshgKakNY3BcFJdHEEOrgehHmwe1A2IuwAe4+uJsR/kD4DeFfRBggwgUeVgCA/hsqy7NAFgAAAABJRU5ErkJggg==) no-repeat 100%/.375rem .625rem
}

.record-nav-wrapper {
    position: relative;
    width: 100%;
    height: 2.125rem
}

.record-nav-wrapper .record-nav {
    width: 11.25rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute
}

.record-nav-wrapper .record-nav li {
    color: #b5d8ff;
    font-size: .9375rem;
    line-height: 1.25rem;
    float: left;
    width: 4.375rem;
    font-family: Pro-Medium
}

.record-nav-wrapper .record-nav li:first-of-type {
    margin-right: 2.5rem
}

.record-nav-wrapper .record-nav li.active {
    color: #fff;
    font-size: .9375rem;
    line-height: 1.25rem
}

.record-nav-wrapper .record-nav li.active .underline {
    display: block
}

.record-nav-wrapper .record-nav li .underline {
    display: none;
    width: 1.25rem;
    height: 2px;
    margin: .4375rem auto 0;
    background-color: #fff;
    border-radius: .0625rem
}

.record-nav-wrapper .filter {
    position: absolute;
    padding-left: .8125rem;
    color: #b5d8ff;
    font-size: .8125rem;
    line-height: 1.0625rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAMAAAAocOYLAAAAP1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////9KjZoYAAAAFHRSTlMAHKuhCfqAFtiFZzRwyrMlRfKMmhptfDYAAADISURBVCjP3ZLLFoMgDEQHlII8RDT//60NaC0quuum2XDiTSZjANDeKGqFMl4DWrZpqZAa/h5zgYchSk63IjIySEQL2jFzKwIXTU08cX+A5THGNbBjTBZ9xwZDvOKw+keUXBdcQ5zG0iZGuiisWGzZWCf7bLmnIu9QigNWXdVQPOwKRXyp9dDnguz2Iz73R7/5mnjbeRj/WDpjHsEml/yVF6YGfd2XJ+oyH7bzHPbLX/hD7lIq+7vjmKx+5Fv8mvM9+ScugqmezhtQxxSJw8G7VgAAAABJRU5ErkJggg==) no-repeat 0/.625rem .625rem;
    right: 0;
    top: .09375rem;
    font-family: Pro-Normal
}

#notice {
    display: none
}

#notice.show {
    display: block
}

#notice .notice-bar-wrapper {
    position: fixed;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 800px;
    padding: .4375rem 1.25rem;
    z-index: 99;
    color: #faa703;
    background-color: #fff5eb;
    font-size: .75rem;
    line-height: 1rem
}

#notice .notice-bar-wrapper .notice-bar {
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

#notice .notice-bar-wrapper a {
    position: absolute;
    top: .4375rem;
    right: 1.25rem;
    padding-left: 1.25rem;
    color: #faa703;
    background-color: #fff5eb
}

.point-progress .text {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #131c31;
    font-size: .875rem;
    line-height: 1.1875rem
}

.point-progress .text.doing {
    margin-top: .3125rem;
    color: #b8bac1
}

.point-progress .text.doing .dot {
    background-color: #b8bac1
}

.point-progress .text.doing.active {
    color: #faa703
}

.point-progress .text.doing.active .dot {
    margin: 0 .9375rem 0 -.3125rem;
    border: .3125rem solid #e5e6e8;
    background-color: #131c31
}

.point-progress .text.done .dot {
    background-color: #131c31
}

.point-progress .text.done.active .dot {
    margin: 0 .9375rem 0 -.3125rem;
    border: .3125rem solid #e5e6e8
}

.point-progress .text.done.fail {
    color: #fe3d28
}

.point-progress .text .dot {
    display: inline-block;
    width: .3125rem;
    height: .3125rem;
    margin-right: 1.25rem;
    border-radius: 50%
}

.point-progress .date {
    padding: .4375rem 0 1.4375rem 1.4375rem;
    margin-left: .125rem;
    border-left: 1px solid #131c31;
    color: #b8bac1;
    font-size: .75rem;
    line-height: 1rem
}

.point-progress .date.doing {
    border-left: 1px solid #b8bac1
}

.point-progress .date.no-border {
    border: none
}

.error-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: #fff
}

.error-wrapper .error {
    text-align: center
}

.error-wrapper .error-img {
    width: 7.6875rem;
    margin-top: 5rem
}

.error-wrapper .error p {
    margin: 1.375rem 0 1.8125rem;
    font-size: .875rem;
    line-height: 1.1875rem;
    color: #717783
}

.error-wrapper .error-btn {
    width: 9.5625rem;
    margin: 0 auto
}

.app-face img {
    width: 100%;
    margin-top: .8125rem
}

.footer {
    position: fixed;
    bottom: 0;
    z-index: 998;
    width: 100%;
    height: 3.3125rem;
    background-color: #fff
}

.footer ul {
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    font-size: .625rem
}

.footer ul li {
    color: #5c677e
}

.footer ul li img {
    display: block;
    margin: 0 auto .1875rem;
    height: 1.1875rem
}

.footer ul li.active {
    color: #2184e7
}

#service-agreement {
    padding: 1.25rem 1.25rem .625rem;
    font-family: Pro-Normal
}

#service-agreement h2 {
    margin-bottom: 1.125rem;
    color: #333;
    font-size: 1rem;
    line-height: 1.3125rem;
    font-weight: 400
}

#service-agreement h2 span {
    float: right;
    color: #a4a7b0
}

#service-agreement h2 span.number {
    font-family: Jinrong-Bold
}

#service-agreement h3 {
    margin-bottom: 2rem;
    overflow: hidden;
    color: #131c31;
    font-size: .875rem;
    line-height: 1.1875rem;
    font-weight: 400
}

#service-agreement h3 span {
    float: right;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    font-family: MILanPro_MEDIUM--GB1-4, MILanPro_MEDIUM--GB1, system-ui;
    color: #a4a7b0
}

#service-agreement h3 span.number {
    font-family: Jinrong-Bold
}

#service-agreement h3 span img {
    width: .875rem;
    height: .875rem;
    margin-right: .4375rem
}

#service-agreement .subinfo {
    margin-bottom: .875rem;
    color: #717783;
    font-size: .75rem;
    line-height: 1rem
}

#service-agreement .confirm-identity,
#service-agreement .confirm-rate,
#service-agreement .confirm-shop {
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #e5e6e8
}

#service-agreement .bank-rate h3 {
    margin-bottom: .5625rem
}

#service-agreement .bank-rate .rate-line {
    width: 100%;
    height: .4375rem;
    margin-bottom: .625rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8EAAAAWBAMAAAAStYM5AAAAGFBMVEVHcEzm5+nl6Ojm5+nq6+3m6Ovm5+nn6epSLsURAAAACHRSTlMAqlnODyd/QwuL5CQAAADaSURBVGje7dlBC4IwHAXwIZrXluVZNPoAgnZ1RXVV+gKN7C74/SEkzFkLuu7xfgcRj0+e/rcJYXWoBCELog1DgKYemiWGrnBZqYIxAOtbIXTHHGCF+TBr7RkEboWT4ZqxxKi8/LVgWjEKUOMfuL8xC0iL4j1RMwxEvq7H26ZlHIDUtJt1khXzwKtwZLzV45qBwGnMl+rLmomACeLZh/nMAwg01/kKyb+zxFjC+NfSiTBk28/Bi3uXULzv04YLDyCgKtz994xckk52tr6GZUoOS4Q0WAfnRpLDlk9Wt26ScMP6JAAAAABJRU5ErkJggg==) no-repeat 50%/100% .4375rem
}

#service-agreement .bank-rate p {
    margin-bottom: 1.25rem;
    color: #717783;
    font-size: .875rem;
    line-height: 1.1875rem;
    overflow: hidden
}

#service-agreement .bank-rate p span {
    float: right;
    max-width: 7.5rem;
    text-align: right
}

#service-agreement .bank-rate p span.number {
    font-family: Jinrong-Bold
}

#service-agreement .dialog {
    height: 90%
}

#service-agreement .dialog .content {
    overflow: auto;
    height: inherit;
    margin: 0 1.25rem
}

#service-agreement .dialog-wrapper.more-radius .dialog {
    height: inherit;
    padding: 0 1.6875rem 1.25rem
}

#service-agreement .dialog-wrapper.more-radius .dialog .header span {
    font-family: Pro-Medium
}

#service-agreement .dialog-wrapper.more-radius .dialog .content {
    margin: 0;
    padding: 0
}

#service-agreement .dialog-wrapper.more-radius .dialog .content p {
    margin: 0
}

#service-agreement .dialog-wrapper.more-radius .dialog .content p.ruifutong {
    color: #00adff;
    margin-bottom: .625rem
}

#service-agreement .dialog-wrapper.more-radius .dialog .content p.suixing {
    color: #00adff
}

#service-agreement .dialog-wrapper.more-radius .dialog .content p.suixing,
#service-agreement .dialog-wrapper.more-radius .dialog .content p.title {
    margin-bottom: 1.5rem
}

#service-agreement .dialog-wrapper.more-radius .dialog .content .btn-wrapper {
    margin-bottom: 0;
    margin-top: 0
}

#service-agreement .dialog-wrapper.more-radius .dialog .content .btn-wrapper:first-of-type .btn {
    margin-bottom: .8125rem
}

#service-agreement .dialog-wrapper.more-radius .dialog .content .btn-wrapper:last-of-type .btn {
    margin-bottom: .3125rem
}

.rule-wrapper .rule-content .rule li.mediu,
.rule-wrapper .rule-content .rule li span.mediu {
    font-family: Pro-DemiBold;
    font-weight: 700;
    font-size: .9375rem
}

.rule-wrapper .rule-content .rule li span.phoneNumber {
    color: #3370ff
}

.status-wrapper {
    padding: 1.25rem
}

.status-wrapper h2 {
    padding: .625rem 0 1.0625rem;
    color: #131c31;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400
}

.status-wrapper h2 span {
    font-size: 1.375rem;
    line-height: 1.8125rem;
    color: #131c31;
    margin-top: .1875rem
}

.status-wrapper h2 span.red {
    font-family: Jinrong-Bold;
    color: #fe3d28
}

.status-wrapper h3 {
    padding: 1.875rem 0 .375rem;
    font-size: 1rem;
    font-weight: 400
}

.status-wrapper p {
    margin-top: 1.0625rem;
    color: #717783;
    font-size: .875rem;
    line-height: 1.25rem
}

.status-wrapper p.small {
    font-size: .75rem;
    line-height: 1rem
}

.status-wrapper p.black {
    color: #131c31
}

.status-wrapper p .bold {
    font-family: MILanPro_MEDIUM--GB1-4, MILanPro_MEDIUM--GB1, system-ui
}

.status-wrapper p span.red {
    color: #fe5341
}

.status-wrapper p span.blue {
    color: #0097ff
}

.status-wrapper p+p {
    margin-top: .8125rem
}

.status-wrapper h4+p {
    margin-top: 0
}

#statusCheckBack {
    padding-bottom: 6.25rem;
    background-color: #f5f6f7
}

#statusCheckBack .check-back-wrapper {
    padding: 0 1.25rem
}

#statusCheckBack .check-back-wrapper .handheld-id,
#statusCheckBack .check-back-wrapper .shop-pic {
    margin-bottom: 1.375rem;
    background-color: #fff;
    border-radius: .5rem;
    padding: 1.25rem 1rem
}

#statusCheckBack .check-back-wrapper .handheld-id p {
    margin-bottom: .8125rem;
    color: #131c31;
    font-weight: 700
}

#statusCheckBack .check-back-wrapper .handheld-id p span {
    font-family: MILanPro_MEDIUM--GB1-4, MILanPro_MEDIUM--GB1, system-ui;
    color: #0b204b;
    font-size: 1rem;
    line-height: 1.375rem
}

#statusCheckBack .check-back-wrapper .shop-picture .subtitle {
    overflow: hidden;
    color: #0b204b;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 700
}

#statusCheckBack .check-back-wrapper .shop-picture .subinfo {
    margin-bottom: .75rem;
    margin-top: .25rem;
    color: #7c8495;
    line-height: 1.25rem;
    font-size: .875rem
}

#statusCheckBack .check-back-wrapper .shop-picture .pic-num {
    float: right;
    color: #717783;
    font-size: .75rem;
    line-height: .875rem
}

#statusCheckBack .check-back-wrapper .shop-picture .picture-upload {
    width: 100%
}

#statusCheckBack .check-back-wrapper .card-picture,
#statusCheckBack .check-back-wrapper .shop-picture .place-cash,
#statusCheckBack .check-back-wrapper .shop-picture .place-head,
#statusCheckBack .check-back-wrapper .shop-picture .place-inner {
    background-color: #fff;
    padding: 1.25rem 1rem;
    border-radius: .5rem;
    margin-bottom: 1.375rem
}

#statusCheckBack .check-back-wrapper .card-picture .subtitle {
    color: #0b204b;
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: .8125rem;
    font-family: MILanPro_NORMAL--GB1-4, MILanPro_NORMAL--GB1, system-ui
}

#statusCheckBack .check-back-wrapper .card-picture .subtitle span {
    font-family: MILanPro_MEDIUM--GB1-4, MILanPro_MEDIUM--GB1, system-ui
}

#statusCheckBack .check-back-wrapper .card-picture a span {
    color: #ff5045;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: 1rem;
    display: block
}

#statusCheckBack .check-back-wrapper .card-picture .face-photo {
    width: 100%
}

#statusCheckBack .check-back-wrapper .subtitle {
    color: #131c31;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.1875rem
}

#statusCheckBack .check-back-wrapper .subinfo {
    color: #717783;
    font-size: .75rem;
    line-height: .875rem
}

#statusCheckBack .btn-wrapper {
    padding: 1.25rem;
    margin: 0
}

#statusActivation .face-indicate {
    box-sizing: border-box;
    padding: 0 1.25rem;
    width: 100%
}

#registerSubmit .open-wechat-collection,
#statusCheckSuccess .open-wechat-collection {
    margin-bottom: 5rem
}

#registerSubmit .status-wrapper h2 {
    font-family: Pro-Medium;
    padding-top: 0;
    padding-bottom: 0;
    height: 2.125rem;
    line-height: 2.125rem;
    font-size: 1.625rem;
    font-weight: 700
}

#registerSubmit .status-wrapper p.subTitle {
    font-family: Pro-Normal;
    font-size: 1rem;
    color: #131c31;
    margin-top: .125rem
}

#registerSubmit .status-wrapper p.subTitle span {
    color: #005cff
}

#registerSubmit .status-wrapper p.line {
    border-top: .03125rem solid #e5e6e8;
    margin-top: 1rem
}

#registerSubmit .usage {
    margin-top: .625rem;
    padding: 0 20px
}

#registerSubmit .usage h3 {
    font-size: 1rem;
    color: #333b4c;
    font-family: Pro-Medium;
    font-weight: 700
}

#registerSubmit .usage .method-one,
#registerSubmit .usage .method-two {
    font-family: Pro-Normal;
    font-size: .875rem;
    color: #7f848f;
    line-height: 1.25rem;
    margin-top: 1.3125rem;
    overflow: hidden
}

#registerSubmit .usage .method-one img,
#registerSubmit .usage .method-two img {
    display: block
}

#registerSubmit .usage .method-one .explain span,
#registerSubmit .usage .method-two .explain span {
    color: #005cff
}

#registerSubmit .usage .method-one li:nth-of-type(2),
#registerSubmit .usage .method-one li:nth-of-type(3),
#registerSubmit .usage .method-two li:nth-of-type(2),
#registerSubmit .usage .method-two li:nth-of-type(3) {
    width: 50%;
    float: left
}

#registerSubmit .usage .method-one li p,
#registerSubmit .usage .method-two li p {
    font-size: .75rem;
    line-height: 1.0625rem;
    color: #7f848f
}

#registerSubmit .usage .method-one.method-one li:nth-of-type(2),
#registerSubmit .usage .method-two.method-one li:nth-of-type(2) {
    padding-top: .6875rem
}

#registerSubmit .usage .method-one.method-one li:nth-of-type(2) img,
#registerSubmit .usage .method-two.method-one li:nth-of-type(2) img {
    width: 8.25rem;
    height: 4.1875rem
}

#registerSubmit .usage .method-one.method-one li:nth-of-type(2) p,
#registerSubmit .usage .method-two.method-one li:nth-of-type(2) p {
    margin-top: .375rem
}

#registerSubmit .usage .method-one.method-one li:nth-of-type(3),
#registerSubmit .usage .method-two.method-one li:nth-of-type(3) {
    padding-top: .875rem
}

#registerSubmit .usage .method-one.method-one li:nth-of-type(3) img,
#registerSubmit .usage .method-two.method-one li:nth-of-type(3) img {
    width: 6.125rem;
    height: 3.75rem
}

#registerSubmit .usage .method-one.method-one li:nth-of-type(3) p,
#registerSubmit .usage .method-two.method-one li:nth-of-type(3) p {
    padding-left: .4375rem;
    margin-top: .625rem
}

#registerSubmit .usage .method-one.method-two,
#registerSubmit .usage .method-two.method-two {
    margin-top: 2.1875rem
}

#registerSubmit .usage .method-one.method-two li:nth-of-type(2),
#registerSubmit .usage .method-two.method-two li:nth-of-type(2) {
    padding-top: .8125rem
}

#registerSubmit .usage .method-one.method-two li:nth-of-type(2) img,
#registerSubmit .usage .method-two.method-two li:nth-of-type(2) img {
    width: 6.125rem;
    height: 3.75rem
}

#registerSubmit .usage .method-one.method-two li:nth-of-type(2) p,
#registerSubmit .usage .method-two.method-two li:nth-of-type(2) p {
    margin-top: .875rem
}

#registerSubmit .usage .method-one.method-two li:nth-of-type(3),
#registerSubmit .usage .method-two.method-two li:nth-of-type(3) {
    padding-top: .8125rem
}

#registerSubmit .usage .method-one.method-two li:nth-of-type(3) img,
#registerSubmit .usage .method-two.method-two li:nth-of-type(3) img {
    width: 7.125rem;
    height: 3.8125rem
}

#registerSubmit .usage .method-one.method-two li:nth-of-type(3) p,
#registerSubmit .usage .method-two.method-two li:nth-of-type(3) p {
    margin-top: .875rem;
    padding-left: .5rem
}

#statusUpgradeCheckBack {
    padding: 0 0 7.1875rem;
    font-size: .9375rem;
    letter-spacing: .5px;
    background-color: #f5f6f7
}

#statusUpgradeCheckBack .check-back-wrapper {
    padding: 0 1.25rem
}

#statusUpgradeCheckBack .check-back-wrapper .card,
#statusUpgradeCheckBack .check-back-wrapper .license,
#statusUpgradeCheckBack .check-back-wrapper .shop {
    background-color: #fff;
    padding: 1.25rem 1rem 0;
    margin-bottom: 1rem;
    border-radius: .5rem
}

#statusUpgradeCheckBack .check-back-wrapper .card>div,
#statusUpgradeCheckBack .check-back-wrapper .license>div,
#statusUpgradeCheckBack .check-back-wrapper .shop>div {
    color: #0b204b;
    font-size: 1rem;
    line-height: 1.375rem
}

#statusUpgradeCheckBack .check-back-wrapper .card>div:first-child,
#statusUpgradeCheckBack .check-back-wrapper .license>div:first-child,
#statusUpgradeCheckBack .check-back-wrapper .shop>div:first-child {
    font-weight: 700
}

#statusUpgradeCheckBack .check-back-wrapper .card .tips,
#statusUpgradeCheckBack .check-back-wrapper .license .tips,
#statusUpgradeCheckBack .check-back-wrapper .shop .tips {
    color: #7c8495;
    line-height: 1.25rem;
    font-size: .875rem;
    margin: .5rem 0 .8125rem
}

#statusUpgradeCheckBack .column {
    margin: 0 0 1.375rem
}

#statusUpgradeCheckBack .column .error {
    font-size: .875rem;
    color: #ff5045;
    line-height: 1.25rem;
    margin-top: 1rem;
    display: block
}

#StatusUpgradeCheckSuccess h3 {
    font-weight: 700
}

#StatusUpgradeCheckSuccess h3+p {
    margin-top: 0
}

#StatusUpgradeCheckSuccess img {
    height: 9.8125rem
}

.subtitle {
    font-weight: 700!important
}

.infos {
    margin-bottom: 1.875rem;
    color: #131c31
}

.infos h2 {
    color: #0b204b;
    line-height: 1.6875rem;
    font-size: 1.25rem;
    font-family: Pro-Medium;
    font-weight: 700
}

.infos p {
    margin-top: .375rem;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #7c8495;
    font-family: Pro-Normal
}

.input-wrapper.line-input {
    background: transparent;
    font-size: .9375rem;
    border-bottom: .03125rem solid #f5f5f6
}

.input-wrapper.line-input label {
    color: #637392;
    font-size: .9375rem
}

.input-wrapper.line-input input {
    color: #3a4a6e;
    font-family: Jinrong-Bold;
    font-size: 1.0625rem
}

.JirongBold {
    font-family: Jinrong-Bold
}

#RegisterInviteShow {
    min-height: 100vh;
    background-color: #fff7eb;
    /*overflow: scroll;*/
    padding-bottom: 6.25rem;
    box-sizing: border-box
}

#RegisterInviteShow img {
    display: block
}

#RegisterInviteShow .introduce {
    width: 100%;
    top: 0
}

#RegisterInviteShow .bottom {
    background-color: #fff;
    width: 90%;
    margin: -1.75rem auto 0;
    border-radius: 0 0 1rem 1rem;
    position: relative;
    padding: 0 1.5rem 1.5625rem;
    box-sizing: border-box;
    overflow: hidden
}

#RegisterInviteShow .bottom .introduceBac {
    height: 3.375rem;
    width: 120%;
    margin-left: -1.5rem
}

#RegisterInviteShow .bottom .introduceBar {
    margin-top: -2.125rem;
    padding: .3125rem 0 0
}

#RegisterInviteShow .bottom .introduceBar li {
    height: 4.125rem
}

#RegisterInviteShow .bottom .introduceBar li:nth-of-type(2) {
    margin-top: 1.75rem
}

#RegisterInviteShow .bottom .introduceBar li:nth-of-type(3) {
    height: 0;
    border-bottom: .03125rem dashed #ffd1c8;
    box-sizing: border-box;
    margin-top: 1.25rem
}

#RegisterInviteShow .bottom .introduceBar li .left {
    float: left;
    width: 3.6875rem;
    height: 1.375rem;
    background-color: #fa4e35;
    border-radius: 6.25rem;
    color: #fff;
    font-size: .8125rem;
    line-height: 1.375rem;
    text-align: center;
    font-family: Pro-SemiBold;
    font-weight: 700;
    margin-top: .9375rem
}

#RegisterInviteShow .bottom .introduceBar li .right {
    float: right
}

#RegisterInviteShow .bottom .introduceBar li .right h3 {
    font-family: Pro-DemiBold;
    color: #494949;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700
}

#RegisterInviteShow .bottom .introduceBar li .right p {
    color: #8a8a8a;
    font-size: .9375rem;
    line-height: 1.25rem;
    width: 13.25rem;
    margin-top: .125rem
}

#RegisterInviteShow .bottom .introduceTable {
    height: 2.1875rem;
    border: .03125rem solid #ffd1c8;
    border-radius: .5rem .5rem 0 0;
    background: #feeeeb;
    margin-top: 1.4375rem
}

#RegisterInviteShow .bottom .introduceTable p {
    width: 50%;
    float: left;
    text-align: center;
    line-height: 2.1875rem;
    font-family: Pro-Medium;
    color: #494949;
    font-size: .875rem;
    font-weight: 700;
    box-sizing: border-box
}

#RegisterInviteShow .bottom .introduceTable p:first-of-type {
    border-right: .03125rem solid #ffd1c8
}

#RegisterInviteShow .bottom .introduceList {
    border: .03125rem solid #eaeaea;
    border-radius: 0 0 .5rem .5rem;
    overflow: hidden;
    border-top: 0;
    box-sizing: border-box
}

#RegisterInviteShow .bottom .introduceList li {
    height: 2.375rem
}

#RegisterInviteShow .bottom .introduceList li:not(:last-child) {
    border-bottom: .03125rem solid #eaeaea;
    box-sizing: border-box
}

#RegisterInviteShow .bottom .introduceList li p {
    width: 50%;
    box-sizing: border-box;
    float: left;
    text-align: center;
    height: 2.375rem;
    line-height: 2.375rem;
    color: #0b204b;
    font-family: Jinrong-Bold
}

#RegisterInviteShow .bottom .introduceList li p:first-of-type {
    border-right: .03125rem solid #eaeaea;
    box-sizing: border-box
}

#RegisterInviteShow .noLimit {
    color: #e75947;
    font-family: Pro-Medium;
    font-weight: 700;
    font-size: .9375rem;
    text-align: center;
    margin-top: .75rem
}

#RegisterInviteShow .inviteBtn {
    width: 100%;
    position: fixed;
    bottom: 0;
    padding: .625rem 5%;
    box-sizing: border-box;
    z-index: 99;
    background-color: #fff7eb
}

#RegisterInviteShow .inviteBtn img {
    display: block;
    width: 100%
}

#registerActivityEntrance,
#registerEntrance {
    box-sizing: border-box;
    background-color: #f7f7f7;
    width: 100%;
    padding-bottom: 1.25rem;
    min-height: 100vh
}

#registerActivityEntrance .top,
#registerEntrance .top {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden
}

#registerActivityEntrance .top img,
#registerEntrance .top img {
    display: block;
    width: 100%
}

#registerActivityEntrance .top img.activity-button,
#registerEntrance .top img.activity-button {
    position: absolute;
    bottom: 1.8125rem;
    width: 18.125rem;
    left: 50%;
    margin-left: -9.0625rem
}

#registerActivityEntrance .top img.activity-qrcode,
#registerEntrance .top img.activity-qrcode {
    position: absolute;
    bottom: 7.8125rem;
    width: 18.125rem;
    left: 50%;
    margin-left: -9.0625rem
}

#registerActivityEntrance .bottom,
#registerEntrance .bottom {
    padding: 1rem 1rem 0
}

#registerActivityEntrance .bottom img,
#registerEntrance .bottom img {
    display: block;
    width: 100%;
    height: auto
}

#registerActivityEntrance .bottom .look,
#registerEntrance .bottom .look {
    position: relative;
    overflow: hidden
}

#registerActivityEntrance .bottom .look .activity-use,
#registerEntrance .bottom .look .activity-use {
    margin-top: .75rem
}

#registerActivityEntrance .bottom .look span,
#registerEntrance .bottom .look span {
    width: 5rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: .75rem;
    background: transparent;
    z-index: 9
}

#registerActivityEntrance .feature-desc,
#registerEntrance .feature-desc {
    display: block;
    margin: 29.375rem auto 0;
    height: 6.0625rem
}

#registerActivityEntrance .tip,
#registerEntrance .tip {
    margin-top: 3.75rem;
    padding: .9375rem 0 7.1875rem;
    line-height: 1.25rem;
    font-size: .8125rem;
    color: #b0b2c3;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(99.5%, #171a31), to(#b0b2c3));
    background: linear-gradient(0deg, #171a31 99.5%, #b0b2c3)
}

#registerActivityEntrance .tip p:first-child,
#registerEntrance .tip p:first-child {
    margin-bottom: .3125rem
}

#registerActivityEntrance .btn-wrapper,
#registerEntrance .btn-wrapper {
    right: 0;
    margin: 0 auto;
    padding: 1.25rem 2.5rem;
    background-color: #171a31
}

#RegisterIntroduce {
    padding-bottom: 5.375rem
}

#RegisterIntroduce .introduce {
    width: 100%;
    height: auto
}

#registerIdentity {
    padding: .625rem 1.25rem 7.5rem;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-color: #f5f6f7;
    background-size: 100% auto;
    height: 100vh;
    overflow: auto;
    box-sizing: border-box
}

#registerIdentity .progress-nav .progress-icon {
    background-image: url(assets/process4.adba4.png)
}

#registerIdentity .infos {
    width: 100%;
    height: 25.5625rem;
    margin-top: -.9375rem;
    background-color: #fff;
    border-radius: .5rem;
    padding: 1rem 1.25rem 0;
    box-sizing: border-box
}

#registerIdentity .infos .identity-indicate .line .face-indicate,
#registerIdentity .infos .identity-indicate .line .id-indicate {
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    background: #f5f7fa;
    border-radius: .375rem;
    padding-left: 1rem;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

#registerIdentity .infos .identity-indicate .line .face-indicate img,
#registerIdentity .infos .identity-indicate .line .id-indicate img {
    position: absolute;
    top: 1.4375rem;
    width: 1.25rem;
    height: 1.0625rem
}

#registerIdentity .infos .identity-indicate .line .face-indicate p,
#registerIdentity .infos .identity-indicate .line .id-indicate p {
    position: absolute;
    left: 3rem;
    top: 1.375rem;
    margin-top: 0;
    color: #3a4a6e;
    font-family: Pro-Medium;
    font-weight: 700
}

#registerIdentity .infos .identity-indicate .line .face-indicate.id-indicate,
#registerIdentity .infos .identity-indicate .line .id-indicate.id-indicate {
    margin-top: 1.5rem
}

#registerIdentity .infos .identity-indicate .line .face-indicate.face-indicate,
#registerIdentity .infos .identity-indicate .line .id-indicate.face-indicate {
    margin-top: .875rem
}

#registerIdentity .infos .identity-indicate .line .face-indicate a,
#registerIdentity .infos .identity-indicate .line .id-indicate a {
    display: block;
    position: absolute;
    width: 4.875rem;
    height: 1.875rem;
    border-radius: .9375rem;
    top: 1.0625rem;
    right: 1rem
}

#registerIdentity .infos .identity-indicate .line .face-indicate a img,
#registerIdentity .infos .identity-indicate .line .id-indicate a img {
    display: block;
    width: 4.875rem;
    height: 1.875rem;
    top: 0
}

#registerIdentity .infos .identity-show {
    margin-top: .5625rem;
    border: 0
}

#registerIdentity .infos .identity-show .input-wrapper.label-input {
    background: #fff;
    color: #637392;
    font-family: Pro-Normal
}

#registerIdentity .infos .identity-show .input-wrapper.label-input .content {
    color: #b5bbc8;
    font-family: Pro-Medium
}

#registerIdentity .infos .identity-show .input-wrapper.label-input .content.number {
    font-family: Jinrong-Bold
}

#registerIdentity .infos .identity-show .input-wrapper.label-input:not(:last-child) {
    border-bottom: .03125rem solid #f5f5f6
}

#registerShop .progress-nav .progress-icon {
    background-image: url(assets/process5.b2621.png)
}

#adminInspection,
#registerShop {
    padding: .625rem 1.25rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXcAAAGdCAMAAADewcMoAAAAolBMVEXk8f7l8f7l8v7l8v/m8f7m8v7n8f3n8f7n8v3n8v7o8v3o8/3p8vzp8v3p8/3q8Pfq8vzq8/zr8vzr8/zs8/vs8/zs9Pvt8/rt8/vt9Prt9Pvu8/ru8/vu9Prv8/rv9Pnv9Prw8/nw9Pnw9Prw9fnx9Pjx9Pnx9fjx9fny9Pfy9Pjy9ffy9fjz9Pbz9Pfz9fbz9ffz9fj09Pf09ff09vf19vcSC/WlAAAGoElEQVR42u3afVfbRhpA8SctCS+l2TgkECBQmpa8UKcLBb7/V1tpJFmSz+6StpmZBv/uOZbmjnzyx51BsQXxL9QgvkcNdNddd+iuO3TXHbrrDt11h+6Vu3+X+P67OTyzBwAU4skTXtKbiZaZ8AL+BDXQXXfdobvu0F136K47vrz707VrPJ/H1tbTrYZe2yEv4G33hq1Ed+YFPJ529L6C5/V4ihrorrvu0F136K47/k733d35PM/rkeZ2V1d3eRGPXdRAd911h+6642t27z7grD7n8CLu+6rnBLqjZHfPUMp583ccW9vb2+nPDLaHF8/u0R63e3Mudo7t7fR5crs9pylewuNZw86zOTy7x2q8Mxx4AY+dgTQ9gef06Gaerb2DZ/bYQQ1011136P6Yu++tfI8X8djZ20vjvUQ34Nk99lAD3XXXHbrrDt11h+66Q/d/aPcfG/bSqZviBTx+RA10132Tuz/nRdx+r7jfn3eMi8Jz+/j5/YfEHi/isZoZ53l+jx9QA91138juz5/PL/CsHu0HnOHKAM/uvjd5PqM7dNcduusO3XXHQ9339/fbV3saxjy7xz5qEPsvmuOLhnRqD7yAxzDzYnWNF/B4gRrorvsmdl8sFrN5ntftd/eZzeu+6F+rnwqe2WOxdufhRTx1T6PVkRfwvvticXCwmMGzeshRxSONE5NrPLfHwZTxTTyvz7ujFLpX6r5ADXTXXXforjt0fxzd1x4i8Oxuv1fb7wfT5zULXsRj8rBs+hiH53XPZzwX26zuL1++bF/taRjz7B4vUQPdddcd+bsfpNv95KbPC3h0ExN4CY9u2DFe4pl9/r1p8h6e1X1frfR99XVzSK/XkyPP7fEaNdBd943q/go10F133aG77tBdd+j+rXZ/8+YVL+L2u/uM7tBdd+iuO3T/1rofHs5neW633yvu9341VovCs3scpp+Bk9WBF/Gm+8lhN351eJKGvIDHSaJbiHaSF/G++8k4xUt4vEENdNddd+iuO3TXHX+n+9u1eZ7X7Xf3mc3s7k5Q0mf7/e3ae3k2j7eoge666w7ddYfu33z306Ojo9PTdDxuB7yIx9GE4+OjI17EYxger13iWT2OO9qpszTPS3hM1mL8eeC5Pd1n2gU4O5usDM/tMUyd9fAiHmeoge666w7ddYfuukN33aG77hi7X1zMZ3gJj/ZXfufnF+ctp2dnp7yIR2PtIE13A17A4xw10F133aH74+9+sXaN53P73X1mI7tfNEx/FnhWt98r7feLfi265egWhGf3OB/nx2s8t8cFahC/tHTjdOZFvOs+XvmFF3H3mUr3GQl01x266w7ddcdf6f4TaqC77rpD98fc/V37aulneW6Pd6iB7rrrDt11h+664y93/3Vtkmf30KCKu89Uus/83Bx+bg7v379LI17EY7QRnt1n95luTXgBjzR+P4UX8HiPGuiuu+7QXXd8ze7dx5z22H3e4SXc8xnP33WH7rojQ/e1R2c8r9vvdfd7/8ly8qiY5/TwNLyKe07g+Yzu0P2Rd//4cX6BZ/WY+Md0mZfw+X1mbY14Nu/2+8dEP+AFvNnvH1ouG5pjuxS8gMeHnsvL7hIv4vEBNdD9H9F9+YEX8Un35XL+Lp7Rwzas4rFcduuwnLLmv+HP8GDPxmP5BUj5J7s/zBd1x1dn6H51dTWb53k9rlAD3XXXHbrrDt11h+7fUPdL1CAum/jdsD/zEj65zwyzvIDH/MLsHsTzuf9XfZ7ZwO7d8+F+wPO7/V5pvy/nvuRFfPZ7vqvxl1E8r4/7fZjmJTz8xrmK+zuOun/HAd11R6nuN7yIhx5VfNX95iYdl7yIR+83w1VexOMGNdBdd92h+yPtft3QDdvB9TUv4nGNGuiuu+7Q/ZF2/x010L1a9z/64R+3/Znnd/u93n3m06dPszme38f93vwnO7vKc3qsZn9fexfP6XE9LEa6MiwKz+xxPcwOg//i/058/vx5cuL/0x/s2X1vWt141tZk9PHf7kf8//mDPa/b+ww8n9EduusO3XWH7rrjwe63t+1hnOTZPcYLk0s8t0e3FsOC3N7yIh63t6vxBJ7Z4xY10F133aG77tBdd+iuOx7uftcwneP5fdjvd2vrwfP60P3+fj7P83qsrcYdL+LR33Du79OKdDcint3j/v6uo7twz4t4pBW4X12640U87lED3XXXHbrrDt11h+66Q3fdobvuukN33aG77tBdd+iuO3TXXXforjt01x266w7ddYfuukN33TeL/wBxXo4fjG8o1wAAAABJRU5ErkJggg==);
    background-repeat: repeat-x;
    background-color: #f5f6f7;
    background-size: 100% 100%
}

#adminInspection#adminInspection,
#registerShop#adminInspection {
    background: #fff
}

#adminInspection .infos,
#registerShop .infos {
    margin-bottom: 0;
    border-radius: .5rem .5rem 0 0
}

#adminInspection .infos p,
#registerShop .infos p {
    color: #0097ff
}

#adminInspection .infos .siteBar,
#registerShop .infos .siteBar {
    overflow: hidden
}

#adminInspection .infos .siteBar li,
#registerShop .infos .siteBar li {
    float: left;
    width: 50%;
    height: 2.875rem;
    line-height: 2.875rem;
    background-color: #dfecfa;
    text-align: center;
    border-radius: .5rem .5rem 0 0;
    color: #3a4a6e;
    font-family: Pro-Medium;
    font-weight: 700
}

#adminInspection .infos .siteBar li img,
#registerShop .infos .siteBar li img {
    width: .875rem;
    height: .875rem;
    margin-right: .3125rem
}

#adminInspection .infos .siteBar li:nth-child(2) span:nth-child(2),
#registerShop .infos .siteBar li:nth-child(2) span:nth-child(2) {
    display: inline-block;
    width: .25rem;
    height: .25rem;
    right: 1.3125rem;
    background: #0097ff;
    border-radius: 50%;
    margin-bottom: .625rem
}

#adminInspection .infos .siteBar li.active,
#registerShop .infos .siteBar li.active {
    background-color: #fff;
    color: #0097ff
}

#adminInspection .infos .siteBar li.active span:nth-of-type(2),
#registerShop .infos .siteBar li.active span:nth-of-type(2) {
    display: none
}

#adminInspection .shop-message,
#registerShop .shop-message {
    background-color: #fff;
    padding: 1.25rem;
    border-radius: 0 0 .5rem .5rem;
    box-sizing: border-box
}

#adminInspection .shop-message h2,
#registerShop .shop-message h2 {
    color: #0b204b;
    line-height: 1.375rem;
    font-size: 1rem;
    font-family: Pro-Medium;
    font-weight: 700
}

#adminInspection .shop-message label,
#registerShop .shop-message label {
    font-family: Pro-Normal
}

#adminInspection .shop-message input,
#registerShop .shop-message input {
    font-family: Pro-Medium
}

#adminInspection .shop-message .shop-scope .icon-wrapper,
#registerShop .shop-message .shop-scope .icon-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    height: 100%;
    width: 1.25rem
}

#adminInspection .shop-message .shop-scope .subtitle,
#registerShop .shop-message .shop-scope .subtitle {
    margin: .125rem 0 .625rem;
    line-height: 1rem;
    font-size: .75rem;
    color: #ccced2
}

#adminInspection .shop-message .shop-name .shop-name-prefix,
#registerShop .shop-message .shop-name .shop-name-prefix {
    margin-right: .3125rem;
    color: #ccced2
}

#adminInspection .shop-picture,
#registerShop .shop-picture {
    margin-bottom: 2.625rem
}

#adminInspection .shop-picture .place-cash,
#adminInspection .shop-picture .place-head,
#adminInspection .shop-picture .place-inner,
#registerShop .shop-picture .place-cash,
#registerShop .shop-picture .place-head,
#registerShop .shop-picture .place-inner {
    width: 100%;
    background: #fff;
    padding: 1rem 1.25rem 1.375rem;
    box-sizing: border-box;
    margin-top: .75rem;
    border-radius: .5rem
}

#adminInspection .shop-picture .place-cash .subtitle,
#adminInspection .shop-picture .place-head .subtitle,
#adminInspection .shop-picture .place-inner .subtitle,
#registerShop .shop-picture .place-cash .subtitle,
#registerShop .shop-picture .place-head .subtitle,
#registerShop .shop-picture .place-inner .subtitle {
    margin: 0 0 .25rem;
    line-height: 1.375rem;
    font-size: 1rem;
    color: #0b204b;
    font-family: Pro-Medium;
    font-weight: 700
}

#adminInspection .shop-picture .place-cash .subtitle.asterisk,
#adminInspection .shop-picture .place-head .subtitle.asterisk,
#adminInspection .shop-picture .place-inner .subtitle.asterisk,
#registerShop .shop-picture .place-cash .subtitle.asterisk,
#registerShop .shop-picture .place-head .subtitle.asterisk,
#registerShop .shop-picture .place-inner .subtitle.asterisk {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAASCAYAAACEnoQPAAAB5klEQVQ4T62TzSvEcRDGP1/W+7uQi5S85SStkxwkV9y4uTggIW7KCTnvH6BEDi5bu+KiFKWQq0hRLl7CRYhdu6P5TdgsF0xNfev3e5555pkZJyLCL8P9LzgahdNTeHmBzEyoqoK0tG+1JVd+eICJCbi4gPp6mJyEoqIfwLGYoICcHEhNhXgcxsetenOzvXNzQa25uYGysg8iJ3d3QiAATU3Q1WUfZmdhdxfa22Fw0Eg3NmBtDaanP5Q4WVkRlpYM1NoKfX0QCsHqKnR3G2EwCOvrEItBWxuMjIDPh5PFRWF7G66vwTmoqYHCQtjfh8ZGeH6GoyMjLy2Flhbo6fFacRKJCLe3JjMcxnv7fPD6+ulBfj50dhqwpAQyMjyuT7dV0tUVzM/DwYEZpNHQAMPDUF6eNDIn0ahwcmIAzfNzA6nr2oaSVFSA32+pZKrMqzw3Jxwewv29AaqrobISNjdNps777AxSUiAvz2Y/NATFxZjby8smSZn7+83dd7d7e62VnR14ejK3x8Y8MpvzwgLU1UFHB6Snw8wM7O3ZnAcGrOrWluXoqLnuyY7HxWPMyrKftEdlVqmJG6aG6iYWFCRs2NeTfHyEqSm4vLSZ654nABKXPPkwIhE4PrblyM6G2lpr5Zv40z2/AWSD28v3yiq+AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: .125rem .5rem;
    margin-left: -.5rem;
    padding-left: .5rem;
    box-sizing: border-box;
    background-size: .3125rem .375rem
}

#adminInspection .shop-picture .place-cash .subinfo,
#adminInspection .shop-picture .place-head .subinfo,
#adminInspection .shop-picture .place-inner .subinfo,
#registerShop .shop-picture .place-cash .subinfo,
#registerShop .shop-picture .place-head .subinfo,
#registerShop .shop-picture .place-inner .subinfo {
    color: #7c8495;
    line-height: 1.25rem;
    font-size: .875rem;
    margin-bottom: 1rem;
    font-family: Pro-Normal
}

#app,
#registerCard,
body,
html {
    /* overflow: scroll */
}

#registerCard {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXcAAAGdCAMAAADewcMoAAAAolBMVEXk8f7l8f7l8v7l8v/m8f7m8v7n8f3n8f7n8v3n8v7o8v3o8/3p8vzp8v3p8/3q8Pfq8vzq8/zr8vzr8/zs8/vs8/zs9Pvt8/rt8/vt9Prt9Pvu8/ru8/vu9Prv8/rv9Pnv9Prw8/nw9Pnw9Prw9fnx9Pjx9Pnx9fjx9fny9Pfy9Pjy9ffy9fjz9Pbz9Pfz9fbz9ffz9fj09Pf09ff09vf19vcSC/WlAAAGoElEQVR42u3afVfbRhpA8SctCS+l2TgkECBQmpa8UKcLBb7/V1tpJFmSz+6StpmZBv/uOZbmjnzyx51BsQXxL9QgvkcNdNddd+iuO3TXHbrrDt11h+6Vu3+X+P67OTyzBwAU4skTXtKbiZaZ8AL+BDXQXXfdobvu0F136K47vrz707VrPJ/H1tbTrYZe2yEv4G33hq1Ed+YFPJ529L6C5/V4ihrorrvu0F136K47/k733d35PM/rkeZ2V1d3eRGPXdRAd911h+6642t27z7grD7n8CLu+6rnBLqjZHfPUMp583ccW9vb2+nPDLaHF8/u0R63e3Mudo7t7fR5crs9pylewuNZw86zOTy7x2q8Mxx4AY+dgTQ9gef06Gaerb2DZ/bYQQ1011136P6Yu++tfI8X8djZ20vjvUQ34Nk99lAD3XXXHbrrDt11h+66Q/d/aPcfG/bSqZviBTx+RA10132Tuz/nRdx+r7jfn3eMi8Jz+/j5/YfEHi/isZoZ53l+jx9QA91138juz5/PL/CsHu0HnOHKAM/uvjd5PqM7dNcduusO3XXHQ9339/fbV3saxjy7xz5qEPsvmuOLhnRqD7yAxzDzYnWNF/B4gRrorvsmdl8sFrN5ntftd/eZzeu+6F+rnwqe2WOxdufhRTx1T6PVkRfwvvticXCwmMGzeshRxSONE5NrPLfHwZTxTTyvz7ujFLpX6r5ADXTXXXforjt0fxzd1x4i8Oxuv1fb7wfT5zULXsRj8rBs+hiH53XPZzwX26zuL1++bF/taRjz7B4vUQPdddcd+bsfpNv95KbPC3h0ExN4CY9u2DFe4pl9/r1p8h6e1X1frfR99XVzSK/XkyPP7fEaNdBd943q/go10F133aG77tBdd+j+rXZ/8+YVL+L2u/uM7tBdd+iuO3T/1rofHs5neW633yvu9341VovCs3scpp+Bk9WBF/Gm+8lhN351eJKGvIDHSaJbiHaSF/G++8k4xUt4vEENdNddd+iuO3TXHX+n+9u1eZ7X7Xf3mc3s7k5Q0mf7/e3ae3k2j7eoge666w7ddYfu33z306Ojo9PTdDxuB7yIx9GE4+OjI17EYxger13iWT2OO9qpszTPS3hM1mL8eeC5Pd1n2gU4O5usDM/tMUyd9fAiHmeoge666w7ddYfuukN33aG77hi7X1zMZ3gJj/ZXfufnF+ctp2dnp7yIR2PtIE13A17A4xw10F133aH74+9+sXaN53P73X1mI7tfNEx/FnhWt98r7feLfi265egWhGf3OB/nx2s8t8cFahC/tHTjdOZFvOs+XvmFF3H3mUr3GQl01x266w7ddcdf6f4TaqC77rpD98fc/V37aulneW6Pd6iB7rrrDt11h+664y93/3Vtkmf30KCKu89Uus/83Bx+bg7v379LI17EY7QRnt1n95luTXgBjzR+P4UX8HiPGuiuu+7QXXd8ze7dx5z22H3e4SXc8xnP33WH7rojQ/e1R2c8r9vvdfd7/8ly8qiY5/TwNLyKe07g+Yzu0P2Rd//4cX6BZ/WY+Md0mZfw+X1mbY14Nu/2+8dEP+AFvNnvH1ouG5pjuxS8gMeHnsvL7hIv4vEBNdD9H9F9+YEX8Un35XL+Lp7Rwzas4rFcduuwnLLmv+HP8GDPxmP5BUj5J7s/zBd1x1dn6H51dTWb53k9rlAD3XXXHbrrDt11h+7fUPdL1CAum/jdsD/zEj65zwyzvIDH/MLsHsTzuf9XfZ7ZwO7d8+F+wPO7/V5pvy/nvuRFfPZ7vqvxl1E8r4/7fZjmJTz8xrmK+zuOun/HAd11R6nuN7yIhx5VfNX95iYdl7yIR+83w1VexOMGNdBdd92h+yPtft3QDdvB9TUv4nGNGuiuu+7Q/ZF2/x010L1a9z/64R+3/Znnd/u93n3m06dPszme38f93vwnO7vKc3qsZn9fexfP6XE9LEa6MiwKz+xxPcwOg//i/058/vx5cuL/0x/s2X1vWt141tZk9PHf7kf8//mDPa/b+ww8n9EduusO3XWH7rrjwe63t+1hnOTZPcYLk0s8t0e3FsOC3N7yIh63t6vxBJ7Z4xY10F133aG77tBdd+iuOx7uftcwneP5fdjvd2vrwfP60P3+fj7P83qsrcYdL+LR33Du79OKdDcint3j/v6uo7twz4t4pBW4X12640U87lED3XXXHbrrDt11h+66Q3fdobvuukN33aG77tBdd+iuO3TXXXforjt01x266w7ddYfuukN33TeL/wBxXo4fjG8o1wAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-color: #f5f6f7;
    padding: .625rem 1.25rem 7.5625rem;
    box-sizing: border-box;
    height: 100%;
    background-size: 100% 100%
}

#registerCard .progress-nav .progress-icon {
    background-image: url(assets/process6.add3b.png);
    background-repeat: no-repeat
}

#registerCard .btn-wrapper {
    margin-top: 1.875rem
}

#registerCard .card-message {
    width: 100%;
    background: #fff;
    border-radius: .5rem;
    padding: 1rem 1.25rem;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

#registerCard .card-message .card-info {
    margin-bottom: 1.6875rem
}

#registerCard .card-message .card-info h3.subtitle {
    margin-top: -.375rem;
    color: #637392;
    font-family: Pro-Normal
}

#registerCard .card-message .card-info h3.subtitle span {
    color: #3a4a6e;
    font-family: Pro-Medium
}

#registerCard .card-message .card-info div {
    margin-top: .125rem
}

#registerCard .card-message .card-info div.border-box {
    border-bottom: .03125rem solid #f5f5f6
}

#registerCard .card-message .card-info div .input-wrapper.line-input {
    margin-top: 0;
    font-family: Pro-Medium
}

#registerCard .card-message .card-info div .input-wrapper.line-input input::-webkit-input-placeholder {
    font-family: Pro-Normal
}

#registerCard .card-message .card-info div .input-wrapper.line-input input::-moz-placeholder {
    font-family: Pro-Normal
}

#registerCard .card-message .card-info div .input-wrapper.line-input input:-ms-input-placeholder {
    font-family: Pro-Normal
}

#registerCard .card-message .card-info div .input-wrapper.line-input input::-ms-input-placeholder {
    font-family: Pro-Normal
}

#registerCard .card-message .card-info div .input-wrapper.line-input input::placeholder {
    font-family: Pro-Normal
}

#registerCard .card-message .card-info div .input-wrapper.label-input {
    background: #fff;
    margin-left: 30%
}

#registerCard .card-message .card-info div .input-wrapper.label-input label {
    color: #7c8495;
    font-size: 1.0625rem;
    font-family: Pro-Medium
}

#registerCard .card-message .card-info div .input-wrapper.label-input label.number {
    font-family: Jinrong-Bold;
    border: 0
}

#registerCard .card-message .card-info div label {
    font-family: Pro-Normal
}

#registerCard .card-message .card-info div .text {
    width: 30%;
    position: absolute;
    z-index: 100000;
    line-height: 3.125rem;
    display: inline-block;
    height: 3.125rem;
    z-index: 0;
    color: #637392;
    font-size: .9375rem;
    box-sizing: border-box
}

#registerCard .card-message .card-info div .text:nth-of-type(2) {
    height: 2.8125rem;
    line-height: 2.8125rem
}

#registerCard .card-message .subtitle {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.1875rem
}

#registerConfirm {
    overflow: scroll;
    padding: 1.25rem 1.25rem 7.5rem
}

#registerConfirm .modify {
    color: #0097ff;
    float: right;
    font-size: .875rem;
    font-family: Pro-Medium
}

#registerConfirm h2 {
    margin-bottom: 1.125rem;
    color: #333;
    font-size: 1rem;
    line-height: 1.3125rem;
    font-weight: 700;
    font-family: Pro-Medium
}

#registerConfirm h2 span {
    float: right;
    color: #a4a7b0
}

#registerConfirm h2 span.number {
    font-family: Jinrong-Bold
}

#registerConfirm h3 {
    margin-bottom: 2rem;
    overflow: hidden;
    color: #131c31;
    font-size: .875rem;
    line-height: 1.1875rem;
    font-weight: 400;
    font-family: Pro-Normal
}

#registerConfirm h3 span {
    float: right;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    font-family: MILanPro_MEDIUM--GB1-4, MILanPro_MEDIUM--GB1, system-ui;
    color: #a4a7b0;
    font-family: Pro-Medium
}

#registerConfirm h3 span.number {
    font-family: Jinrong-Bold
}

#registerConfirm h3 span img {
    width: .875rem;
    height: .875rem;
    margin-right: .4375rem
}

#registerConfirm .subinfo {
    margin-bottom: .875rem;
    color: #717783;
    font-size: .75rem;
    line-height: 1rem;
    font-family: Pro-Normal
}

#registerConfirm .confirm-identity,
#registerConfirm .confirm-rate,
#registerConfirm .confirm-shop {
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #e5e6e8
}

#registerConfirm .confirm-time {
    margin: 1.6875rem 0;
    overflow: hidden
}

#registerConfirm .bank-rate h3 {
    margin-bottom: .5625rem
}

#registerConfirm .bank-rate .rate-line {
    width: 100%;
    height: .4375rem;
    margin-bottom: .625rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8EAAAAWBAMAAAAStYM5AAAAGFBMVEVHcEzm5+nl6Ojm5+nq6+3m6Ovm5+nn6epSLsURAAAACHRSTlMAqlnODyd/QwuL5CQAAADaSURBVGje7dlBC4IwHAXwIZrXluVZNPoAgnZ1RXVV+gKN7C74/SEkzFkLuu7xfgcRj0+e/rcJYXWoBCELog1DgKYemiWGrnBZqYIxAOtbIXTHHGCF+TBr7RkEboWT4ZqxxKi8/LVgWjEKUOMfuL8xC0iL4j1RMwxEvq7H26ZlHIDUtJt1khXzwKtwZLzV45qBwGnMl+rLmomACeLZh/nMAwg01/kKyb+zxFjC+NfSiTBk28/Bi3uXULzv04YLDyCgKtz994xckk52tr6GZUoOS4Q0WAfnRpLDlk9Wt26ScMP6JAAAAABJRU5ErkJggg==) no-repeat 50%/100% .4375rem
}

#registerConfirm .bank-rate p {
    margin-bottom: 1.25rem;
    color: #717783;
    font-size: .875rem;
    line-height: 1.1875rem;
    overflow: hidden;
    font-family: Pro-Normal
}

#registerConfirm .bank-rate p span {
    float: right;
    max-width: 7.5rem;
    text-align: right
}

#registerConfirm .bank-rate p span.number {
    font-family: Jinrong-Bold;
    color: #a4a7b0
}

#registerConfirm .agree {
    margin: 2.1875rem 0 1.4375rem;
    font-size: .875rem;
    line-height: 1.125rem;
    font-family: Pro-Normal
}

#registerConfirm .agree img {
    width: .875rem;
    height: .875rem;
    margin-right: .4375rem;
    vertical-align: middle
}

#registerConfirm .agree span {
    color: #0097ff
}

#registerConfirm .dialog {
    height: 90%
}

#registerConfirm .dialog .content {
    height: inherit;
    margin: 0 1.25rem;
    overflow: auto
}

#registerSign {
    height: 100vh
}

#registerSign .dialog {
    height: 97%
}

#registerSign .dialog .header span {
    font-family: MILanPro_MEDIUM--GB1-4, MILanPro_MEDIUM--GB1, system-ui
}

#registerSign .dialog .content {
    position: relative;
    height: 90%
}

#registerSign .dialog .content .protocol {
    margin: 0 1.25rem;
    overflow: auto
}

#registerSign .dialog .content .handwriting {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 1.25rem
}

.rule-wrapper {
    background: #fff
}

.rule-wrapper .rule-content {
    margin: 0 .625rem;
    overflow: auto;
    color: #131c31;
    font-size: .875rem
}

.rule-wrapper .rule-content .rule {
    margin: 1.25rem 0;
    list-style: none
}

.rule-wrapper .rule-content .rule-title {
    text-align: center;
    font-size: 1rem;
    font-weight: 700
}

.rule-wrapper .rule-content .rule li {
    margin: 1.25rem 0;
    line-height: 1.3125rem
}

.rule-wrapper .rule-content .rule li.text-indent {
    text-indent: 1.75rem
}

.rule-wrapper .rule-content .rule li .text-red {
    color: #fe3d28
}

.rule-wrapper .rule-content .rule-sign {
    float: right;
    margin-top: .625rem
}

.rule-wrapper .rule-content .rule-sign li {
    line-height: 1.3125rem
}

#adminMerchantInfo,
#adminServices {
    padding: 1.25rem;
    color: #131c31
}

#adminMerchantInfo .dialog-wrapper.merchant-info-content,
#adminMerchantInfo .merchant-info-content.merchant-info-content,
#adminServices .dialog-wrapper.merchant-info-content,
#adminServices .merchant-info-content.merchant-info-content {
    margin-bottom: 1.875rem
}

#adminMerchantInfo .dialog-wrapper h2,
#adminMerchantInfo .merchant-info-content h2,
#adminServices .dialog-wrapper h2,
#adminServices .merchant-info-content h2 {
    margin-bottom: .875rem;
    color: #0b204b;
    font-size: 1.125rem;
    line-height: 1.8125rem;
    font-weight: 400
}

#adminMerchantInfo .dialog-wrapper h2 span,
#adminMerchantInfo .merchant-info-content h2 span,
#adminServices .dialog-wrapper h2 span,
#adminServices .merchant-info-content h2 span {
    float: right;
    color: #a4a7b0
}

#adminMerchantInfo .dialog-wrapper h3,
#adminMerchantInfo .merchant-info-content h3,
#adminServices .dialog-wrapper h3,
#adminServices .merchant-info-content h3 {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 1rem 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(98%, #fff), to(#e5e6e8));
    background: linear-gradient(180deg, #fff 98%, #e5e6e8);
    overflow: hidden;
    color: #0b204b;
    font-family: MILanPro_NORMAL--GB1-4, MILanPro_NORMAL--GB1, system-ui;
    font-size: .875rem;
    line-height: 1.1875rem;
    font-weight: 400;
    font-family: Pro-Normal
}

#adminMerchantInfo .dialog-wrapper h3.less-padding,
#adminMerchantInfo .merchant-info-content h3.less-padding,
#adminServices .dialog-wrapper h3.less-padding,
#adminServices .merchant-info-content h3.less-padding {
    padding: .71875rem 0
}

#adminMerchantInfo .dialog-wrapper h3 label,
#adminMerchantInfo .merchant-info-content h3 label,
#adminServices .dialog-wrapper h3 label,
#adminServices .merchant-info-content h3 label {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

#adminMerchantInfo .dialog-wrapper h3 label img,
#adminMerchantInfo .merchant-info-content h3 label img,
#adminServices .dialog-wrapper h3 label img,
#adminServices .merchant-info-content h3 label img {
    width: 14px;
    height: 14px;
    margin-left: .3125rem
}

#adminMerchantInfo .dialog-wrapper h3 span,
#adminMerchantInfo .merchant-info-content h3 span,
#adminServices .dialog-wrapper h3 span,
#adminServices .merchant-info-content h3 span {
    float: right;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    max-width: 14.375rem;
    text-align: right;
    color: #98a1b3
}

#adminMerchantInfo .dialog-wrapper h3 span.number,
#adminMerchantInfo .merchant-info-content h3 span.number,
#adminServices .dialog-wrapper h3 span.number,
#adminServices .merchant-info-content h3 span.number {
    font-family: Jinrong-Bold;
    letter-spacing: .0625rem
}

#adminMerchantInfo .dialog-wrapper h3 span img,
#adminMerchantInfo .merchant-info-content h3 span img,
#adminServices .dialog-wrapper h3 span img,
#adminServices .merchant-info-content h3 span img {
    width: .375rem;
    height: .625rem
}

#adminMerchantInfo .dialog-wrapper h3 span img.logo,
#adminMerchantInfo .merchant-info-content h3 span img.logo,
#adminServices .dialog-wrapper h3 span img.logo,
#adminServices .merchant-info-content h3 span img.logo {
    width: .75rem;
    height: .75rem;
    margin-right: .375rem
}

#adminMerchantInfo .dialog-wrapper h3 .btn-copy,
#adminMerchantInfo .merchant-info-content h3 .btn-copy,
#adminServices .dialog-wrapper h3 .btn-copy,
#adminServices .merchant-info-content h3 .btn-copy {
    margin-left: .25rem;
    color: #0097ff;
    font-family: Pro-Medium
}

#adminMerchantInfo .dialog h3,
#adminTransactionDetail .dialog h3 {
    margin: .4375rem 0 .8125rem;
    font-size: .9375rem;
    line-height: 1.3125rem;
    color: rgba(0, 0, 0, .7)
}

#adminMerchantInfo .dialog p,
#adminTransactionDetail .dialog p {
    font-size: .875rem;
    line-height: 1.25rem;
    color: rgba(0, 0, 0, .4)
}

#adminMerchantInfo .dialog .btn-wrapper,
#adminTransactionDetail .dialog .btn-wrapper {
    margin-top: 2.5rem
}

#adminContractRate {
    padding: 1.25rem;
    color: #131c31
}

#adminContractRate .contract-rate-content {
    margin-bottom: 1.875rem
}

#adminContractRate .contract-rate-content h2 {
    margin-bottom: .875rem;
    color: #333;
    font-size: 1.375rem;
    line-height: 1.8125rem;
    font-weight: 400
}

#adminContractRate .contract-rate-content h2 span {
    float: right;
    color: #a4a7b0
}

#adminContractRate .contract-rate-content h3 {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 1rem 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(98%, #fff), to(#e5e6e8));
    background: linear-gradient(180deg, #fff 98%, #e5e6e8);
    overflow: hidden;
    color: #131c31;
    font-family: MILanPro_NORMAL--GB1-4, MILanPro_NORMAL--GB1, system-ui;
    font-size: .875rem;
    line-height: 1.1875rem;
    font-weight: 400
}

#adminContractRate .contract-rate-content h3 label>img {
    width: 2rem;
    height: 1rem
}

#adminContractRate .contract-rate-content h3 span {
    float: right;
    max-width: 6.25rem;
    text-align: right;
    color: #a4a7b0
}

#adminContractRate .contract-rate-content h3 span.number {
    font-family: Jinrong-Bold
}

#adminContractRate .contract-rate-content h3 span img {
    width: .375rem;
    height: .625rem
}

#adminContractRate .contract-info {
    margin-top: 1.875rem;
    font-size: .75rem;
    line-height: 1rem;
    color: #717783
}

#adminContractRate .contract-info h3 {
    padding: 0;
    margin-bottom: .3125rem;
    background: none
}

#adminMaterial .material-wrapper p {
    margin: 1.25rem;
    font-size: .875rem;
    line-height: 1.1875rem;
    color: #131c31
}

#adminMaterial .material-banner {
    position: relative;
    display: inline-block
}

#adminMaterial .material-banner img {
    width: 100%
}

#adminMaterial .material-banner .material-question {
    position: absolute;
    bottom: 2.6875rem;
    left: 6%;
    padding-right: .875rem;
    font-size: .75rem;
    line-height: .75rem;
    color: #948d88;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAMAAABgOjJdAAAA21BMVEUAAAD///+ZmczMzMy/v7+xxMSzs7+8vMi1v7+0vMO9vcW5ucW6ur+4uMK3u7+4vMO3u8S7vsS6usC4u8O6usK4u8K5u8K3ucC5u8K5ucK4usG5ucG5usG5u8K4usG4vMG4ucG4u8G4usG5usG4ucC4ucK5usG4usK4ucG5u8K4ucG4usG4usK4usC5u8G4usK4usC4usG4usG3ucG4usG4usG5usG4usG4usG4usK4usG5usG4usG5u8K6vMK6vMO7vcTOz9TW19vY2t3e3uLh4uXk5ejw8PL///9PGq1wAAAAPHRSTlMAAQUFCA0UFxgiIywwNkBIUlJZXmBsbXV1eYyPkZKUlKWssbK3t73DxsjR09TX6Or09Pf5+fr6+/z9/v4UmA9IAAAA2UlEQVQ4y+XSxxKCMBCAYbABFiwoih1FwK6o2LAXfP8ncmeEaDCWgzf/2+58l+yEopwCqbZpeZs3Ez4X0MLAItXjXRGsWuQqrmAUmIwh3hh2DUykY3j5qVfEKLzM5EtBBxkoooKIM04h/4MICFUFUvsgdMWpVo7eRYp4h0U3jESHfIZRFgmTLJYFJGDanG28PSxLj2JrX/COfyd0SZLqs3fCTf4och+EobEvRasEFUWOevuWWz8S68MJb4eJOUwrb7ArItEk/0JDRCLZIwqNQ8LPVxpPyTkWgSvVIcZrAOaCXAAAAABJRU5ErkJggg==) no-repeat 100%/.6875rem .6875rem;
    -webkit-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: 0 top;
    transform-origin: 0 top;
    overflow: hidden
}

#adminMaterial .material-content {
    padding: 1.25rem 1.25rem 6.875rem
}

#adminMaterial .material-content h2 {
    color: #131c31;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem
}

#adminMaterial .material-content>div {
    margin-top: 1.25rem
}

#adminMaterial .material-content .subtitle {
    font-family: MILanPro_NORMAL--GB1-4, MILanPro_NORMAL--GB1, system-ui;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.1875rem
}

#adminMaterial .material-content .subtitle .warning {
    color: #ff561a
}

#adminMaterial .material-bottom {
    position: fixed;
    bottom: 0;
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    max-width: 800px;
    padding: .4375rem 1.25rem;
    box-shadow: 0 0 .375rem 0 rgba(19, 28, 49, .08);
    background-color: #fff
}

#adminMaterial .material-bottom-info {
    display: inline-block;
    overflow: hidden;
    color: #131c31;
    font-size: .75rem;
    line-height: 1.0625rem
}

#adminMaterial .material-bottom-info .price {
    margin: 0 .25rem;
    color: #fe3d28
}

#adminMaterial .material-bottom-info .price span {
    font-size: 1.375rem;
    line-height: 1.625rem
}

#adminMaterial .material-bottom-info .price span.two {
    font-size: 1.1875rem;
    line-height: 1.375rem
}

#adminMaterial .material-bottom-info .price span.three {
    font-size: 1rem;
    line-height: 1.1875rem
}

#adminMaterial .material-bottom-info .cost {
    color: #b8bac1;
    font-size: .6875rem;
    line-height: .875rem;
    text-decoration: line-through
}

#adminMaterial .material-bottom-button {
    position: relative;
    float: right
}

#adminMaterial .material-bottom-button .free-num {
    position: absolute;
    top: -1.75rem;
    left: .375rem
}

#adminMaterial .material-bottom-button .free-num .num {
    padding: .25rem .625rem;
    border-radius: 1.125rem 1.125rem 1.125rem 0;
    color: #fff;
    background-color: #ff561a;
    font-size: .5625rem;
    line-height: .75rem
}

#adminMaterial .material-bottom-button .free-num .radius {
    display: block;
    width: .5rem;
    height: .5rem;
    background-color: #ff561a
}

#adminMaterial .material-bottom-button .free-num .radius .border-radius {
    width: inherit;
    height: inherit;
    border-radius: .5rem 0 0;
    background-color: #fff
}

#adminMaterial .material-bottom-button button {
    width: 10.8125rem;
    padding: .625rem 0;
    border-radius: 1.25rem;
    text-align: center;
    color: #fff;
    background-color: #005cff
}

#adminActivity img {
    width: 100%
}

#adminTransaction,
#adminWithdraw {
    position: relative;
    padding-bottom: 3.3125rem
}

#adminTransaction .record-banner,
#adminWithdraw .record-banner {
    display: inline-block
}

#adminTransaction .record-banner img,
#adminWithdraw .record-banner img {
    width: 100%
}

#adminTransaction .nav,
#adminWithdraw .nav {
    position: absolute;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 1rem 1.25rem .5rem
}

#adminTransaction>.total-info,
#adminWithdraw>.total-info {
    position: absolute;
    top: 5.3125rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: left;
    justify-content: left;
    -webkit-box-align: baseline;
    align-items: baseline;
    box-sizing: border-box;
    width: 100%;
    padding: 0 1.25rem
}

#adminTransaction>.total-info .collection .num,
#adminTransaction>.total-info .refund .num,
#adminWithdraw>.total-info .collection .num,
#adminWithdraw>.total-info .refund .num {
    color: #fff;
    font-family: Jinrong-Bold;
    font-size: 2.0625rem;
    line-height: 2.5rem
}

#adminTransaction>.total-info .collection .info,
#adminTransaction>.total-info .refund .info,
#adminWithdraw>.total-info .collection .info,
#adminWithdraw>.total-info .refund .info {
    color: #b5d8ff;
    font-size: .8125rem;
    line-height: 1.0625rem
}

#adminTransaction>.total-info .collection .info span,
#adminTransaction>.total-info .refund .info span,
#adminWithdraw>.total-info .collection .info span,
#adminWithdraw>.total-info .refund .info span {
    color: #fff
}

#adminTransaction>.total-info .collection .num,
#adminWithdraw>.total-info .collection .num {
    margin-bottom: .3125rem
}

#adminTransaction>.total-info .refund,
#adminWithdraw>.total-info .refund {
    margin-left: 2.0625rem
}

#adminTransaction>.total-info .refund .num,
#adminWithdraw>.total-info .refund .num {
    margin-bottom: .5rem;
    font-size: 1.375rem;
    line-height: 1.625rem
}

#adminTransaction .list,
#adminWithdraw .list {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding-top: .75rem;
    margin-top: -.75rem;
    border-radius: .75rem .75rem 0 0;
    background-color: #fff
}

#adminTransaction .list .record-list li:first-child ul .sticky-item,
#adminWithdraw .list .record-list li:first-child ul .sticky-item {
    display: none
}

#adminTransactionDetail .detail,
#adminWithdrawDetail .detail {
    padding: 1.25rem
}

#adminTransactionDetail .detail>.title,
#adminWithdrawDetail .detail>.title {
    margin: 1.875rem 0;
    text-align: center
}

#adminTransactionDetail .detail>.title h2,
#adminWithdrawDetail .detail>.title h2 {
    color: #000;
    font-family: Jinrong-Bold;
    font-size: 2.3125rem;
    line-height: 2.75rem;
    font-weight: 400
}

#adminTransactionDetail .detail>.title p,
#adminWithdrawDetail .detail>.title p {
    color: #717783;
    font-size: .9375rem;
    line-height: 1.25rem
}

#adminTransactionDetail .detail>.title p.error,
#adminWithdrawDetail .detail>.title p.error {
    color: #fe3d28
}

#adminTransactionDetail .detail>.content,
#adminWithdrawDetail .detail>.content {
    font-size: .875rem;
    line-height: 1.1875rem
}

#adminTransactionDetail .detail>.content li,
#adminWithdrawDetail .detail>.content li {
    margin-top: 1rem;
    padding-bottom: 1rem;
    overflow: hidden
}

#adminTransactionDetail .detail>.content li.under-border,
#adminWithdrawDetail .detail>.content li.under-border {
    border-bottom: 1px solid #e5e6e8
}

#adminTransactionDetail .detail>.content li span,
#adminWithdrawDetail .detail>.content li span {
    float: right;
    max-width: 70%;
    color: #a4a7b0;
    text-align: right;
    font-family: MILanPro_MEDIUM--GB1-4, MILanPro_MEDIUM--GB1, system-ui;
    word-break: break-word
}

#adminTransactionDetail .detail>.content li img,
#adminWithdrawDetail .detail>.content li img {
    position: relative;
    top: .125rem;
    height: .875rem
}

#adminTransactionFilter {
    padding: 1.5rem 1.25rem 6.25rem
}

#adminTransactionFilter h3 {
    color: #0b204b;
    line-height: 1.375rem;
    font-size: 1rem;
    font-family: Pro-DemiBold;
    font-weight: 700
}

#adminTransactionFilter .list-name {
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

#adminTransactionFilter .list-name li {
    margin-top: .875rem;
    width: 22.7%;
    height: 2.3125rem;
    background-color: #f2f4f7;
    border-radius: 1.15625rem;
    font-size: .875rem;
    color: #3a4a6e;
    text-align: center;
    line-height: 2.3125rem;
    box-sizing: border-box;
    font-family: Pro-Normal
}

#adminTransactionFilter .list-name li.active {
    color: #0097ff;
    border: .03125rem solid #0097ff;
    background-color: #e6f5ff;
    font-family: Pro-Medium
}

#adminTransactionFilter .list-name li.nothing {
    visibility: hidden
}

#adminTransactionFilter .list-name.list-status li {
    width: 31%;
    height: 2.625rem;
    line-height: 2.625rem;
    border-radius: .375rem
}

#adminTransactionFilter .list-name.list-status li.active {
    color: #0097ff;
    background-color: #e6f5ff;
    border: .0625rem solid #0097ff
}

#adminTransactionFilter .transaction-method li {
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    box-sizing: border-box;
    text-align: start;
    background-position: 1.75rem;
    padding-left: 3rem
}

#adminTransactionFilter .transaction-method li:first-of-type {
    text-align: center;
    padding-left: 0
}

#adminTransactionFilter .transaction-method li:nth-of-type(2) {
    background-image: url(data:image/png;base64,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);
    background-position: 1.75rem;
    padding-left: 3rem
}

#adminTransactionFilter .transaction-method li:nth-of-type(3) {
    background-image: url(data:image/png;base64,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);
    background-position: 1.3125rem;
    padding-left: 2.5625rem
}

#adminTransactionFilter .transaction-method li:nth-of-type(4) {
    background-image: url(data:image/png;base64, )
}

#adminTransactionFilter .transaction-method li:nth-of-type(5) {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAFUklEQVRo3u2ZW2wVVRSG/7aoIbxgQYiSiI0kJCbwAgnKAyFCeKD6QGIfgJnTIlQLEUUuogkYgomiBgxgok1UElCBIzNDoRCKJlxSLkKQCrRgBVsoLbdCW+hpS3vOfD5AaYFezpwzlKPpn/yve+Wbtffaa6+RetWrXvUqoVRAP21hshzWyGGbbApl4chmhRzGK0jKfwcGkpTHYNnkyKJcFnThc3IwtYvUxIbaQx85TJLN/m6A2vu2LLZpK2MFSYkJtpWJsrgoC9cDWKtL5TAhEaHGyKI2BqA225xQHsMTBypImmyOxAXVZkdB+iYCVIoclsii2SewsLYw+/GDbWeILI75BNXqU7IZ8HjB8kiXTYvPYDWymPJ4wSxyfQQKySYki4gclvfsBZ5BigIMUSbpMsjVBs7GABBRkJDWUatVHNd7lOpNamXgygDNoE7ZnJDJVzJ5VVMZrGUkPzookzRlskQGx2TQIgNXQW55gtpCk9ZySYu4oAC3ZUA3bpZBoQLM11QGPgqoMTI4cjfQnaAmdbI9XMZbuKoPKVNmVED326RJJgeUySh/gJbRRwEmyqC2g4CNXrqMtNUc9wz0sItlMjr+hjaTSTK52GmgTdREA5ViE15QwGEfwJDJaU1nROxgsxgsg/33DnVH/obiaMBe2k3VmRuU+AJ2x/sUiPWuM8npNsBHFHUHlWTjvltEZdilceJn/O0TWEgm2d6rpUk/GZR3G2A2N7SJ+q7Ant1B6I9argIUnadi0BzqfILLV4bXt5zJ5KgWD9Cg1VR2Bbb7CieBFoBwhPDKnVQ9mdWuusbuahkM8wZmsDbqAAu5ps00todJtnGf20l9wR2o++S6NH6RT2nq2zQkdXV+o/F03vCase0eqlRIn1PWWv2GF3Bp8Skun6zjSmumOlDkQCkXsr+j6oV5XI0DbqHXjBV6CpBJaNDHnMh2+L34BicjLrfpXm5zmPrjVRxd8Cv5aWvIT5rBLY+l/1OvGXPi2SLTvqa4+CKV4QjhjojCLk0Hqql6ZQ/lyRaRe9t4FSUyCXsAe98bWIAV8R7uQXOoW7mTKtelsT3UrTA1S4upeMrhdgfFpkkfcDbKGK4CvOYNLIvxfpTkJ7No/nIHpUCkNVNLi6l4wm6XpQf9A9XKpDGK9Su9V8UMUmRwzg+4ATk0HD3HBYBD1zvNVJuDhLSI891my8RSFv1j6TxMGTF04g84ycCdu57LLRHqx+3jnyhasBZ9Qo26vgpuKsA0KZZZ5ExSZbLNj6w9P49rhy5QdF+h6MqrqVCAhi7WzJNJv9gbYYOxMij1Ay57F4ejfrvlclpZHbRe03FlUqIZPBPvMD5JmUyQwYk4nxpNqbmciRpsHX9qBjUPrBORwV4FGOnfC9pguAwcGR7umDaoRi2nTJtp8gBW1AHYBs1kaGznqutK2VcGs2VySgY1d79gZzDNyqJBczmvb/nL88Dnzlaskcl1mRyUScajn1QFGKDpTFGA5cqhUHMo0yzK9RZleodyLeaKVlCnXCr0S4wzx+/5TTNZLIN0TePpnp0pZpCi9eRoI/X6kZB+ol4bCSnoYct1Nua2WPpoR27dD0xf9nFu3+rrskh/3CPuwbIo9BnsoPJ7evs9PMlKls182XFvv/b/yTKUEPqZgbI44ANURA4bEuuPpsMo2dGN4jqFstmrHQxNvN+1eYyWxekYwUqUx8jE/cEeZIRs9skiFMVZcmVxUxZ52hl379cDshkgm2xZ5MuiugMoVxaVsrFkMU0F8XTpPa1lJCtIqvIYJotx2srrssmQRbq2MlYOL8qhf+JuvV71qle9+r/pX7cMd0rkz4KqAAAAAElFTkSuQmCC);
    background-position: .8125rem;
    padding-left: 2.1875rem
}

#adminTransactionFilter .transaction-method,
#adminTransactionFilter .transaction-status,
#adminTransactionFilter .transaction-type {
    margin-top: 2rem
}

#adminTransactionFilter .btn-box {
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    margin-top: 2.75rem;
    width: 90%;
    height: 6rem;
    position: fixed;
    bottom: 0;
    overflow: hidden;
    background-color: #fdfdfd
}

#adminTransactionFilter .btn-box .btn-wrapper {
    width: 48%;
    margin-top: 1rem
}

#adminTransactionFilter .date-select-wrapper {
    margin-top: 1.125rem
}

#adminTransactionFilter .date-select-wrapper .date-select {
    height: 3.3125rem;
    position: relative;
    overflow: hidden
}

#adminTransactionFilter .date-select-wrapper .date-select .input-wrapper.label-input {
    height: 100%;
    padding: 0;
    line-height: 3.3125rem
}

#adminTransactionFilter .date-select-wrapper .date-select .placeholder {
    color: #0b204b
}

#adminTransactionFilter .date-select-wrapper .date-select .specific {
    position: absolute;
    top: 1.0625rem;
    z-index: 99;
    color: #0b204b;
    font-family: Pro-Normal
}

#adminTransactionFilter .date-select-wrapper .date-select label {
    position: absolute;
    left: 6.5rem;
    font-family: Jinrong-Bold
}

#adminWithdrawFilter {
    padding: 1.25rem 0
}

#adminWithdrawFilter h3 {
    padding: 0 1.25rem;
    margin-bottom: 1rem;
    color: #717783;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
}

#adminWithdrawFilter .date-select-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 1.25rem
}

#adminWithdrawFilter .date-select-wrapper .date-select {
    width: 8.75rem
}

#adminWithdrawFilter .btn-wrapper {
    padding: 0 1.25rem;
    margin: 1.875rem 0 1.6875rem
}

#adminWithdrawFilter .no-record.today {
    display: none
}

#adminRefundDetail {
    padding: 0 1.25rem
}

#adminRefundDetail .refund-info {
    margin: 1.125rem 0 1.25rem;
    border-bottom: 1px solid #e5e6e8
}

#adminRefundDetail .refund-info h3:last-child {
    margin-bottom: 1rem
}

#adminRefundDetail h2 {
    margin-bottom: 1.125rem;
    color: #333;
    font-size: 1rem;
    line-height: 1.3125rem;
    font-weight: 400
}

#adminRefundDetail h3 {
    margin-bottom: 2rem;
    overflow: hidden;
    color: #131c31;
    font-size: .875rem;
    line-height: 1.1875rem;
    font-weight: 400
}

#adminRefundDetail h3 span {
    float: right;
    width: 14.375rem;
    color: #a4a7b0;
    text-align: right;
    white-space: normal;
    word-break: break-all
}

#adminMaterial .more-radius .dialog,
#adminRefund .more-radius .dialog,
.qrcode-wrapper .more-radius .dialog {
    padding: 0 2.5rem 1.4375rem
}

#adminMaterial .more-radius .dialog p,
#adminRefund .more-radius .dialog p,
.qrcode-wrapper .more-radius .dialog p {
    margin: .375rem 0 2.25rem;
    font-size: .9375rem;
    line-height: 1.3125rem;
    color: rgba(0, 0, 0, .7)
}

#adminMaterial .wechat-prompt,
#adminRefund .wechat-prompt,
.qrcode-wrapper .wechat-prompt {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin: .625rem 1.25rem;
    border-radius: .25rem;
    height: 2.1875rem;
    font-size: .8125rem;
    color: #fff;
    background-color: #2a3858
}

#adminMaterial .wechat-prompt img,
#adminRefund .wechat-prompt img,
.qrcode-wrapper .wechat-prompt img {
    margin-right: .3125rem;
    width: .75rem;
    height: .75rem
}

#adminRefundResult .btns {
    position: fixed;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    box-sizing: border-box;
    width: 100%;
    max-width: 800px;
    padding: 1.25rem
}

#adminRefundResult .btns button+button {
    margin-left: .8125rem
}

#adminFace .face-indicate {
    box-sizing: border-box;
    padding: 0 1.25rem;
    width: 100%;
    font-size: .8125rem;
    color: #717783
}

#adminFace .face-indicate span {
    color: #ff561a
}

#adminAbout {
    box-sizing: border-box;
    padding: 1.25rem
}

#adminAbout .content {
    font-size: .9375rem;
    letter-spacing: .5px
}

#adminAbout .content img {
    display: block;
    margin: 0 auto;
    height: 5.5625rem
}

#adminAbout .content h3 {
    margin-top: .375rem;
    text-align: center;
    font-size: 1.1875rem;
    font-weight: 700
}

#adminAbout .content div {
    margin-top: .375rem;
    text-align: center;
    color: #999da5
}

#adminAbout .content p {
    margin-top: 1.3125rem;
    text-indent: 2em;
    line-height: 1.5rem;
    color: #666c79
}

#adminCardUpdate {
    box-sizing: border-box;
    padding: 1.25rem;
    color: #fff
}

#adminCardUpdate .card {
    overflow: hidden;
    position: relative;
    margin-bottom: 1.3125rem;
    width: 100%;
    height: 10rem;
    background: url(assets/card-update-bg.0c465.png) no-repeat 50%/cover
}

#adminCardUpdate .card .card-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 1.75rem 0 0 1.75rem
}

#adminCardUpdate .card .card-header img {
    margin-right: .375rem;
    border-radius: 50%;
    width: 2.1875rem;
    height: 2.1875rem
}

#adminCardUpdate .card .card-header .name {
    font-size: 1.0625rem
}

#adminCardUpdate .card .card-header .flag {
    margin-top: .3125rem;
    font-size: .6875rem
}

#adminCardUpdate .card .card-footer {
    position: absolute;
    bottom: 1.75rem;
    left: 4.3125rem;
    font-size: 1.5625rem;
    line-height: 1.875rem;
    letter-spacing: .0625rem
}

#adminCardUpdate .card .card-footer span {
    display: inline-block;
    vertical-align: sub
}

#adminCardUpdateDetail {
    box-sizing: border-box;
    padding: 1.25rem
}

#adminCardUpdateDetail>p {
    margin-top: .625rem;
    line-height: 1.25rem;
    font-size: .6875rem;
    color: #717783
}

#adminCardUpdateDetail>p span {
    color: #0097ff
}

#adminCardUpdateDetail>p img {
    position: relative;
    top: 2px;
    left: 5px;
    width: .9375rem;
    height: .9375rem
}

#adminCardUpdateDetail .subtitle {
    margin-top: 1.25rem;
    font-size: .9375rem;
    color: #131c31
}

#adminCardUpdateDetail .subtitle span {
    color: #ff561a
}

#adminCardUpdateDetail .card-img {
    overflow: hidden
}

#adminCardUpdateDetail .card-img .column {
    float: left;
    margin: .75rem .75rem 0 0;
    width: auto
}

#adminCardUpdateDetail .card-img .column .upload {
    margin-left: 0
}

#adminCardUpdateDetail .card-img .column .img-desc {
    margin: .75rem 0;
    font-size: .6875rem;
    text-align: center;
    color: #717783
}

#adminCardUpdateDetail .card-infos {
    margin-bottom: 7.5rem
}

#adminCardUpdateDetail .dialog-tip .dialog {
    padding: .625rem 2.5rem 0;
    line-height: 1.25rem;
    font-size: .9375rem
}

#adminCardUpdateDetail .dialog-tip .dialog .header {
    font-weight: 700
}

#adminCardUpdateDetail .dialog-tip .dialog .section {
    margin-top: .75rem
}

#adminCardUpdateDetail .dialog-tip .dialog .section>span {
    color: #faa703
}

#adminCardUpdateDetail .dialog-tip .dialog .btn-wrapper {
    margin: 1.25rem 0
}

#wechatIdentity {
    box-sizing: border-box;
    padding: 1.25rem
}

#wechatIdentity .grey {
    color: #666c79
}

#wechatIdentity .step-item .step-title {
    margin: 1.25rem 0
}

#wechatIdentity .step-item .step-title span {
    font-size: .9375rem;
    font-weight: 700
}

#wechatIdentity .step-item img {
    margin-bottom: 1.25rem;
    width: 100%
}

#wechatIdentity .step-item p {
    margin-bottom: .625rem;
    font-size: .9375rem;
    line-height: 1.1875rem;
    letter-spacing: 1px
}

#wechatIdentity .step-item .remark {
    margin-top: 2.1875rem;
    font-size: .875rem
}

#adminInspection {
    width: 100%;
    height: 100%;
    overflow: scroll;
    background-color: #f5f6f7!important;
    padding: 1.0625rem 1rem 2rem;
    box-sizing: border-box
}

#adminInspection h3 {
    color: #0b204b;
    font-size: 1rem;
    line-height: 1.375rem;
    font-family: Pro-Medium;
    font-weight: 700
}

#adminInspection .adminInspection-message {
    padding: 1.25rem 1.25rem .625rem;
    width: 100%;
    background: #fff;
    border-radius: .5rem;
    box-sizing: border-box
}

#adminInspection .adminInspection-message button {
    width: 33%;
    background-color: #f2f4f7;
    border-radius: 1.15625rem;
    height: 2.3125rem;
    margin: .875rem .75rem 1.5rem 0;
    font-size: .875rem;
    color: #3a4a6e;
    font-family: Pro-Normal
}

#adminInspection .adminInspection-message button.active {
    background-color: #e6f5ff;
    color: #0097ff;
    border: .0625rem solid #0097ff;
    border-radius: 1.15625rem;
    font-family: Pro-Medium
}

#adminInspection .adminInspection-message .address .input-wrapper.line-input {
    margin-top: -.125rem;
    border: .03125rem solid #98a1b3;
    border-radius: .375rem;
    height: 2.5625rem;
    box-sizing: border-box;
    padding-left: .625rem
}

#adminInspection .adminInspection-message .address .input-wrapper.line-input.error {
    border: .03125rem solid #ff7575!important
}

#adminInspection .adminInspection-message .address .input-wrapper.line-input input {
    font-family: Pro-Medium;
    font-size: .875rem;
    line-height: 1.1875rem;
    color: #3a4a6e
}

#adminInspection .adminInspection-message .address .input-wrapper.line-input label {
    display: none
}

#adminInspection .adminInspection-message .address .input-wrapper.line-input .delete {
    right: .1875rem
}

#adminInspection .shop-picture .subinfo {
    font-family: Pro-Normal
}

#adminInspection .btn-wrapper {
    margin-bottom: 0;
    margin-top: 2.625rem
}

#adminFilterResult {
    background-color: #fff;
    height: 100%;
    overflow-x: hidden
}

#adminFilterResult .list {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding-top: .75rem;
    margin-top: -.75rem;
    border-radius: .75rem .75rem 0 0;
    background-color: #fff
}

#adminFilterResult .list .sticky-item {
    background-color: #fff
}

#adminFilterResult .list .no-record.today {
    display: none
}

#h5Face {
    font-size: .9375rem
}

#h5Face .status-wrapper h2 {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 4.375rem;
    white-space: pre-wrap;
    font-weight: 700
}

#h5Face input[type=file] {
    display: none
}

#h5Face .face-wrapper {
    padding: 0 1.25rem
}

#h5Face .face-wrapper .img-wrapper {
    position: relative;
    overflow: hidden;
    margin: 1rem 0;
    height: 16.875rem
}

#h5Face .face-wrapper .img-wrapper>img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 54%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#h5Face .face-wrapper .img-wrapper .uploaded {
    width: 100%
}

#h5Face .face-wrapper .face-tips {
    margin-bottom: .3125rem;
    text-align: center;
    color: #fe3d28
}

#h5Face .face-wrapper .row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

#h5Face .face-wrapper .row>div {
    color: #999
}

#h5Face .face-wrapper .row>div img {
    display: block;
    margin: .375rem auto;
    width: 3.75rem;
    height: 3.75rem
}

#h5Face .btn-wrapper {
    position: relative;
    padding: 0 1.25rem;
    margin-top: 2.25rem
}

.page {
    padding: .625rem 1.25rem 7.1875rem;
    font-size: .875rem;
    color: #131c31
}

.page .imgs-wrapper {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.page .imgs-wrapper .column {
    margin-top: 1.25rem
}

.page .imgs-wrapper .column .img-desc {
    margin-top: .6875rem;
    font-size: .6875rem;
    text-align: center;
    color: #717783
}

.page .line-input {
    font-size: .875rem
}

.page .line-input label {
    width: 45%;
    color: #131c31
}

.page .line-input input {
    margin-right: 0;
    text-align: right;
    text-overflow: ellipsis
}

.page .line-input input:disabled {
    color: #a4a7b0
}

.page .btn-wrapper {
    margin-bottom: 0
}

#upgradeIntro {
    overflow: hidden;
    width: 100%;
    height: 100vh;
    color: #fff;
    background: url(assets/upgrade-intro-bg.353ab.png) no-repeat 0 0/contain, -webkit-gradient(linear, left top, left bottom, color-stop(52%, #0097ff), to(rgba(255, 206, 172, 0)));
    background: url(assets/upgrade-intro-bg.353ab.png) no-repeat 0 0/contain, linear-gradient(180deg, #0097ff 52%, rgba(255, 206, 172, 0))
}

#upgradeIntro .title {
    margin: 2.5rem 0 0 2.6875rem;
    font-size: 2.1875rem
}

#upgradeIntro .sub-title {
    margin: .625rem 0 0 2.6875rem
}

#upgradeIntro .btn-wrapper {
    background-color: transparent
}

#upgradeIntro .btn-wrapper .btn {
    display: block;
    margin: 2rem auto 0;
    width: 65%;
    font-size: 1rem
}

#upgradeIntro img {
    display: block;
    margin: 2.625rem auto 0;
    width: 92%
}

#upgradeLicense>p {
    margin-top: .375rem;
    color: #717783
}

#upgradeLicense .progress-nav .progress-icon {
    background-image: url(assets/process7.ec6c5.png)
}

#upgradeLicense>a {
    display: block;
    margin-top: .5625rem;
    color: #0097ff
}

#upgradeLicense .imgs-wrapper {
    margin-bottom: 1.25rem
}

#upgradeLicense input:disabled {
    color: #333b4c
}

#upgradeLicense h2 span {
    font-weight: 700;
    color: #fe3d28
}

#upgradeCard>p,
#upgradeShop>p {
    margin-top: .375rem
}

#upgradeShop .progress-nav .progress-icon {
    background-image: url(assets/process8.2672d.png)
}

#upgradeCard .line-input {
    margin-top: 1.25rem;
    letter-spacing: 1px
}

#upgradeCard .progress-nav .progress-icon {
    background-image: url(assets/process9.52be4.png)
}

.page-logout {
    padding: 1.875rem 1.25rem 1.25rem
}

.page-logout h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #192235
}

.page-logout .content {
    margin-top: .25rem;
    line-height: 1.375rem;
    letter-spacing: .5px;
    font-size: 1rem;
    color: #666c79
}

#logoutIndex .content p {
    margin-bottom: .5625rem;
    padding-left: 1em;
    text-indent: -1em
}

#logoutIndex .content p:first-child {
    margin-bottom: 1.3125rem
}

#logoutIndex .logout-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding: 0 1.25rem;
    width: 100%
}

#logoutIndex .logout-footer .agree {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: .8125rem;
    font-size: .875rem;
    color: #131c31
}

#logoutIndex .logout-footer .agree img {
    margin-right: .25rem;
    width: .9375rem;
    height: auto
}

#logoutIndex .logout-footer .btn-wrapper {
    margin-bottom: 0;
    padding-bottom: 1.25rem
}

#logoutIndex .logout-footer .btn-logout {
    padding-bottom: .8125rem
}

#logoutIndex .logout-footer .btn-logout .gray.disable {
    opacity: 1
}

.accumulate-container {
    margin-bottom: .75rem;
    box-shadow: 0 .1875rem .4375rem .125rem rgba(250, 100, 0, .08);
    box-sizing: border-box;
    border-radius: .25rem;
    padding: 1.25rem 0;
    width: 47.5%;
    height: 5rem;
    line-height: 1.4;
    letter-spacing: .0625rem;
    color: #333;
    background-color: hsla(0, 0%, 100%, .8)
}

.accumulate-container .desc {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: .875rem
}

.accumulate-container .desc .prompt-container {
    position: relative;
    margin-left: .25rem
}

.accumulate-container .data {
    text-align: center
}

.accumulate-container .data .val {
    display: inline-block;
    font-size: 1.3125rem;
    font-weight: 700
}

.accumulate-container .data .unit {
    display: inline-block;
    font-size: .75rem
}

.accumulate-container.active {
    position: relative;
    color: #fff;
    background-color: #e75947
}

.accumulate-container.active:after {
    content: "";
    position: absolute;
    bottom: -.5rem;
    left: 1.25rem;
    height: 0;
    width: 0;
    border-top: 8px solid #e75947;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.icon-question {
    display: block;
    margin-top: -.125rem;
    height: .875rem;
    width: .875rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIwMjAgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAwNzA5NkNEREY3NDExRUFBRDgwOUQyNkM0MEMzNUFBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAwNzA5NkNFREY3NDExRUFBRDgwOUQyNkM0MEMzNUFBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUNBOTlFQzZEREVFMTFFQUFEODA5RDI2QzQwQzM1QUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDA3MDk2Q0NERjc0MTFFQUFEODA5RDI2QzQwQzM1QUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7crRh6AAAC8ElEQVR42sSYPUxUQRDHH8dLTAQMx1F5qAU2YOVHIeBpdZdAbcGrFGMAaeiUxkoTUBKTC9U1amNCQW2BJZ8mgiFRbLAwIpWG5PQ6Mf7H/Nesm7u3u/fwmOSXu3vv7cy8vZ3ZmW0K/KQD5MBFcBZkQQvvVcAXsAM2wAr46qq4yfG5C2AEDIBmxzG/wDJ4BjaTOtIFpjgLIj/BGlgF78Eu+M57bXz+HOgHfSDkvSUww+e9ZZAGt/hmEyDt+TdOcOwWdQ35OjHGwcIs6Azql07qUPrGXAfe5oC3YDg4PBmmTtE96vJ3KCfylmdPgAK4pVGwjMlrzgzWeiirrYnI4sCkNtUmsjCvx4yPtDWTVRf1UJxmblgET2KcKFne/Bi4xhyyXeX+O9ANesBp8FIupnjzPENUQvFRjJH7oNe4JsbWQdm4PknHq8kMbeWYo/46MsLPFzHZsNeYiTIjIOKnKF0wZu9yDV3faEvkhnJE4v0Kk9V8zGyYSoucCfOamRBryTxtygt0hPzSzEW2HzPwKddPF992MWE47zNLi/1cyA0s4CZlk11LmjajZd2ib4WOXEoxUkQ+JHzDAheo7sS2ZYyy2R1qsfwpgQP5Kgu56DBW2cyKI8f540cdTpSqLGJx4oHDbOg2W0KPmsRFFlh/eG/3ISurdtBqiRqbFBlZPtKqqrsUyzuRM0HjRdncE0c+8kfPETiibO6II2/4Y+AIHFE2N0KWcgesMdOe6+QVeK1tfj6SZsQdMKv/kTnWCHcaOBvjtDlntguqSM40wImMVlT/UwZscnra2D64il6ZlTzGTdHWkup5UkaxUmGqjv7jbES0UaHNwHREsuFDfr/rUDzXI3nqDmgrNgOPNqCdcO5t9AbrccIGK0Md3g2WkiFWUCqaxrknuUo7x6joWItrOW077ylwz2jCV40mvKwVy3oT3m804dIdfE56LCHl5E0W2SnPY4nnPC85lPMRvcO/qh3UnNS2cily9rSDmmWfg5rfAgwA+9a3mNaE+sAAAAAASUVORK5CYII=) no-repeat 50%/contain
}

.icon-question-white {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIwMjAgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlDQTk5RUM0RERFRTExRUFBRDgwOUQyNkM0MEMzNUFBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlDQTk5RUM1RERFRTExRUFBRDgwOUQyNkM0MEMzNUFBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUNBOTlFQzJEREVFMTFFQUFEODA5RDI2QzQwQzM1QUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUNBOTlFQzNEREVFMTFFQUFEODA5RDI2QzQwQzM1QUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7cWmmUAAAC0ElEQVR42sSYu24TQRSGbQihA1nKeiOBBDiio8IU3BwogkBJayPiBwhFLm0iBCbp4BHgASAYGrAjLqYgtIEutCFISCAZEcVuwElk/iP9Kw3D7uzsbnBG+mTPes45v2fnzJ7ZdLfbTUVoWTAKLoFT4Dg4xN9aYB2sgmXwCny39ixCLCiAGtjq2rdt2hRsYoQNyIG64rzD/gw4B1xwkLi8NsMxHcWuTl+xhIyDTTraAAvAsZxBIUubDfoQX+WoQirKv6mCwQgCdAbpw2sVWyG3lHs8mUCAziR9Srut/57WsmYcPAI74AZ4ZljnGTACcsq1NfDUYFMEi2A/KIPHfllzArSoeMrwzzLgniFbfoIJg/0Ux7UY859bU1fWhEnEB8v0NYl5omTTX0IuKtlhWphVn4AirMGZ0GcmE+DHVbKpoAp5wYvzBhF5n0Aj2pgH2piSwd88xzz3hGS5Y3ZC9olZi6nPaGNmDf4cxpTY2X18dvSBN6BpWPH3wRC4Aq6Dh6lkrcmYEnu0jw8waa8tjNdIUJvQ+m9D/EnMMXBZpmiF03gh4YZV0m5Lw8LmPMeuSKfJjpNAQNVnIectbB2O/yGdX+z0xxDRCNjQSpb2/bT5LYs1ndq9Jgv4TMg279tESJvfDycUMQduhixmvXkx2yLkMzsnU71vXsx1EfKJnfweCDnNz1UR8o6dq3sg5Bo/l6UecfHlq1QE4EjI7uq3gWX4/aPFBqY2h3FlMo56aVSzeOjtNncZs6Y+fQtKGeD2QERgGWBbGOlE3dL1wmjJr0LLWZaKSYWopWIuqIovKxV88T8IKSqVfDnsOHGnB8eJSpwD1mLCA5ZLH5EPWOptaivZJOk2EEHAAG287GjHOXJ6DPkcwiXvp8FZ1rsHSJbXpjlGPYQv0VfstwEew3S+HeG1xA5thm1ipGO8qBlTXtQcUx7lm+ALX9S8By/BN1vHfwQYACAPNzR0I0MLAAAAAElFTkSuQmCC) no-repeat 50%/contain
}

.prompt {
    display: none;
    position: absolute;
    top: 1.5625rem;
    right: -.9375rem;
    z-index: 999;
    box-shadow: 0 .1875rem .25rem .125rem rgba(250, 100, 0, .08);
    box-sizing: border-box;
    border-radius: .3125rem;
    padding: 10px;
    width: 9.375rem;
    font-size: .75rem;
    color: #717783;
    background: #fff
}

.prompt:after {
    content: "";
    position: absolute;
    top: -.5rem;
    right: .9375rem;
    height: 0;
    width: 0;
    border-bottom: 8px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

#adminInvite {
    overflow-x:hidden;
    /*overflow-y: auto;
    overflow-x: hidden;*/
    height: 100vh;
    color: #fff;
    background-color: #fff5e6
}

#adminInvite>.header {
    position: relative;
    box-sizing: border-box;
    padding: 1.5rem;
    height: 15rem;
    background: url(assets/invite-bg.89420.png) no-repeat top/100%
}

#adminInvite>.header .info {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

#adminInvite>.header .info img {
    border-radius: 50%;
    height: 1.1875rem
}

#adminInvite>.header .info span {
    margin-left: .5rem;
    font-size: .875rem
}

#adminInvite>.header .title {
    margin-top: 1.5rem;
    line-height: 2.25rem;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .125rem
}

#adminInvite>.header .title>span {
    color: #ffee7c
}

#adminInvite>.header a {
    position: absolute;
    top: 1.5rem;
    right: -.1875rem;
    border-top-left-radius: .9375rem;
    border-bottom-left-radius: .9375rem;
    border: 1px solid #fcfcfc;
    padding: .375rem .75rem .375rem 1.125rem;
    text-align: center;
    font-size: .875rem
}

#adminInvite .main {
    position: relative;
    z-index: 1;
    margin-top: -4.375rem;
    height: 20.3125rem;
    color: #bc5927;
    background: url(assets/invite-main-bg.92b73.png) no-repeat top/100% 100%
}

#adminInvite .main .reward .reward-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 0 3.0625rem;
    height: 6.25rem
}

#adminInvite .main .reward .reward-item .reward-item-desc {
    margin-left: 3.9375rem;
    line-height: 1.4
}

#adminInvite .main .reward .reward-item .reward-item-desc .reward-item-title {
    font-size: 1.0625rem;
    font-family: Pro-Medium;
    font-weight: 700
}

#adminInvite .main .reward .reward-item .reward-item-desc .reward-item-subtitle {
    font-family: Pro-Normal;
    margin-top: .125rem;
    font-size: .8125rem
}

#adminInvite .main .reward .reward-item-rate {
    background: url(data:image/png;base64, ) no-repeat 0/2.9375rem 2.9375rem, url(data:image/png;base64,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) no-repeat 100%/.5rem .875rem
}

#adminInvite .main .reward .reward-item-bonus {
    background: url(data:image/png;base64, ) no-repeat 0/2.9375rem 2.9375rem, url(data:image/png;base64,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) no-repeat 100%/.5rem .875rem
}

#adminInvite .main .total {
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    position: relative;
    margin: 2.1875rem .625rem 0;
    font-size: .75rem;
    color: #fff
}

#adminInvite .main .total .total-income>div,
#adminInvite .main .total .total-invite>div,
#adminInvite .main .total .total-thrift>div {
    margin-bottom: .375rem;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center
}

#adminInvite .main .total .triangle {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #fff
}

#adminInvite .main .total .view-tip {
    position: absolute;
    top: -1.25rem;
    left: 3.5rem;
    width: 3.5rem;
    height: .875rem;
    background: url(data:image/png;base64, ) no-repeat 50%/contain
}

#adminInvite>p {
    margin-top: .625rem;
    font-weight: 700;
    text-align: center;
    color: #e75947
}

#adminInvite .btn-invite {
    margin-top: 1.5625rem;
    height: 2.9375rem;
    background: url(assets/invite-btn1.b408f.png) no-repeat top/contain
}

#adminInvite .btn-poster-create {
    margin: 1.0625rem 0 2.4375rem;
    height: 2.9375rem;
    background: url(data:image/png;base64, ) no-repeat top/contain
}

#adminInvite .dialog-rate .header {
    font-weight: 700
}

#adminInvite .dialog-rate .rate .rate-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    margin: 1.5625rem 1.125rem 0;
    padding: 0 .8125rem .125rem;
    font-size: .8125rem;
    color: #131313
}

#adminInvite .dialog-rate .rate .rate-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: rgba(234, 68, 53, .21)
}

#adminInvite .dialog-rate .tip {
    margin: 1.0625rem 2.0625rem 1.4375rem;
    line-height: 1.375rem;
    font-size: .8125rem;
    color: #585858
}

#adminRewardIntro {
    height: 100%;
    box-sizing: border-box;
    padding: 1.125rem 1.5rem;
    font-size: .8125rem;
    line-height: 1.8;
    color: #585858;
    background-color: #f0f2f5
}

#adminRewardIntro table {
    margin: 1.25rem 0;
    border-collapse: collapse;
    border: 1px solid #e85946;
    width: 100%;
    text-align: center
}

#adminRewardIntro table tr td,
#adminRewardIntro table tr th {
    border: 1px solid rgba(234, 68, 53, .21);
    height: 2.25rem;
    width: 50%
}

#adminRewardIntro table tr th {
    background-color: rgba(249, 212, 205, .4)
}

#adminRewardIntro .subtitle {
    line-height: 1.5625rem;
    font-size: 1.1875rem;
    font-weight: 700
}

#adminRules {
    box-sizing: border-box;
    padding: 1.125rem 1.5rem;
    line-height: 1.5;
    font-size: .8125rem;
    color: #585858;
    background-color: #f0f2f5
}

#adminRules h2 {
    font-weight: 700;
    text-align: center;
    color: #585858
}

#adminRules h3 {
    margin: .5rem 0 .25rem;
    font-weight: 700
}

#adminRules h4 {
    margin: .25rem 0 .125rem
}

#adminRules p.indent {
    text-indent: 2em
}

#adminFriends,
#adminRewards {
    box-sizing: border-box;
    padding: 1.25rem;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe1cc), to(#fff));
    background: linear-gradient(180deg, #ffe1cc, #fff)
}

#adminFriends .header,
#adminRewards .header {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap
}

#adminFriends table,
#adminRewards table {
    border-collapse: collapse;
    border: none;
    width: 100%;
    font-size: .875rem;
    background-color: #fff
}

#adminFriends table tr td,
#adminFriends table tr th,
#adminRewards table tr td,
#adminRewards table tr th {
    position: relative;
    padding: .75rem 0;
    line-height: 1.6;
    text-align: center;
    /*white-space: pre-line*/
}

#adminFriends table tr th,
#adminRewards table tr th {
    color: #000a1f
}

#adminFriends table tr,
#adminRewards table tr {
    color: #4d515e;
    border-bottom: 1px solid rgba(234, 68, 53, .21)
}

#adminFriends table tr:last-child,
#adminRewards table tr:last-child {
    border-bottom: none
}

#adminFriends .table-header,
#adminRewards .table-header {
    border-radius: .3125rem .3125rem 0 0
}

#adminFriends .table-body,
#adminRewards .table-body {
    overflow-y: auto;
    border-radius: 0 0 .3125rem .3125rem;
    box-shadow: 0 .125rem .375rem 0 rgba(229, 158, 88, .3);
    max-height: 26rem;
    color: #4d515e
}

#adminFriends .table-body .no-data,
#adminRewards .table-body .no-data {
    padding: .75rem 0;
    font-size: .875rem;
    text-align: center;
    background-color: #fff
}

#adminFriends .btn-invite,
#adminRewards .btn-invite {
    margin-top: 1.5625rem;
    height: 2.9375rem;
    /*background: url(assets/invite-btn3.5181d.png) no-repeat top/contain*/
}

#adminFriends table tr td,
#adminFriends table tr th {
    width: 33%
}

#adminFriends table tr th {
    color: #000a1f;
    background-color: rgba(250, 222, 193, .21)
}

#adminFriends table tr td .shop-status {
    position: absolute;
    top: .1875rem;
    left: 5.625rem;
    border-radius: .4375rem .4375rem .4375rem 0;
    padding: 0 .3125rem;
    height: .875rem;
    line-height: .875rem;
    font-size: .6875rem;
    white-space: nowrap;
    color: #fffaf7
}

#adminFriends table tr td .shop-status2 {
    background-color: #4f49f3
}

#adminFriends table tr td .shop-status3 {
    background-color: #17c475
}

#adminFriends table tr td .shop-status4 {
    background-color: #2c7eff
}

#adminFriends table tr td .shop-status5 {
    background-color: #ff5022
}

#adminFriends table tr td .shop-status6 {
    background-color: #2d6389
}

#adminFriends table tr td .shop-status7 {
    background-color: #737373
}

#adminFriends table tr td .shop-status8 {
    background-color: #f3a349
}

#adminFriends .table-header {
    margin-top: 1.25rem
}

#adminRewards .table-title {
    margin-top: 1.25rem;
    font-size: 1.0625rem;
    text-align: center;
    letter-spacing: .125rem;
    color: #e75947
}

#adminRewards table tr td,
#adminRewards table tr th {
    width: 33%
}

#adminRewards table tr th {
    color: hsla(0, 0%, 100%, .8)
}

#adminRewards .table-header {
    margin-top: .5rem;
    background-color: #e75947
}

#adminRewards .btn-invite {
    margin-bottom: 1.5625rem
}

#adminPoster {
    position: relative;
    height: 100vh;
    background-color: #171a31
}

#adminPoster .img-poster {
    width: 100%
}

#adminPoster .info {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    top: 1.25rem;
    left: .9375rem
}

#adminPoster .info .img-avatar {
    height: 1.25rem
}

#adminPoster .info .user-id {
    margin-left: .375rem;
    font-size: .875rem;
    color: #fff;
    white-space: nowrap
}

#adminPoster .qrcode-img {
    position: absolute;
    top: 25%;
    left: 50%;
    box-sizing: border-box;
    border-radius: .625rem;
    padding: .625rem;
    width: 43%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff
}

#adminPoster .qrcode-img canvas {
    width: 100%!important;
    height: 100%!important
}

#adminPoster .qrcode-img>img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.625rem;
    height: 2.625rem
}

@media screen and (min-width:320px) {
    #adminPoster .qrcode-img {
        top: 9.375rem
    }
}

@media screen and (min-width:375px) {
    #adminPoster .qrcode-img {
        top: 25%
    }
}

@media screen and (min-width:724px) {
    #adminPoster .qrcode-img {
        top: 30%
    }
}

.app-fixed-height {
    overflow: hidden
}

.app-fixed-height #adminMerchantInfo {
    overflow: auto;
    height: calc(100% - 3.75rem)
}

.app-fixed-height #adminHome {
    height: 100vh;
    overflow: auto;
    padding-bottom: 3.75rem
}

.app-fixed-height .qrcode-wrapper {
    height: 100%
}