page { height: 100%; width: 100%; background: #f4f4f4; } .strong { font-size: 1em !important; } .week { font-size: 0.9em !important; } .orange { color: #d81e06; } .orange2 { height: 40rpx; text-align: center; line-height: 40rpx; font-size: 28rpx; color: #fff; border: none; border-radius: 30rpx; background: #d81e06; } .order-info { margin-top: 20rpx; padding-top: 25rpx; background: #fff; height: auto; overflow: hidden; } .item-a { padding-left: 31.25rpx; height: 42.5rpx; padding-bottom: 12.5rpx; line-height: 24rpx; font-size: 24rpx; color: #666; } .item-b { padding-left: 31.25rpx; height: 29rpx; line-height: 29rpx; margin-top: 12.5rpx; margin-bottom: 41.5rpx; font-size: 24rpx; color: #666; } .item-c { margin-left: 31.25rpx; border-top: 1px solid #f4f4f4; height: 103rpx; line-height: 103rpx; } .item-c .l { float: left; } .item-c .r { height: 103rpx; float: right; display: flex; align-items: center; padding-right: 16rpx; } .item-c .r .btn { float: right; } .item-c .cost { color: #b4282d; } .item-c .btn { border: 1px solid #d81e06; color: #d81e06; border-radius: 30rpx; font-size: 0.8em; display: inline-block; margin-left: 20rpx; line-height: 1.6; padding: 5rpx 15rpx; background-color: #fff; } .goods-info .list-cell-ft { padding-right: 0; } .goods-list { width: 100%; } .goods-list-cell { /* padding: 20rpx 0; *//* padding: 10rpx 10rpx; */ padding-right: 0rpx; height:120rpx; } .goods-list-cell text { font-size: 0.9em; color: #9b9b9b; } .goods-list-cell .name { width: 470rpx; font-size: 25rpx; color: #333; display: inline-block; /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ } .goods-list-cell .price { padding-right: 20rpx; color:black; } .fr { margin-left: auto; width: 50rpx; text-align: right; } .attr { margin-bottom: 17rpx; height: 24rpx; line-height: 24rpx; font-size: 22rpx; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .num { padding-right: 20rpx; padding-top: 57rpx; } .order-goods { margin-top: 20rpx; background: #fff; } .order-goods .h { height: 93.75rpx; line-height: 93.75rpx; margin-left: 31.25rpx; border-bottom: 1px solid #f4f4f4; padding-right: 31.25rpx; } .order-goods .h .label { float: left; font-size: 30rpx; color: #333; } .order-goods .h .status { float: right; font-size: 30rpx; color: #b4282d; } .order-goods .item { display: flex; align-items: center; height: 192rpx; margin-left: 31.25rpx; padding-right: 31.25rpx; border-bottom: 1px solid #f4f4f4; } .order-goods .item:last-child { border-bottom: none; } .order-goods .item .img { height: 145.83rpx; width: 145.83rpx; background: #f4f4f4; } .order-goods .item .img image { height: 145.83rpx; width: 145.83rpx; } .order-goods .item .info { flex: 1; height: 145.83rpx; margin-left: 20rpx; } .order-goods .item .t { margin-top: 8rpx; height: 33rpx; line-height: 33rpx; margin-bottom: 10.5rpx; } .order-goods .item .t .name { display: block; float: left; height: 33rpx; line-height: 33rpx; color: #333; font-size: 30rpx; } .order-goods .item .t .number { display: block; float: right; height: 33rpx; text-align: right; line-height: 33rpx; color: #333; font-size: 30rpx; } .order-goods .item .attr { height: 29rpx; line-height: 29rpx; color: #666; margin-bottom: 25rpx; font-size: 25rpx; } .order-goods .item .price { height: 30rpx; line-height: 30rpx; color: #333; font-size: 30rpx; } .order-bottom { margin-top: 20rpx; padding-left: 31.25rpx; height: auto; overflow: hidden; background: #fff; } .order-bottom .address { height: 128rpx; padding-top: 25rpx; border-bottom: 1px solid #f4f4f4; } .order-bottom .address .t { height: 35rpx; line-height: 35rpx; margin-bottom: 7.5rpx; } .order-bottom .address .name { display: inline-block; height: 35rpx; width: 140rpx; line-height: 35rpx; font-size: 25rpx; } .order-bottom .address .mobile { display: inline-block; height: 35rpx; line-height: 35rpx; font-size: 25rpx; } .order-bottom .address .b { height: 35rpx; line-height: 35rpx; font-size: 25rpx; } .order-bottom .total { height: 106rpx; padding-top: 20rpx; border-bottom: 1px solid #f4f4f4; } .order-bottom .total .t { height: 25rpx; line-height: 25rpx; margin-bottom: 7.5rpx; display: flex; } .order-bottom .total .label { width: 140rpx; display: inline-block; height: 35rpx; line-height: 35rpx; font-size: 25rpx; } .order-bottom .total .txt { flex: 1; display: inline-block; height: 35rpx; line-height: 35rpx; font-size: 25rpx; } .order-bottom .pay-fee { height: 81rpx; line-height: 81rpx; } .order-bottom .pay-fee .label { display: inline-block; width: 140rpx; color: #b4282d; } .order-bottom .pay-fee .txt { display: inline-block; width: 140rpx; color: #b4282d; } .order-shipping { margin-top: 20rpx; background: #fff; margin-bottom: 20rpx; height: 1024rpx; } .order-shipping .h { height: 80rpx; line-height: 80rpx; margin-left: 31.25rpx; border-bottom: 1px solid #f4f4f4; padding-right: 31.25rpx; } .order-shipping .h .label { float: left; font-size: 27rpx; color: #333; } .order-shipping .shipping { background: #fff; } .order-shipping .shipping .item { display: flex; float: left; margin-left: 31.25rpx; padding-right: 31.25rpx; height: auto; border-bottom: 1px solid #f4f4f4; } .order-shipping .shipping .item li { display: block; } .icon { width: 35rpx; height: 35rpx; /* margin-left: 15rpx; margin-top: 20rpx; */ margin-bottom: -8rpx; } .item-b2 { padding-left: 31.25rpx; height: 29rpx; line-height: 29rpx; margin-top: 22.5rpx; margin-bottom: 41.5rpx; font-size: 24rpx; color: #666; margin-left: 38rpx; } .icon2 { width: 30rpx; height: 30rpx; /* margin-left: 15rpx; margin-top: 20rpx; */ margin-bottom: -5rpx; } .strong2 { font-size: 0.95em !important; color: white; } .list-cell-bd2 { flex: 1; margin-top: -15px; color: white; } .order-info2 { padding-top: 20rpx; background: rgb(126, 125, 125); height: auto; overflow: hidden; color: white; font-weight: bold; } .week2 { font-size: 0.9em !important; color: white; } .week3 { font-size: 0.9em !important; color: white; margin-left: 40rpx; } .week4 { font-size: 0.8em !important; color: white; margin-left: 40rpx; } .btns { position: fixed; bottom: 0; left: 0; overflow: hidden; display: flex; height: 70rpx; width: 100%; } .btns .cannel { flex: 1; height: 70rpx; text-align: center; line-height: 70rpx; font-size: 28rpx; color: rgb(20, 20, 20); border: none; border-radius: 0; background: rgb(255, 253, 253); } .btns .save { flex: 1; height: 70rpx; text-align: center; line-height: 70rpx; font-size: 28rpx; color: #fff; border: none; border-radius: 0; background: #b4282d; } .refund { height: 40rpx; text-align: center; line-height: 40rpx; font-size: 24rpx; color: #fff; border: none; border-radius: 30rpx; background: #d81e06; display: block; width: 130rpx; } .list-group2 { margin-top: 0.6em; background-color: #fff; line-height: 1.41176471; font-size: 28rpx; overflow: hidden; position: relative; padding-bottom: 89rpx; } .order-image { width: 100rpx; height: 100rpx; } .name { height: 40rpx; } .camps{ color:#fff; background: #d81e06; border-radius: 8rpx; font-size: 20rpx; float:left; }