/* * 亿时代 */ .order-statl{ background-color: #f57e32; padding: 0 30rpx 10rpx; color: white; line-height: 90rpx; height: 90rpx; position: relative; } .order-statl-icon{ width: 80rpx; height: 80rpx; vertical-align: middle; position: absolute; right: 30rpx; top: 5rpx; } /* 收货人信息 */ .order-address{ padding: 30rpx 30rpx 40rpx 100rpx; position: relative; background: white; } .order-address-back{ position: absolute; left: 0; bottom: 0; width: 100%; vertical-align:bottom; } .order-address-name{ padding-right: 300rpx; position: relative; font-size: 33rpx; padding-bottom: 10rpx; } .order-address-name text{ position: absolute; right: 0; top: 0; width: 280rpx; text-align: right; } .order-address-text{ color: #464854; font-size: 26rpx; } .address-icon, .arrows-right{ position: absolute; } .address-icon{ height: 42rpx; width: 42rpx; left: 30rpx; top: calc(50% - 26rpx); top: -webkit-calc(50% - 26rpx); } .arrows-right{ height: 28rpx; width: 28rpx; right: 30rpx; top: calc(50% - 19rpx); top: -webkit-calc(50% - 19rpx); } .order-add-address{ text-align: center; padding: 30rpx 0; } .order-add-address navigator{ display: inline-block; background: #e92344; color: white; line-height: 60rpx; padding: 0 30rpx; margin-right: 20rpx; } /* 订单商品 */ .order-content{ border-bottom: solid 100rpx transparent; } .order-goods{ margin-bottom: 20rpx; } .goods-goods-mall{ padding: 20rpx 30rpx 0 30rpx; line-height: 50rpx; } .goods-goods-mall image{ width: 48rpx; height: 48rpx; vertical-align: middle; margin-right: 15rpx; margin-bottom: 2rpx; } .goods-goods-li{ padding: 20rpx 30rpx; position: relative; border-bottom: solid 1rpx #f2f2f2; min-height: 130rpx; background: white; } .goods-goods-li:last-child{ border-bottom: none; } .goods-img{ position: absolute; top: 20rpx; left: 30rpx; height: 130rpx; width: 130rpx; background: #f5f6fa; } .goods-body{ padding-left: 150rpx; } .goods-name{ font-weight: bold; padding: 10rpx 0 20rpx; } .goods-price{ color: #e92344; } .goods-qty{ color: gray; font-weight: normal; padding-left: 10rpx; font-size: 28rpx; } .goods-params{ color: gray; padding-bottom: 20rpx; font-size: 28rpx; } /* 统计信息 */ .order-total{ background: white; margin: 20rpx 0; } .order-total-li{ padding: 0 30rpx; line-height: 90rpx; position: relative; font-size: 28rpx; } .order-total-li::before{ position: absolute; content: " "; left: 30rpx; bottom: 0; right: 0; height: 1rpx; background: #f2f2f2; } .order-total-li:last-child::before{ display: none; } .order-total-li text{ float: right; color: #999; } .order-total-li .redCor { color: #e92344; font-size: 32rpx; } .order-type text { color: #e92344; } /* 底部工具栏 */ .order-data-footer{ position: fixed; bottom: 0; left: 0; right: 0; border-top: solid 1rpx #f2f2f2; padding-top: 17rpx; padding-right: 30rpx; padding-left: 30rpx; height: 83rpx; background: white; display: flex; flex-wrap: wrap; flex-direction:row-reverse; } .order-data-footer.iphoneX { padding-bottom: 30rpx; } .order-btn{ margin-left: 20rpx; height: 54rpx; line-height: 50rpx; box-sizing: border-box; border:solid 1rpx #747788; padding: 0 20rpx; font-size: 26rpx; border-radius: 40rpx; margin-top: 10rpx; } .order-btn-back { border-color: #f57e32; color: #f57e32; }