@charset "UTF-8";

.red[data-v-b57c7527] {
    color: #fe3434 !important
}

.yellow[data-v-b57c7527] {
    color: #ffc40b !important
}

.black[data-v-b57c7527] {
    color: #04091c !important;
    font-size: .41026rem;
    font-weight: 700
}

.green[data-v-b57c7527] {
    color: #2cc660 !important;
    font-size: .35897rem;
    font-weight: 500
}

.green>span[data-v-b57c7527] {
    font-size: .30769rem
}

.gray[data-v-b57c7527] {
    color: #7e858e !important
}

.mt10[data-v-b57c7527] {
    margin-top: .25641rem !important
}

.mt0[data-v-b57c7527] {
    margin-top: 0 !important
}

.pb10[data-v-b57c7527] {
    padding-bottom: .25641rem
}

.pt10[data-v-b57c7527] {
    padding-top: .25641rem
}

.border-b[data-v-b57c7527] {
    border-bottom: .02564rem solid #D9D9D9
}

.border-t[data-v-b57c7527] {
    border-top: .02564rem solid #D9D9D9
}

.bcG[data-v-b57c7527] {
    background: #F5F6FA;
    border-radius: .20513rem;
    margin-bottom: .51282rem
}

h1[data-v-b57c7527] {
    margin-bottom: .25641rem;
    font-weight: 600;
    font-size: .35897rem
}

h4[data-v-b57c7527] {
    font-weight: 600;
    font-size: .46154rem;
    color: #1f262f
}

h2[data-v-b57c7527],
h3[data-v-b57c7527],
h5[data-v-b57c7527],
h6[data-v-b57c7527],
h7[data-v-b57c7527] {
    font-weight: 400;
    font-size: .35897rem
}

.itemOrder[data-v-b57c7527] {
    padding: .61538rem 0
}

.itemOrder>div[data-v-b57c7527] {
    display: flex;
    justify-content: space-between;
    padding: .12821rem 0
}

.itemOrder>div>span[data-v-b57c7527] {
    color: #7e858e
}

.itemOrder>div>p[data-v-b57c7527] {
    color: #1f262f
}

.itemOrder>div>p.b1[data-v-b57c7527] {
    font-weight: 700
}

.itemOrder>div>p.b1>span[data-v-b57c7527] {
    font-size: .30769rem
}

.itemOrder>div>p.number[data-v-b57c7527] {
    color: #f5ba00
}

.itemOrder .time[data-v-b57c7527] {
    border-top: .02564rem solid #D9D9D9;
    padding: .46154rem 0;
    margin-top: .25641rem
}

.itemOrder .time>span[data-v-b57c7527] {
    color: #7e858e
}

.itemOrder .head>span[data-v-b57c7527]:first-of-type {
    border-radius: .10256rem;
    background: #2CC660;
    color: #fff;
    padding: .07692rem .38462rem
}

.cmdBth[data-v-b57c7527] {
    color: #f63e3e;
    background: #F5F6FA;
    border: .02564rem solid #E6E7EB;
    text-align: center;
    padding: .33333rem 0;
    border-radius: .20513rem;
    height: 1.23077rem
}

.cmdBth.active[data-v-b57c7527] {
    background: #FAC10C;
    color: #1f262f;
    border: .02564rem solid #FAC10C
}

.tip-p[data-v-b57c7527] {
    display: flex;
    align-items: center;
    gap: .19231rem;
    align-items: flex-start;
    margin: 0 0 .25641rem;
    color: #f63e3e;
    line-height: .51282rem;
    letter-spacing: -.00821rem
}

.tip-p .img[data-v-b57c7527] {
    margin-top: .07692rem
}

.itemOther[data-v-b57c7527] {
    border: .02564rem solid #EBECF0;
    border-radius: .20513rem;
    margin-bottom: .38462rem;
    color: #a2a7ac;
    font-size: .35897rem;
    font-weight: 400
}

.itemOther>div[data-v-b57c7527]:not(.head) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .15385rem .30769rem
}

.itemOther>div:not(.head)>span[data-v-b57c7527]:last-of-type {
    color: #1f262f
}

.itemOther>div:not(.head) .amount[data-v-b57c7527] {
    font-weight: 700;
    color: #1f262f !important;
    font-size: .41026rem
}

