.search[data-v-5ca31cb0] {
    background: #fff;
    border-radius: .3rem;
    padding: .08rem .1rem;
    width: 60%;
    position: fixed;
    top: .08rem;
    right: .15rem;
    z-index: 999
}

.search .icon[data-v-5ca31cb0] {
    margin-right: .05rem
}

.search input[data-v-5ca31cb0] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #000;
    font-size: .14rem
}

.search input[data-v-5ca31cb0]::-webkit-input-placeholder {
    font-size: .12rem;
    color: #949eaa
}

.search input[data-v-5ca31cb0]::-moz-placeholder {
    font-size: .12rem;
    color: #949eaa
}

.search input[data-v-5ca31cb0]:-ms-input-placeholder {
    font-size: .12rem;
    color: #949eaa
}

.search input[data-v-5ca31cb0]::-ms-input-placeholder {
    font-size: .12rem;
    color: #949eaa
}

.search input[data-v-5ca31cb0]::placeholder {
    font-size: .12rem;
    color: #949eaa
}

.mx-list[data-v-5ca31cb0] {
    padding: 0 .12rem
}

.mx-list .mx-items[data-v-5ca31cb0] {
    background: #fff;
    border-radius: .1rem;
    margin-bottom: .1rem
}

.mx-list .mx-items .top[data-v-5ca31cb0] {
    padding: .15rem .1rem;
    border-bottom: .01rem solid #ebebeb
}

.mx-list .mx-items .top .t[data-v-5ca31cb0] {
    font-weight: 600;
    font-size: .16rem;
    color: #000
}

.mx-list .mx-items .top .t1[data-v-5ca31cb0] {
    font-weight: 600;
    font-size: .16rem;
    color: #df4645
}

.mx-list .mx-items .data[data-v-5ca31cb0] {
    padding: .15rem .1rem;
    line-height: .24rem
}

.mx-list .mx-items .data .t2[data-v-5ca31cb0] {
    font-size: .12rem;
    color: #989898
}

.mx-list .mx-items .data .t3[data-v-5ca31cb0] {
    font-weight: 600;
    font-size: .16rem;
    color: #232323
}

.mx-list .titles[data-v-5ca31cb0] {
    padding: .1rem;
    border-bottom: .01rem solid #f5f5f5
}

.mx-list .titles div[data-v-5ca31cb0] {
    font-size: .12rem;
    color: #757575
}

.mx-list .mx-item[data-v-5ca31cb0] {
    padding: .1rem;
    background: #fff;
    border-radius: .1rem
}

.mx-list .mx-item .name[data-v-5ca31cb0] {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: .15rem;
    color: #333
}

.mx-list .mx-item .code[data-v-5ca31cb0] {
    margin-top: .05rem;
    font-family: PingFang SC;
    font-weight: 500;
    font-size: .12rem;
    color: #999
}

.mx-list .mx-item .num[data-v-5ca31cb0] {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: .13rem;
    color: #666;
    line-height: .2rem
}

.mx-list .mx-item .num span[data-v-5ca31cb0] {
    margin-left: .1rem;
    font-family: PingFang SC;
    font-weight: 700;
    font-size: .14rem;
    color: #d73d3d
}

.mx-list .mx-item .t[data-v-5ca31cb0] {
    margin-top: .2rem;
    font-family: PingFang SC;
    font-weight: 500;
    font-size: .13rem;
    color: #999
}

.mx-list .mx-item .red[data-v-5ca31cb0] {
    color: #c5585e
}

.mx-list .mx-item .green[data-v-5ca31cb0] {
    color: #1965b0
}

.jy-list[data-v-5ca31cb0] {
    margin: 0 .16rem;
    padding: .12rem 0
}

.jy-list .titles[data-v-5ca31cb0] {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: .12rem;
    color: #666
}

.jy-list .jy-item[data-v-5ca31cb0] {
    padding: .15rem .1rem;
    margin-bottom: .1rem;
    background: #fff;
    border-radius: .08rem .08rem .08rem .08rem;
    -webkit-box-shadow: 2px 2px 7px 1px rgba(0,0,0,.1);
    box-shadow: 2px 2px 7px 1px rgba(0,0,0,.1)
}

.jy-list .jy-item .name[data-v-5ca31cb0] {
    font-family: PingFang TC;
    font-weight: 600;
    font-size: .16rem;
    color: #000
}

.jy-list .jy-item .code[data-v-5ca31cb0] {
    margin-top: .05rem;
    font-family: PingFang TC;
    font-weight: 500;
    font-size: .12rem;
    color: #919191
}

.jy-list .jy-item .s-btn[data-v-5ca31cb0] {
    height: .32rem;
    background: #1b6ab5;
    border-radius: .3rem .3rem .3rem .3rem;
    padding: 0 .2rem;
    font-family: PingFang TC;
    font-weight: 500;
    font-size: .14rem;
    color: #fff
}

