.order-title, .order-status {background-color: rgba(53, 73, 94, .03);padding: 10px 16px;border-bottom: 1px solid var(--qcs-color-333, #fff)}

.order-status {display: flex;flex-flow: row}

.order-status {display: flex;flex-flow: row;padding: 0;margin-left: -1px}

.order-money > div p, .order-status > div p, .tracking-number > div p {margin-bottom: 5px;font-size: 12px;color: #999}

.order-money button.text {padding: 0}

.order-list {font-size: 13px;padding: 6px 6px}

.order-content a {color: blue}

.order-status {display: flex;justify-content: space-between;align-items: center}

.order-title-thumb img {border-radius: 100%;height: 30px}

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

.order-title a.order-title-name {display: block;flex: 1;margin-left: 10px}

.order-money > div, .order-status > div {width: 33.3333%;padding: 10px 16px;border-left: 1px solid var(--qcs-color-333, #fff); white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

.order-title-thumb img {border-radius: 0 !important}

.order-title {height: 51px !important}

.collections-menu ul {border-bottom: 0;padding: 0 10px 10px}

.order-list ul li { margin-bottom: 15px; box-shadow: 4px 4px 10px rgba(116, 116, 116, 0.08); border-radius: 10px; overflow: hidden;background: var(--qcs-color-444, #fff)}

/*.order-top {border-radius: 10px 10px 0 0}

.order-bottom {border-radius: 0 0 10px 10px}*/

.ouc-btn {padding: 2px 6px;transition: opacity .2s;position: relative;cursor: pointer;font-size: 12px;margin: 0;white-space: nowrap;background: rgba(255, 255, 255, 0);color: #4560c9;border: 1px solid #4560c9;border-radius: 2px}

.ouc-btn:hover {background: #4560c9;color: #fff}

.qcx-topbox {width: 100%;display: flex}

.qcx-topbox-b {width: 100%}

.qcx-topbox-b:first-child {margin-right: 16px}

.qcx-topbox-b .qcx-widget {clear: both;border-radius: 4px}

.qcx-topbox-b-right {position: absolute;top: 60%;right: 20px;transform: translateY(-50%);z-index: 1;align-items: flex-end}

.qcx-topbox-b-right i {font-size: 70px !important}

.qcx-topbox-b-left {margin-bottom: 20px;display: flex;align-items: center}

.qcx-topbox-b-left i {font-size: 20px;line-height: 20px}

.qcx-topbox-b-center {color: #2595e8;line-height: 1.2}

.qcx-topbox-b-center span {font-size: 36px;margin-right: 5px;line-height: 36px}


.userinfo-card {
    height: 200px;
    background: linear-gradient(25deg, #e6aa4f30 10%, #f1d7ad 84%);
    overflow: hidden;
    border-radius: 4px;
}

.userinfo-card-top {
    display: flex;
    align-items: center; height: 140px; padding: 15px 30px;
}

.userinfo-card-top-left {
    width: 54px;
    height: 54px;
    border-radius: 54px;
    overflow: hidden;
}

.userinfo-card-top-right {
    padding-left: 10px;
}

.userinfo-card-top-right .title {
    font-size: 18px;
    font-weight: bold;margin-bottom: 5px;
}

.userinfo-card-top-right .title .badges {
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    background: linear-gradient(143deg, #e6aa4fc7 10%, #ffd38b 84%);
    color: #555;
    border-radius: 20px;
    padding: 2px 8px;
    font-weight: normal;
}

.userinfo-card-top-right .title .badges img {
    width: 14px;
    height: 14px;

}

.userinfo-card-top-right .desc {
    font-size: 12px;
}

.userinfo-card-botton {
    display: flex;
    justify-content: space-between;
    background: linear-gradient(147deg, #e6aa4f75 10%, #f5b97b30 90%);
    align-items: center;
    padding: 15px 30px;
    color: #343434;
}

.assets-card {
    height: 200px;
    width: 100%;
    padding: 15px;
    border-radius: var(--qcs-br);
    box-shadow: 0 0 15px rgb(0 0 0 / 8%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.qcx-topbox-b .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.qcx-topbox-b .subtitle {
    color: #c0c5cf;
    font-size: 12px;
    background: #f7f7f7;
    border-radius: 50px;
    padding: 3px 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.assets-card .cbody {
    display: flex;
    justify-content: space-between;

}

.assets-card-balance, .assets-card-points {
    border-radius: var(--qcs-br);
    width: calc(50% - 5px);
    height: 135px;padding: 20px 25px;
    background: linear-gradient(62deg, #b1f5ec8f 0%, #dffdf96e 100%);
}

.assets-card-points {
    background: linear-gradient(62deg, #f9e6b794 0%, #fefbf0b0 100%);

}

.assets-card .cbody .cbady-t {
    margin: 5px 0 10px;font-size: 12px;
}

.assets-card .cbody .cbady-t span {
    font-size: 22px;
    font-weight: bold;
    margin-right: 5px;

}

.assets-card .cbody .cbady-m {
    margin-bottom: 10px;font-size: 12px;
}

.assets-card .cbody .cbady-b {
    display: flex;
}

.assets-card .cbody .cbady-b a {
    padding: 2px 8px;font-size: 12px;
}

.qcx-topbox-b.qcx-b1 {
    display: flex;
    justify-content: space-between;

}

.qcx-topbox-b.qcx-b1 .qcx-b2 {
    width: calc(50% - 8px);
}

.qcx-topbox-b.qcx-b1 .qcx-b2 .item {
    display: flex;
    padding: 30px 20px;
    border-radius: 4px;
    align-items: center;
}

.qcx-topbox-b.qcx-b1 .qcx-b2 .item i {
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-right: 10px;
}

.qcx-b1 .qcx-b2 .item span {
    width: 100%;
}

.qcuc-con-page p {
    margin: 0 0 10px;
}

.qcuc-con-page h3 {
    position: relative;padding-left: 10px;
    padding-bottom: 10px;
}


.qcuc-con-page h3:before {
    transition: .4s;
    transform-origin: left;
    position: absolute;
    content: '';
    width: 4px;
    height: 14px;
    background: #3ba3f8;
    left: 3px;
    top: 1px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px -1px #3ba3f8;
}

.text-content {
    font-size: 12px;
    color: #999; padding-left: 10px;
}

.qcx-widget-bottom {
    font-size: 12px;
    color: #fff;
    margin-top: 10px;
}

.order-users {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    background: rgba(53, 73, 94, .03);
}

.order-users .users-avatar {
    width: 48px;
    height: 48px; min-width: 48px;
    margin: 0 10px 0 0;

}

.order-users .users-avatar img {
    width: 48px;
    height: 48px;border-radius: 50%;
    border: 1px solid var(--qcs-color-444, #fff);
}

.order-users .users-info {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.users-info-title {
    margin-bottom: 6px;
    display: flex;;
}

.users-info-vl {
    display: flex;
    align-items: center;
}

.users-info-vl .uclv-icon.user-vip {
    height: 18px;
    line-height: 18px;
    padding: 0;margin: 0;
}

.users-info-vl .user-vip img {
    height: 16px;
    margin: 0 4px 0 6px;
    background: unset;
    padding: 0;
}

.users-info-vl .user-lv img {
    height: 14px; margin: 2px;
}

.users-info-meta {
    font-size: 12px; color: #999;
}

/*文章*/

.order-posts {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    background: rgba(53, 73, 94, .03);
}

.order-posts .posts-image {
    width: 64px;
    height: 48px; min-width: 48px;
    margin: 0 10px 0 0;

}

.order-posts .posts-image img {
    width: 64px;
    height: 48px;border-radius: 4px;
    border: 1px solid var(--qcs-color-444, #fff);
}

.order-posts .posts-info {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.posts-info-title {
    margin-bottom: 10px;
    display: flex;align-items: center;
}


.posts-info-meta {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    color: #999;
}

.mtpb {
    padding: 2px 4px;border-radius: 4px;
}

@media screen and (max-width: 768px) {
    .qcx-topbox-b:first-child {
        margin-right: 8px;
    }

    .qcx-topbox {
        display: block;
    }
}

@media screen and (max-width: 500px) {
    .qcx-topbox-b-right {display: none}

    .qcx-topbox-b-center span {
        font-size: 30px;
        line-height: 30px;
    }
    .qcx-topbox-b.qcx-b1 .qcx-b2 {
        width: calc(50% - 4px);
    }

}