.itemOther>.head[data-v-b57c7527] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #F7F8FC;
    padding: .30769rem;
    font-size: .41026rem;
    font-weight: 600;
    border-bottom: .02564rem solid #EBECF0
}

.itemOther>.head>span[data-v-b57c7527]:first-of-type {
    color: #1f262f;
    font-size: .35897rem;
    font-weight: 700
}

.itemOther>.head>span[data-v-b57c7527]:nth-of-type(2) {
    font-size: .35897rem;
    font-weight: 500
}

.itemOther>.head>span:nth-of-type(2).state1[data-v-b57c7527] {
    color: #e7af00
}

.itemOther>.head>span:nth-of-type(2).state2[data-v-b57c7527] {
    color: #fc7878
}

.itemOther>.head>span:nth-of-type(2).state3[data-v-b57c7527] {
    color: #63a1ff
}

.itemOther>.head>span:nth-of-type(2).state4[data-v-b57c7527] {
    color: #4cb957
}

.itemOther>.head>span:nth-of-type(2).state5[data-v-b57c7527] {
    color: #e7af00
}

.itemOther>.head>span:nth-of-type(2).state6[data-v-b57c7527] {
    color: #fc7878
}

.itemOther>.head>span:nth-of-type(2).state7[data-v-b57c7527] {
    color: #11bf7a
}

.itemOther>.head>span:nth-of-type(2).state8[data-v-b57c7527] {
    color: #666
}

.itemOther>.head>span:nth-of-type(2).state9[data-v-b57c7527] {
    color: #fe3434
}

.itemOther>.head>span:nth-of-type(2).state11[data-v-b57c7527] {
    color: #fe3434
}

.itemOther>.head>span:nth-of-type(2).state13[data-v-b57c7527] {
    color: #fe3434
}

.itemOther>.head>span:nth-of-type(2).state14[data-v-b57c7527] {
    color: #31b9ff
}

.itemOther>.head>span:nth-of-type(2).state16[data-v-b57c7527] {
    color: #fc7878
}

.itemOther.isHide[data-v-b57c7527] {
    display: none
}

[data-v-b57c7527] .van-cell input::placeholder {
    color: #5e646a
}

.c2cConfirm[data-v-b57c7527] {
    background: linear-gradient(to bottom, transparent 20%, #fff 30%), url(./SellingInstructions-9eada1a6.png) no-repeat top center;
    background-size: 100% auto, 100% auto;
    padding: .41026rem;
    text-align: left;
    width: 100%;
    min-width: 7rem
}

.c2cConfirm h6[data-v-b57c7527] {
    height: 1.4359rem;
    color: #7e858e;
    font-size: .51282rem;
    margin-bottom: .41026rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.00821rem;
    color: #1f262f;
    padding-left: .30769rem
}

.c2cConfirm .process .box[data-v-b57c7527] {
    position: relative
}

.c2cConfirm .process .box[data-v-b57c7527]:before {
    content: "";
    position: absolute;
    left: .4359rem;
    top: .12821rem;
    width: .02564rem;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 196, 11, .45) 0%, #FFC40B 50.05%, rgba(255, 196, 11, .1) 100%)
}

.c2cConfirm .process .box .item[data-v-b57c7527] {
    margin-bottom: .51282rem;
    line-height: .5641rem;
    position: relative;
    padding-left: .82051rem
}

.c2cConfirm .process .box .item[data-v-b57c7527]:before {
    position: absolute;
    content: "";
    left: .23077rem;
    top: .05128rem;
    width: .41026rem;
    height: .41026rem;
    background: url(./round-bcea68fe.svg) no-repeat center;
    background-size: cover;
    border-radius: 50%
}

.c2cConfirm .process .box .item>span[data-v-b57c7527],
.c2cConfirm .process .box .item>p[data-v-b57c7527] {
    padding: 0 .25641rem;
    border-radius: .10256rem;
    display: inline-block;
    font-size: .35897rem;
    color: #1f262f;
    font-weight: 400
}

.c2cConfirm .process .box .item>span>i[data-v-b57c7527],
.c2cConfirm .process .box .item>p>i[data-v-b57c7527] {
    color: #ffc100;
    font-size: .46154rem;
    font-weight: 600;
    font-style: normal
}

