.x-order[data-v-18a4701b] {
    padding-bottom: 2.05128rem
}

.x-order[data-v-18a4701b] .red {
    color: #f63e3e
}

.x-order-btn[data-v-18a4701b] {
    height: 1.23077rem;
    border-radius: .20513rem;
    color: #1f262f
}

.x-order .amount[data-v-18a4701b] {
    font-size: .61538rem;
    font-weight: 600;
    color: #1f262f;
    text-align: center
}

.x-order-tip[data-v-18a4701b] {
    font-size: .35897rem;
    font-weight: 400;
    line-height: .53846rem;
    color: #f63e3e
}

.x-order-box[data-v-18a4701b] {
    border-radius: .20513rem;
    background: #F5F6FA;
    padding: .41026rem .30769rem;
    color: #1f262f
}

.x-order-box .paid[data-v-18a4701b] {
    font-size: .41026rem;
    font-weight: 600
}

.x-order-box .order[data-v-18a4701b] {
    font-size: .41026rem;
    font-weight: 500;
    gap: .12821rem
}

.x-order-pay .item[data-v-18a4701b] {
    background: #fff;
    width: calc(25% - .12821rem);
    text-align: center;
    padding: .15385rem;
    box-shadow: 0 .10256rem .41026rem #d0d0ed5c;
    border-radius: .12821rem
}

.x-order-pay .item .img[data-v-18a4701b] {
    width: .89744rem;
    height: .89744rem;
    display: block;
    margin: 0 auto
}

.x-order-pay .item .name[data-v-18a4701b] {
    color: #666;
    font-size: .30769rem
}

.x-order .paid[data-v-18a4701b] {
    color: #1f262f;
    font-size: .41026rem;
    line-height: .76923rem;
    font-weight: 500
}

.x-order .pay[data-v-18a4701b] {
    color: #fc7878;
    font-size: .35897rem;
    width: 60%;
    margin: 0 auto;
    line-height: .51282rem
}

.x-order-qrc[data-v-18a4701b] {
    text-align: center
}

.x-order-qrc .img[data-v-18a4701b] {
    margin: 0 auto;
    padding: .20513rem;
    width: 3.74359rem;
    height: 3.74359rem;
    background-color: #f0f1f5;
    border-radius: .20513rem
}

.x-order-qrc .img .qrc[data-v-18a4701b] {
    display: block;
    width: 100%
}

.x-order-qrc .text[data-v-18a4701b] {
    color: #7e858e;
    font-size: .30769rem;
    line-height: .46154rem
}

.x-order-utr .lab[data-v-18a4701b] {
    font-size: .35897rem;
    color: #7e858e
}

.x-order-utr .box[data-v-18a4701b] {
    margin-top: .15385rem;
    position: relative
}

.x-order-explain .title[data-v-18a4701b] {
    font-size: .35897rem;
    color: #7e858e;
    font-weight: 500
}

.x-order-explain .sub[data-v-18a4701b] {
    font-size: .35897rem;
    font-weight: 500;
    color: #1f262f
}

.x-order-explain .box[data-v-18a4701b] {
    border-radius: .25641rem;
    background: #fff;
    padding: 0 .25641rem;
    border-radius: 10px
}

.x-order-explain .box p[data-v-18a4701b] {
    position: relative;
    color: #1f262f;
    font-size: .30769rem;
    padding-left: .38462rem;
    line-height: .51282rem
}

.x-order-explain .box p[data-v-18a4701b]:after {
    content: "";
    width: .07692rem;
    height: .07692rem;
    background: #1F262F;
    display: block;
    position: absolute;
    border-radius: .07692rem;
    top: .20513rem;
    left: .05128rem
}

.x-order .upload_img[data-v-18a4701b] {
    width: 4.20513rem;
    height: 6.15385rem;
    margin: .41026rem auto;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI4SURBVHgB7dzRURNRFIfxczMWQglJBziEMfJkB2IFaAVCBUoFYAc+CWgy0kFCB1SS473ROPh2zuof3Oz3m4HwsJsMHyebkNysGQAAAACgX4ol3Szu3rv5sbntZfYz93ezw8nHyKZXi+Vx8XJhCV78zcuDyWVk2y+L5duRlw+Ws6q3cR69ja1RZuPr+eq7u5+m4+6GcfujtwaZncIT/Huqit37uk7L4eTWBuRmvnzlpU59Ha46ZGf19z+N7Bee4Br3pF2u6119aHGbF9PJ5zZY7edSyuvofplDxLh9O6o3ZAP1YLD2ovukjsHII7AYgcUILEZgMQKLEViMwGIEFiOwGIHFnoW3rC/yGOiAv/B1fnfSvqxH4oeI/8DafPuW07n1BA9yYgQWI7AYgcUILEZgMQKLhQO3hSftywYu2yH8j8aDtWKXNmDZDhwixAgsRmAxAos9+qtpHRc//+F6vnLrIrEI/F9hgsUefYKPDjYT1GmKtpM7m47TH314KkywGIHFCCxGYLHwg1z7HJphtzu0ZxGdnwM/EQ4RYgQWI7AYgcUILEZgMQKL9Wp1JYuf0V0fFz8rZDuEDxF9XPyskO3Ag5wYgcUILEZgMQKLEViMwGIEFiOwGIHFCCwWD1zsvl1cfVvu20C1M7C2y2K2iu4TDuxr/7S58lG52N7QkLTB2pzetloXD7/glVoG+uvkxPvWRf/PgL11O5uOn0c3Th2DN1f8812F8F1kZ7QTU7ufZeICAAAAAProB0QQyfTA95UHAAAAAElFTkSuQmCC) no-repeat center center;
    background-color: #e1e2e5;
    border: .12821rem solid #F0F1F5;
    border-radius: .12821rem;
    background-size: 1.12821rem 1.12821rem
}

.x-order .upload_img img[data-v-18a4701b] {
    width: 4rem;
    height: 6rem;
    border-radius: .12821rem;
    object-fit: contain
}

.x-order .noAdd[data-v-18a4701b] {
    background: #fff
}

.x-order .upload_action[data-v-18a4701b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.x-order .upload_action .upload_btn[data-v-18a4701b] {
    width: 4.10256rem;
    height: 1.23077rem;
    background: #FAC10C;
    border-radius: .20513rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .41026rem;
    color: #1f262f;
    font-size: .35897rem
}

.x-order .upload_action .upload_text[data-v-18a4701b] {
    text-align: center;
    color: #1f262f;
    font-size: .35897rem;
    font-style: normal;
    line-height: .51282rem;
    font-weight: 400
}

.x-order .submit .item[data-v-18a4701b] {
    height: 1.23077rem;
    width: 4.41026rem;
    border-radius: .20513rem
}

.x-order .submit .item.x-btn-plain[data-v-18a4701b] {
    background-color: #f5f6fa;
    border-color: #e6e7eb;
    color: #1f262f !important;
    font-size: .35897rem
}

.x-order .submit .item.x-btn[data-v-18a4701b] {
    background: #FAC10C;
    color: #1f262f
}