.user-menu-wrapper {
    padding-left: 40px;
    width: 160px;
}

.user-menu-wrapper .menu-category {
    color: var(--color-primary);
    line-height: 36px;
}

.user-menu-wrapper .menu-list {
    display: flex;
    flex-direction: column;
    padding-left: 18px;
}

.user-menu-wrapper .menu-list a {
    display: inline-flex;
    width: fit-content;
    color: var(--color-primary-muted);
    font-size: 12px;
    line-height: 36px;
    cursor: pointer;
    position: relative;
}

.user-menu-wrapper .menu-list a.on {
    color: var(--color-highlight);
}

.user-menu-wrapper .menu-list a.icon-unread:after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--background-highlight);
    position: absolute;
    top: 6px;
    right: -10px;
}

.user-menu-wrapper .menu-list .no_permission {
    display: none;
}

.user-menu-wrapper .user-menu-haggle-count-wrapper {
    display: none;
}

.user-menu-wrapper .haggle-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 0 2px;
    border-radius: 8px;
    color: var(--color-white);
    background: var(--background-highlight);
    font-size: 12px;
    font-weight: 700;
    margin-left: 6px;
}

/*用户信息*/
.user_info {
    width: 1108px;
    border-radius: 10px;
    padding: 18px 20px;
    display: flex;
    font-size: 14px;
    margin-bottom: 16px;
    background: var(--background-white);
}

.user_info .avatar {
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border-radius: 50%;
    overflow: hidden;
}

.user_info .avatar img {
    width: 100%;
    height: 100%;
}

.user_info .username {
    font-size: 20px;
    max-width: 320px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.user_info .userLevel {
    color: #c2c6cc;
    margin-left: 10px;
    margin-right: 20px;
}

.user_info .isShop {
    display: none;
    color: #81858c;
    margin: 0 20px;
}

.user_info button {
    margin-right: 7px;
}

.acc_status {
    display: flex;
    margin-top: 20px;
}

.acc_status span {
    display: inline-block;
    width: 36px;
    height: 34px;
    line-height: 34px;
    margin-right: 10px;
}

.ico_pwd {
    background: url("https://static.9891.com/9891/img/ico_user1.png") no-repeat;
}

.ico_pwd.off {
    background: url("https://static.9891.com/9891/img/ico_user1_grey.png") no-repeat;
}

.ico_bindMobile {
    background: url("https://static.9891.com/9891/img/ico_user2.png") no-repeat;
}

.ico_bindMobile.off {
    background: url("https://static.9891.com/9891/img/ico_user2_grey.png") no-repeat;
}

.ico_threeElements {
    background: url("https://static.9891.com/9891/img/ico_user3.png") no-repeat;
}

.ico_threeElements.off {
    background: url("https://static.9891.com/9891/img/ico_user3_grey.png") no-repeat;
}

.user_info .btns-wrapper {
    display: flex;
    gap: 10px;
}

.user_info .btns-wrapper .btn {
    display: flex;
    align-items: center;
    height: 34px;
    padding: 0 17px;
    color: var(--color-highlight);
    border-radius: 17px;
    border: 1px solid var(--color-border);
}

.acc_status .btns {
    margin-left: 20px;
}

.user_info .tickets {
    margin-left: auto;
    display: flex;
    margin-top: 24px;
}

.user_info .tickets a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100px;
    height: 60px;
    border-left: 1px solid #edeff2;
}

.user_info li:first-child a {
    border-left: none;
}

.user_info .tickets span {
    font-size: 20px;
    font-weight: 700;
    color: #2f3133;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
}

.user_info .tickets p {
    color: var(--color-secondary);
}

.isShop .online {
    font-style: normal;
    color: #52B431;
}

.isShop .offline {
    font-style: normal;
    color: #adadad;
}

.user_banner {
    display: flex;
    justify-content: center;
    width: 1108px;
    margin: 0 auto 16px;
}

.user_banner img {
    max-width: 100%;
}

.p-right-content {
    width: 1108px;
    min-height: 552px;
    padding: 20px;
    float: right;
    background: var(--background-white);
    border-radius: 10px;
}

.page-title {
    display: inline-block;
    font-size: 16px;
    color: var(--color-primary);
    position: relative;
    padding-left: 14px;
}

