body {
    background: #fff
}
.article-tab {
    width: 86%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    background: #fff;
    position: relative;
    top: -1.25rem;
    margin-bottom: -1.25rem;
    box-shadow: 0 0 1rem 0 rgba(0, 34, 141, 0.15);
    border-radius: .375rem
}
.article-tab a {
    display: inline-block;
    font-size: .7rem;
    font-weight: bold;
    color: #999
}
.article-tab a.cur {
    color: #399eff
}
.article-tab .type-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: -0.25rem;
    margin-right: .25rem
}
.article-tab .wx {
    background: url("../images/ps03.png") 0 0 /100% 100% no-repeat
}
.article-tab .alipay {
    background: url("../images/ps05.png") 0 0 /100% 100% no-repeat
}
.article-tab .bank {
    background: url("../images/ps04.png") 0 0 /100% 100% no-repeat
}
.article-tab .mk {
    background: url("../images/ps01.png") 0 0 / 100% 100% no-repeat
}
.article-list li {
    padding: 2%;
    position: relative
}
.article-list li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #ddd;
    overflow: hidden;
    transform: scaleY(0.5)
}
.article-list li a {
    display: block;
    max-width: 98%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.article-list li:nth-last-child(1)::after {
    background: 0
}
.article-list li .arrow {
    width: .6rem;
    height: .6rem;
    display: block;
    position: absolute;
    right: 0;
    top: .75rem;
    background: url("../images/icon39.png") 0 0 /100% 100% no-repeat
}
.article-list li .more-wrap {
    height: 0;
    overflow: hidden
}
.article-list li .more-content {
    line-height: 1.6;
    border-radius: .2rem;
    background: #EEE;
    color: #999
}
.article-list li .icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .25rem;
    vertical-align: -0.5rem
}
.article-list li .plat {
    background: url("../images/help01.png") center /100% 100% no-repeat
}
.article-list li .recycle {
    background: url("../images/help03.png") center /100% 100% no-repeat
}
.article-list li .about {
    background: url("../images/help02.png") center /100% 100% no-repeat
}
.article-list li .advice {
    background: url("../images/help04.png") center /100% 100% no-repeat
}
.platform-pub li {
    margin-bottom: 3%
}
.platform-pub li .contents {
    color: #999
}
.platform-pub li .contents.unfold {
    display: block
}
.platform-pub li .btm {
    position: relative;
    padding: 2% 1% 0 0;
    display: flex;
    justify-content: space-between
}
.platform-pub li .btm::before {
    content: ".";
    height: 1px;
    overflow: hidden;
    border-top: 1px solid #ddd;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    transform: scaleY(0.5)
}
.recycle-contents>div {
    margin-bottom: 3%
}
.recycle-contents p {
    text-indent: 8%
}
.recycle-contents img {
    margin: 5% 0
}
.cur-pos {
    padding: 3% 5%
}
.cur-pos span,
.cur-pos a {
    margin: 0 .3rem
}
.article-content {
    width: 82%;
    margin: 0 auto
}
.article-content .title-sec span {
    margin-right: .3rem;
    color: #999
}
.article-content .title-sec span:nth-last-child(1) {
    margin: 0
}
.article-content img {
    max-width: 100%
}
.face-intro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-radius: .375rem;
    background: linear-gradient(-90deg, rgba(77, 232, 226, 1), rgba(58, 235, 189, 1))
}
.face-intro i {
    display: block;
    width: 3.25rem;
    height: 2.5rem;
    margin-right: .5rem;
    background: url("../images/rz03.png") 0 0 /100% 100% no-repeat
}
.face-intro .text {
    flex-grow: 1;
    line-height: 140%
}
.rz-area .oper-btn-blue,
.rz-area .oper-btn-tifuni {
    display: block;
    padding: .5rem 0;
    width: 80%;
    margin-left: auto;
    margin-right: auto
}
.rz-area .img-suc {
    display: inline-block;
    width: 4.35rem;
    height: 5.25rem
}
.rz-sfz-pass {
    color: #fff
}
.rz-sfz-pass .article-tab {
    top: 1rem;
    margin-bottom: -1rem;
    margin-left: auto;
    margin-right: auto
}
.rz-sfz-pass .img-sfz-suc {
    width: 5.65rem;
    height: 4.15rem
}
.info-list-menu {
    width: 86%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -1.5rem;
    margin-bottom: -1.5rem
}
.info-list-menu li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 4.5%;
    border-bottom: .025rem solid #f2f2f2;
    font-size: .75rem
}
.info-list-menu li:nth-last-child(1) {
    border-bottom: 0
}
.img-area li {
    width: 50%;
    float: left;
    box-sizing: border-box;
    margin-top: 4%;
    padding: 0 .4rem 0 0
}
.img-area li:nth-child(2n) {
    padding: 0 0 0 .4rem
}
.img-area li .content {
    height: 5.2rem;
    text-align: center;
    overflow: hidden;
    position: relative
}
.img-area li img {
    max-width: 100%
}
.img-area li .opacity-layout {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3)
}
.img-area li .icon {
    width: 40%;
    height: 40%;
    background: url("../images/icon42.png") center no-repeat;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}
