@media screen and (max-width: 1440px) {
    .order-detail-wrapper .oright {
        width: 380px;
        padding: 30px 20px;
        border-radius: 20px 0 0 0;
    }

    .order-detail-wrapper .oright .title {
        margin-bottom: 20px;
    }

    .order-detail-btns {
        margin-top: 40px;
        padding-top: 40px;
    }
}

@media screen and (max-width: 1240px) {
    .center-left {
        padding: 20px;
        width: 220px;
    }

    .order-table td {
        padding: 20px 5px;
    }

    .center-title {
        font-size: 24px;
    }

    .center-title-wrap .title {
        font-size: 24px;
    }

    .order-detail-wrapper .oleft {
        margin-right: 20px;
    }

    .odetail-card .otitle {
        font-size: 16px;
    }

    .pick-infos {
        font-size: 14px;
    }

    .pick-infos p+p {
        margin-top: 10px;
    }

    .odetail-card+.odetail-card {
        margin-top: 40px;
    }

    .odetail-card .intruce {
        font-size: 14px;
        border-radius: 6px;
        padding: 15px;
        min-height: 60px;
    }

    .reviewbox {
        padding: 15px;
    }

    .center-content .mt50 {
        margin-top: 40px;
    }

    .card-list li {
        margin: 0 10px 20px;
    }

    .card-list {
        margin: 0 -10px;
    }
}

@media screen and (max-width: 1020px) {
    .edit-address-wrap {
        margin: 0 20px;
    }
}

@media screen and (max-width: 968px) {
    .center-wrapper {
        display: block;
    }

    .center-left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .center-content {
        padding: 20px;
    }

    .center-title {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .center-title-wrap .title {
        font-size: 20px;
    }

    .center-title-wrap {
        padding-bottom: 10px;
    }

    .table-wrap {
        margin-top: 20px;
    }

    .order-table th {
        padding: 10px 5px;
    }

    .center-menus {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
    }

    .center-menus li {
        padding: 0 8px;
    }

    .order-detail-wrapper {
        display: block;
    }

    .order-detail-wrapper .oleft {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .order-detail-wrapper .oright {
        width: 100%;
        border-radius: 10px;
    }

    .edit-address-wrap {
        margin: 0 auto;
    }
}

@media screen and (max-width: 840px) {
    .odetail-card .otitle {
        margin-bottom: 15px;
    }

    .odetail-card+.odetail-card {
        margin-top: 30px;
    }

    .write-review-wrapper .onum {
        font-size: 18px;
    }

    .write-review-wrapper .name {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .comment-box {
        padding: 20px;
        border-radius: 10px;
    }

    .comment-score a {
        width: 24px;
        height: 24px;
    }

    .comment-box .areas {
        margin-top: 15px;
    }

    .review-mask .mask-content {
        padding: 40px;
    }

}

@media screen and (max-width: 720px) {
    .center-menus li a {
        height: 38px;
        min-width: 120px;
    }

    .center-menus li img {
        margin-right: 7px;
    }

    .review-mask .mask-content {
        padding: 40px 30px;
    }

    .edit-address-wrap {
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 640px) {
    .center-user-name {
        margin-bottom: 30px;
    }

    .order-detail-infor li {
        font-size: 14px;
    }

    .order-detail-infor li+li {
        margin-top: 10px;
    }

    .order-detail-infor li span {
        min-width: 132px;
    }

    .order-detail-btns {
        margin-top: 30px;
        padding-top: 30px;
    }

    .comment-box {
        margin-bottom: 20px;
        padding: 15px;
    }

    .pickup-order-address {
        background-position: 15px 14px;
        padding: 15px 15px 15px 48px;
        margin-top: 20px;
    }

    .pickup-order-address p+p {
        margin-top: 7px;
    }

    .center-content .mt50 {
        margin-top: 30px;
    }

    .address-list li {
        padding: 20px 15px 12px;
    }
}

@media screen and (max-width: 540px) {
    .center-left {
        padding: 20px 15px;
    }

    .center-menus li {
        padding: 0 5px;
        margin-bottom: 10px;
    }

    .center-menus {
        margin: 0 -5px;
    }

    .center-title {
        font-size: 18px;
    }

    .center-title-wrap .title {
        font-size: 18px;
    }

    .center-content {
        padding: 20px 15px;
    }

    .review-mask .mask-content {
        padding: 40px 20px 20px;
    }

    .upimgbox .item {
        width: 80px;
        height: 80px;
    }

    .upimgbox .upbtn {
        width: 80px;
        height: 80px;
        line-height: 78px;
    }

    .upimgbox .upbtn img {
        max-width: 40px;
    }

    .center-user-name .tx img {
        width: 80px;
        height: 80px;
    }

    .write-info-flex {
        display: block;
    }


    .write-info-flex .write-info+.write-info {
        margin-left: 0;
    }

    .card-list {
        display: block;
        margin: 0;
    }

    .card-list li {
        margin: 0 0 15px 0;
        max-width: 100%;
    }
}

@media screen and (max-width: 480px) {}