.page-title:before {
    content: ' ';
    width: 4px;
    height: 16px;
    background: var(--background-highlight);
    border-radius: 2px;
    position: absolute;
    top: 4px;
    left: 0;
}

.page-title-tips {
    color: var(--color-secondary);
}

/*我发布的*/
.p-account-order .order-type-list {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.p-account-order .order-type-item {
    display: inline-flex;
    align-items: center;
    color: var(--color-primary-muted);
    padding: 0 16px;
    height: 34px;
    cursor: pointer;
}

.p-account-order .order-type-item.on {
    color: var(--color-highlight);
    background: var(--background-primary3);
    border: 1px solid var(--color-border);
    border-radius: 17px;
    cursor: default;
}

.p-account-order .table .td {
    display: flex;
    align-items: center;
    height: 30px;
    color: var(--color-primary-muted);
    background: var(--background-primary);
    padding: 0 20px;
}

.p-account-order .cell-1 {
    width: 500px;
}

.p-account-order .cell-2, .p-account-order .cell-3 {
    width: 160px;
}

.account-order-item {
    display: flex;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid var(--color-border4);
}

.p-account-order .order-sn {
    font-size: 12px;
    color: var(--color-primary-muted);
    margin-bottom: 10px;
}

.p-account-order .img-wrapper {
    width: 88px;
    height: 88px;
    border-radius: 12px;
    overflow: hidden;
    margin-right: 20px;
    position: relative;
    flex-shrink: 0;
}

.p-account-order .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.p-account-order .game-name {
    display: inline-flex;
    align-items: center;
    height: 20px;
    font-size: 12px;
    color: #FC9731;
    background: #FFE9D4;
    padding: 0 6px;
    border-radius: 4px;
    margin-right: 6px;
}

.p-account-order .goods-name {
    word-break: break-all;
    line-height: 20px;
}

.p-account-order .info {
    width: 392px;
    padding-right: 94px;
    cursor: pointer;
}

.p-account-order .desc, .p-release-detail .desc {
    font-size: 12px;
    color: var(--color-secondary);
    margin-top: 10px;
}

.p-account-order .price {
    font-size: 18px;
    color: var(--color-highlight);
    font-weight: 700;
}

.p-account-order .price span {
    font-size: 14px;
}

.p-account-order .service {
    font-size: 12px;
    color: var(--color-secondary);
    margin-top: 4px;
}

.p-account-order .img-wrapper:after {
    content: '';
    width: 88px;
    height: 88px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.p-account-order .watermark-checking:after {
    background: url("https://static.9891.com/wap/img/watermark-checking.png") no-repeat center;
    background-size: 100%;
}

.p-account-order .watermark-removed:after {
    background: url("https://static.9891.com/wap/img/watermark-removed.png") no-repeat center;
    background-size: 100%;
}

.p-account-order .watermark-sold:after {
    background: url("https://static.9891.com/wap/img/watermark-sold.png") no-repeat center;
    background-size: 100%;
}

.p-account-order .watermark-lock:after {
    background: url("https://static.9891.com/wap/img/watermark-lock.png") no-repeat center;
    background-size: 100%;
}

.p-account-order .actions .btn {
    display: inline-flex;
    align-items: center;
    color: #2E6C99;
    cursor: pointer;
    font-size: 14px;
}

.p-account-order .actions .btn:not(:first-child):before {
    content: '';
    width: 1px;
    height: 14px;
    background: var(--color-border3);
    margin: 0 6px;
}

.p-bargain-order .actions {
    flex-wrap: wrap;
}

.p-account-order .seconds {
    color: var(--color-highlight);
}

.noContent {
    text-align: center;
    /*height: 400px;*/
    padding-top: 60px;
}

.noContent p, .noc_tips div {
    color: #5c6573;
    margin-bottom: 8px;
}

/*我发布的详情*/
.p-release-detail {
    margin-bottom: 106px;
}

.p-order-detail.p-release-detail .bg-block {
    padding: 30px;
}

.p-order-detail .bg-block {
    padding: 30px;
    border-radius: 16px;
    background: var(--background-white);
    margin-bottom: 16px;
}

.p-order-detail .img-wrapper-large {
    width: 540px;
    height: 334px;
    border-radius: 16px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-order-detail .img-wrapper-large img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.p-order-detail .img-wrapper-square img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.p-order-detail .img-wrapper-square {
    width: 160px;
    height: 160px;
    border-radius: 16px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-order-detail .right-info {
    width: 680px;
    position: relative;
}

.p-order-detail .goods-name-wrapper {
    max-height: 156px;
    overflow: hidden;
    position: relative;
}

.p-order-detail .goods-name-wrapper.expanded {
    max-height: none;
}

.p-order-detail .goods-name-content, .p-order-detail .complete-goods-name-content {
    line-height: 26px;
    font-size: 16px;
    text-align: justify;
}

.p-order-detail .goods-name-wrapper .btn-expand {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 26px;
    color: var(--color-primary-muted);
    background: var(--background-white);
    z-index: 1;
    font-size: 16px;
    cursor: pointer;
}

.p-order-detail .complete-goods-name {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: var(--background-white);
    z-index: 1;
    padding: 0 10px;
    overflow: scroll;
}

.p-order-detail .btn-collapse {
    color: var(--color-primary-muted);
    text-align: right;
    cursor: pointer;
}

.p-order-detail .price-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 0 20px;
    background: var(--background-primary);
    margin-top: 30px;
}

.p-order-detail .price {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-highlight);
}

.p-order-detail .price span {
    font-size: 16px;
}

.p-order-detail .origin-price {
    text-decoration: line-through;
    color: var(--color-secondary);
    margin-left: 10px;
}

.p-order-detail .time {
    color: var(--color-secondary);
    font-size: 12px;
}

.p-release-detail .product-intro-type {
    display: flex;
    align-items: flex-end;
    gap: 30px;
    margin-bottom: 30px;
}

.p-release-detail .product-intro-item {
    color: var(--color-primary7);
    cursor: pointer;
}

.p-release-detail .product-intro-item.on {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-primary);
    cursor: default;
}

.p-release-detail .screenshot-wrapper img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.p-order-detail .desc-table {
    border: 1px solid var(--color-border3);
    border-radius: 16px;
    overflow: hidden;
}

.p-order-detail .desc-tr {
    display: flex;
    align-items: stretch;
}

.p-order-detail .desc-tr:not(:last-child) {
    border-bottom: 1px solid var(--color-border5);
}

.p-order-detail .desc-tr .th {
    display: flex;
    align-items: center;
    width: 240px;
    min-height: 12px;
    color: var(--color-primary-muted);
    background: var(--background-primary);
    border-right: 1px solid var(--color-border5);
    padding: 16px 20px;
    flex-shrink: 0;
}

.p-order-detail .desc-tr .td {
    display: flex;
    align-items: center;
    padding: 0 20px;
    flex-grow: 1;
}

.p-release-detail .trade-step-wrapper {
    margin-left: 128px;
    font-size: 16px;
}

.p-release-detail .trade-step img {
    width: 48px;
    margin-right: 10px;
}

.p-release-detail .trade-step-item {
    display: flex;
    align-items: center;
}

.p-release-detail .trade-step-item:not(:last-child):after {
    content: '';
    width: 60px;
    height: 1px;
    background: #EDEDED;
    margin: 0 20px;
}

.p-account-order .p-footer-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 84px;
    background: var(--background-white);
    box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, 0.05);
    z-index: 1;
}

