@CHARSET "UTF-8"; /* 会员中心——我的订单组件 */ .diy-member-my-order .order-wrap .status-wrap {display: flex;padding: 15px 0;align-items: center;justify-content: center;color: #333;} .diy-member-my-order .order-wrap .status-wrap .item-wrap {flex: 1;text-align: center;} .diy-member-my-order .order-wrap .status-wrap .item-wrap .icon-block {width: 30px;height: 30px;font-size: 30px;margin: 2px auto;position: relative;} .diy-member-my-order .order-wrap .status-wrap .item-wrap .icon-block > img {width: 100%;height: 100%;position: absolute;z-index: 6;left: 0;top: 0;} .diy-member-my-order .order-wrap .status-wrap .item-wrap .icon-block .icon-shade {width: 100%;height: 100%;position: absolute;z-index: 5;left: 0;top: 0;-webkit-mask: no-repeat center / contain;} .diy-member-my-order .order-wrap .status-wrap .item-wrap .title {font-size: 13px;} .order-tabs{ height: 40px; line-height: 40px; width: 100%; display: inline-flex; flex-direction: row; align-items: center; justify-content: space-around; flex-wrap: nowrap; } .order-tabs .tabs-item{ width: 50%; font-size: 15px; text-align: center; font-weight: bold; position: relative; color: #9b9b9d; } .order-tabs .tabs-item:nth-child(1){ color: #17171f!important; } .order-tabs .tabs-item:nth-child(1):after{ content: ""; width: 2em; height: 2px; position: absolute; left: calc((100% - 2em) / 2); bottom: 0; background: #17171f; }