.img-area li p {
    line-height: 1.5;
    color: #999
}
.img-area .bordertop::before {
    content: "";
    position: absolute;
    top: -12%;
    left: 0;
    right: 0;
    border-top: 1px solid #ddd;
    transform: scaleY(0.5)
}
.categorys-all-list li {
    padding: 4%;
    margin-bottom: 4%;
    border-radius: .375rem
}
.categorys-all-list li .arrow {
    width: .45rem;
    height: .75rem;
    display: block;
    vertical-align: -0.2rem;
    background: url("../images/icon41.png") 0 0 /100% 100% no-repeat
}
.categorys-all-list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff
}
.categorys-all-list li .logo {
    width: 2.4rem;
    height: 2.4rem;
    position: relative;
    background: #fff;
    border-radius: 50%;
    text-align: center
}
.categorys-all-list li .logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 1.8rem;
    max-height: 1.2rem
}
.categorys-all-list li .left-bar {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start
}
.categorys-all-list li .text {
    flex-grow: 1;
    padding-left: 5%
}
.categorys-all-list li .text h3 {
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    text-overflow: ellipsis
}
.warn-tips {
    background: #fee;
    margin: 3% 0;
    border: 1px solid #f97373;
    color: #f97373;
    border-radius: .25rem;
    font-size: 0.6rem
}
.warn-tips2 {
    background: #f39800;
    margin: 3% 0;
    line-height: 1.5;
    padding: 2%;
    font-size: .6rem;
    color: #fff;
    border-radius: .25rem
}
.codesave-btn {
    width: 70%;
    margin: 0 auto
}
.codedot {
    width: 10rem;
    height: 10rem;
    border: 1px dashed #fdd5d5;
    background: url("/Scripts/layer/theme/default/loading-1.gif") center no-repeat
}
.account-all-list {
    padding-top: 5.8rem
}
.account-all-list li {
    display: flex;
    justify-content: space-between;
    padding: 4%;
    margin-bottom: 4%;
    border-radius: .375rem;
    background: #fff
}
.account-all-list li i {
    width: 1rem;
    height: 1rem;
    display: block;
    margin-top: .75rem;
    background: url("../images/sel3.png") center/100% 100% no-repeat
}
.account-all-list li i.selected {
    background-image: url("../images/sel4.png")
}
.account-all-list li .edit {
    display: block;
    margin-top: .75rem;
    white-space: nowrap
}
.account-all-list li .logo {
    width: 2.4rem;
    height: 2.4rem;
    position: relative;
    background: #fff;
    border-radius: 50%;
    text-align: center
}
.account-all-list li .logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%)
}
.account-all-list li .left-bar {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start
}
.account-all-list li .text {
    flex-grow: 1;
    padding-left: 5%;
    max-width: 10rem
}
.account-all-list li .text h3 {
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    text-overflow: ellipsis
}
.account-all-list li .text p {
    word-wrap: break-word;
    word-break: break-all;
    line-height: 1.3
}
.noAccount {
    height: 3.6rem;
    border: 1px dashed #ddd;
    background: #eee;
    border-radius: .375rem;
    line-height: 3.6rem;
    color: #999
}
.tx-tips {
    padding: 2%;
    width: 92%;
    margin: 2% auto 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap
}
.bank-tips {
    border: 1px solid #fdd5d5;
    background: #fef1f1
}
.addaccount-layout {
    width: 88%;
    height: 12.5rem;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    margin: 40% auto auto auto
}
.addaccount-layout .inputbg {
    padding: 1%;
    background: #f4f8f9;
    text-align: center;
    border-radius: 2rem
}
.addaccount-layout input {
    padding: 2%;
    background: #f4f8f9
}
.addaccount-layout .select {
    -webkit-appearance: none;
    background: #f4f8f9;
    width: 71%;
    border: 0
}
.record-list {
    padding: 4%;
    padding-top: 5.8rem
}
.record-list .item {
    padding: 4%
}
.record-list .top {
    display: flex;
    align-items: flex-start;
    padding-bottom: 2%;
    line-height: 140%;
    border-bottom: .05rem solid #ddd
}
.record-list .top .order-num {
    max-width: 12rem;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis
}
.record-list .type-img {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%
}
.record-list .wx-spacing {
    letter-spacing: .12rem
}
.record-list .sell {
    background: url("../images/ps01.png") 0 0 / 100% 100% no-repeat
}
.record-list .tx {
    background: url("../images/ps02.png") 0 0 / 100% 100% no-repeat
}
.record-list .alipay {
    background: url("../images/ps05.png") 0 0 / 100% 100% no-repeat
}
.record-list .wx {
    background: url("../images/ps03.png") 0 0 / 100% 100% no-repeat
}
.record-list .bank {
    background: url("../images/ps04.png") 0 0 / 100% 100% no-repeat
}
.record-list .type-text {
    padding-left: 3%;
    flex-grow: 1
}
.record-list .btm {
    padding-right: .7rem
}
.record-list .btm p {
    display: flex;
    justify-content: space-between
}
.record-list .btm p span:nth-child(1) {
    max-width: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.record-list .btm .arrow {
    position: absolute;
    right: 0;
    bottom: .2rem;
    width: .75rem;
    height: .75rem;
    display: block;
    background: url(../images/icon39.png) 0 0 /100% 100% no-repeat
}
.cardswrap .flex {
    display: flex;
    justify-content: space-between
}
.tongji-list {
    padding: 4%;
    position: relative;
    top: -2.25rem;
    margin-bottom: -2.25rem
}
.tongji-list .item {
    margin-bottom: 4%
}
.tongji-list .item h5 {
    word-wrap: break-word;
    word-break: break-all
}
.tongji-list .table {
    display: flex;
    justify-content: space-around;
    align-items: center
}
.tongji-list .table .cell-th,
.tongji-list .table .cell-td {
    width: 25%;
    text-align: center
}
.tongji-list .table .cell-th {
    margin-top: .5rem;
    color: #999
}
.tx-detail {
    width: 82%;
    padding: 0 4% 4% 4%;
    margin-left: auto;
    margin-right: auto
}
.tx-detail li {
    display: flex;
    justify-content: flex-start;
    padding: .5rem 0;
    border-bottom: .05rem solid #eee;
    font-size: .7rem
}
.tx-detail li:nth-last-child(1) {
    border-bottom: 0
}
.tx-detail li span:nth-child(1) {
    width: 25%;
    text-align: right;
    color: #999;
    padding-right: 2%
}
.tx-detail li span:nth-child(2) {
    width: 70%;
    word-break: break-all;
    word-wrap: break-word
}
.resub-layout {
    width: 90%;
    position: fixed;
    bottom: -30rem;
    left: 50%;
    z-index: 10;
    transform: translateX(-50%) translateY(50%)
}
.resub-layout .cate a {
    display: inline-block;
    padding: 0 .25rem;
    border: 1px solid #999;
    border-radius: 2px;
    margin-right: .3rem
}
.resub-layout .cate a.cur {
    border-color: #329afa;
    color: #329afa
}
.self-rate input {
    width: .75rem;
    text-align: center;
    margin: 0 .25rem;
    border: 0;
    color: #329afa;
    vertical-align: middle;
    background: url("/content/images/btm_line.png") center bottom repeat-x;
    border-radius: 0
}
.self-rate input.full {
    background: 0
}
.self-rate .pos {
    position: absolute;
    font-size: 1rem;
    left: 4.45rem;
    top: 0;
    color: #329afa
}
.qrcode-layout {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 12vh;
    background: #fff;
    border-radius: 0.3rem;
    z-index: 10
}
.qrcode-layout .pd4 {
    padding-bottom: 0
}
.qrcode-layout .top-txt {
    text-indent: 18%;
    background: url("/contentmobile/images/promise-icon1.png") left center no-repeat;
    background-size: contain
}
.qrcode-layout .telbg {
    width: 65.5vw;
    height: 86.5vw;
    border: 1px solid #fff;
    margin: 4vw auto 0 auto;
    background: url("/contentmobile/images/promise-telbg.png") bottom no-repeat;
    background-size: cover
}
.qrcode-layout .telbg .code {
    width: 48vw;
    padding: 4vw;
    margin: 10vw auto 8vw auto;
    position: relative
}
.qrcode-layout .telbg .code .logo-c {
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    border-radius: 4px;
    background: #fff url("/contentmobile/images/promise-lg-code.png") 100%/100% no-repeat
}
.qrcode-layout .telbg .code span {
    display: block;
    width: 1rem;
    height: 0.3rem;
    position: absolute;
    background-color: #68c6b6
}
.qrcode-layout .telbg .code span:after {
    content: "";
    display: block;
    width: 0.3rem;
    height: 1rem;
    background-color: #68c6b6
}
.qrcode-layout .telbg .code .lt-bar {
    left: 0;
    top: 0
}
.qrcode-layout .telbg .code .rt-bar {
    right: 0;
    top: 0
}
.qrcode-layout .telbg .code .rt-bar:after {
    position: absolute;
    right: 0;
    top: 0
}
.qrcode-layout .telbg .code .rb-bar {
    right: 0;
    bottom: 0
}
.qrcode-layout .telbg .code .rb-bar:after {
    position: absolute;
    right: 0;
    bottom: 0
}
.qrcode-layout .telbg .code .lb-bar {
    left: 0;
    bottom: 0
}
.qrcode-layout .telbg .code .lb-bar:after {
    position: absolute;
    left: 0;
    bottom: 0
}