/*分页*/
.pagination-group {
    text-align: center;
    margin: 20px 0;
    position: relative;
    z-index: 1;
}

#pagination .laypage_main button, .laypage_main input, #pagination .laypageskin_default a {
    border: 1px solid var(--color-border4);
}

#pagination .laypage_main a, #pagination .laypage_main span {
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    padding: 0;
}

#pagination .laypage_main a {
    color: var(--color-primary);
}

#pagination .laypageskin_default .laypage_curr {
    background: var(--background-highlight);
}

.p-account-order .p-footer-wrapper-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 1300px;
    height: 100%;
    margin: 0 auto;
    gap: 10px;
}

.p-account-order .p-footer-wrapper .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 44px;
    border-radius: 12px;
    color: var(--color-highlight);
    border: 1px solid var(--color-border);
    background: var(--background-white);
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

/*改价弹窗*/
.dialog-edit-price {
    width: 400px;
    padding: 30px;
    border-radius: 16px;
    overflow: hidden;
}

.custom-dialog .dialog-header {
    font-weight: 700;
    text-align: center;
    font-size: 18px;
}

.dialog-edit-price .dialog-body, .dialog-request-refund .dialog-body, .dialog-after-sales .dialog-body, .dialog-cancel-bargain .dialog-body {
    margin: 30px 0;
}

