html {
    color: #000;
    background-color: rgb(228,239,243);
}

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

body, input {
    background: rgb(228,239,243);
}

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

fieldset, img {
    border: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: 400
}

li {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}

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

abbr, acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-size: 100%;
    outline: none
}

legend {
    color: #000
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent
}

body {
    font-size: .12rem;
    line-height: 1.75em;
    font-family: Helvetica, Arial, PingFang SC, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1;
    _font-family: \\5B8B\4F53;
    color: #333
}

a {
    text-decoration: none
}

input {
    outline: none;
    -webkit-appearance: none
}

.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex > .cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    display: block;
    padding: 0 !important;
    position: relative
}

.global-toast {
    position: fixed;
    top: 48%;
    left: 50%;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: .13rem;
    border-radius: .05rem;
    padding: .08rem .1rem;
    max-width: 1.6rem;
    text-align: center;
    visibility: hidden;
    z-index: 10000000000000000000
}

.global-toast .toast-content {
    vertical-align: middle
}

.global-toast.md-effect-1 {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    opacity: 0;
    transition: all 1s
}

.global-toast-show {
    visibility: visible
}

.global-toast-show.md-effect-1 {
    -webkit-transform: scale(1.2) translate(-40%, -40%);
    transform: scale(1.2) translate(-40%, -40%);
    opacity: 1
}

.global-masker, .global-toast-lock {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 999999999
}

.global-toast-lock {
    background: transparent
}

.global-confirm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    transition: all 1s
}

.global-confirm .comfirm-ctx {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.7rem;
    height: 1rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99999;
    background-color: #fff;
    color: #333;
    font-size: .16rem;
    text-align: center;
    border-radius: .1rem
}

.global-confirm .title {
    height: .56rem;
    line-height: .56rem;
    border-bottom: 1px solid #eee
}

.global-confirm .btn-group .btn {
    height: .43rem;
    line-height: .43rem;
    text-align: center
}

.global-confirm .btn-group .btn.btn-cancel {
    border-right: 1px solid #eee;
    color: #666
}

.global-confirm .btn-group .btn.btn-cfm {
    color: rgb(20, 153, 73)
}

.global-confirm-show {
    visibility: visible;
    opacity: 1
}

.global-body-lock {
    height: 100vh; /*background-color:#f5f5f5;*/
    position: fixed;
    left: 0;
    right: 0
}

:-moz-placeholder, ::-moz-placeholder {
    color: #bbb !important;
    opacity: 1
}

input:-ms-input-placeholder {
    color: #bbb !important;
    opacity: 1
}