.c2cConfirm .check[data-v-b57c7527] {
    font-weight: 500
}

.c2cConfirm .cmdB[data-v-b57c7527] {
    color: #fff;
    background: #737A87;
    text-align: center;
    padding: .33333rem 0;
    border-radius: .20513rem;
    margin-top: .51282rem
}

.c2cConfirm .cmdB.active[data-v-b57c7527] {
    background: #FAC10C;
    color: #1f262f
}

[data-v-8e151714]::deep(.x-btn) {
    border-radius: .20513rem;
    height: 1.23077rem
}

::deep(.x-btn) .x-btn-plain[data-v-8e151714] {
    height: 1.23077rem;
    border: .02564rem solid #E6E7EB;
    background: #F5F6FA
}

.popup-box[data-v-8e151714] {
    padding: .51282rem 0 0
}

.popup-box .close[data-v-8e151714] {
    position: absolute;
    top: .38462rem;
    right: .38462rem;
    height: .51282rem;
    width: .51282rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEZSURBVHgB1dRN0sEwGAfwJ3m9FlaO4ii22NQCY6HcQHuCmjIMFunC144buIK7GMMwRBpSoU2aJc8uyfP/TSbJBOCnipB1vj9ZtU37/dHc8lhGnsMydrgct0Bvvf502U3Dwh6EEcmwjIxG4P50KlIKBT64UUeH8jXWwwcs83c+WjHQbpYC1uRGKQX6hj36XLtR7okhigVGcwcwekEYOa1ayVVhrWbFkfMxUIWKXeswJZiIyqXAtKAS1WBhYdBVBlOjOTDYYewC3rbxuigjMOk2n1A3DUUmmDgz3ZNKBE3eWRoagf541kGAPR2mQimiVbteCbgvJq/ZS8D4XRoWFl8T58oy1//cJrHRIyTvT5YWGNZguOh8fl/fX3cEiLjhQiDwXQAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: cover
}

.popup-box .tit[data-v-8e151714] {
    font-size: .61538rem;
    color: #1f262f;
    font-weight: 600;
    margin: .38462rem 0
}

.popup-box .time[data-v-8e151714] {
    color: #ee4d4d;
    font-size: .41026rem
}

.popup-box p[data-v-8e151714] {
    font-size: .35897rem;
    color: #1f262f
}

.popup-box .sub[data-v-8e151714] {
    color: #1f262f;
    font-size: .38462rem;
    line-height: .51282rem
}

.popup-box .sub[data-v-8e151714] .red {
    color: #ee4d4d;
    font-weight: 600
}

.red[data-v-6a7cbe8e] {
    color: #fe3434 !important
}

.yellow[data-v-6a7cbe8e] {
    color: #ffc40b !important
}

.black[data-v-6a7cbe8e] {
    color: #04091c !important;
    font-size: .41026rem;
    font-weight: 700
}

.green[data-v-6a7cbe8e] {
    color: #2cc660 !important;
    font-size: .35897rem;
    font-weight: 500
}

.green>span[data-v-6a7cbe8e] {
    font-size: .30769rem
}

.gray[data-v-6a7cbe8e] {
    color: #7e858e !important
}

.mt10[data-v-6a7cbe8e] {
    margin-top: .25641rem !important
}

.mt0[data-v-6a7cbe8e] {
    margin-top: 0 !important
}

.pb10[data-v-6a7cbe8e] {
    padding-bottom: .25641rem
}

.pt10[data-v-6a7cbe8e] {
    padding-top: .25641rem
}

.border-b[data-v-6a7cbe8e] {
    border-bottom: .02564rem solid #D9D9D9
}

.border-t[data-v-6a7cbe8e] {
    border-top: .02564rem solid #D9D9D9
}

.bcG[data-v-6a7cbe8e] {
    background: #F5F6FA;
    border-radius: .20513rem;
    margin-bottom: .51282rem
}

h1[data-v-6a7cbe8e] {
    margin-bottom: .25641rem;
    font-weight: 600;
    font-size: .35897rem
}

h4[data-v-6a7cbe8e] {
    font-weight: 600;
    font-size: .46154rem;
    color: #1f262f
}

h2[data-v-6a7cbe8e],
h3[data-v-6a7cbe8e],
h5[data-v-6a7cbe8e],
h6[data-v-6a7cbe8e],
h7[data-v-6a7cbe8e] {
    font-weight: 400;
    font-size: .35897rem
}