.dialog-edit-price .price-input-wrapper {
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 34px;
    background: var(--background-white);
    border-radius: 8px;
    border: 1px solid var(--color-border3);
    padding: 0 34px 0 10px;
    position: relative;
    margin-top: 10px;
}

.dialog-edit-price .input {
    width: 100%;
}

.dialog-edit-price .price-unit {
    position: absolute;
    line-height: 32px;
    top: 0;
    right: 10px;
}

.custom-dialog .btn-active, .p-account-settle .btn-active {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    border-radius: 12px;
    background: var(--background-highlight);
}

.p-account-settle .btn-primary, .custom-dialog .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-highlight);
    border-radius: 12px;
    border: 1px solid var(--color-border);
}

.custom-dialog .btn-active.lg {
    width: 100%;
    height: 44px;
    font-size: 14px;
}

.custom-dialog .btn.md {
    height: 44px;
    flex: 1;
}

.p-account-settle .btn-active.md, .p-account-settle .btn-primary.md {
    width: 140px;
    height: 44px;
    font-size: 16px;
}

.custom-dialog .btn-active.disabled, .p-account-settle .btn-active.disabled {
    background: var(--background-primary4);
}

.dialog-edit-price .dialog-footer {
    margin-top: 46px;
}

/*我买到的详情*/
.p-order-detail .bg-block {
    padding: 0;
}

.p-order-detail .page-crumb-title {
    display: flex;
    align-items: center;
    height: 52px;
    border-bottom: 1px solid var(--color-border4);
    padding: 0 30px;
    margin-bottom: 0;
}

.p-order-detail .block-content {
    padding: 20px 30px;
}

.p-order-detail .block-title {
    font-size: 18px;
    font-weight: 700;
}

.p-order-detail .status-wrapper {
    display: flex;
    align-items: center;
    height: 74px;
    padding: 0 20px;
    background: var(--background-primary);
    border-radius: 16px;
    margin-bottom: 30px;
    gap: 10px;
}

.p-order-detail .status-wrapper .sn {
    color: var(--color-primary-muted);
}

.p-order-detail .btn-wrapper {
    display: flex;
    gap: 10px;
}

.p-order-detail .btn-wrapper .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 34px;
    border-radius: 17px;
    color: var(--color-highlight);
    border: 1px solid var(--color-border);
    background: var(--background-white);
    font-size: 14px;
}

.p-order-detail .btn-wrapper .btn-active {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 34px;
    border-radius: 17px;
    color: var(--color-white);
    background: var(--background-highlight);
    font-size: 14px;
}

.p-order-detail .sn-wrapper {
    display: flex;
    gap: 20px;
    color: var(--color-primary-muted);
    margin-left: 20px;
}

.p-order-detail .btn-active {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 44px;
    background: var(--background-highlight);
    border-radius: 12px;
    color: var(--color-white);
    font-weight: 700;
    font-size: 16px;
}

.p-order-detail .mt-30 {
    margin-top: 30px;
}

.p-buy-order-detail .tc, .p-recycle-order-detail .tc {
    width: 200px;
    flex-shrink: 0;
}

.p-buy-order-detail .tr, .p-recycle-order-detail .tr {
    padding: 20px;
}

.p-order-detail .after-sale-wrapper {
    margin-top: 30px;
}

.p-order-detail .order-item {
    display: flex;
    line-height: 24px;
}

.p-order-detail .order-item > span {
    color: var(--color-primary-muted);
    flex-shrink: 0;
}

/*申请退款*/
.dialog-request-refund,
.dialog-after-sales,
.dialog-cancel-bargain,
.dialog-bargain,
.dialog-bargain-rules, .dialog-agree-bargain, .dialog-refuse-bargain {
    width: 400px;
    padding: 30px;
    border-radius: 16px;
    overflow: hidden;
}

