.top { display: flex; flex-direction: column; justify-items: center; margin-bottom: 100rpx; } .address { padding: 40rpx 50rpx 30rpx 50rpx; display: flex; flex-direction: row; align-items: center; } .address_line { height: 15rpx; background: #f2f2f2; } .address .left { width: 50rpx; height: 50rpx; } .address .center{ display: flex; flex-direction: column; flex-grow: 1; padding: 0 20rpx 0 20rpx; } .address .center text { display: flex; justify-content: left; align-items: flex-start; word-wrap: break-word; } .address .right{ width: 50rpx; height: 50rpx; } .tips { flex-grow: 1; padding-left: 20rpx; } .tips text { display: flex; justify-content: left; color: #707070; font-size: 35rpx; } .order .split_line { margin:0 20rpx 0 30rpx; border-bottom: 1px solid #E5E5E5; } .order .title { display: flex; justify-content: left; font-size: 35rpx; margin:40rpx 50rpx 25rpx 50rpx; } .order .oper { display: flex; flex-direction: row; justify-content: space-between; margin: 0 50rpx 25rpx 50rpx; } .order .price { color: #666666; font-size: 35rpx; } .order .edit-num { display: flex; flex-direction: row; align-items: center; } .edit-num .num { margin: 0 15rpx 0 15rpx; font-size: 30rpx; } .edit-num .sub, .edit-num .add { width: 45rpx; height: 45rpx; } .bottom { width: 750rpx; height: 100rpx; position: fixed; bottom: 0; display: flex; flex-direction: row; } .bottom .left { background: #434343; color: #fff; display: flex; flex-grow: 1; align-items: center; padding-left: 50rpx; font-size: 35rpx; } .bottom .right { background: #539804; color: #fff; width: 250rpx; display: flex; font-size: 35rpx; align-items: center; justify-content: center; }