.head h3[data-v-145cf773] {
        height: .4rem;
        font-size: .18rem;
        position: relative
    }

    .head h3 .arrow_left[data-v-145cf773] {
        width: .15rem;
        height: .15rem;
        display: block;
        top: .19rem;
        position: absolute;
        left: .2rem
    }

    .head_tab[data-v-145cf773] {
        width: 50%;
        height: .3rem;
        line-height: .3rem;
        margin: .1rem auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #0f54a9;
        border-radius: .4rem;
        font-size: .16rem
    }

    .head_tab li[data-v-145cf773] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: .3rem;
        line-height: .3rem;
        border-radius: .4rem
    }

    .head_tab li.tab_checked[data-v-145cf773] {
        background: #136eed;
        border-radius: 4rem
    }

    .head_tab li.tab_checked1[data-v-145cf773] {
        background: #136eed;
        border-radius: .4rem
    }
    .title_right div[data-v-145cf773] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex: 1
    }

    .variety li[data-v-145cf773] {
        width: 100%;
        height: .55rem;
        overflow: hidden;
        position: relative
    }

    .add-list li[data-v-145cf773]:after, .edit-list > div[data-v-145cf773]:after, .title_top[data-v-145cf773]:after, .variety li[data-v-145cf773]:after {
        content: "";
        display: block;
        position: absolute;
        left: -50%;
        bottom: 0;
        width: 200%;
        height: 1px;
        background: #ededed;
        -webkit-transform: scale(.5)
    }

    .variety_right div[data-v-145cf773] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex: 1;
        border-radius: .02rem;
        font-size: .15rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .variety_right div[data-v-145cf773]:first-of-type {
        margin-right: .12rem
    }

    .variety_right div[data-v-145cf773]:nth-of-type(3) {
        margin-left: .12rem
    }

    .wave_left > span[data-v-145cf773] {
        font-size: .2rem
    }


    .hide[data-v-145cf773] {
        display: none
    }

    @-webkit-keyframes move {
        0% {
            -webkit-transform: translateY(1000px)
        }
        to {
            -webkit-transform: translateX(0, 0)
        }
    }

    @-webkit-keyframes add {
        0% {
            -webkit-transform: translateY(1000px)
        }
        to {
            -webkit-transform: translateX(0, 0)
        }
    }

    @-webkit-keyframes pos {
        to {
            position: fixed
        }
    }

    .add-list li[data-v-145cf773], .edit-list > div[data-v-145cf773] {
        width: 100%;
        height: .6rem;
        padding-top: .1rem;
        position: relative;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAA6dJREFUWAnNmE9LVFEYxp0747gIxloUNlQ7FwkpKoFYQS5mkUbgpk2fIYKCNoILwU1QIH6GNm0EyVpMYGANQag4Qi7cWehQi3Ig0HH+9HtO516u14ZmZObOHDiee/69z8/3PefecybSUWfKZrPnjo6OJiqVSoqpV8jJSCSSlBnadimUd2hLd3Z2LvX39/9UX60pUuvA1dXVSQQfMv4WOVbjvCLjVoCbHx4eXqhlzn+B1tfXb5TL5WfAjMogxgsUy9QXo9HoF+q7eEJe6cBzSdqTpVKpj/Z7NI1Rj6uPesZxnKeDg4MfVa+WqgJhKLq2tvac8pGdnKOc6e7uftnb25uvZtDfvr29ndjf339A2zS5R32AzQ0NDT2hLKkeTP8Ewitn+S9fMTjFxEOgZvHCi4GBgd9BA7XUNzY2zuC9x9iawlYXc9J49z7e+hWcfwJIMIQow8SrDM5hZJL4fwpOPE2ddTiCXa2lHuxuEcLRIJTjN8zgqDwjGCZk8cr1RsFIR7Zkk8dNaVitqJ/hGJDWDJ3azrlYLDZBiL75BzfiWTaBGpcGOWU1PdNeyLSbIP6AZw7pvd1Iz3hqvgeFj+p7PNXFerrp7j7PQ9raGs+A2WbDSEca0tKzq61nA2RfenrP5LSb1BFGslo5wEbFIE0DRIPewEozp93af6fX99dqzWiWyxDRt6lQKHxn7ZQTicT5Wl969UlXH62XZz6f/wGQE4/HLzjFYvEuw/VtWg4bRphWc1kMYnEg0zaXyxZVtiK52mIR0GVB6EPZChi/tli0qM1ZhjVkvtitgPJpJx0qBogt2DIgV1ssClnFus17a4ftJZaL0RaLQrYngIODg4thg7h6Pu09AZlQAWdC5w4Ks/Rp7wpoR+J8WPvChPBr+bR3OCM579TJgtIZuCXJ1aZMO5x7XkOh28GYXuNhE1nNMTGw25Yce29aIY5xeyAPlUma0kZ0RSxaQwrXvKWY1oHcPje9sFq6kXgMBojD0gJQGdp7dDtoOokVsFo68GfEoGYDZB64xKmkc8oeL1VtWpKGtCTAxjLa5tlV1JmWAXPEs4u8gDsvuX2NLmVbGtKSpnuels6xzwUDopC/pV1Hkk1W/Xijbx6CIVRvsH+NnCZUd4DybrFeyOhUuEq6UVJuaQITPzcyfLIlm7ItDavlwRgG/QmmtrpKu3AKX9v82OBCqdQFsi1+jvFD6Zn4t8cPVkEwXZt0OyCkKbLO4yd+0mPBfiWn9Z2s9ye9P7iTFuwxW/X9AAAAAElFTkSuQmCC);
        background-position: left .2rem;
        background-repeat: no-repeat;
        background-size: .18rem;
        padding-left: .25rem
    }

    .add-list li.selected[data-v-145cf773] {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAA2dJREFUWAnNmE1IVFEUx//njYp9iAp90ID2uWkhFNFGjWrhQipCiuljEZVthKTAaG27ioLChRBZ0iJqINokQVOQmLYocOneQEmpbKMR6u2ce+eNb+bd57yZ55gHZt579+Oc37v3vHvPuYQCRXWcr8UfdQxYbIFCPXePg1Rcq1E0wdcJEMYBJ4VKGqDe578KMUFhG6vLZ9ugVCegDjFIWah+hHmAhkDUQ09evA7TJy+Qak80YZHuMkxjGIWBbYhG4Kib1JccDmzDFYFAKpmM4e2r+wxybTkFBdcRPUTrqS5KJBZsfa1A6vrFGvyeTfLUtNg6RS4jpFC9PkEP+mdydfmADMzcCI/M3tzGK/pMNIbqdY25UI7XiJ4mPTIlhhGj8sJsS9v0QGQBGZ8p0TR5jGZuxSXETz2SmTL9NS3gk6du9W5jaHa/vqURkk/7f4nHtgZKL3rR1pkoL8NrnGZgHWaE9AocRWOIvhs2AnXbgxumGcjsTfNTobeDYJXBNQ37gKtdQEUF0P8IGPzgbyvbTGXZljL8XTxecpjOG0B5uYHYus0PIyWyPzKLgwVVmtVYjMjIeGGmvgPvBqTGLswiPlRnr41YaoO5cwuYWTYaqRMgE8tEtJ/VPQjm54+sZpaHuJMJriy1qKoCTp8Dmo/Yau1lxcNw7KHiEmgpu2YubT3JvxOmetce4NnjwKa6IgqM0awcKJoMtDLNTujKUfb9C1fcJ/81OgwPDU2KD0kcbJeP74HhwaW6IKhcmOkpQBw4v88s6TZ3E+xDEpAHiOLZ7OtdHsoGc7u7GBiJX8dj3Qcaqjg2aQtAMsWjX4FNm4H6HeZ5526gukZimux1RkamWBjRTLF74bcO4kilvQNoOmyg5F+ApFwkMozZOhyTN3Gqkk9s07dSMNo2DQmLOLW8ZY++5vuzQcl2EGWaXJtphvR48+hfOjPMUxA+Jtp/EKitBT5zkDk366ot7so5Gz192SSdZWE0wkkcCglhR7+4PaNfxXZazJTxg45pJYlbbWGbbjwtpjNAmoMzSl4LUqvGJLbEpkeygHR6yxklO/mYp01pbnWiyNlrTkqdBSSWdSbJGWVJR0qn0v6sVdsPev01ddjghVwzxzFeKLlfMwdWPjA50pNMxSQHEo/7j/SAb4hRChXOm0KP9P4BsVpazgF75s0AAAAASUVORK5CYII=);
        background-position: left .2rem;
        background-repeat: no-repeat;
        background-size: .18rem
    }

    .add-list li p.variety_name[data-v-145cf773] {
        margin-top: 0
    }

    .edit-content .edit-list > div[data-v-145cf773] {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }


    .frist-add img[data-v-145cf773] {
        display: block;
        width: .33rem;
        margin: .24rem auto
    }

    .arrow_left[data-v-145cf773]:after {
        left: 0;
        top: 0
    }
   .titles > div[data-v-145cf773] {
        width: 20%;
        float: left;
        text-align: center;
        line-height: .36rem
    }

    .titles1 > div[data-v-145cf773] {
        width: 25%;
        float: left;
        text-align: center;
        line-height: .36rem
    }

    .titles > div.on[data-v-145cf773] {
        color: #2187f7;
        position: relative
    }

    .titles > div[data-v-145cf773]:last-child {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .titles > div.on span[data-v-145cf773] {
        display: inline-block;
        width: 30%;
        height: .02rem;
        background: #2187f7;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -15%;
        border-radius: .2rem
    }

    .textNone_content div[data-v-ea184226] {
        width: 1.5rem;
        height: 1.23rem;
        margin: 0 auto
    }

    .textNone_content p[data-v-ea184226] {
        width: 100%;
        text-align: center;
        color: #b3b3b3;
        font-size: .15rem;
        line-height: .4rem
    }

    a[data-v-18c6d448] {
        display: block;
        width: .24rem;
        height: .23rem;
        background-size: 100%;
        margin: .06rem auto
    }


    .footer a[data-v-18c6d448] {
        font-size: .1rem;
        z-index: 9
    }

    .footer em[data-v-18c6d448] {
        display: block;
        margin: -.21rem auto;
        color: #666;
        font-size: .1rem;
        z-index: 1
    }

        .history span[data-v-7ecec926] {
        display: block;
        width: .8rem;
        height: .2rem;
        line-height: .2rem;
        text-align: center;
        font-size: .14rem;
        border-radius: .1rem 0 0 .1rem;
        margin-top: .1rem;
        margin-right: -.01rem
    }
    .titles > div[data-v-7ecec926] {
        width: 25%;
        float: left;
        text-align: center;
        line-height: .36rem
    }

    .titles > div.on[data-v-7ecec926] {
        color: #2187f7;
        position: relative
    }

    .titles > div[data-v-7ecec926]:last-child {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .titles > div.on span[data-v-7ecec926] {
        display: inline-block;
        width: 30%;
        height: .02rem;
        background: #2187f7;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -15%;
        border-radius: .2rem
    }

    .lists ul[data-v-7ecec926] {
        width: 100%;
        padding: .15rem;
        padding-bottom: .7rem;
        height: 100%;
        overflow-y: scroll
    }

    .lists ul li[data-v-7ecec926] {
        width: 100%;
        padding: .1rem .2rem;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        position: relative;
        -webkit-box-shadow: 0 2px 5px #ebeff3;
        box-shadow: 0 2px 5px #ebeff3;
        border-radius: .1rem;
        margin-bottom: .2rem
    }

    .lists ul li > div.left[data-v-7ecec926] {
        -webkit-box-flex: 4;
        -ms-flex: 4;
        flex: 4;
        -webkit-flex: 4;
        border-right: .01rem solid #e5e5e5;
        padding-left: .1rem
    }

    .lists ul li > div.right[data-v-7ecec926] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex: 1;
        padding-left: .1rem
    }

    .lists ul li p[data-v-7ecec926] {
        line-height: .3rem
    }

    .lists ul li span.hands[data-v-7ecec926], .lists ul li span.name[data-v-7ecec926] {
        font-size: .14rem;
        color: #333
    }

    .txt_red[data-v-7ecec926] {
        color: #f64e43 !important
    }

    .txt_green[data-v-7ecec926] {
        color: #00cf8c !important
    }

    .lists ul li div.right[data-v-7ecec926] {
        text-align: center
    }

    .waiting img[data-v-7ecec926] {
        display: block;
        width: 100%
    }

    .list-hold .follow p[data-v-7ecec926] {
        text-align: center;
        width: .1rem;
        color: #fff;
        margin: 0 .04rem;
        display: inline-block;
        vertical-align: middle;
        font-size: .1rem;
        line-height: .2rem
    }

    .qts-content li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .qts-content li span {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .qts-content li span:first-child {
        display: inline-block;
        text-align: right;
        color: #999;
        font-size: .16rem;
        margin-right: .05rem;
        min-width: 1rem
    }

    .qts-content li span:last-child {
        display: inline-block;
        text-align: left;
        margin-left: .1rem
    }

    .qts-window .btns a {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex: 1;
        height: .44rem;
        display: block;
        text-align: center;
        line-height: .44rem;
        font-size: .17rem
    }
    body[data-v-3fec6f8a] {
        overflow: hidden
    }

    .tab span[data-v-3fec6f8a] {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex: 1;
        height: .38rem;
        line-height: .4rem;
        text-align: center;
        color: #999;
        font-size: .17rem
    }
    .chat-list li[data-v-3fec6f8a], .course-list li[data-v-3fec6f8a] {
        width: 100%;
        margin-bottom: .2rem;
        position: relative;
        clear: both
    }

    .chat-list li > div[data-v-3fec6f8a] {
        position: relative
    }

    .chat-list li.left img.tx[data-v-3fec6f8a], .course-list li img[data-v-3fec6f8a] {
        display: block;
        width: .45rem;
        height: .45rem;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: .23rem
    }

    .chat-list li.right img.tx[data-v-3fec6f8a] {
        display: block;
        width: .45rem;
        height: .45rem;
        position: absolute;
        right: 0;
        top: 0;
        border-radius: .23rem
    }

    .course-list li .con b[data-v-3fec6f8a] {
        font-size: .15rem;
        color: #333;
        line-height: .22rem;
        display: block
    }

    .course-list li .con em[data-v-3fec6f8a] {
        font-size: .14rem;
        color: #666;
        display: block
    }

    .course-list li .con p[data-v-3fec6f8a] {
        font-size: .13rem;
        color: #666;
        line-height: .16rem
    }

    .chat-list li.left .con[data-v-3fec6f8a] {
        float: left
    }

    .chat-list li.left .contxt img[data-v-3fec6f8a] {
        display: block;
        position: absolute;
        left: -.14rem;
        top: .03rem;
        width: .16rem
    }

    .chat-list li.right .contxt img[data-v-3fec6f8a] {
        display: block;
        position: absolute;
        right: -.14rem;
        top: .03rem;
        width: .16rem
    }

    .chat-list li b[data-v-3fec6f8a] {
        font-size: .12rem;
        color: #333;
        line-height: .2rem;
        display: block;
        margin-left: .6rem
    }

    .chat-list li.teacher b[data-v-3fec6f8a] {
        color: #ff9417
    }

    .chat-list li.right b[data-v-3fec6f8a] {
        color: #0078fc;
        text-align: right;
        padding-right: .6rem
    }
    .chat-list li p[data-v-3fec6f8a] {
        width: 100%;
        text-align: center;
        font-size: .12rem;
        color: #999;
        line-height: .3rem
    }

    .bottom > div[data-v-3fec6f8a] {
        position: relative
    }


    .bottom .left img[data-v-3fec6f8a] {
        display: block;
        width: .24rem;
        margin: 0 auto;
        margin-top: .07rem
    }

    .bottom .left span[data-v-3fec6f8a] {
        font-size: .1rem;
        color: #2187f7
    }


    .bottom .mid input[data-v-3fec6f8a] {
        display: block;
        border: .01rem solid #dbdcdd;
        width: 100%;
        height: .32rem;
        line-height: .32rem;
        border-radius: .02rem;
        margin-top: .09rem;
        padding-left: .05rem;
        -webkit-appearance: none
    }

    .service img[data-v-3fec6f8a] {
        display: block;
        width: 100%
    }

    .ques p[data-v-3fec6f8a] {
        font-size: .14rem;
        color: #666;
        text-align: left;
        margin-bottom: .1rem
    }

    div.live img[data-v-3fec6f8a] {
        display: block;
        height: 200px;
        width: 100%
    }
    .chat-list .showtime span {
        line-height: .16rem;
        padding: 0 .05rem;
        color: #fff;
        font-size: .1rem;
        background: #dbdbdb;
        border-radius: .02rem;
        margin: 0 auto
    }

    .li-main > span[data-v-adff73de] {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        justify-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: .4rem
    }

    .li-main > span[data-v-adff73de]:before {
        position: absolute;
        left: 0;
        width: .32rem;
        height: .38rem;
        margin-top: .08rem;
        content: "";
        background-repeat: no-repeat
    }

    .li-main > span[data-v-adff73de]:after {
        position: absolute;
        right: 0;
        top: .04rem;
        width: .22rem;
        height: .28rem;
        margin-top: .08rem;
        content: "";
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAAXNSR0IArs4c6QAAAllJREFUSA3lkz2IE0EUx7PZhBAbEytNpWilqKWC2NwdByooQUhxxYYN+cBCUbDQQsTGzhPlLMyXKOJHVBCRFB7qgXK1hVaCqdTKSxpNCPnw905nWePOumepA5M3M++9X/7vzU4o9M8OQ1V2nWEYxr5oNJq2bfu9Og9qw67A1ng83tHv91/XarXdrvNAS0eRRJfL5bPALqKsw/ZQsVhcDkQh6BeQJFHhMcwCs8dMl0qlZ9g/jt9AkgFsDnMTZSPsHMoeybnfcPfIiUPFHSBpDgR0v1Kp2I5Ts/AESSwqngI7wPIbfauh8pSGsXqsBYm3UCgsmaY5BWiF7TyXcWE1y+PHs0eTcfV6fftgMFgEmMJ3FbUnUTt2xwUCSQJ92jIajRZZbgVyK5FI5DKZzFDBfEtTQWIps4XZz3yLMqvdbj9sNpsx8ckIrOhHeChUrVY3DIfDJvs9zOfxePyIZVlfAytSoHw+v5JMJmfYv2RO93q9e+JbM0iSut3ueswmWTM+ys/flLaN0qTpm5lVbrBE80drUsTN7QLy6ifkEi+gIBD2wUsDspfrXyJnI8nngJwWgBqBSuOLluY+Zq4DcpxP4ZoCKBtRC50Fkua7uYvfDIfDFpDbXrG+PeKhZkl6IIkoOaqDiF8LAnKC5Buo6aLkILfzRBJ0wxNEY8+TcIXZ5vVPo+SFDqDOTbUQy78bqVTqMvYM288omgLyxh2jWzu31mg0TB5ihUAbQCsSiczkcrkPusTJc+fWOp1OHacF5B3lzAL5NBnst3dAlLMTyHIsFjuczWa/+CX9Z77vwPLNEMy5BpwAAAAASUVORK5CYII=);
        background-size: 50%;
        background-repeat: no-repeat
    }

    .li-main > span[data-v-adff73de]:first-of-type::after {
        right: .2rem
    }

    .h-con1 img[data-v-adff73de] {
        position: absolute;
        top: 0;
        left: 0;
        width: .4rem;
        z-index: 100
    }

    .c-c span[data-v-adff73de] {
        margin-right: .14rem;
        color: #d8ebff
    }

    .p-img img[data-v-adff73de] {
        width: .44rem;
        height: .44rem;
        border-radius: 50%
    }

    .p-plat em[data-v-adff73de] {
        display: inline-block
    }

    .p-plat > img[data-v-adff73de] {
        position: relative;
        display: inline-block;
        top: .03rem;
        width: .38rem;
        height: .15rem;
        margin-right: .05rem
    }

    .h-b > li[data-v-adff73de] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .h-f > li[data-v-adff73de] {
        position: relative;
        -webkit-box-sizing: border-box;
        line-height: .54rem;
        font-size: .15rem;
        color: #333;
        box-sizing: border-box;
        padding-left: .28rem;
        border-bottom: .01rem solid #f5f5f5;
        width: 90%;
        margin: 0 auto
    }

    .h-f > li[data-v-adff73de]:before {
        position: absolute;
        left: 0;
        width: .18rem;
        height: .18rem;
        margin-top: .17rem;
        content: ""
    }

    .h-f > li[data-v-adff73de]:after {
        content: "";
        position: absolute;
        display: block;
        width: .12rem;
        height: .12rem;
        border-top: .01rem solid #ddd;
        border-right: .01rem solid #ddd;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: .2rem;
        right: .05rem
    }

    b[data-v-adff73de] {
        position: absolute;
        width: .48rem;
        height: .1rem;
        background-color: #f5f5f5;
        left: -.48rem;
        top: .44rem
    }

    .linkus img[data-v-adff73de] {
        position: absolute;
        width: .27rem;
        top: .13rem;
        right: .2rem;
        border-radius: 50%
    }

    .cer > em[data-v-adff73de] {
        margin-right: .42rem;
        font-family: .12rem
    }


    .changetradeTypecontent li[data-v-adff73de] {
        height: .5rem;
        line-height: .5rem;
        text-align: center;
        font-size: 17px;
        color: #333;
        background: #fff
    }

    .man-f li[data-v-adff73de] {
        width: 33.33%;
        float: left;
        text-align: center;
        margin-bottom: .2rem
    }

    .man-f img[data-v-adff73de] {
        width: .29rem
    }

    .man-f p[data-v-adff73de] {
        font-size: 12px;
        color: #333;
        letter-spacing: 0
    }

    .linksystem strong[data-v-adff73de] {
        position: absolute;
        width: .08rem;
        height: .08rem;
        display: block;
        border-radius: 50%;
        background: #f64e43;
        right: .3rem;
        top: 0
    }

    div, li, ul {
        margin: 0;
        padding: 0
    }

    li, ul {
        list-style: none outside none
    }

    .ios-select-widget-box.olay > div {
        position: fixed;
        z-index: 1007;
        width: 100%;
        height: 100%;
        background-color: #f2f2f2;
        bottom: 0;
        left: 0;
        visibility: visible
    }


    .ios-select-widget-box header.iosselect-header a {
        font-size: 16px;
        text-decoration: none
    }

    .ios-select-widget-box header.iosselect-header a.close {
        float: left;
        padding-left: 15px;
        height: 44px;
        line-height: 44px;
        color: #999
    }

    .ios-select-widget-box header.iosselect-header a.sure {
        float: right;
        padding-right: 15px;
        height: 44px;
        line-height: 44px;
        color: #2187f7
    }


    .ios-select-widget-box .iosselect-box > div {
        display: block;
        float: left
    }

    .ios-select-widget-box ul {
        background-color: #fff;
        -webkit-overflow-scrolling: auto
    }

    .ios-select-widget-box ul li {
        font-size: 13px;
        height: 35px;
        line-height: 35px;
        background-color: #fff;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        text-align: center;
        color: #111;
        opacity: .3
    }


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

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

    #head[data-v-6524b236] {
        background: #1c1a25;
        height: .6rem
    }

    #head h3[data-v-6524b236] {
        height: .4rem;
        font-size: .18rem
    }

    #head h3 span[data-v-6524b236]:first-of-type {
        font-size: .18rem;
        letter-spacing: .01rem
    }

    .arrow_left[data-v-6524b236]:after {
        top: 25px
    }

    .head_content[data-v-6524b236] {
        padding-top: .08rem
    }

    .head_tab[data-v-6524b236] {
        width: 50%;
        height: .3rem;
        line-height: .3rem;
        margin: .1rem auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #1f222c;
        border-radius: .4rem;
        font-size: .16rem
    }

    .head_tab li[data-v-6524b236] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: .3rem;
        line-height: .3rem;
        border-radius: .4rem
    }

    .head_tab li.tab_checked[data-v-6524b236] {
        background: #ffbf23;
        border-radius: .4rem 0 0 .4rem;
        color: #000;
    }

    .head_tab li.tab_checked1[data-v-6524b236] {
        background: #ffbf23;
        color: #000;
    }

    .head_tab li.tab_checked2[data-v-6524b236] {
        background: #ffbf23;
        border-radius: 0 .4rem .4rem 0;
        color: #000;
    }

    .more-close[data-v-6524b236], .more-open[data-v-6524b236] {
        position: absolute;
        right: .14rem;
        top: .24rem;
        width: .2rem;
        height: .17rem
    }


    .variety-top .right[data-v-6524b236] {
        width: .6rem;
        height: .2rem;
        position: absolute;
        right: .14rem;
        bottom: .3rem;
        background: #ffbf23;
        text-align: center;
        color: #000;
        font-size: .12rem;
        line-height: .2rem;
        border-radius: .02rem
    }

    .variety-top[data-v-6524b236] {
        width: 100%;
        height: .9rem;
        background: url(../img/xiadan/market_trading_bg@2x.png) no-repeat 0 0;
        background-size: 100%;
        position: fixed;
        top: .6rem;
        z-index: 999;
        text-align: left
    }

    .top[data-v-6524b236] {
        position: relative;
    }

    .variety-type[data-v-6524b236] {
        color: #fff;
        font-size: .15rem;
        padding: .1rem 0 0 .14rem;
        position: relative
    }

    .socket-num[data-v-6524b236] {
        position: relative
    }

    .socket-num .price-rate[data-v-6524b236], .socket-num .price-value[data-v-6524b236] {
        position: absolute;
        font-size: .12rem;
        font-weight: bold;
        color: #ea4879;
        padding-left: .07rem
    }

    .price-value[data-v-6524b236] {
        top: .1rem
    }

    .price-rate[data-v-6524b236] {
        bottom: .04rem
    }

    .variety-price[data-v-6524b236] {
        display: inline-block;
        color: #ffbf23;
        font-size: .32rem;
        padding: .05rem 0 0 .14rem
    }

    .none[data-v-6524b236] {
        display: none
    }

    .block[data-v-6524b236] {
        display: block;
        margin-bottom: .3rem
    }

    .trade-wrap[data-v-6524b236] {
        padding: .15rem .15rem .3rem;
        background: #1F222B
    }
    .trade-title[data-v-6524b236] {
        width: 50%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: .34rem;
        line-height: .34rem
    }

    .trade-title li[data-v-6524b236] {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: .15rem;
        color: #9f9f9f;
        text-align: center;
        margin-top: -.01rem
    }

    .trade-title span.border[data-v-6524b236] {
        display: inline-block;
        width: .24rem;
        height: .02rem;
        background: #ffbf23;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -.12rem
    }

    .touch-border[data-v-6524b236] {
        height: 20px;
        width: 100%;
        border-radius: .1rem .1rem 0 0;
        background: #fff;
        position: fixed;
        z-index: 99;
        margin-top: .14rem
    }

    .trade-con .list[data-v-6524b236] {
        width: 100%;
        margin-top: .15rem;
        padding-bottom: .15rem;
        border-bottom: 1px solid #444
    }

    .trade-con .list[data-v-6524b236]:last-child {
        border: 0 none
    }

    .con-txt[data-v-6524b236] {
        display: inline-block;
        width: 22%;
        height: .4rem;
        line-height: .4rem;
        text-align: left;
        color: #FCFCFE;
        font-size: .14rem
    }

    .con-right[data-v-6524b236] {
        width: 78%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .con-btn[data-v-6524b236] {
        display: inline-block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
        height: .38rem;
        line-height: .38rem;
        text-align: center;
        border-radius: .01rem
    }

    .con-right .txt_green[data-v-6524b236] {
        border: 1px solid #00cf8c
    }

    .con-right .txt_red[data-v-6524b236] {
        border: 1px solid #f64e43
    }

    .con-btn[data-v-6524b236]:first-child {
        margin-right: .35rem
    }

    .quick-hand[data-v-6524b236] {
        display: inline-block;
        text-align: center;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-flex: 1;
        color: #999;
        height: .24rem;
        line-height: .22rem;
        padding: .01rem 0;
        margin: 0 .01rem;
        border: 1px solid #ffbf23;
        border-radius: .02rem
    }

    .quick-hand[data-v-6524b236]:not(:last-child) {
        margin-right: .1rem
    }

    span.active[data-v-6524b236] {
        color: #ffbf23;
        border: 1px solid #ffbf23;
    }

    .sell_check[data-v-6524b236] {
        background: #f3fffb
    }

    .con-btn b[data-v-6524b236] {
        font-size: .13rem;
        font-weight: 400
    }

    .trade-con p[data-v-6524b236] {
        width: 75%;
        text-align: center;
        font-size: .12rem;
        line-height: .16rem;
        margin-top: .07rem;
        color: #999
    }

    .btn-wrap[data-v-6524b236] {
        width: 100%;
        padding: 0 .15rem;
        position: fixed;
        bottom: .2rem;
        z-index: 101;
        background: #1F222B;
        height: .5rem
    }

    .btn[data-v-6524b236] {
        width: 100%;
        height: .4rem;
        line-height: .4rem;
        color: #000;
        text-align: center;
        font-size: .16rem;
        border-radius: .05rem;
    }

    .msgbox-cancle-icon[data-v-6524b236] {
        display: none
    }

    input[data-v-6524b236] {
        -webkit-appearance: none;
        color: #FCFCFE;
    }


    .quick-wrap[data-v-6524b236] {
        padding: 0 .14rem
    }

    .quick-wrap .yhq-bg[data-v-6524b236] {
        width: .4rem;
        position: absolute;
        left: 0;
        bottom: 0
    }

    .quick-wrap .list[data-v-6524b236] {
        border-bottom: 0 none
    }

    .quick-wrap .con-right[data-v-6524b236] {
        width: 90%;
        margin-left: 5%
    }

    .quick-wrap .taparea[data-v-6524b236] {
        width: 70%;
        margin-left: 15%
    }

    .quick-wrap .margin[data-v-6524b236] {
        width: 100%;
        text-align: center
    }

    .quick-wrap .active[data-v-6524b236] {
        background: #2187f7;
        border-radius: .02rem;
        color: #fff
    }

    .trade-con .quick-w[data-v-6524b236] {
        position: relative;
        margin-top: .22rem;
        padding-bottom: .1rem
    }

    .quick-w2[data-v-6524b236] {
        width: 70%;
        position: absolute;
        right: 0;
        top: 0
    }

    .quick-w2 .con-right[data-v-6524b236] {
        width: 100%;
        margin-left: 0;
        height: .3rem
    }

    .quick-w2 .active[data-v-6524b236] {
        background: #ffbf23;
        border-radius: .02rem;
        color: #000
    }

    .quick-btn[data-v-6524b236] {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: .16rem
    }

    .quick-btn .con-btn[data-v-6524b236] {
        border-radius: .04rem
    }

    .quick-btn .txt_green[data-v-6524b236] {
        border: 1px solid #00cf8c
    }

    .quick-btn .txt_red[data-v-6524b236] {
        border: 1px solid #f64e43
    }

    .quick-btn em[data-v-6524b236] {
        font-size: .16rem
    }

    .con-btn em[data-v-6524b236] {
        font-size: .14rem;
        line-height: .16rem;
        margin-top: .02rem
    }

    .quick-btn p.type[data-v-6524b236] {
        font-size: .14rem;
        height: .24rem;
        line-height: .24rem
    }

    .quick-btn b[data-v-6524b236] {
        font-size: .16rem;
        margin-left: .05rem
    }

    .quick-btn p.price[data-v-6524b236] {
        font-size: .12rem;
        margin-top: -.16rem
    }

    .spread[data-v-6524b236] {
        position: fixed;
        left: 50%;
        margin-top: .1rem;
        display: inline-block;
        /*background: #fff;*/
        /*border: 1px solid #d5d5d5;*/
        width: .3rem;
        margin-left: -.15rem;
        text-align: center;
        font-size: .1rem
    }

    .buy_wrap[data-v-6524b236] {
        position: relative
    }

    .buy_wrap .spread[data-v-6524b236] {
        position: absolute
    }

    .content-wrap[data-v-6524b236] {
        background: #1F222B;
        position: relative;
        margin-top: 1rem;
        /*padding-top: .14rem;*/
        width: 100%;
        height: 100%
    }

    .flow[data-v-6524b236] {
        position: fixed;
        background: #f5f5f5;
        width: 100%;
        height: .2rem;
        line-height: .2rem;
        bottom: 0;
        text-align: center;
        color: #333;
        font-size: .12rem
    }

    .scroll-wrap[data-v-6524b236] {
        width: 100%;
        height: .2rem;
        overflow: hidden
    }

    .scroll-content[data-v-6524b236] {
        position: relative
    }

    .scroll-transition[data-v-6524b236] {
        -webkit-transition: top .5s;
        -o-transition: top .5s;
        transition: top .5s
    }

    .scroll-content li[data-v-6524b236] {
        line-height: .2rem;
        text-align: center
    }

    .name-color[data-v-6524b236] {
        color: #ffbf23;
    }


    .bishi[data-v-6524b236] {
        margin-left: .1rem;
        font-size: .14rem;
        height: .2rem;
        line-height: .2rem;
        background: #999;
        padding: .01rem .06rem;
        border-radius: .1rem
    }

    .hide[data-v-6524b236] {
        display: none
    }

    .putType-wrap[data-v-6524b236] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: .16rem;
        padding-bottom: .16rem;
        border-bottom: 1px solid #444
    }

    .putType-wrap li[data-v-6524b236] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
        border: 1px solid #FCFCFE;
        border-radius: .02rem;
        font-size: .14rem;
        color: #FCFCFE;
        height: .24rem;
        line-height: .22rem
    }

    .putType-wrap li[data-v-6524b236]:not(:last-child) {
        margin-right: .08rem
    }

    .putType-wrap .active[data-v-6524b236] {
        background: #ffbf23;
        color: #000;
        border: 1px solid #ffbf23;
    }

    @media screen and (max-width: 340px) {
        .quick-wrap[data-v-6524b236] {
            font-size: .12rem
        }

        .con-txt[data-v-6524b236] {
            width: 25%
        }

        .con-right[data-v-6524b236] {
            width: 75%
        }
    }
    .stock-wrap {
        background: #1F222B
    }

    .stock-price, .stock-title {
        width: 100%;
        height: .34rem;
        position: absolute;
        z-index: 99
    }

    .stock-title {
        width: 100%;
        height: .3rem;
        position: relative;
        background: #fff;
    }
    @media (min-width:800px){
        .stock-title {
            height: .4rem;
        }    
    }
    .nav-wrap {
        overflow-x: auto;
        height: .3rem
    }

    .nav-img {
        position: absolute;
        width: .1rem;
        right: 0;
        height: 100%;
        top: 0;
    }

    .stock-price {
        overflow: hidden;
        width: 100%;
        position: relative;
        z-index: 999;
        display: none
    }

    .stock-title {
        overflow-x: scroll
    }

    #priceMsg {
        left: 0
    }

    #priceMsg p {
        display: block;
        width: 100%;
        height: .24rem;
        padding-left: .14rem;
        overflow: hidden
    }

    #priceMsg p, ul.stock-tab {
        background: #f5f5f5;
        line-height: .24rem
    }

    ul.stock-tab {
        height: .3rem;
        color: #999;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: .4rem 0 0 .4rem;
        width:4.1rem;
    }

    .stock-tab li {
        height: .3rem;
        float: left;
        margin-left: .1rem;
        width: .6rem;
        color: #333;
        text-align: center;
        line-height: .3rem;
    }

    .stock-tab li:first-child {
        margin-left: 0
    }

    .stock-tab li.has {
        color: #ffbf23;
        /*border: 1px solid #2187f7;*/
        border-radius: .2rem
    }

    #priceMsg span {
        padding: 0 .03rem;
        font-size: .1rem;
        color: #222
    }


    .mod-kline text, .mod-lightning text, .mod-sline text {
        font: 12px Arial;
        text-anchor: start;
        -webkit-tap-highlight-color: transparent
    }

    article {
        -webkit-user-select: none;
        -moz-user-select: none;
        position: relative
    }

    .article {

    }

    .ma {
        font-size: .1rem;
        color: #333;
        margin: 0 .15rem
    }

    .ma span {
        padding-left: .22rem;
        margin-right: .1rem
    }

    span.ma5 {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAKCAYAAADRuIyZAAAAAXNSR0IArs4c6QAAAMhJREFUOBG1VLsOwjAMPPeHurBSmJHgb1iQYEIs/A0IZh4rC3xQzbmqIrUKVRxRT4l9vpwucQSZ8Z7pFIq1ABOjUOAFwbG8yzOHkjz+oIiN1Njz8E4/N7UW2FLMwcvaIUppNico4kYRRQzfipl7nYmSxQ4IOV7HLxGGaWrEBHziQj6VXlSxSMSPAhPB1e/IKFKg/jdS6Yn+Lwf1CM7lQ1aDmF7R7whH1B5kjydsmxoxIZG4cAuxaaCPu5gYy7Xj6/5L2JsX//7Qvn1lPzRdJgJuAAAAAElFTkSuQmCC) no-repeat 0;
        background-size: 20%
    }

    span.ma10 {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAKCAYAAADRuIyZAAAAAXNSR0IArs4c6QAAAMNJREFUOBFjZCATpMz/bwvUWgrEJlAjzgDp7jmJjIehfJIoRpJUQxUDHVH1n4GhheE/A4p+IOcfUKQW6Jg2Us1FMYgYzeCQ+M9wAOgQJmzqoY5xIDVksBqGzQIksVJcjgCpgcqBoowkwAj04db//xm8SNJFZcWMjAzbyAkRKjsDHIr/yUkjm4Ah6IvPNUAfbgamET98atDlyAmRbnCCRDcJyofKdeOQxilMskPAuYGJoQ6bY8BikOxLclkC1EseoHaBBgC7gzdCKck6xgAAAABJRU5ErkJggg==) no-repeat 0;
        background-size: 20%
    }

    span.ma20 {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAKCAYAAADRuIyZAAAAAXNSR0IArs4c6QAAANpJREFUOBFjZCATvHvkb8vw51/pf0YGE5ARjP8ZzjCwMHULyW08TI6RjORoevfAt4rh//+W//8ZUPQzMjL+A4rUCilsbiPVXBSDiNEMDom//w78//+fCZt6sGOYmRxIDRmshmGzAC4Gig4cjgCpAcsB1cDVE8lgfHffZyswiL2IVE8TZYyMDNtIDxFaOOU/IzDNkwje3fPd9J/hvy8+bYwMjJuFlDb74VODLkd6iACzKDhBopsE5YPlgGpwSOMUJtkh4NzAyFCHzTFgMVD2JaMsITlqYF6idoEGAG3STCOh+37pAAAAAElFTkSuQmCC) no-repeat 0;
        background-size: 20%
    }

    .touch-border {
        width: 100%;
        height: .16rem;
        position: fixed;
        top: 1.48rem;
        z-index: 999;
        background: #1F222B;
        border-radius: .1rem .1rem 0 0;
        display: none
    }
    .mint-msgbox[data-v-cd4b7ab0] {
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        background-color: #fff;
        width: 85%;
        border-radius: 3px;
        font-size: 16px;
        -webkit-user-select: none;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
        z-index: 1000
    }

    .mint-msgbox-header[data-v-cd4b7ab0] {
        padding: 15px 0 0
    }

    .mint-msgbox-content[data-v-cd4b7ab0] {
        padding: 5px 20px 15px;
        border-bottom: 1px solid #ddd;
        min-height: 36px;
        position: relative
    }


    .mint-msgbox-input input[data-v-cd4b7ab0] {
        border: 1px solid #dedede;
        border-radius: 5px;
        padding: 4px 5px;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none
    }


    .mint-msgbox-title[data-v-cd4b7ab0] {
        text-align: center;
        padding: 0 .1rem;
        margin-bottom: 0;
        font-size: .16rem;
        font-weight: 700;
        color: #333
    }

    .mint-msgbox-message[data-v-cd4b7ab0] {
        font-size: .16rem;
        color: #999;
        margin: 0;
        text-align: center;
        line-height: .3rem;
        margin-top: .15rem;
        margin-bottom: .15rem
    }

    .mint-msgbox-btns[data-v-cd4b7ab0] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        line-height: 40px
    }

    .mint-msgbox-btn[data-v-cd4b7ab0] {
        line-height: 35px;
        display: block;
        background-color: #fff;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0;
        border: 0
    }

    .mint-msgbox-btn[data-v-cd4b7ab0]:focus {
        outline: none
    }

    .mint-msgbox-btn[data-v-cd4b7ab0]:active {
        background-color: #fff
    }

    .mint-msgbox-cancel[data-v-cd4b7ab0] {
        width: 50%;
        border-right: 1px solid #ddd
    }

    .mint-msgbox-cancel[data-v-cd4b7ab0]:active {
        color: #000
    }

    .mint-msgbox-confirm[data-v-cd4b7ab0] {
        width: 50%
    }

    .mint-msgbox-confirm[data-v-cd4b7ab0]:active {
        color: #26a2ff
    }


    .msgbox-cancle-icon[data-v-cd4b7ab0] {
        position: fixed;
        bottom: 20%;
        left: 50%;
        color: #fff;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        font-size: 16px;
        -webkit-user-select: none;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
        z-index: 1000;
        width: 5%;
        height: 5%
    }

    @-webkit-keyframes v-modal-in {
        0% {
            opacity: 0
        }
    }

    @keyframes v-modal-in {
        0% {
            opacity: 0
        }
    }

    @-webkit-keyframes v-modal-out {
        to {
            opacity: 0
        }
    }

    @keyframes v-modal-out {
        to {
            opacity: 0
        }
    }