.dialog-request-refund .reason-list, .dialog-after-sales .reason-list, .dialog-cancel-bargain .reason-list {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.dialog-request-refund .reason-item, .dialog-after-sales .reason-item, .dialog-cancel-bargain .reason-item {
    display: flex;
    align-items: center;
    color: var(--color-primary-muted);
    cursor: pointer;
}

.dialog-request-refund .reason-item:after, .dialog-after-sales .reason-item:after, .dialog-lending .account-info:after, .dialog-cancel-bargain .reason-item:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url("https://static.9891.com/9891/img/01/radio-unchecked.png") no-repeat;
    background-size: 100%;
    margin-left: auto;
}

.dialog-request-refund .reason-item.on:after, .dialog-after-sales .reason-item.on:after, .dialog-lending .payment-item.on .account-info:after, .dialog-cancel-bargain .reason-item.on:after {
    background: url("https://static.9891.com/9891/img/01/radio-checked.png") no-repeat;
    background-size: 100%;
}

.custom-dialog .custom-textarea {
    width: 100%;
    height: 80px;
    border-radius: 8px;
    padding: 10px;
    border: 1px solid var(--color-border3);
    resize: none;
    outline: 0;
}

.custom-dialog .custom-textarea::placeholder {
    color: var(--color-primary4);
}

/*我卖出的*/
.p-sell-order .page-type-wrapper, .p-bargain-order .page-type-wrapper {
    display: flex;
    gap: 30px;
    margin-left: 40px;
}

.p-sell-order .page-type-item, .p-bargain-order .page-type-item {
    color: var(--color-primary-muted);
    cursor: pointer;
}

.p-sell-order .page-type-item.on, .p-bargain-order .page-type-item.on {
    color: var(--color-highlight);
    cursor: default;
}

/*申请放款*/
.dialog-lending {
    width: 440px;
    padding: 30px;
    border-radius: 16px;
    overflow: hidden;
}

.dialog-lending .payment-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dialog-lending .payment-item {
    display: flex;
    align-items: center;
    width: 100%;
    height: 80px;
    background: var(--background-primary);
    border: 1px solid var(--background-primary);
    border-radius: 12px;
    padding: 0 20px;
    cursor: pointer;
}

.dialog-lending .payment-item.on {
    background: var(--background-primary3);
    border: 1px solid var(--color-border);
    cursor: default;
}

.dialog-lending .payment-icon {
    width: 32px;
    margin-right: 10px;
}

.dialog-lending .account-info {
    color: var(--color-primary-muted);
    font-size: 12px;
    line-height: 22px;
    display: flex;
    align-items: center;
    flex: 1;
}

.dialog-lending .right-select {
    display: flex;
    flex: 1;
    margin-left: 20px;
}

.dialog-lending .dialog-body {
    margin-top: 40px;
    margin-bottom: 20px;
}

.dialog-lending .price-wrapper {
    display: flex;
    justify-content: space-between;
    color: var(--color-primary-muted);
    font-size: 16px;
}

.dialog-lending .price {
    color: var(--color-highlight);
    font-weight: 700;
}

.dialog-lending .btn-add {
    color: var(--color-primary-muted);
    margin-left: auto;
    cursor: pointer;
}

.dialog-lending .btn-add:after {
    content: '';
    background: url("https://static.9891.com/9891/img/01/icon-right.png") no-repeat right center;
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 10px;
}

/*我的合同*/
.p-contract .order-info-wrapper {
    color: var(--color-primary-muted);
    line-height: 24px;
}

.p-account-order .btn-copy {
    width: 18px;
    height: 18px;
    background: url("https://static.9891.com/wap/img/icon-copy.png") no-repeat;
    background-size: 100%;
    margin-left: 10px;
    cursor: pointer;
}

/*账号回收入驻*/
.p-account-settle .settle-info-title {
    display: block;
    width: 176px;
    text-align: right;
    padding-right: 20px;
    line-height: 28px;
}

.p-account-settle .settle-info-value {
    color: var(--color-primary-muted);
}

.p-account-settle .id-card-wrapper {
    display: flex;
}

.p-account-settle .btn-upload-idCard {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 214px;
    height: 135px;
    color: var(--color-secondary);
    background-size: 100%;
    position: relative;
}