input::-webkit-input-placeholder {
    color: #bbb !important;
    opacity: 1
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-aspect-ratio: 1.5) {
    .border-x-1px:after {
        -webkit-transform: scaleY(.7);
        transform: scaleY(.7)
    }

    .border-y-1px:after {
        -webkit-transform: scaleX(.7);
        transform: scaleX(.7)
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-aspect-ratio: 2) {
    .border-x-1px:after {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    .border-y-1px:after {
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2.5),(min-device-aspect-ratio: 2.5) {
    .border-x-1px:after {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }

    .border-y-1px:after {
        -webkit-transform: scaleX(.4);
        transform: scaleX(.4)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-aspect-ratio: 3) {
    .border-x-1px:after {
        -webkit-transform: scaleY(.333);
        transform: scaleY(.333)
    }

    .border-y-1px:after {
        -webkit-transform: scaleX(.333);
        transform: scaleX(.333)
    }
}

@media (-webkit-min-device-pixel-ratio: 3.5),(min-device-aspect-ratio: 3.5) {
    .border-x-1px:after {
        -webkit-transform: scaleY(.2857);
        transform: scaleY(.2857)
    }

    .border-y-1px:after {
        -webkit-transform: scaleX(.2857);
        transform: scaleX(.2857)
    }
}

.module-unsign-tip {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    background: #f5a623;
    line-height: 44px;
    font-size: .12rem;
    font-family: PingFangSC-Regular;
    color: #fff;
    text-align: center;
    z-index: 9999999;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.module-unsign-tip i {
    display: inline-block;
    width: .16rem;
    height: .16rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACf0lEQVRIS8WXS4hPcRTHP9/ExnM1ShpGCGVjJXamMBaKhI0UCeW1J0yxxyyMBWskijJIdmRNScijJmVWnhuPOTo6l//c9/1r/vOru7j39/udz++c33ld0cYws+nA3Ng6LOlLUzGqs8HM5gAb41kFzEzt+wQ8Am76I+l9ldxSsJl1AceAvcCUEPYSeAMMx7tr3gMsivfvwAXglKSRogMUgs1sC3AJcLO+Bs6FNg7NDDNzuFvlELAAcPPvknQtb30GbGb+7ThwAvgKHAUGJf2oMp/Pm9lkYB9wGpgG9EvqT+/NAzvwJPDWNZD0NL3JzCYBZ+L7EUm/ctYsjzuf7/LS8DHgMO9V4B2wUtKHArOuB4Zirk/SnYJ1s4HHwDxga6vZ/4LDkV6FgNV5mibCzWwbcDnet0u6UnQNZuaaP4z5hYnDtYLdeQ66c0gaKLvPJuC4d5fr8gckufPxBxxxmoTIkipHagPsDvc8kk6Px3kCdi88D7ijnK3y3qbgUO5wOOR+SYMJ+DbQ5/EnKTdOWw/TJtjj3PPBkKQNCfgjMCJpcZW2cfrazpU68AugS9IsRcL/DNyTtG6cwXeBtcAMBy8Fnnl6lLR7nMEXPY0CyyYU7EWg86YOZ2nqXJuA63EtmyXdqHlF/5wrwE3DaSrwIGBrJH2rAkfZzIRTowRSBSkoGLkJxFub2ikzrNQNjEpKOpHC80SNzqbMENSkSOwEPDRGgR1l1am0SMSk91d1y+J9oDdUvCXJW57cUVkWA+59Vp1G4ICXOC9swB5Jrn1mmFl1I5DsMrPK1icOuQL4KelJAbR+6xMCJ6bZa9G8s+1tqox1vqFPHaCzvzAlIfLfP22/AWCAiY4yF+R1AAAAAElFTkSuQmCC) no-repeat;
    background-size: cover;
    vertical-align: middle;
    position: relative;
    top: -.02rem;
    right: .05rem
}

body {
    background: rgb(228,239,243);
    height: 100vh
}

.footer {
    position: absolute;
    bottom: .05rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: .14rem;
    color: #bbb;
    width: 3rem;
    text-align: center
}

.uc-source-order {
    padding-top: .18rem
}

.uc-source-order .empty-bg {
    margin: .4rem auto 0;
    width: 1.8rem;
    height: 1.3rem;
    background-image: url(../img/kong.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.uc-source-order .empty-text {
    text-align: center;
    margin-top: .3rem;
    font-size: .16rem;
    color: #666
}

.uc-source-order .item {
    position: relative;
    padding: .2rem .3rem 0rem;
    box-sizing: border-box;
    width: 3.55rem;
    margin: 0 auto;
   /* background-image: url(../img/uc-my-source-bg.png);*/
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

.uc-source-order .itembg {
    background-image: url(../img/uc-my-source-bg.png);
    height: 3.24rem;
}

.uc-source-order .itembigbd {
    /* background-image: url(../img/uc-my-source-bgl.png); */
    /*height: 3.8rem;*/
    background-color: white;
    border: 1px rgb(223, 229, 232) solid;
    border-radius: .05rem;
    padding-bottom: .1rem;
}

.uc-source-order .item .header {
    color: #333;
    font-size: .16rem;
    line-height: .24rem;
    padding-bottom: .18rem;
    margin-bottom: .18rem;
    border-bottom: .01rem rgb(231,233,232) solid;
}

.uc-source-order .item .header:before {
    content: "";
    display: inline-block;
    width: .22rem;
    height: .22rem;
    vertical-align: middle;
    position: relative;
    top: -.02rem;
    margin-right: .1rem;
    background-image: url(../img/lou.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

.testorder-water {
    width: 3rem;
    opacity: 0.6;
    position: absolute;
    /*height: 2rem;*/
    z-index: 9999;
    left: 50%;
    margin-left: -1.5rem;
    margin-top: .3rem;
}

.uc-source-order .item .info p {
    color: #666;
    font-size: .14rem;
    line-height: .14rem;
    margin-bottom: .12rem
}

.uc-source-order .item .bottom {
    font-size: .16rem;
    color: #666;
    width: 3rem;
    margin-top: .1rem;
}

.uc-source-order .item .bottom .tag {
    position: relative;
    top: .03rem;
    font-size: .14rem
}

.uc-source-order .item .bottom .price {
    text-align: right;
    position: relative;
    /*top: -.03rem*/
}

.uc-source-order .item .bottom .price i {
    font-style: normal
}

.uc-source-order .item .bottom .price .symbol {
  /*  display: inline-block;
    margin-right: .05rem;
    position: relative;
    top: .01rem;
    font-weight: 500;
    font-size: .26rem;
    width: .15rem;
    height: .19rem;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzFweCIgaGVpZ2h0PSIzN3B4IiB2aWV3Qm94PSIwIDAgMzEgMzciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ2LjIgKDQ0NDk2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7CpTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSLnm7jlhbNXQVDpobXpnaIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLmiLflnovor6bmg4XpobVf56Gu6K6k6K6i5Y2VIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjQ0LjAwMDAwMCwgLTU1NS4wMDAwMDApIiBmaWxsPSIjRUU0NDMzIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IsKlIiBwb2ludHM9IjI0NC41NzIgNTU1LjIwNTMzMyAyNTQuNjkzMTA3IDU3Mi45MDI4MTIgMjQ3Ljg0MTg5NiA1NzIuOTAyODEyIDI0Ny44NDE4OTYgNTc2LjAyODg2MyAyNTYuNTA5NzE2IDU3Ni4wMjg4NjMgMjU2LjU2MTYxOSA1NzYuMDc5MjgzIDI1Ni41NjE2MTkgNTgwLjQxNTQxNyAyNDcuODQxODk2IDU4MC40MTU0MTcgMjQ3Ljg0MTg5NiA1ODMuNTQxNDY4IDI1Ni41NjE2MTkgNTgzLjU0MTQ2OCAyNTYuNTYxNjE5IDU5MS4yMDUzMzMgMjYyLjU4MjM4MSA1OTEuMjA1MzMzIDI2Mi41ODIzODEgNTgzLjU0MTQ2OCAyNzEuMzU0MDA3IDU4My41NDE0NjggMjcxLjM1NDAwNyA1ODAuNDE1NDE3IDI2Mi41ODIzODEgNTgwLjQxNTQxNyAyNjIuNTgyMzgxIDU3Ni4wNzkyODMgMjYyLjYzNDI4NCA1NzYuMDI4ODYzIDI3MS4zNTQwMDcgNTc2LjAyODg2MyAyNzEuMzU0MDA3IDU3Mi45MDI4MTIgMjY0LjQ1MDg5MyA1NzIuOTAyODEyIDI3NC41NzIgNTU1LjIwNTMzMyAyNjcuNzIwNzg5IDU1NS4yMDUzMzMgMjU5LjU3MiA1NzAuNjg0MzI1IDI1MS40MjMyMTEgNTU1LjIwNTMzMyI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover*/
}

.uc-source-order .item .bottom .price .big {
    font-weight: 500;
    font-size: .25rem;
    color: rgb(250,68,52);
}

.uc-source-order .item .bottom .price .small {
    font-weight: 500;
    font-size: .16rem;
    color: rgb(250,68,52);
}

.uc-source-order .btn-wrap {
    margin: .1rem .17rem 0
}

.uc-source-order .cancel-btn {
    display: block;
    height: .37rem;
    background: rgb(20, 153, 73);
    border-radius: .02rem;
    text-align: center;
    line-height: .37rem;
    color: #fff;
    font-size: .18rem;
}

.uc-source-order .signcontract-btn {
    display: inline-block;
    height: .37rem;
    background: rgb(247, 239, 217);
    border-radius: .02rem;
    text-align: center;
    line-height: .37rem;
    color: #e69603;
    font-size: .16rem;
    font-weight: bold;
}




.uc-source-order .cancel-btn.disabled {
    background-color: #bbb
}

.uc-source-order .return-btn-1 {
    width: "1.65rem"
}

.uc-source-order .return-btn-1, .uc-source-order .return-btn-2 {
    display: block;
    height: .44rem;
    background: rgb(20, 153, 73);
    border-radius: .02rem;
    text-align: center;
    line-height: .44rem;
    color: #fff;
    font-size: .18rem
}

.uc-source-order .return-btn-2 {
    width: 1.36rem;
    margin: .5rem auto 0
}

.uc-source-order .return-btn-3 {
    display: block;
    width: 3.4rem;
    height: .44rem;
    background: rgb(20, 153, 73);
    border-radius: .02rem;
    text-align: center;
    line-height: .44rem;
    color: #fff;
    font-size: .18rem;
    margin: .3rem auto 0
}

.orderresult{
    width: 100%;
    text-align: center;
    padding-top: .1rem;
}
.orderresult .imgsuccess{
    display: block;
    background-image: url(../img/dui.png)  ;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width:.7rem;
    height: .7rem;
    margin: .1rem auto;
}
.orderresult .imgerror{
    display: block;
    background-image: url(../img/errorinfo.png)  ;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width:.7rem;
    height: .7rem;
    margin: .1rem auto;
}

.orderresult .text{
  font-size: .16rem;
    font-weight: 400;
}
.orderqrcode{
    width: 100%;
    height: 200px;
    text-align: center;
    border-bottom: .01rem rgb(231,233,232) solid;
    border-top: .01rem rgb(231,233,232) solid;
    padding: .13rem 0;
}

/*  支付 start */
.uc-source-order .pay-btn {
    display: inline-block;
    height: .37rem;
    background: rgb(247, 239, 217);
    border-radius: .02rem;
    text-align: center;
    line-height: .37rem;
    color: #e69603;
    font-size: .16rem;
    font-weight: bold;
}
.pay-dialog{
    display: none;
}
.pay-dialog .pay-mask{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgba(0,0,0,.6);
    z-index:1000000000
}
.pay-dialog .pay-info {
    width:2.95rem;
    height:2.9rem;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-1.57rem;
    margin-left:-1.42rem;
    background:#fff;
    text-align:center;
    border-radius:.04rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.pay-dialog .pay-info .pay-qrcode-img {
    width: 2rem;
    height: 2rem;
    margin: .1rem auto 0rem;
    -moz-box-shadow: 2px 2px 5px #333333;
    -webkit-box-shadow: 2px 2px 5px #333333;
    box-shadow: 2px 2px 5px #333333;
}
.pay-dialog .pay-info .pay-tip {
    font-size:.14rem;
    padding: 0px 5px;
    color:red;
    line-height:.21rem;
}
.pay-dialog .close-line {
    margin: 0 auto;
    background-color: rgb(244,245,246);
    height: .4rem;
    width: .01rem;
}
.pay-dialog .close-button {
    margin: 0 auto;
    background-image: url(../img/closa@3x.png);
    background-repeat:no-repeat;
    background-size: 100% 100%;
    height: .35rem;
    width: .35rem;
    border-radius: 100%;
}
.pay-dialog .close-wrap {
    position: absolute;
    top: 50%;
    margin-top: 1.33rem;
    left: 50%;
    margin-left: -.17rem;
}
/*  支付 end */