.brokerp[data-v-0642d1f8] {
        padding: .05rem .15rem .05rem .3rem;
        background: #ffe7b3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAEFCu8CAAAAAXNSR0IArs4c6QAAAq1JREFUSA29Vk1rFEEQ7Rqc/QN6UU96UK8RAnowehF2D4KgAfEQweQXeBZE8Oo/yHrwIAsqKh42IEjEgwEFr8lFT+Zk/kAmbPte99Ske6dnd5KV7UN/VNWr6o+qN2NM2Wy/+5lTYWfXu5YjW6Yavyx7WoRWgPR2qJNQmoWYzGRyQwUaZh+CXIVuhBF80Jm9ECnKhSKrDYZGTkkBPDxF/wgbWpK14U/KGpGytiHRvs3q0Jh+jyDCdqJzeGnZW3OxWQmbWDk6OARnspzekJg9Wd04VR2FEBznG/orh/CxWSc/Lysff1Naem0AhCcLfPAKsvLSmqMEAJ3yuXFI3vTRG4Cy1AjTB0gY+DO+vHXO7Be/Evq6KHWrtEJ2bxu8Yg3B93k4fKPy6DkccL23gGx/DvAijrEL2QCZ9kQBOlZAO3W7sgUHVyOgfdG7bkZ2U4UTxgJv2KHe51wTiAkQt9xnly/17Vg3beVTMkve4BQssy0ujymAQH3veEAxp48HNPZHTBDBXiZP5TJ5b7nR6MGHpIqc5ZO83/2L2z2ZtBoXlizgzkgOARfsjdvU1iTckDrUAKl3F6n3WtfVCEKE80vVGpMqyUOhzp0ja5+1ThIEMCKPw/JTXzrWArpCsfZt67tST+Mjr0zkDoJ/CVVVQFfGRfF95kChd84ZOM8X9S3cI7qrI8W1zQA6YoXXq5yauNEnfLsY0JD+F5IPHsNmXyGpGCtz9Dm7u3YeQNWkKXD1nBpi4Q3dh2FOEWWXSTOYUzSGGbiyaPyG/s+dlKyj3Ab6ka0j+SfTrrxrCcGnuKS4qvCJdCwzsp8wjf9aW7pNmBX4PNwM2SYKqAD/83DwauJPoBonR9xW58R9ZZfQJBkwNODckYMxt1Gz14yVs5Cc8TbIcLF/IPuK9Xv92fa6dP8PeND9BwgsNSsAAAAASUVORK5CYII=) no-repeat .12rem;
        background-size: .15rem .15rem;
        width: 100%;
        font-size: 10px;
        color: #6b6b6b;
        letter-spacing: 0;
        line-height: 15px
    }

    .brokerleft img[data-v-0642d1f8] {
        float: left;
        width: .42rem;
        margin-right: .1rem
    }

    .brokercontent p[data-v-0642d1f8] {
        font-size: 16px;
        color: #333
    }

    .brokercontent span[data-v-0642d1f8] {
        font-size: 16px;
        color: #333;
        display: inline-block;
        width: 45px;
        height: 15px;
        text-align: center;
        line-height: .15rem;
        font-size: .1rem;
        color: #666
    }


    .brokerright p[data-v-0642d1f8] {
        font-size: 12px;
        color: #999
    }

    .brokerlist li[data-v-0642d1f8] {
        overflow: hidden;
        margin-bottom: .1rem;
        background: #fff
    }

    #head2 h3 {
        height: .5rem;
        line-height: .5rem;
        margin: 0;
        font-size: .16rem;
        font-weight: 400;
        overflow: hidden
    }


    #head2 h3 span:first-of-type {
        display: block;
        font-size: .16rem
    }

    .product-name em {
        position: absolute;
        top: .18rem;
        font-size: .12rem;
        left: 50%;
        margin-left: -.32rem
    }


    #head2 .head_content .left a {
        font-size: .2rem
    }
    #head1 .head_content .left a, #head2 .head_content .left a, #head2 .head_content .right a {
        color: #fff;
        line-height: .5rem
    }

    #head2 .arrow_left:after {
        content: " ";
        display: inline-block;
        -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
        height: 13px;
        width: 13px;
        border-width: 2px 2px 0 0;
        border-color: #333;
        border-style: solid;
        position: relative;
        top: -2px;
        position: absolute;
        left: 0;
        top: 19px
    }


    #head2 .arrow_right img {
        width: .18rem
    }

    body, html {
        height: 100%;
        background: #1f222b;
    }

    body {
        -webkit-overflow-scrolling: touch
    }


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

    @keyframes mescrollRotate {
        0% {
            transform: rotate(0deg)
        }
        to {
            transform: rotate(1turn)
        }
    }


    @-webkit-keyframes mescrollFadeOut {
        0% {
            opacity: 1
        }
        to {
            opacity: 0
        }
    }

    @keyframes mescrollFadeOut {
        0% {
            opacity: 1
        }
        to {
            opacity: 0
        }
    }
    .con-header li[data-v-18b300d4] {
        height: .45rem;
        line-height: .34rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
        font-size: .15rem;
        color: #333
    }

    .con-header li p[data-v-18b300d4] {
        width: 70%;
        margin: 0 auto;
        line-height: .36rem;
        margin-top: .06rem
    }

    .con-header .active[data-v-18b300d4] {
        color: #0086ff
    }

    .con-header .active p[data-v-18b300d4] {
        border-bottom: 2px solid #0086ff
    }

    .portrait-wrap p[data-v-18b300d4] {
        font-size: .12rem;
        color: #333;
        position: absolute;
        bottom: -.06rem;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: .52rem
    }

    .earnings-list-con li[data-v-18b300d4] {
        height: .5rem;
        float: left;
        margin-top: .18rem;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 60px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .buy_check[data-v-6524b236] {
        background: #ffedec;
    }


    .hide[data-v-18b300d4] {
        display: none
    }

    /*时间tab的css*/

    .glass_mask {
        position: fixed;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(left top, rgba(255, 177, 0, 0.49), rgba(0, 161, 255, 0.76));
        background: -moz-linear-gradient(left top, rgba(255, 177, 0, 0.49), rgba(0, 161, 255, 0.76));
        background: linear-gradient(left top, rgba(255, 177, 0, 0.49), rgba(0, 161, 255, 0.76));
        z-index: 99999;
        display: none;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .order-confirm-panel {
        position: absolute;
        width: 90%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background-color: #1b1a1e;
        border: 1px solid #585352;
        border-radius: .1rem;
        z-index: 20;
    }
    .order-confirm-panel .panel-header {
        position: relative;
        font-size: .15rem;
        height: .45rem;
        line-height: .45rem;
        color: white;
        text-align: center;
        background-color: #1b1a1e;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        width: 100%;
        padding: 0 .1rem;
        font-family: "microsoft yahei";
        box-sizing: border-box;
    }
    .panel-header .close {
        position: absolute;
        right: .1rem;
        top: -.1rem;
        font-size: .2rem;
        color: #6d6d6d;
    }
    .order-confirm-panel .panel-header > div {
        border-bottom: 1px solid #000;
    }
    .panel-body {
        box-sizing: border-box;
        padding: 0 .2rem;
    }
    .end_time {
        font-size: .12rem;
        color: #6D6D6D;
        position: fixed;
        width: 100%;
        left: .2rem;
        top: .6rem;
        font-family: "microsoft yahei";
    }
    .period {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        position: relative;
    }
    .end_time_list {
        white-space: nowrap;
        padding: 0;
        width: 1500px;
        margin-top: .4rem;
    }
    .end_time_list:after {
        content: '';
        display: block;
        clear: both;
    }
    .end_time_list li {
        height: .9rem;
        width: 1rem;
        float: left;
        background-image: url("../img/details/clock.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        border: 1px solid transparent;
        text-align: center;
        padding: 5px 0;
        overflow: hidden;
        margin-right: .15rem;
        background-color: #2c2d31;
        border-radius: 5px;
        box-sizing: border-box;
    }
    .end_time_list li.active {
        background-image: url(../img/details/sele.png);
        background-size: contain;
        background-position: right top;
        background-repeat: no-repeat;
        border: 1px solid #fdbe19;
    }
    .end_time_list li > div {

    }
    .end_time_list li > div {

    }
    .period-widget-header {
        font-size: .1rem;
        color: #6d6d6d;
        height: .2rem;
        line-height: .25rem;
    }
    .period-widget-content {
        font-size: .15rem;
        text-align: center;
        color: #e1ab32;
        height: .4rem;
        line-height: .4rem;
        padding-right: 5px;
    }
    .period-widget-content > .final_time {
        font-size: .25rem;
        font-weight: bold;
        color: #fdbe19;
    }
    .period-widget-footer {
        background-color: #232227;
        width: 100%;
        height: .25rem;
        line-height: .25rem;
        color: #fa2e42;
        font-size: .13rem;
    }
    .invest_account {
        margin: .1rem 0;
        font-size: .12rem;
    }
    .amount:before, .amount:after {
        content: '';
        display: block;
        clear: both;
    }
    .investMoney {
        float: left;
        width: 68%;
        overflow-x: auto;
    }
    .investMoney ul {
        width: 900px;
    }
    .investMoney li {
        float: left;
        white-space: nowrap;
        text-align: center;
        background: #38373e;
        margin-right: .05rem;
        border-radius: 3px;
        padding: .05rem;
        border: 1px solid transparent;
        color: #fff;
    }
    .investMoney li.active {
        border: 1px solid #fdbe19;
        background-image: url(../img/details/selection.png);
        background-size: .15rem;
        background-position: right top;
        background-repeat: no-repeat;
        color: #fdbe19;
    }
    .otherMoney {
        display: inline-block;
        margin-left: .05rem;
        width: 28%;
        background: #38373e;
        color: #fff;
        padding: .05rem;
        border: 1px solid transparent;
        border-radius: 3px;
        text-align: center;
    }
    .amount .balanceFee {
        padding-top: .1rem;
        font-size: .1rem;
    }
    .amount .balanceFee:after {
        content: '';
        clear: both;
    }
    .amount .balanceFee p {
        float: left;
    }
    .amount .balanceFee p:first-child {
        width: 60%;
    }
    .amount .balanceFee p:last-child {
        width: 40%;
    }
    .confirmInfo {
        border-top: 1px solid #333235;
        margin: .1rem;
    }
    .currencyInfo li {
        display: flex;
        justify-content: space-around;
        padding: .06rem 0;
    }
    .currencyInfo li span {
        width: 25%;
        text-align: center;
    }
    .currencyInfo li span.rise, .currencyInfo li span.red {
        color: #fa2e42 !important;
    }
    .currencyInfo li span.fall, .currencyInfo li span.green {
        color: #1fc65b !important;
    }
    .currencyInfo li span.money {
        color: #fdbe19;
    }
    .currencyInfo li span.currencyName {
        color: #fff;
    }
    .confirmInfo .confirmBtn {
        padding: .1rem 0 ;
        text-align: center;
    }
    .confirmInfo .confirmBtn span {
        display: inline-block;
        width: 90%;
        background: #fdbe19;
        border-radius: 3px;
        color: #000;
        font-size: .15rem;
        padding: .1rem 0;
    }
    .confirmInfo .expectEarning {
        color: #fdbe19;
        text-align: center;
        font-size: .1rem;
    }
    .timeTabContent .timeTabBtn {
        width: 100%;
        padding: 0 .15rem;
        position: fixed;
        bottom: .2rem;
        z-index: 101;
        background: #1F222B;
        height: .5rem;
    }
    .timeTabContent .timeTabBtn > div {
        width: 100%;
        display: flex;
        font-size: .13rem;
        align-items: center;
    }
    .timeTabBtn > div > span {
        width: 10%;
        text-align: center;
        font-size: .1rem;
    }
    .timeTabBtn p {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: .02rem 0;
        border-radius: .04rem;
        text-align: center;
        flex: 1;
    }
    .timeTabBtn p.border_green {
        border: 1px solid #00cf8c;
        color: #00cf8c;
    }
    .timeTabBtn p.border_red {
        border: 1px solid #f64e43;
        color: #f64e43;
    }