40 lines
1.4 KiB
CSS
40 lines
1.4 KiB
CSS
@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;
|
|
}
|
|
|