.itemOrder[data-v-6a7cbe8e] {
    padding: .61538rem 0
}

.itemOrder>div[data-v-6a7cbe8e] {
    display: flex;
    justify-content: space-between;
    padding: .12821rem 0
}

.itemOrder>div>span[data-v-6a7cbe8e] {
    color: #7e858e
}

.itemOrder>div>p[data-v-6a7cbe8e] {
    color: #1f262f
}

.itemOrder>div>p.b1[data-v-6a7cbe8e] {
    font-weight: 700
}

.itemOrder>div>p.b1>span[data-v-6a7cbe8e] {
    font-size: .30769rem
}

.itemOrder>div>p.number[data-v-6a7cbe8e] {
    color: #f5ba00
}

.itemOrder .time[data-v-6a7cbe8e] {
    border-top: .02564rem solid #D9D9D9;
    padding: .46154rem 0;
    margin-top: .25641rem
}

.itemOrder .time>span[data-v-6a7cbe8e] {
    color: #7e858e
}

.itemOrder .head>span[data-v-6a7cbe8e]:first-of-type {
    border-radius: .10256rem;
    background: #2CC660;
    color: #fff;
    padding: .07692rem .38462rem
}

.cmdBth[data-v-6a7cbe8e] {
    color: #f63e3e;
    background: #F5F6FA;
    border: .02564rem solid #E6E7EB;
    text-align: center;
    padding: .33333rem 0;
    border-radius: .20513rem;
    height: 1.23077rem
}

.cmdBth.active[data-v-6a7cbe8e] {
    background: #FAC10C;
    color: #1f262f;
    border: .02564rem solid #FAC10C
}

.tip-p[data-v-6a7cbe8e] {
    display: flex;
    align-items: center;
    gap: .19231rem;
    align-items: flex-start;
    margin: 0 0 .25641rem;
    color: #f63e3e;
    line-height: .51282rem;
    letter-spacing: -.00821rem
}

.tip-p .img[data-v-6a7cbe8e] {
    margin-top: .07692rem
}

.itemOther[data-v-6a7cbe8e] {
    border: .02564rem solid #EBECF0;
    border-radius: .20513rem;
    margin-bottom: .38462rem;
    color: #a2a7ac;
    font-size: .35897rem;
    font-weight: 400
}

.itemOther>div[data-v-6a7cbe8e]:not(.head) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .15385rem .30769rem
}

.itemOther>div:not(.head)>span[data-v-6a7cbe8e]:last-of-type {
    color: #1f262f
}

.itemOther>div:not(.head) .amount[data-v-6a7cbe8e] {
    font-weight: 700;
    color: #1f262f !important;
    font-size: .41026rem
}

.itemOther>.head[data-v-6a7cbe8e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #F7F8FC;
    padding: .30769rem;
    font-size: .41026rem;
    font-weight: 600;
    border-bottom: .02564rem solid #EBECF0
}

.itemOther>.head>span[data-v-6a7cbe8e]:first-of-type {
    color: #1f262f;
    font-size: .35897rem;
    font-weight: 700
}

.itemOther>.head>span[data-v-6a7cbe8e]:nth-of-type(2) {
    font-size: .35897rem;
    font-weight: 500
}

.itemOther>.head>span:nth-of-type(2).state1[data-v-6a7cbe8e] {
    color: #e7af00
}

.itemOther>.head>span:nth-of-type(2).state2[data-v-6a7cbe8e] {
    color: #fc7878
}

.itemOther>.head>span:nth-of-type(2).state3[data-v-6a7cbe8e] {
    color: #63a1ff
}

.itemOther>.head>span:nth-of-type(2).state4[data-v-6a7cbe8e] {
    color: #4cb957
}

.itemOther>.head>span:nth-of-type(2).state5[data-v-6a7cbe8e] {
    color: #e7af00
}

.itemOther>.head>span:nth-of-type(2).state6[data-v-6a7cbe8e] {
    color: #fc7878
}

.itemOther>.head>span:nth-of-type(2).state7[data-v-6a7cbe8e] {
    color: #11bf7a
}

.itemOther>.head>span:nth-of-type(2).state8[data-v-6a7cbe8e] {
    color: #666
}