.p-account-settle .btn-upload-reverse {
    background: url("https://static.9891.com/9891/img/01/bg-idCard-reverse.png") no-repeat;
    margin-right: 20px;
}

.p-account-settle .btn-upload-front {
    background: url("https://static.9891.com/9891/img/01/bg-idCard-front.png") no-repeat;
    color: var(--color-secondary);
}

.p-account-settle .btn-delete {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, .4);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-account-settle .btn-delete:after {
    content: '';
    width: 10px;
    height: 10px;
    background: url("https://static.9891.com/9891/img/01/icon-close-white.png") no-repeat;
    background-size: 100%;
}

.p-account-settle .img-tips, .p-account-settle .tips {
    color: var(--color-secondary);
    font-size: 12px;
    margin-top: 10px;
}

.p-account-settle .input {
    width: 300px;
    height: 34px;
    font-size: 14px;
    border: 1px solid var(--color-border3);
    border-radius: 8px;
    padding: 0 10px;
}

.p-account-settle .input ::placeholder, .p-bargain-order .input::placeholder {
    font-size: 14px;
    color: var(--color-primary4);
}

.p-account-settle .settle-service-wrapper, .p-account-settle .settle-trade-wrapper, .p-account-settle .trade-img-wrapper {
    display: flex;
    gap: 20px;
}

.p-account-settle .custom-checkbox {
    -webkit-appearance: none;
    margin-right: 10px;
}

.p-account-settle .custom-checkbox:after {
    content: '';
    display: inline-flex;
    width: 16px;
    height: 16px;
    background: url("https://static.9891.com/9891/img/01/icon-unchecked.png") no-repeat;
    background-size: 100%;
}

.p-account-settle .custom-checkbox:checked:after {
    background: url("https://static.9891.com/9891/img/01/icon-checked.png") no-repeat;
    background-size: 100%;
}

.p-account-settle .settle-service-item {
    display: inline-flex;
    align-items: center;
    color: var(--color-primary-muted);
    cursor: pointer;
}

.p-account-settle .btn-upload-trade {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: var(--background-primary);
    border-radius: 12px;
    border: 1px dashed var(--color-border3);
}

.p-account-settle .footer-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.p-account-settle .agreement-tips {
    margin-top: 10px;
}

.p-account-settle .agreement-tips a {
    color: var(--color-highlight-link);
}

.p-account-settle .upload-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.p-account-settle .trade-item {
    width: 80px;
    height: 80px;
    position: relative;
}

.p-account-settle .trade-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    overflow: hidden;
}