.jy-list .jy-item .hbg[data-v-5ca31cb0] {
    margin-top: .15rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.jy-list .jy-item .hbg .item[data-v-5ca31cb0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 48%;
    line-height: .2rem
}

.jy-list .jy-item .hbg .t[data-v-5ca31cb0] {
    font-weight: 600;
    font-family: DIN Next LT Pro;
    font-size: .12rem;
    color: #000
}

.jy-list .jy-item .hbg .t1[data-v-5ca31cb0] {
    font-family: PingFang TC;
    font-weight: 500;
    font-size: .12rem;
    color: #7b797c
}

.jy-list .jy-item .hbg .red[data-v-5ca31cb0] {
    color: #ee3c49
}

.jy-list .jy-item .hbg .green[data-v-5ca31cb0] {
    color: #1965b0
}

.pd30[data-v-5ca31cb0] {
    padding: 20px 30px
}

.pd30 .mx-item[data-v-5ca31cb0] {
    border: 4px solid #133ca3;
    border-radius: 20px;
    padding: 30px 20px;
    margin-bottom: 20px
}

.pd30 .mx-item .b-btn[data-v-5ca31cb0] {
    margin: 0
}

.pd30 .mx-item .b-btn.dis[data-v-5ca31cb0] {
    background-color: #e71616
}

.pd30 .mx-item .name[data-v-5ca31cb0] {
    font-size: 32px;
    color: #333
}

.pd30 .mx-item .name.st[data-v-5ca31cb0] {
    color: #014b8d;
    font-family: Roboto;
    font-weight: 700
}

.pd30 .mx-item .code[data-v-5ca31cb0] {
    display: inline-block;
    background: #f0f3fa;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 24px;
    color: #333;
    margin-top: 10px
}

.pd30 .mx-item .num[data-v-5ca31cb0] {
    font-size: 36px;
    font-family: Roboto;
    font-weight: 700;
    color: #333
}

.pd30 .mx-item .lv[data-v-5ca31cb0] {
    font-size: 24px;
    color: #333
}

.pd30 .mx-item .lv .red[data-v-5ca31cb0] {
    font-size: 36px;
    font-family: Roboto;
    font-weight: 400;
    color: #e71616!important;
    margin-left: 10px
}

.pd30 .mx-item .lv .red.die[data-v-5ca31cb0] {
    color: #014b8d!important
}

.pd30 .mx-item .time[data-v-5ca31cb0] {
    font-size: 24px;
    color: #666;
    margin-top: 30px
}

.txt[data-v-5ca31cb0] {
    margin: .12rem .16rem;
    line-height: .24rem
}

.txt .t[data-v-5ca31cb0] {
    font-size: .14rem;
    color: #242222
}

.txt .t1[data-v-5ca31cb0] {
    font-size: .12rem;
    color: #5c5c5c
}

.tj[data-v-5ca31cb0] {
    margin: 0 .16rem;
    background: #fff;
    border-radius: .06rem
}

.tj .b-btn[data-v-5ca31cb0] {
    margin: 0 auto .5rem
}

.tj .ipt .title[data-v-5ca31cb0] {
    font-family: PingFang SC;
    font-size: .16rem;
    color: #131313;
    font-weight: 600
}

.tj .ipt input[data-v-5ca31cb0] {
    width: 100%;
    height: .44rem;
    background: #f1f7f7;
    border-radius: .06rem .06rem .06rem .06rem;
    padding: 0 .1rem;
    margin: .15rem 0 0
}

.tj .ipt input[data-v-5ca31cb0]::-webkit-input-placeholder {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .14rem;
    color: #7b7b7b
}

.tj .ipt input[data-v-5ca31cb0]::-moz-placeholder {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .14rem;
    color: #7b7b7b
}

.tj .ipt input[data-v-5ca31cb0]:-ms-input-placeholder {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .14rem;
    color: #7b7b7b
}

.tj .ipt input[data-v-5ca31cb0]::-ms-input-placeholder {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .14rem;
    color: #7b7b7b
}

.tj .ipt input[data-v-5ca31cb0]::placeholder {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .14rem;
    color: #7b7b7b
}

.page[data-v-5ca31cb0] {
    padding: 1rem 0 .1rem;
    min-height: 100vh
}

.rns[data-v-5ca31cb0] {
    position: fixed;
    top: .15rem;
    right: .15rem;
    z-index: 999
}

.pop[data-v-5ca31cb0] {
    background: #fff;
    border-radius: 10px
}

.pop .pop-title[data-v-5ca31cb0] {
    font-size: 32px;
    color: #fff;
    text-align: center;
    background: #014b8d;
    border-radius: 10px 10px 0 0;
    padding: 30px 0
}

.pop .pdd[data-v-5ca31cb0] {
    padding: 0 30px 30px
}

.pop .pdd .t2[data-v-5ca31cb0] {
    margin: 30px 0;
    color: #333
}

.pop .pdd input[data-v-5ca31cb0] {
    height: 80px;
    line-height: 80px;
    border-radius: 20px;
    background-color: #e9eff5;
    padding: 0 20px
}

.pop .pop-price[data-v-5ca31cb0] {
    padding: 30px 0;
    text-align: center;
    border-bottom: 2px solid #d4e0eb
}

.pop .pop-price .t[data-v-5ca31cb0] {
    font-size: 32px;
    color: #333
}

.pop .pop-price .t1[data-v-5ca31cb0] {
    font-size: 60px;
    font-family: Roboto;
    font-weight: 700;
    color: #014b8d
}

.pop .pop-num[data-v-5ca31cb0] {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    margin-top: 20px
}

.pop .pop-num input[data-v-5ca31cb0] {
    height: 88px;
    line-height: 88px;
    border: 2px solid #ccc;
    border-radius: 20px;
    background-color: transparent;
    padding: 0 20px
}

.pop .total[data-v-5ca31cb0] {
    height: 100px;
    line-height: 100px;
    background: #f0f2f4;
    border-radius: 0 0 10px 10px;
    font-size: 32px;
    color: #014b8d;
    text-align: center
}

.pop .total span[data-v-5ca31cb0] {
    font-size: 40px;
    font-family: Roboto;
    font-weight: 700;
    color: #ff6000;
    margin-left: 10px
}

.pop .b-btn[data-v-5ca31cb0] {
    height: 100px;
    line-height: 100px;
    border-radius: 0 0 10px 0;
    text-align: center;
    margin: 0
}

.navs[data-v-5ca31cb0] {
    position: fixed;
    width: 100%;
    top: .6rem;
    left: 0;
    z-index: 999
}

.nav-box[data-v-5ca31cb0] {
    position: relative;
    z-index: 888;
    margin: 0 .12rem;
    margin-bottom: .1rem;
    background: #66cc9a;
    border-radius: .05rem .05rem .05rem .05rem;
    padding: .04rem;
    overflow-x: scroll;
    white-space: nowrap
}

.nav-box .nav-item[data-v-5ca31cb0] {
    height: .36rem;
    line-height: .36rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: PingFang TC;
    font-weight: 500;
    font-size: .16rem;
    color: #fff;
    text-align: center;
    position: relative
}

.nav-box .nav-item.active[data-v-5ca31cb0] {
    font-weight: 700;
    background: #fff;
    border-radius: .05rem .05rem .05rem .05rem;
    color: #1b6ab5
}

.th[data-v-5ca31cb0] {
    padding: 20px;
    background: #edf0f2
}

.th .th-td[data-v-5ca31cb0],.th .th-td div[data-v-5ca31cb0] {
    color: #91a2b1
}

.list-box .list-content .list-item[data-v-5ca31cb0] {
    padding: 30px 20px;
    border-bottom: 2px solid #ccc
}

.list-box .list-content .list-item .b-btn[data-v-5ca31cb0] {
    margin: 0 0 0 10px
}

.list-box .list-content .list-item .shares-name-box[data-v-5ca31cb0] {
    font-size: 32px;
    font-weight: 700;
    color: #333
}

.list-box .list-content .list-item .shares-name-box div[data-v-5ca31cb0] {
    font-size: 32px;
    color: #333
}

.list-box .list-content .list-item .shares-name-box .code[data-v-5ca31cb0] {
    background: #f0f3fa;
    border-radius: 10px;
    padding: 10px 0;
    font-size: 24px;
    font-weight: 400;
    font-family: Roboto;
    color: #333;
    width: 140px;
    text-align: center;
    margin-top: 10px
}

.list-box .list-content .list-item .shares-name-box.shares-price-num[data-v-5ca31cb0] {
    font-family: Roboto;
    font-weight: 700;
    color: #ff3636
}

.list-box .list-content .list-item .new-price[data-v-5ca31cb0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 17%
}

.list-box .list-content .list-item .new-price .shares-price-num[data-v-5ca31cb0] {
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #333
}

.list-box .list-content .list-item .shares-price[data-v-5ca31cb0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 17%
}

.list-box .list-content .list-item .shares-price .shares-price-num[data-v-5ca31cb0] {
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #333
}

.list-box .list-content .list-item .number[data-v-5ca31cb0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 17%
}

.list-box .list-content .list-item .number .shares-price-num[data-v-5ca31cb0] {
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #333
}

.list-box .list-content .list-item .new-code[data-v-5ca31cb0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 17%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

[data-v-5ca31cb0] .uni-input-input {
    font-size: 32px;
    color: #333
}

.red div[data-v-5ca31cb0] {
    color: #e71616!important
}

.red.die div[data-v-5ca31cb0] {
    color: #014b8d!important
}