.itemOther>.head>span:nth-of-type(2).state9[data-v-6a7cbe8e] {
    color: #fe3434
}

.itemOther>.head>span:nth-of-type(2).state11[data-v-6a7cbe8e] {
    color: #fe3434
}

.itemOther>.head>span:nth-of-type(2).state13[data-v-6a7cbe8e] {
    color: #fe3434
}

.itemOther>.head>span:nth-of-type(2).state14[data-v-6a7cbe8e] {
    color: #31b9ff
}

.itemOther>.head>span:nth-of-type(2).state16[data-v-6a7cbe8e] {
    color: #fc7878
}

.itemOther.isHide[data-v-6a7cbe8e] {
    display: none
}

[data-v-6a7cbe8e] .van-cell input::placeholder {
    color: #5e646a
}

.sell[data-v-6a7cbe8e] {
    padding: .25641rem .38462rem .51282rem;
    font-size: .35897rem;
    color: #5e646a;
    font-weight: 400
}

.sell .banner[data-v-6a7cbe8e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .25641rem .38462rem;
    border-radius: .20513rem;
    background: url(./arb_sell_rules2-9ad775c5.jpg) no-repeat center center;
    background-size: cover;
    min-height: 3.07692rem
}

.sell .banner span[data-v-6a7cbe8e] {
    color: #ccd7e4;
    font-weight: 500
}

.sell .banner h3[data-v-6a7cbe8e] {
    color: #e4effd;
    font-size: .61538rem;
    font-weight: 900
}

.sell .amount[data-v-6a7cbe8e] {
    display: flex;
    align-items: center;
    gap: .19231rem;
    align-items: flex-start
}

.sell .amount .item[data-v-6a7cbe8e] {
    padding: .41026rem .12821rem .25641rem;
    width: 33.3333333333%;
    min-height: 1.53846rem;
    display: flex;
    flex-direction: column;
    gap: .25641rem;
    align-items: center;
    gap: .10256rem
}

.sell .amount .item .head[data-v-6a7cbe8e] {
    font-weight: 700;
    font-size: .30769rem;
    color: #1f262f;
    word-wrap: break-word;
    font-weight: 600;
    width: 100%;
    text-align: center
}

.sell .amount .item .head span[data-v-6a7cbe8e] {
    font-size: .25641rem;
    font-weight: 400
}

.sell .amount .item .footer[data-v-6a7cbe8e] {
    font-size: .30769rem;
    color: #5e646a
}

.sell .container .boxA[data-v-6a7cbe8e] {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: .12821rem;
    gap: 0;
    margin: 0 auto;
    width: 5.89744rem;
    height: 5.89744rem;
    font-weight: 700;
    background: url(./m1-3f625c48.svg) no-repeat center center;
    background-size: cover
}

.sell .container .boxA .title[data-v-6a7cbe8e] {
    color: #603a03;
    font-family: Roboto;
    font-size: .76923rem;
    margin-top: 1.92308rem
}

.sell .container .boxA .count[data-v-6a7cbe8e] {
    color: #c97800;
    font-size: .51282rem
}

.sell .container .boxA.isDisable[data-v-6a7cbe8e] {
    background: url(./noSell-24febf1a.svg) no-repeat center center;
    background-size: cover
}

.sell .container .boxA.isDisable .title[data-v-6a7cbe8e],
.sell .container .boxA.isDisable .count[data-v-6a7cbe8e] {
    color: #fff
}

.sell .container .tip[data-v-6a7cbe8e] {
    color: #a2a7ac;
    font-size: .35897rem;
    text-align: center;
    font-weight: 400
}

.sell .container .operate[data-v-6a7cbe8e] {
    display: flex;
    align-items: center;
    gap: .19231rem;
    gap: .41026rem;
    margin-top: .41026rem
}

.sell .container .operate>div[data-v-6a7cbe8e] {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .12821rem;
    gap: .25641rem;
    padding: .41026rem 0;
    font-size: .33333rem;
    background: #F5F6FA;
    border-radius: .20513rem
}

.sell .record>.head[data-v-6a7cbe8e] {
    display: flex;
    align-items: center;
    gap: .19231rem;
    font-size: .46154rem;
    margin: .51282rem 0;
    color: #1f262f;
    font-weight: 700
}