.p-account-settle .settle-res-wrapper {
    padding-top: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.p-account-settle .res-icon {
    width: 180px;
}

.p-account-settle .res-text {
    font-size: 20px;
    font-weight: 700;
}

.p-account-settle .settle-btn-wrapper {
    display: flex;
    gap: 16px;
    margin-top: 30px;
}

.p-account-settle .settle-res-success-wrapper {
    display: grid;
    grid-template-columns:repeat(2, auto);
    gap: 20px;
}

.p-account-settle .settle-res-success-wrapper .icon {
    width: 48px;
    margin-right: 16px;
}

.p-account-settle .btn-settle-menu {
    display: flex;
    align-items: center;
    height: 88px;
    padding-left: 20px;
    color: var(--color-primary6);
    background: var(--background-primary);
    border-radius: 12px;
}

/*我回收的*/
.p-recycle-order-detail .right-info, .p-sell-recycle-detail .right-info {
    flex: 1;
    margin-left: 20px;
}

/*我的还价*/
.p-bargain-order .cell-1 {
    width: 480px;
}

.p-bargain-order .cell-2 {
    width: 328px;
}

.p-bargain-order .bargain-wrapper {
    width: 160px;
}

.p-bargain-order .status-wrapper {
    display: flex;
    flex-direction: column;
}

.bargain-order-item {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-bottom: 1px solid var(--color-border4);
}

.bargain-order-info {
    display: flex;
    align-items: center;
}

.bargain-order-item .message-wrapper {
    display: flex;
    align-items: center;
    height: 22px;
    background: linear-gradient(90deg, #F7F7F7 0%, #FFFFFF 100%);
    font-size: 12px;
    margin-top: 10px;
    padding: 0 10px;
}

.bargain-order-item .message-wrapper .sender {
    color: var(--color-primary-muted);
}

.p-bargain-order .times-wrapper {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.p-bargain-order .bargain-times {
    color: var(--color-secondary);
}

.p-bargain-order .bargain-times .times {
    color: var(--color-primary);
    font-weight: 700;
    margin-right: 6px;
}

.p-bargain-order .input-search-wrapper {
    display: flex;
    align-items: center;
    width: 500px;
    height: 34px;
    background: var(--background-white);
    border-radius: 8px;
    border: 1px solid var(--color-border3);
}

.p-bargain-order .input-search-wrapper:before {
    content: '';
    width: 14px;
    height: 14px;
    background: url("https://static.9891.com/9891/img/01/icon-search-order.png") no-repeat;
    background-size: 100%;
    margin: 0 10px;
}

.p-bargain-order .input-search-wrapper .input {
    width: 80%;
}

.p-bargain-order .input-search-wrapper .btn-search {
    color: var(--color-highlight);
    margin-left: auto;
    margin-right: 10px;
    cursor: pointer;
}

.dialog-cancel-bargain .dialog-footer, .dialog-refuse-bargain .dialog-footer {
    display: flex;
    gap: 16px;
}

.dialog-bargain .img {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    object-fit: cover;
    overflow: hidden;
    margin-right: 12px;
    flex-shrink: 0;
}

.dialog-bargain .right-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
}

.dialog-bargain .price {
    font-size: 18px;
    font-weight: 700;
}


.dialog-bargain .res-wrapper {
    display: flex;
    align-items: center;
    height: 22px;
    padding: 0 10px;
    background: linear-gradient(90deg, #F7F7F7 0%, #FFFFFF 100%);
    font-size: 12px;
    color: var(--color-primary-muted);
    margin-top: 20px;
}

.dialog-bargain .bargain-input {
    width: 262px;
    height: 34px;
    background: var(--background-white);
    border-radius: 8px;
    padding: 0 10px;
    border: 1px solid var(--color-border3);
}

.dialog-bargain .btn-bargain {
    width: 68px;
    height: 34px;
    color: var(--color-white);
    background: var(--background-highlight);
    border-radius: 8px;
}

.dialog-bargain .btn-bargain.disabled {
    background: var(--background-primary4);
    cursor: default;
}

.dialog-bargain .input-price-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.dialog-bargain .message-wrapper, .dialog-agree-bargain .message-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    height: 34px;
    border-radius: 8px;
    border: 1px solid var(--color-border3);
    padding: 0 10px;
    margin-top: 10px;
}

.dialog-bargain .btn-refresh, .dialog-agree-bargain .btn-refresh {
    width: 18px;
    height: 18px;
    background: url("https://static.9891.com/9891/img/01/icon-refresh.png") no-repeat;
    background-size: 100%;
    margin-left: auto;
}

.dialog-bargain .price-wrapper {
    background: var(--background-primary);
    padding: 0 10px;
    margin-top: 10px;
}

/*还价规则*/
.dialog-bargain-rules {
    color: var(--color-primary7);
    line-height: 24px;
    text-align: justify;
}

.dialog-bargain-rules .rules-title {
    font-weight: 700;
}

.dialog-bargain-rules .attention {
    color: #FC9731;
}

.dialog-bargain-rules .block {
    margin-top: 10px;
}

/*同意还价*/
.dialog-agree-bargain .price-wrapper, .dialog-refuse-bargain .price-wrapper {
    background: var(--background-primary);
    padding: 0 10px;
}

.dialog-agree-bargain .buyer-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 32px;
    border-bottom: 1px dashed var(--color-border3);
}

.dialog-agree-bargain .price-wrapper .title,
.dialog-bargain .price-wrapper .title,
.dialog-refuse-bargain .price-wrapper .title {
    color: var(--color-primary-muted);
}

.dialog-agree-bargain .price-item, .dialog-bargain .price-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 28px;
}

.dialog-agree-bargain .dialog-body, .dialog-refuse-bargain .dialog-body {
    margin-top: 20px;
    margin-bottom: 30px;
}

.dialog-refuse-bargain .buyer-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 34px;
}