html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body{width:100%}

@media (min-width: 768px) {
    html, body {
        width: 22rem;
        margin: 0 auto;
    }
}
    body {
        font-family: Arial,Helvetica,sans-serif;
        line-height: 1.6;
        background: #fff;
        font-size: 14px;
        color: #333;
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: 100%;
        text-rendering: optimizeLegibility
    }

    img, a img, img:focus {
        border: 0;
        outline: 0
    }

    img {
        max-width: 100%;
        height: auto;
    }

    textarea, input, a, textarea:focus, input:focus, a:focus {
        outline: none
    }

    h1, h2, h3, h4, h5, h6 {
        font-weight: normal;
        margin-bottom: 15px;
        line-height: 1.4
    }

        h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
            font-weight: inherit;
            color: #444444
        }

    label {
        font-size: 0.6rem;
    }

    li {
        list-style: none;
    }

    p {
        font-size: 0.65rem;
    }

    hr {
        background: transparent;
        border: none;
        border-bottom: 1px solid #eee;
    }

    textarea {
        -webkit-appearance: none;
    }

    input, select, button {
        border: none;
    }

        input[type=radio] {
            -webkit-appearance: radio;
        }

        input[type=checkbox] {
            -webkit-appearance: checkbox;
            position: relative;
            top: 2px;
        }

        button[disabled], html input[disabled] {
            background: linear-gradient(#ccc, #ccc);
        }

    .div-radio {
        margin: 5px auto;
    }

        .div-radio input[type=radio] {
            position: relative;
            top: 2px;
        }

        .div-radio input[type=checkbox] {
            position: relative;
            top: 2px;
        }

    .bar .icon.bg {
        background: #000;
        opacity: .5;
        padding: .4rem;
        line-height: 1rem;
        border-radius: 50%;
    }

    .bar .title {
        color: #fff;
    }

    .empty {
        text-align: center;
        line-height: 60px;
    }

    .del {
        background: #b56e1c;
        padding: 5px;
        color: #fff;
        line-height: .7rem;
    }

    .item-title-row {
        position: relative;
        line-height: 1.4rem;
    }

    input::-webkit-input-placeholder {
        color: #b3b3b3;
    }

    ::-webkit-input-placeholder {
        color: #b3b3b3;
    }

    :-moz-placeholder {
        color: #b3b3b3;
    }

    ::-moz-placeholder {
        color: #b3b3b3;
    }

    :-ms-input-placeholder {
        color: #b3b3b3;
    }

    table td {
    }

    table th {
    }

    .empty {
        line-height: 2rem;
        min-height: 2rem;
    }

    .card {
        box-shadow: none;
        border: none;
        border-radius: 0.2rem;
        margin: .3rem;
    }

    .card-header {
        font-size: .7rem;
        border-bottom: 1px solid #f3f3f3;
    }

    .content-block .list-block .item-content {
        border-radius: initial;
    }

    .content-block .list-block .nobg {
        border: none;
    }

    .content-block .list-block .item-title {
        padding-right: .3rem;
        text-align: right;
    }

    .content-block .btn, a.btn {
        margin: 0 1rem;
    }

    .content-block {
        padding: 0;
        margin: auto;
        background: transparent;
        height: 100%;
    }

    @media only screen and (min-width:500px) {
        .page.page-current {
            width: 560px;
            margin: auto;
        }
    }

    @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
        .bar.bar-nav {
            height: 88px;
            padding-top: 40px;
        }

        .picker-modal .bar {
            padding-top: 0;
            height: 2.2rem;
        }

        .bar-nav ~ .content {
            top: 88px
        }

        .sf-uc-header .manicon {
            padding-top: 60px !important
        }

        .pretty-content {
            top: 88px !important
        }

        .actions-modal {
            bottom: .6rem !important
        }

        .popup {
            height: initial !important;
            top: 0px !important;
        }

        .bar-tab {
            height: 3rem;
        }

            .bar-tab ~ .content, .bar-tab ~ .page .content, .page .toolbar {
                bottom: 3rem;
            }

        .login-content .login-bottom {
            margin-top: 2rem;
        }

        .content-block {
            margin-top: 1rem;
        }
    }

    @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
        .bar.bar-nav {
            height: 88px;
            padding-top: 40px
        }

        .content .bar {
            height: 5rem;
        }

        .bar-nav ~ .content {
            top: 88px
        }

        .sf-uc-header .manicon {
            padding-top: 60px !important
        }

        .pretty-content {
            top: 88px !important
        }

        .pretty-bottom, .pretty-bottom .btn1 {
            height: 2.8rem !important
        }

        .actions-modal {
            bottom: .6rem !important
        }

        .popup {
            height: initial !important;
            top: 0px !important;
        }

        .bar-tab {
            height: 3rem;
        }

            .bar-tab ~ .content, .bar-tab ~ .page .content, .page .toolbar {
                bottom: 3rem;
            }

        .content-block {
            margin-top: 1rem;
        }
    }

    @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) {
        .bar.bar-nav {
            height: 88px;
            padding-top: 40px
        }

        .bar-nav ~ .content {
            top: 88px
        }

        .sf-uc-header .manicon {
            padding-top: 60px !important
        }

        .pretty-content {
            top: 88px !important
        }

        .pretty-bottom, .pretty-bottom .btn1 {
            height: 2.8rem !important
        }

        .actions-modal {
            bottom: .6rem !important
        }

        .popup {
            height: initial !important;
            top: 0px !important;
        }

        .bar-tab {
            height: 3rem;
        }

            .bar-tab ~ .content, .bar-tab ~ .page .content, .page .toolbar {
                bottom: 3rem;
            }
    }

    @media only screen and (min-device-width: 393px) and (max-device-height: 818px) and (-webkit-device-pixel-ratio: 2.75) {
        .bar.bar-nav {
            height: 88px;
            padding-top: 40px
        }

        .bar-nav ~ .content {
            top: 88px
        }

        .sf-uc-header .manicon {
            padding-top: 60px !important
        }

        .pretty-content {
            top: 88px !important
        }

        .pretty-bottom, .pretty-bottom .btn1 {
            height: 2.8rem !important
        }

        .actions-modal {
            bottom: .6rem !important
        }

        .popup {
            height: initial !important;
            top: 0px !important;
        }
    }

    .left-menu li {
        width: 100%;
        font-size: .8rem;
        overflow: hidden;
    }

        .left-menu li h3 {
            text-align: center;
            color: #e26538;
            font-size: 0.7rem;
            font-weight: bold;
            margin: auto;
            line-height: 40px;
        }

        .left-menu li a.sub {
            color: #fff;
            font-weight: bold;
        }

        .left-menu li a.logout {
            background-color: #e26538;
            text-align: center;
            border: none;
            margin: 10px;
            height: auto;
            line-height: 30px;
        }

        .left-menu li a {
            display: block;
            font-size: .7rem;
            color: #fff;
            height: 40px;
            line-height: 40px;
            border-bottom: 1px solid #636262;
        }

        .left-menu li ul {
        }

            .left-menu li ul li a {
                padding-left: 10px;
                height: 35px;
                line-height: 35px;
            }

            .left-menu li ul li ul li a {
                padding-left: 20px;
            }

    .ver {
        text-align: center;
        margin: auto;
        font-size: 0.6rem;
        color: #d6d6d6;
    }

    .image_box {
        margin: auto;
    }

    .layer {
        padding-right: 15px;
    }

    .webuploader-container {
        position: relative;
    }

    .webuploader-element-invisible {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
    }

    .webuploader-pick {
        position: relative;
        display: inline-block;
        padding: 0 25px;
        line-height: 32px;
        height: 32px;
        cursor: pointer;
        text-align: center;
        overflow: hidden;
        zoom: 1;
        *display: inline;
    }

    .webuploader-pick-hover {
        opacity: 0.9;
    }

    .webuploader-pick-disable {
        opacity: 0.6;
        pointer-events: none;
    }

    .upload-box {
        position: static;
        display: block;
        margin: auto;
    }

        .upload-box .upload-btn {
            display: inline-block;
            margin: 0;
            background: #e26538;
            color: #fff;
            border-radius: 1rem;
        }

        .upload-box .upload-progress {
            position: absolute;
            top: 0;
            left: 0;
            padding: 2px 5px;
            width: 115px;
            height: 28px;
            border: 1px solid #d7d7d7;
            background: #fff;
            overflow: hidden;
        }

            .upload-box .upload-progress .txt {
                display: block;
                padding-right: 10px;
                font-weight: normal;
                font-style: normal;
                font-size: 11px;
                line-height: 18px;
                height: 18px;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            .upload-box .upload-progress .bar {
                position: relative;
                display: block;
                width: 112px;
                height: 4px;
                border: 1px solid #1da76b;
            }

                .upload-box .upload-progress .bar b {
                    display: block;
                    width: 0%;
                    height: 4px;
                    font-weight: normal;
                    text-indent: -99em;
                    background: #28B779;
                    overflow: hidden;
                }

            .upload-box .upload-progress .close {
                position: absolute;
                display: block;
                top: 1px;
                right: 1px;
                width: 14px;
                height: 14px;
                text-indent: -99em;
                cursor: pointer;
                overflow: hidden;
            }

    .upload-btn a {
        display: block;
    }

    .button {
        background-color: #4CAF50; /* Green */
        border: none;
        color: white;
        padding: 2px 24px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
    }

    .main {
        margin: .3rem .3rem;
        border-radius: .3rem;
        padding: .5rem;
        background: #fff;
    }

    .bg1 {
        background-color: #eff3fc;
        padding: 10px 0px 50px 0px;
    }

    .logout {
        border-radius: 0px;
        margin: auto;
        background-color: #fff;
        color: #feba0d;
    }

    .right {
        text-align: right;
    }

    .left, .login-content a.left {
        text-align: left;
    }

    .login-content a.right2 {
        text-align: right;
        padding-right: .8rem;
    }

    .row {
        overflow: hidden;
        width: 100%;
        margin-left: auto;
    }

        .row .col-25 {
            margin-left: auto;
        }

    .userleft {
        padding: 6px 2px;
        position: relative;
    }

        .userleft img {
            border-radius: 100px;
            width: 35px;
            border: 2px solid #fff
        }

        .userleft ul {
            position: absolute;
            top: 6px;
            left: 40px;
            width: 160px;
        }

            .userleft ul li {
                line-height: 17px;
                color: #fff;
                font-size: 12px;
            }

    .h2Tips {
        background: #FFC107;
        padding: .3rem .5rem;
        font-size: .65rem;
        margin: .1rem;
        color: #fff;
        position: relative;
        padding-left: 1.5rem
    }

        .h2Tips i {
            width: 1.4rem;
            height: 1.4rem;
            position: absolute;
            left: .3rem;
            top: .35rem;
            font-size: 1rem;
            color: #fff
        }

    .ver {
        text-align: center;
        margin: auto;
        font-size: 0.6rem;
        color: #d6d6d6;
    }

    .sf-uc-header {
        background: #feba0d url(../images/home_bgd.png?_t=20181210) no-repeat 100% 100%;
        background-size: 100%;
        background-position: top;
        padding: 16px 0;
        color: #fff
    }

        .sf-uc-header .box {
            display: -moz-box;
            display: -webkit-box;
            display: box
        }

        .sf-uc-header .manicon {
            text-align: center;
            padding: 10px 10px 25px 10px;
            margin-top: 40px;
        }

            .sf-uc-header .manicon .scan {
                padding: 10px;
            }

            .sf-uc-header .manicon img {
                width: 100px;
            }

        .sf-uc-header .avatar img {
            width: 130px;
            border-radius: 100px;
            border: 3px solid #fff
        }

        .sf-uc-header nav ul li {
            width: 33.3%;
            text-align: center;
        }

            .sf-uc-header nav ul li:not(:last-child) {
                border-right: 1px solid #fff
            }

            .sf-uc-header nav ul li a p {
                line-height: 1em
            }

        .sf-uc-header a:active, .sf-uc-header a:link, .sf-uc-header a:visited {
            color: #fff
        }

    .sf-uc-menu1 nav ul li:nth-child(3n-1), .sf-uc-menu1 nav ul li:nth-child(3n-2), .sf-uc-menu2 nav ul li.mortgage, .sf-uc-menu2 nav ul li.tax {
        border-right: 1px solid #f4f4f4
    }

    .sf-uc-menu1 nav ul li {
        float: left;
        width: 33.33%;
        text-align: center;
        font-size: 12px;
        height: 83px;
        background-color: #fff;
        padding: 10px 0;
        border-bottom: 1px solid #f4f4f4
    }

        .sf-uc-menu1 nav ul li span {
            display: inline-block;
            height: 30px;
            width: 30px
        }

            .sf-uc-menu1 nav ul li span.air_box_red {
                width: auto;
                height: auto;
                color: white;
                padding: 0 .3rem;
                font-weight: 600;
                border: none;
                background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff6), to(red))
            }

        .sf-uc-menu1 nav ul li h4 {
            font-size: 12px;
            color: #777
        }

        .sf-uc-menu1 nav ul li aside {
            font-size: 10px;
            color: #b5b5b5;
            overflow: hidden
        }

        .sf-uc-menu1 nav ul li.active {
            background-color: #f4f4f4
        }

    .footer, .sf-uc-menu2 nav ul li {
        background-color: #fff;
        text-align: center
    }

    .sf-uc-menu1 nav ul li a {
        display: block;
        position: relative;
    }

    .sf-uc-menu2 nav ul li {
        float: left;
        width: 33.33%;
        height: 75px;
        padding-top: 15px
    }

        .sf-uc-menu2 nav ul li span {
            display: inline-block;
            height: 30px;
            width: 30px
        }

        .arr-r, .sf-uc-menu2 nav ul li a {
            display: block
        }

        .sf-uc-menu2 nav ul li.mortgage span {
            background-position: 0 -80px
        }

        .sf-uc-menu2 nav ul li.tax span {
            background-position: -30px -80px
        }

        .sf-uc-menu2 nav ul li.evaluat span {
            background-image: url(../images/sf-uc-icon.png);
            background-position: -60px -80px
        }

    .sf-uc-menu2 a, .sf-uc-menu2 a:active, .sf-uc-menu2 a:link, .sf-uc-menu2 a:visited {
        color: #666
    }

    .sf-uc-reco > div {
        width: 100%;
        overflow: hidden
    }

        .sf-uc-reco > div ul {
            width: 500%
        }

    .sf-uc-reco ul li {
        float: left;
        margin: 0 20px 0 0;
        padding-bottom: 15px
    }

        .sf-uc-reco ul li p {
            line-height: 1.4em;
            overflow: hidden
        }

            .sf-uc-reco ul li p sup {
                font-size: 6px
            }

        .sf-uc-reco ul li img {
            width: 99px
        }

    .header {
        background: none;
    }

        .header a.block {
            color: #000;
        }

    .list-line {
        border-bottom: 1px solid #eff3fc;
        padding: .2rem .1rem;
    }

    .list-block {
        margin: auto;
        font-size: 0.65rem;
    }

        .list-block .item-media img {
            width: 30px;
        }

            .list-block .item-media img.avatar {
                width: 40px;
                border-radius: 100%;
            }

        .list-block .item-content {
            border-bottom: 1px solid #eff3fc;
            padding: .2rem .1rem;
        }

        .list-block .item-inner {
            border-bottom: none;
            padding: 0px .1rem;
        }

        .list-block .item-list {
            min-height: 2.5rem;
        }

        .list-block .nobg {
            border-bottom: none;
            padding-top: 0.6rem;
        }

        .list-block ul {
            border-bottom: none;
            border-top: none;
            background: transparent;
        }

        .list-block .item-title {
            color: #363636;
            min-width: 3rem;
            line-height: inherit;
        }

        .list-block .item-subtitle, .list-block .item-text {
            color: #5f646e;
            margin: 0px 0px;
        }

        .list-block .item-after-input {
            text-align: right;
            display: inline-block;
        }

            .list-block .item-after-input input[type=text] {
                height: auto;
                border: 1px solid #bbb;
                padding: 5px 2px;
                width: 50%;
                text-align: center;
                display: inline-block;
            }

        .list-block .item-input {
            margin: 0px;
            color: #363636;
        }

        .list-block .warning {
            color: #f60;
        }

    .main .list-block ul {
        border: none;
    }

        .main .list-block ul li:last-child {
            border: none;
        }

    .list-block a {
        width: auto;
        display: block;
    }

    .content-padded h3 {
        text-align: center;
        font-size: .8rem;
        font-weight: bold;
    }

    .content-padded p {
        text-align: left;
        font-size: .65rem;
    }

    .list-block-ext ul {
        border-bottom: none;
        border-top: none;
    }

    .label.label-checkbox i.icon-form-checkbox {
    }

    .buttons-tab .button {
        bottom: initial;
    }

        .buttons-tab .button.active {
            border-color: #feba0d;
        }

    .item-top {
    }

        .item-top .item-media img {
            border-radius: 30px;
            width: 50px;
            border: 2px solid #fff
        }

    .list-block ul ul {
        padding-left: 0px;
        padding-bottom: 5px;
    }

    .userleft2 {
        padding: 6px 2px;
        width: 100%;
    }

        .userleft2 ul li {
            line-height: 20px;
            color: #000;
            font-size: 14px;
        }

    .btn, a.btn {
        width: 100%;
        text-align: center;
        cursor: pointer;
        box-sizing: border-box;
        display: block;
        line-height: 2.1rem;
        min-height: 2.1rem;
        border: none;
        font-size: 0.65rem;
        background: linear-gradient(to right,#232323,#232323);
        color: #fff;
        border-radius: .3rem;
        margin: auto;
        font-weight: bold;
    }

    .btn-primary, a.btn-primary {
        white-space: nowrap;
        width: 100%;
        text-align: center;
        cursor: pointer;
        box-sizing: border-box;
        display: block;
        line-height: 1.8rem;
        min-height: 1.8rem;
        font-size: 0.65rem;
        background: linear-gradient(to right,#232323,#232323);
        color: #fff;
        border-radius: .3rem;
        margin: auto;
    }

    .btn-start {
        width: 40%;
        text-align: center;
        cursor: pointer;
        box-sizing: border-box;
        display: block;
        line-height: 1.8rem;
        min-height: 1.8rem;
        font-size: 0.65rem;
        background: linear-gradient(to right,#fecd32,#ffae53);
        color: #FFF;
        border-radius: 1rem;
        margin: auto;
    }

    .btn-sm, .list-block a.btn-sm {
        white-space: nowrap;
        line-height: 30px;
        height: 30px;
        border-radius: 2rem;
        min-height: initial;
        width: 100%;
        background: linear-gradient(#f97830, #f97830);
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: auto;
    }

    .btn-del {
        white-space: nowrap;
        line-height: 40px;
        height: 42px;
        background-color: #3d4145;
        margin: 0px 2px;
    }

    .btn-team {
        width: 100%;
        text-align: center;
        cursor: pointer;
        box-sizing: border-box;
        display: block;
        line-height: 1.8rem;
        min-height: 1.8rem;
        border: none;
        font-size: 0.65rem;
        background: linear-gradient(to bottom,#6b6a6a,#6b6a6a);
        color: #fff;
        border-radius: .3rem;
        margin: auto;
    }

    .btn-tips {
        background-color: #E91E63;
    }

    .btn2 {
        background: linear-gradient(to bottom,#fee1b6,#eaba7f);
        color: #674130;
        padding: .3rem .6rem;
        border-radius: 1rem;
        margin: 0 .5rem;
    }

    .btn-small {
        background-color: #feba0d;
        color: #fff;
        padding: .3rem .5rem;
        border-radius: 1rem;
        line-height: 1rem;
    }

    .fa {
        color: #c3996d;
        font-size: 1rem;
    }

    .fa-send-o, .fa-times, .fa-sign-out, .fa-indent, .fa-save, .fa-file-text, .fa-diamond, .bar-nav .fa {
        position: relative;
        font-size: 1rem;
        padding: 10px;
        color: #fff;
        top: 1px;
    }

    .fa-file-text {
        width: 30px;
        height: 30px;
        background: url(../images/icon_004.png?_t=20201222) no-repeat;
        background-position: 2px -64px;
        background-size: 30px;
    }

    .fa-ellipsis-h, .fa-plus-circle {
        font-size: 0.8rem;
        padding: 10px;
        text-align: center;
    }

        .fa-ellipsis-h, .fa-plus-circle:before {
            min-height: 2.5rem;
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAKCAYAAACwoK7bAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFDNjhEODdENjBBNzExRUNCOTY2OUExRDNGNjRGQzg0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFDNjhEODdFNjBBNzExRUNCOTY2OUExRDNGNjRGQzg0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUM2OEQ4N0I2MEE3MTFFQ0I5NjY5QTFEM0Y2NEZDODQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUM2OEQ4N0M2MEE3MTFFQ0I5NjY5QTFEM0Y2NEZDODQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5E8VtmAAAAXUlEQVR42mL8//8/Ay0AEwONAM0MZgAFBQwDgQAQTwTiVigbBogSRzELzeBWBSXF/yAMVQwDRIkjm0WzoGBEThWMjIwgr5VCud1A/AHJywTFgWZ9wGrwyE5uAAEGAPR+RO1krKQwAAAAAElFTkSuQmCC') no-repeat center center;
        }

    .fa-bell-o, .fa-font-awesome {
        padding: .5rem .2rem;
        position: relative;
        font-size: 1rem;
        line-height: 1.2rem;
    }

    .fa-envelope-o, .fa-hand-o-right {
        display: inline-block
    }

    .fa-chevron-circle-down, .fa-hand-o-up {
        display: inline-block;
        color: #fff;
        top: 2px;
        position: relative;
    }

    .fa-quote-left {
        display: inline-block;
        color: #c3996d;
        top: 2px;
        position: relative;
        margin-right: .4rem;
    }

    .fa-lock {
        margin-left: 3px;
    }

    .fa-mobile {
        display: block;
        font-size: 1.4rem;
        text-align: center;
        width: 30px;
        height: 30px;
        background: url(../images/icon_004.png?_t=20201222) no-repeat;
        background-position: 2px -64px;
        background-size: 30px;
    }

    .fa-eye {
        display: block;
        font-size: 1.4rem;
        text-align: center;
        width: 30px;
        height: 30px;
        background: url(../images/icon_004.png?_t=20201222) no-repeat;
        background-position: 2px -329px;
        background-size: 30px;
    }

    .fa-cog {
        display: block;
        font-size: 1.3rem;
        text-align: center;
        width: 30px;
        height: 30px;
        background: url(../images/icon_004.png?_t=20201222) no-repeat;
        background-position: 2px -137px;
        background-size: 30px;
    }

    .list-block .swipeout-actions-right a.swipeout-delete, .list-block .swipeout-actions-right a.swipeout-close {
        margin: 0px;
    }

    .picker-modal .bar {
        border-bottom: none;
        padding-top: 0;
        height: 2.2rem;
        background: linear-gradient(to right,#719139,#719139);
        border-top: 1px solid #719139;
    }

    .icon-code {
        zoom: 2;
        font-weight: initial;
    }

    .bar-top {
        background: url(../images/main-bg.jpg?_t=20200209) no-repeat center center;
        height: 1.5rem;
    }

        .bar-top ~ .content {
            top: 1.5rem
        }

    .bar-tab {
        background-color: transparent;
    }

    .bar-tab-box {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .list-block-list {
        text-align: center;
        padding: 15px 5px 20px 5px;
    }

    .item {
        display: inline-block;
        width: 30%;
        text-align: center;
        margin: 5px 0px 0px 0px;
        font-size: 0.6rem;
        line-height: 30px;
    }

        .item a {
            display: block;
            background: #fff;
            border: 1px solid #feba0d;
        }

    a.center, .center {
        display: inline-block;
        text-align: center;
        width: 100%;
    }

    .bar-tab .tab-item.active, .bar-tab .tab-item:active {
        color: #feba0d;
        background-color: #fff;
    }

    .bar-tab .tab-item {
        font-size: 0.7rem;
    }

    .active a, .active {
        color: #fff;
        background-color: #feba0d;
    }

    .list-select-list {
        text-align: center;
        padding: 0px;
    }

        .list-select-list .item {
            width: 45%;
            border: 1px solid #feba0d
        }

    .item-sub {
        min-height: 1.1rem;
        display: list-item;
        line-height: 22px;
    }

    .item-bank {
        display: list-item;
        line-height: 26px;
        height: auto;
    }

        .item-bank input.bank {
            display: list-item;
            line-height: 26px;
            height: auto;
        }

    .list_1 {
        display: none;
    }

    .page-content {
        margin: 20px auto;
    }

        .page-content a {
            margin: 5px auto;
            width: 90%;
            text-align: center;
            cursor: pointer;
            box-sizing: border-box;
            display: block;
            line-height: 30px;
            height: 30px;
            border: none;
            font-size: 0.65rem;
            background: #feba0d;
            color: #fff;
        }

    .mainfoot {
        margin: auto;
        text-align: center;
        width: 100%;
        font-size: 13px;
        text-shadow: 0px 0px 1px #feba0d;
    }

    .mainnotice {
        text-align: center;
        font-size: 12px;
    }

        .mainnotice a {
            padding: 0px;
            display: block;
        }

    .notice {
        padding: 10px 15px;
        line-height: 25px;
        word-wrap: break-word
    }

    .bar-opacity {
        background-color: transparent;
        border-color: transparent;
        border: none
    }

        .bar-opacity.bar .icon {
            color: #fff;
        }

        .bar-opacity .title-opacity {
            opacity: 0;
        }

    .unread {
        width: 0.3rem;
        height: 0.3rem;
        border-radius: 50%;
        background: red;
        position: absolute;
        top: .5rem;
        right: .5rem;
    }

    .loading {
        display: inline-block;
        color: #fff;
        width: .9rem;
        height: .9rem;
        vertical-align: middle;
        animation: rotating 1.6s linear infinite;
    }

    a.btn .loading {
        position: absolute;
        top: 13px;
    }

    @keyframes rotating {
        0% {
            transform: rotate(0);
            -webkit-transform: rotate(0);
        }

        100% {
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
        }
    }

    .row-btn {
        padding: .5rem;
    }

        .row-btn > div {
            text-align: center;
            height: 1.5rem;
            line-height: 1.5rem;
            margin-bottom: .5rem;
            background: #feba0d;
            color: white;
            overflow: hidden;
        }

            .row-btn > div:nth-child(n+5) {
                margin-bottom: 0
            }

    @keyframes bounce-down {
        25% {
            transform: translateY(-2px);
            -webkit-transform: translateY(-2px);
        }

        50%, 100% {
            transform: translateY(0);
            -webkit-transform: translateY(0)
        }

        75% {
            transform: translateY(2px);
            -webkit-transform: translateY(2px)
        }
    }

    .animate-bounce-down {
        animation: bounce-down .7s linear infinite;
    }

    .waiting {
        background: linear-gradient(to bottom,#feba0d,#2c78d2);
        opacity: 0.9;
        color: #fff;
        margin: 20px 40px;
        border-radius: 10px;
        padding: 20px 10px;
        text-align: center;
    }

    .nindex {
        padding: 0.3rem 0.3rem;
        position: relative;
        z-index: 999
    }

    .f_l {
        width: 80%;
        display: inline-block;
    }

    .f_r {
        position: absolute;
        right: 0px;
        top: 33%;
        width: 15%;
        text-align: center;
        color: #3385ff;
    }

    .txt {
        font-size: 0.7rem;
        padding-left: 5px;
    }

    .midspan {
        height: 100%;
        vertical-align: middle;
        display: inline-block;
    }

    .flex {
        display: flex;
    }

        .flex > div {
            flex: 1;
            text-align: center;
        }

        .flex.hasborder > div, .flex.hasborder > a {
            border-right: 1px solid #ddd;
            flex: 1;
        }

            .flex.hasborder > div:last-child, .flex.hasborder > a:last-child {
                border-right: none;
            }

    .btn.hollow {
        background: #fff;
        color: #feba0d;
        height: 2.4rem;
        line-height: 2.4rem;
    }
    /*.flex.hasborder>.btn.hollow:last-child{border-right:1px solid #feba0d;}*/
    .popup-auto {
        height: auto !important;
        top: initial !important;
    }

    .photo-browser .bar {
        background: #000;
        border-bottom: 1px solid #000;
    }

    .content::-webkit-scrollbar {
        display: none;
    }

    .content .bar {
        border-bottom: none;
        background: linear-gradient(to bottom,#feba0d,#feba0d);
    }

    .content .bar-nav {
        position: initial;
    }

    .content .bar .icon {
        color: #3d3d3d
    }

    .widrow {
        position: relative;
        z-index: 999;
    }

        .widrow .currency_name {
            position: absolute;
            left: 25px;
        }

    /*newpage-css*/
    .teda-list li {
        border-bottom: 1px solid #ddd;
        padding: .5rem 0;
    }

        .teda-list li:last-child {
            border: none;
        }

        .teda-list li img {
            width: 2.5rem;
            height: 2.5rem;
            vertical-align: middle;
        }

        .teda-list li .titleTxt {
            font-size: .85rem;
            color: #000;
            min-height: 1rem;
            line-height: 1rem;
            font-weight: 600;
            margin: .3rem 0;
        }

        .teda-list li .subTxt {
            font-size: .7rem;
            color: #aaa;
        }

        .teda-list li .numTxt {
            font-size: .7rem;
        }

    .node-list {
        padding: 1rem;
        background: #eff3fc
    }

        .node-list .item-content {
            margin-bottom: 1rem;
        }

        .node-list ul {
            border: none !important;
        }

        .node-list > ul > li {
            padding: 0 .5rem;
            margin-bottom: 1rem;
            background: #fff;
        }

            .node-list > ul > li:last-child {
                margin: 0;
            }

        .node-list .titleTxt {
            font-size: .7rem;
            color: #aaa;
        }

        .node-list .numTxt {
            font-size: 1rem;
            color: #3385ff;
            margin: .8rem 0;
        }

    .node-list-bac {
        padding: 1rem;
    }

        .node-list-bac ul, .node-list-bac li {
            border: none !important;
        }

        .node-list-bac.list-block .item-content {
            min-height: 90px;
            border-radius: 5px;
            margin-bottom: 1rem;
        }

            .node-list-bac.list-block .item-content .item-title {
                font-size: .7rem;
                color: #fff;
            }

    .swiperPage {
        padding: 0;
    }

        .swiperPage .swiper-slide {
            padding: 0;
        }

            .swiperPage .swiper-slide .swiperPage-main {
                border-radius: 10px;
                background: #fff;
                box-shadow: 0 0 10px #aaa;
                padding: .8rem;
            }

    .swiperPage-img {
        height: 5rem;
        text-align: center;
    }

        .swiperPage-img img {
            width: 4rem;
            height: 4rem;
            vertical-align: middle;
            display: inline-block;
        }

    .swiperPage-titleTxt {
        font-size: .8rem;
        font-weight: 600;
        color: #3385ff;
        text-align: center;
        margin: .5rem 0;
    }

    .swiperPage-numTxt {
        font-size: .7rem;
        height: 1rem;
        line-height: 1rem;
        text-align: center;
        margin: .5rem 0;
    }

    .swiperPage ul {
        border: none !important;
        font-size: .7rem;
        margin-bottom: .8rem;
    }

    .share-box {
        background: linear-gradient(to bottom,#feba0d,#2c78d2);
        margin: 1rem;
        padding: 3rem .5rem 2rem .5rem;
        position: relative;
        border: 1px solid #ddd;
        border-radius: 5px
    }

        .share-box .img-title {
            width: 2.5rem;
            height: 2.5rem;
            position: absolute;
            top: .3rem;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
        }

        .share-box .titleTxt {
            color: #fff;
            font-size: .8rem;
        }

        .share-box .numTxt {
            color: #fff;
            font-size: .8rem;
        }

    .icon1, .icon2, .icon3, .icon4, .icon5, .icon6, .icon7, .icon8, .icon9, .icon10, .icon11, .icon12, .icon13, .icon14, .icon15, .icon16 {
        height: 50px;
        width: 50px;
        margin: auto;
        display: block;
        background-size: 90%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .icon1 {
        background: url("../images/icon_001.png?_t=20201115") no-repeat -1px -187px;
        background-size: 100%;
    }

    .icon2 {
        background: url("../images/icon_001.png?_t=20201115") no-repeat -1px -187px;
        background-size: 100%;
    }

    .icon3 {
        background: url("../images/icon_001.png?_t=20201115") no-repeat -1px -125px;
        background-size: 100%;
    }

    .icon4 {
        background: url("../images/icon_001.png?_t=20201115") no-repeat -1px -262px;
        background-size: 100%;
    }

    .icon5 {
        background: url("../images/icon_001.png?_t=20201115") no-repeat -1px -171px;
        background-size: 100%;
    }

    .icon6 {
        background: url("../images/icon_001.png?_t=20201115") no-repeat -1px 11px;
        background-size: 100%;
    }

    .icon7 {
        background: url("../images/icon_001.png?_t=20201115") no-repeat -1px -35px;
        background-size: 100%;
    }

    .icon8 {
        background: url("../images/icon_001.png?_t=20201115") no-repeat -1px 11px;
        background-size: 100%;
    }

    .icon9 {
        background: url("../images/icon_001.png?_t=20201115") no-repeat -1px -216px;
        background-size: 100%;
    }

    .icon10 {
        background: url("../images/icon_002.png?_t=20201115") no-repeat 2px -96px;
        background-size: 100%;
    }

    .icon11 {
        background: url("../images/icon_002.png?_t=20201115") no-repeat 2px 7px;
        background-size: 100%;
    }

    .icon12 {
        background: url("../images/icon_002.png?_t=20201115") no-repeat 2px -45px;
        background-size: 100%;
    }

    .icon13 {
        background: url("../images/icon_002.png?_t=20201115") no-repeat 2px -193px;
        background-size: 100%;
    }

    .icon14 {
        background: url("../images/icon_004.png?_t=20201115") no-repeat -198px -197px;
    }

    .icon15 {
        background: url("../images/icon_004.png?_t=20201115") no-repeat -198px -197px;
    }

    .icon16 {
        background: url("../images/icon_004.png?_t=20201115") no-repeat -198px -197px;
    }

    .start {
        background-image: url(../images/icon_004.png?_t=20201115);
        background-repeat: repeat-x;
        background-position: 0px 3px;
        background-size: 80px;
        overflow: hidden;
        display: inline-block;
        height: 18px;
        position: absolute;
        margin-left: 3px;
    }

    .start1 {
        width: 14px;
    }

    .start2 {
        width: 27px;
    }

    .start3 {
        width: 40px;
    }

    .start4 {
        width: 53px;
    }

    .start5 {
        width: 66px;
    }

    .start6 {
        width: 81px;
    }

    .start7 {
        width: 94px;
    }

    .start8 {
        width: 107px;
    }

    .icon_key, .icon_lock, .icon_safety, .icon_clear, .icon_language, .icon_version {
        width: 1.6rem;
        height: 1.6rem;
        display: block;
        background-size: auto;
        margin: auto
    }

    .icon_key {
        background: url("../images/icon_004.png?_t=20201115") no-repeat -178px -231px;
    }

    .icon_lock {
        background: url("../images/icon_004.png?_t=20201115") no-repeat -178px -291px;
    }

    .icon_safety {
        background: url("../images/icon_004.png?_t=20201115") no-repeat -178px -352px;
    }

    .icon_exchange {
        background: url("../images/icon_004.png?_t=20201115") no-repeat -178px -458px;
    }

    .icon_language {
        background: url("../images/icon_004.png?_t=20201115") no-repeat -178px -470px;
    }

    .icon_clear {
        background: url("../images/icon_004.png?_t=20201115") no-repeat -178px -408px;
    }

    .icon_out {
        background: url("../images/icon_004.png?_t=20201115") no-repeat -178px -441px;
    }

    .icon_version {
        background: url("../images/icon_004.png?_t=20201115") no-repeat -178px -530px;
    }

    .icon_001 {
        background: url("../images/icon_001.png?_t=20201115") no-repeat 0px -0px;
    }

    .icon_002 {
        background: url("../images/icon_002.png?_t=20201115") no-repeat 0px -0px;
    }

    .icon_003 {
        background: url("../images/icon_003.png?_t=20201115") no-repeat 0px -0px;
    }

    .icon_004 {
        background: url("../images/icon_004.png?_t=20201115") no-repeat 0px -0px;
    }

    .icon_005 {
        background: url("../images/icon_005.png?_t=20201115") no-repeat 0px -0px;
    }

    .icon_006 {
        background: url("../images/icon_006.png?_t=20201115") no-repeat 0px -0px;
    }

    .icon_007 {
        background: url("../images/icon_007.png?_t=20201115") no-repeat 0px -0px;
    }

    .icon_008 {
        background: url("../images/icon_004.png?_t=20201115") no-repeat 6px -223px;
        width: 40px;
        height: 40px;
        background-size: 70%;
    }

    .icon_009 {
        background: url("../images/icon_004.png?_t=20201115") no-repeat -89px -453px;
        display: inline-block;
        float: left;
    }

    .icon_010 {
        background: url("../images/icon_004.png?_t=20201115") no-repeat -90px -519px;
        display: inline-block;
    }

    .zion1, .zion2, .zion3, .zion4, .zion5 {
        display: block;
        margin: auto;
        width: 2.5rem;
        height: 2.5rem;
    }

    .zion1 {
        background: url("../images/icon_005.png?_t=20201115") no-repeat -62px 1px;
        background-size: 500%;
    }

    .zion2 {
        background: url("../images/icon_005.png?_t=20201115") no-repeat 7px 1px;
        background-size: 500%;
    }

    .zion3 {
        background: url("../images/icon_004.png?_t=20201115") no-repeat 4px -28px;
        background-size: 80%;
        width: 40px;
        height: 40px;
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 2px;
    }

    .zion4 {
        background: url("../images/icon_004.png?_t=20201115") no-repeat 4px -143px;
        background-size: 80%;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 4px;
        top: 6px;
    }

    .zion5 {
        background: url("../images/icon_004.png?_t=20201115") no-repeat 4px -104px;
        background-size: 80%;
        width: 40px;
        height: 40px;
        display: inline-block;
        position: relative;
        left: 1px;
        top: 2px;
    }

    .zion4-txt {
        color: #f1d7b5;
        line-height: 3rem;
    }

    .zoom1 {
        height: 3.3rem;
        width: 3.3rem;
        background-size: 3.5rem;
    }

    .my-home, .my-cubes, .my-chart, .my-circle {
        height: 1.5rem;
        width: 80px;
        display: inline-block;
    }

    .bar-tab .tab-label {
        display: inline-block;
    }

    .bar-tab .tab-item.active {
        background: #fbfbfb;
    }

    .bar-tab .tab-item .my-home {
        top: 0;
        font-size: 1.4rem;
        background: url("../images/icon_003.png?_t=20201115") no-repeat -37px 6px;
        background-size: 110%;
    }

    .bar-tab .tab-item .my-cubes {
        top: 0;
        font-size: 1.4rem;
        background: url("../images/icon_003.png?_t=20201115") no-repeat -37px -90px;
        background-size: 110%;
    }

    .bar-tab .tab-item .my-chart {
        top: 0;
        font-size: 1.4rem;
        background: url("../images/icon_003.png?_t=20201115") no-repeat -37px -44px;
        background-size: 110%;
    }

    .bar-tab .tab-item .my-circle {
        top: 0;
        font-size: 1.4rem;
        background: url("../images/icon_003.png?_t=20201115") no-repeat -37px -137px;
        background-size: 110%;
    }

    .bar-tab .tab-item.active .my-home {
        top: 0;
        font-size: 1.4rem;
        background: url("../images/icon_003.png?_t=20201115") no-repeat 26px 6px;
        background-size: 110%;
    }

    .bar-tab .tab-item.active .my-cubes {
        top: 0;
        font-size: 1.4rem;
        background: url("../images/icon_003.png?_t=20201115") no-repeat 26px -90px;
        background-size: 110%;
    }

    .bar-tab .tab-item.active .my-chart {
        top: 0;
        font-size: 1.4rem;
        background: url("../images/icon_003.png?_t=20201115") no-repeat 26px -44px;
        background-size: 110%;
    }

    .bar-tab .tab-item.active .my-circle {
        top: 0;
        font-size: 1.4rem;
        background: url("../images/icon_003.png?_t=20201115") no-repeat 26px -137px;
        background-size: 110%;
    }

    .bar-tab {
        border: none;
        background: #fbfbfb;
        border-radius: inherit;
        box-shadow: inherit;
        height: 3rem;
        padding-top: .1rem;
    }

    .list-main {
    }

    .list-body {
        margin: .5rem;
        border-radius: .5rem;
        background-color: #fff;
    }

        .list-body h3 {
            width: 100%;
            display: inline-block;
            font-weight: bold;
            border-bottom: 1px solid #f6f5f3;
            font-size: .7rem;
            padding: .5rem .8rem;
        }

        .list-body a {
            width: 24%;
            display: inline-block;
        }

        .list-body .item-title {
            color: #333;
            text-align: center;
            padding-bottom: .5rem;
            white-space: nowrap;
            overflow: hidden;
        }

    .list-body2 {
        margin: .5rem;
        padding: .5rem .6rem;
    }

        .list-body2 a {
            width: 49%;
            display: inline-block;
            text-align: center
        }

        .list-body2 .line {
            width: 1%;
            display: inline-block;
            border-left: 1px solid #ccc;
            height: 90px;
            position: absolute;
        }

        .list-body2 .item-title {
            color: #5d5d5d;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            font-size: .7rem;
            font-weight: bold;
        }

        .list-body2 .item-num {
            color: #101010;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            font-size: .8rem;
            font-weight: bold;
        }

        .list-body2 .item-link {
            color: #979797;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            font-size: .6rem;
        }

    .list-body3 {
        margin: .3rem;
    }

    .loader-bottom {
        width: 100%;
        margin-top: 5rem;
        position: fixed;
        bottom: 1rem;
        z-index: 999;
    }

    .forever.bar {
        height: 2.2rem !important;
        padding-top: 0 !important
    }

    .login-content a {
        display: block;
        text-align: center;
        color: #363636;
    }

        .login-content a span {
            color: #abaaaa;
        }

    .login-content.content {
        color: #fff;
        background: #fff;
    }

        .login-content.content .bar {
            background: #9ec558;
        }

    .login-content .bar .icon, .login-content .bar .title {
        color: #fff
    }

    .login-content .main {
        margin: auto 1.2rem;
        padding: 0;
        height: auto;
    }

    .login-content .login-bottom {
        width: 100%;
        margin-top: 5rem;
    }

    .login-content .line-x {
        border-top: 1px solid #d6d6d6;
        margin: 0 1rem;
    }

    .login-content .line-tips {
        position: relative;
        top: -12px;
        z-index: 999;
        background-color: #fff;
        width: 30%;
        margin: auto;
        text-align: center;
        color: #5d5e5c
    }

    .login-content .list-block input::-webkit-input-placeholder {
        color: #b3b3b3;
    }

    .login-content .list-block .item-content {
        background: transparent;
        margin: 0;
        border-radius: inherit;
    }

    .login-content .list-block .middle {
        padding: 2rem 0 0 0
    }

        .login-content .list-block .middle a {
            display: inline-block;
            text-align: center;
            width: 35%;
            color: #a8a8a8;
        }

        .login-content .list-block .middle .item-inner {
            margin: auto;
        }

    .login-content .list-block .item-content.nobg {
        padding: .8rem 0;
        border: none;
    }

    .login-header {
        color: #fff;
        height: 28%;
        background: #fff url(../images/my_003.jpg?_t=20201222) no-repeat;
        background-position: bottom;
        background-size: cover;
    }

    .login-pos {
        position: fixed;
        top: 12%;
        width: 100%;
    }

    .login-title {
        color: #fff;
        padding-left: 1.6rem;
        font-size: 1.5rem;
    }

        .login-title em {
            color: #fff;
            font-size: .9rem;
            font-style: inherit;
        }

        .login-title i {
            color: #fff;
            font-size: .9rem;
            font-style: inherit;
            line-height: 1.5rem;
        }

    .language {
        color: #ff915a;
        font-weight: bold;
    }

    .content {
        background: #eff3fc;
    }

    .center-content {
    }

        .center-content .swiper-slide {
            padding: 0 .5rem;
        }

        .center-content .list-slide {
            padding: 0 .2rem;
        }

    .share-content {
        background: #ffdd9a
    }

    .loading-content {
        background: #feba0d url(../images/my_003.jpg?_t=20201222) no-repeat;
        background-position: top;
        background-size: contain;
        color: #fff;
    }

    .share-content .list-block .item-content {
        border: none;
    }

    .main-content {
        background: url("../images/main-bg.jpg?_t=20200209") no-repeat center center;
        background-size: cover;
    }

    .main-message {
        margin: 1.2rem 1.5rem;
        border-radius: 8px;
        overflow: hidden;
        display: flex;
        height: 1.5rem;
        line-height: 1.5rem;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
        background: #fff;
        padding: 0 1.5rem;
    }

        .main-message span {
            width: 1rem;
            height: .9rem;
            display: inline-block;
            margin: 0.3rem 0;
            position: relative;
        }

        .main-message .mark {
            background: red;
            width: 8px;
            height: 8px;
            border-radius: 8px;
            position: absolute;
            top: -2px;
            left: -5px;
        }

        .main-message span.horn {
            background: url("../images/horn.png") no-repeat center;
            background-size: cover;
        }

        .main-message span.fa-angle-right {
            color: #36b0a5;
            font-size: 1rem;
            margin-top: .2rem;
        }

        .main-message .message-title {
            margin: 0 1rem;
            flex: 1;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: #757575;
            text-align: center;
            font-size: .7rem;
        }

    .main-currency > div {
        background: white url("../images/currency-bg1.png") no-repeat left bottom;
        margin: 0 0 .3rem .3rem;
        padding: 1.5rem 0rem;
        border-radius: 30px;
        background-size: contain;
        min-height: 20px;
    }

        .main-currency > div:last-child {
            margin-right: .3rem;
        }

    .main-currency.long > div {
        background: white url("../images/currency-bg2.png") no-repeat left bottom;
        background-size: contain;
        margin: 1rem;
    }

    .main-currency.long.nobg > div {
        background: white;
    }

    .main-currency.small > div {
        padding: .5rem 0;
        border-radius: 10px;
        margin-bottom: .3rem;
    }

        .main-currency.small > div .currency_name {
            margin-top: 0;
            font-size: .63rem;
        }

    .main-Increase {
        height: 2rem;
    }

    .currency_img {
        width: 70%;
        margin: 0 auto;
    }

        .currency_img img {
            border-radius: 10px;
        }

    .currency-item {
        text-align: left;
        padding-left: .1rem;
    }

        .currency-item > div {
            margin-bottom: .5rem;
        }

    .currency_name {
        font-size: .7rem;
        color: #53aabe;
        margin-top: .3rem;
    }

    .currency_title {
        color: #666;
        font-size: .5rem;
    }

    .currency_num {
        color: #043464;
        font-size: .6rem;
    }

    /*节点*/
    .note-content {
        background: url("../images/main-bg.jpg?_t=20200209") no-repeat center center;
        background-size: cover;
    }

    .note-title {
        height: 1.5rem;
        background: #36b0a5;
        width: 70%;
        margin: 0 auto !important;
        position: relative;
        border-radius: 8px;
        line-height: 1.5rem;
        text-align: center;
        color: #fff;
    }

    .note-title-text {
        flex: 1;
    }

    .note-title .fa {
        color: #fff;
        width: 1rem;
        position: relative;
        top: .32rem;
    }

    .note-title-img {
        width: 2.5rem;
        height: 2.5rem;
        position: absolute;
        left: -.75rem;
        top: -.5rem;
        border-radius: 50%
    }

    .note-item {
        text-align: left;
        margin: 1rem 0 .5rem;
    }

        .note-item > div {
            padding-left: 1.5rem;
        }

            .note-item > div:last-child {
                padding-left: 1rem;
            }

        .note-item .currency_title {
            font-size: .75rem;
        }

        .note-item .currency_num {
            font-size: .75rem;
        }

    .note-content .main-currency > div {
        padding: 1rem 0;
    }

    .note-content .main-currency:not(.long) {
        margin: 1.5rem;
    }

    .note-content .currency_img {
        width: 55%;
    }

    /*交易平台*/
    .transaction-content {
        background: url("../images/transaction-bg.jpg?_t=20200209") no-repeat center center;
        background-size: cover;
    }

        .transaction-content .main-currency {
            margin: 1.5rem;
        }

            .transaction-content .main-currency > div {
                padding: .3rem 0;
                border-radius: 14px;
            }

        .transaction-content .currency_name {
            margin-top: .65rem;
        }

        .transaction-content .currency_img {
            width: 80%;
        }

    /*我的*/
    .mine-item .icon {
        width: 1rem;
        height: 1rem;
        display: block;
    }

        .mine-item .icon.name {
            background: url("../images/name.png") no-repeat center center;
            background-size: contain;
        }

        .mine-item .icon.id {
            background: url("../images/id.png") no-repeat center center;
            background-size: contain;
        }

        .mine-item .icon.phone {
            background: url("../images/phone.png") no-repeat center center;
            background-size: contain;
        }

        .mine-item .icon.credit {
            background: url("../images/credit.png") no-repeat center center;
            background-size: contain;
        }

    .mine-line {
        text-align: left !important;
        padding-left: .5rem;
        color: #36b0a5;
        font-size: .6rem;
        height: 1rem;
        line-height: 1rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .mine-list {
        margin-top: .7rem;
        color: #36b0a5;
    }

        .mine-list li {
            height: 1.5rem;
            line-height: 1.5rem;
            padding: 0 1rem;
            background: #fff;
            margin-bottom: .3rem;
        }

            .mine-list li .icon, .mine-list li .fa {
                width: 1rem;
                height: 1rem;
                display: block;
                margin: .25rem .3rem;
            }

    .mine-list-title, .mine-list-subtitle {
        line-height: 1.5rem;
        text-align: right !important;
        font-size: .65rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .mine-list-title {
        margin-right: 1rem;
        text-align: left !important
    }

    .mine-list li .icon.key {
        background: url("../images/key.png") no-repeat center center;
        background-size: contain;
    }

    .mine-list li .icon.lock {
        background: url("../images/lock.png") no-repeat center center;
        background-size: contain;
    }

    .mine-list li .icon.safety {
        background: url("../images/safety.png") no-repeat center center;
        background-size: contain;
    }

    .mine-list li .icon.devices {
        background: url("../images/noteMarketimg.png") no-repeat center center;
        background-size: contain;
    }

    .mine-list li .icon.exchange {
        background: url("../images/mine-9.png") no-repeat center center;
        background-size: contain;
    }

    .mine-list li .icon.hpv {
        background: url("../images/shangjia2.png") no-repeat center center;
        background-size: contain;
    }

    .mine-list li .icon.exwnct {
        background: url("../images/wnct.png") no-repeat center center;
        background-size: contain;
    }

    /*节点市场*/
    .content.noteMarket-content {
        background: url("../images/nodeMarket-bg.jpg") no-repeat center center;
        background-size: cover;
    }

    .noteMarket-content .list-block ul li:last-child {
        border: none;
    }

    .noteMarket-content .list-block ul li, .noteMarket-content .list-block ul li .item-title {
        color: #36b0a5;
    }

    .noteMarket-txt {
        margin: 0 auto;
        height: 1.5rem;
        line-height: 1.5rem;
        text-align: center;
        font-size: .7rem;
    }

    .noteMarket-name {
        width: 70%;
        color: #fff;
        border-radius: 15px;
        background: linear-gradient(#feba0d, #feba0d);
    }

    .noteMarket-count {
        width: 50%;
        background: #d8efef;
        border-radius: 8px;
        margin-bottom: .7rem;
        font-size: .85rem;
        border-top-left-radius: initial;
        border-top-right-radius: initial;
    }

    .noteMarket-img {
        border-radius: 50%;
        width: 5rem;
        height: 5rem;
        margin: .5rem auto .5rem
    }

    .noteMarket-content .list-block {
        padding-top: .5rem;
    }

        .noteMarket-content .list-block .item-title {
            margin-left: .5rem;
        }

        .noteMarket-content .list-block .item-media img {
            width: 1rem;
            height: 1rem;
        }

    .sign {
        background: #fb9e27 url(../images/sign.jpg);
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .item-sign {
        position: fixed;
        bottom: 1rem;
        width: 50%;
        margin: auto;
        left: 25%
    }

    .list-block .item-media {
        width: 40px;
    }

    .list-menu {
        line-height: 3rem;
        text-align: center;
    }

        .list-menu li {
            display: inline-block;
            width: 10%
        }

    .header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 12;
        background: #fff;
        height: 2.5rem;
        box-shadow: 0 0.12rem 0.2rem 0 rgba(80,80,80,0.1);
    }
@media (min-width: 768px) {
    .header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 12;
        background: #fff;
        height: 2.5rem;
        box-shadow: 0 0.12rem 0.2rem 0 rgba(80,80,80,0.1);
        width:22rem;
        margin:0 auto;
    }
}
    .header .wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%;
    }

    .header .gh {
        display: block;
    }

    .header .logo {
        width: 1.8rem;
        display: block;
        margin: 0 auto;
    }

        .header .gwc img,
        .header .logo img {
            width: 100%;
            display: block;
        }

.header .gwc {
    width: 0.8rem;
    margin-right: 0.32rem;
    display: block;
}

    /*pad*/
    img {
        max-width: 100%;
    }

    .gh {
        height: 28px;
        width: 28px;
        position: absolute;
        transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
        -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
        -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
        cursor: pointer;
        z-index: 9999;
        display: none;
    }

    .selected .gh {
        transform: rotate(90deg);
    }

.gh a {
    background-color: #000000;
    display: block;
    margin: 0 auto;
    height: 2px;
    margin-top: -1px;
    margin-left: 8px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
    border-radius: 2px;
}

        .gh a:after {
            width: 100%;
        }

        .gh a:before {
            width: 100%;
        }

        .gh a:after,
        .gh a:before {
            background-color: #000000;
            content: "";
            display: block;
            height: 2px;
            left: 0;
            border-radius: 2px;
            position: absolute;
            transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
            -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
            -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
        }

        .gh a:after {
            top: 8px;
        }

        .gh a:before {
            top: -8px;
        }

    .selected .gh a:after,
    .selected .gh a:before {
        top: 0;
    }

    .selected .gh a:before {
        transform: translateY(0px) rotate(-45deg);
        -webkit-transform: translateY(0px) rotate(-45deg);
        -ms-transform: translateY(0px) rotate(-45deg);
        background: #000000;
        width: 100%;
    }

    .selected .gh a:after {
        transform: translateY(0px) rotate(45deg);
        -webkit-transform: translateY(0px) rotate(45deg);
        -ms-transform: translateY(0px) rotate(45deg);
        background: #000000;
        width: 100%;
    }

    .selected .gh a {
        background-color: transparent !important;
    }

    .selected .header {
        overflow: visible;
    }

        .selected .header .nav {
            display: block;
            z-index: 111;
            position: absolute;
            left: 0;
            top: 80px;
            right: 0;
            margin: 0;
        }

            .selected .header .nav li a {
                text-align: center;
                width: auto;
                display: block;
                background: rgba(255, 255, 255, 0.9);
                margin: auto;
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                line-height: 50px;
                padding: 0;
            }

            .selected .header .nav li a {
                color: #000000;
            }

            .selected .header .nav .selected a {
                border-bottom-color: #73e5b1;
            }



    .footer2 {
        padding: 1.5rem 0;
        background: #232323;
        margin: 5rem 0 0 0;
    }

    @media (min-width: 768px) {
        .footer2 {
            padding: 1.5rem 0;
            background: #232323;
            margin: 0 auto;
            margin-top: 5rem;
            width: 22rem;
        }
    }

    .footer2 .wrap {
        padding: 0 0.8rem;
    }

    .footer2 h2 {
        font-size: 0.8rem;
        line-height: 1.5;
        color: #fff;
        font-weight: bold;
    }

    .footer2 h6 {
        font-size: 0.65rem;
        line-height: 0.5;
        color: #aaaaaa;
        margin: 0.2rem 0 0.6rem;
    }

    .footer2 .fms {
        background: #fff;
        border-radius: 0.4rem;
        height: 1.4rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.08rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

        .footer2 .fms .t1 {
            width: calc(100% - 1.9rem);
            height: 100%;
            padding: 0 0.25rem;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 0.6rem;
            color: #000;
            border: none;
            background: none;
        }

        .footer2 .fms .sub {
            width: 2.84rem;
            height: 100%;
            border-radius: 0.3rem;
            background: #232323;
            font-size: 0.5rem;
            color: #fff;
            font-weight: bold;
            text-align: center;
            border: none;
            padding: 0.28rem 0;
        }

    .footer2 .list {
        margin: 1.2rem 0 1rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

        .footer2 .list dt {
            font-size: 0.65rem;
            line-height: 2.3;
            color: #fff;
            font-weight: bold;
            margin-bottom: 0.4rem;
        }

        .footer2 .list dd a {
            font-size: 0.6rem;
            line-height: 1.6;
            color: #aaaaaa;
            display: block;
            margin-bottom: 0.24rem;
        }

    .footer2 .icon ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .footer2 .icon li {
        margin-right: 0.22rem;
        width: 0.9rem;
    }

        .footer2 .icon li img {
            width: 100%;
            display: block;
        }

    .copyright {
        border-top: 1px solid #3b3b3b;
        padding-top: 0.8rem;
        font-size: 0.65rem;
        line-height: 2.6;
        margin-top: 1.8rem;
        color: #a5a5a5;
        text-align: center;
    }

        .copyright a {
            color: #a5a5a5;
        }


    .mask {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 23;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        width: 100%;
        height: 100%;
        display: none;
    }

    .msktanc {
        position: fixed;
        left: -14.8rem;
        top: 0;
        z-index: 24;
        width: 14.8rem;
        background: #fff;
        height: 100%;
        overflow: hidden;
        transition: all 0.5s;
    }

        .msktanc.on {
            left: 0;
        }

        .msktanc .gb {
            position: absolute;
            right: 0.8rem;
            top: 0.8rem;
            z-index: 1;
            background: url(/static/RWHh5/images/gb.png) no-repeat center;
            background-size: 0.6rem auto;
            width: 0.6rem;
            height: 0.6rem;
        }

        .msktanc .pic {
            position: absolute;
            right: -1rem;
            bottom: 24%;
            z-index: -1;
            width: 9rem;
        }

            .msktanc .pic img {
                width: 100%;
                display: block;
            }

        .msktanc .nav {
            position: relative;
        }

            .msktanc .nav ul {
                padding: 2rem 0.4rem;
            }

            .msktanc .nav li a {
                padding: 0.36rem 0;
                font-size: 0.7rem;
                line-height:3.2;
                color: #363636;
                display: block;
                text-align: center;
            }

            .msktanc .nav li {
                border-bottom: 1px solid #eeeeee;
            }