page,view,image,input,textarea { display: block; box-sizing: border-box; } page { background-color: #f2f2f2; } .address-box { width: 100vw; margin: 20rpx 0; border-bottom: 1rpx solid #eee; } .add-address { width: 100vw; display: flex; align-items: center; padding-left: 32rpx; } .add-address image { width: 40rpx; height: 40rpx; } .add-address view { margin-left: 16rpx; font-size: 28rpx; color: #000; padding: 40rpx 0; } .show-address { width: 750rpx; box-sizing: border-box; padding: 0 32rpx; display: flex; justify-content: space-between; align-items: center; } .show-address .name-tel { font-size: 28rpx; color: #000; padding: 30rpx 0 20rpx 0; } .show-address .addr-text { font-size: 24rpx; color: #888; padding-bottom: 34rpx; line-height: 36rpx; } .show-address .next { width: 40rpx; height: 40rpx; } form { width: 100%; } .goods-list { width: 100%; background-color: #fff; margin-bottom: 20rpx; } .goods-list .list-title { font-size: 28rpx; color: #000; padding: 30rpx 0 25rpx 30rpx; } .goods-list .a-goods { width: 720rpx; margin-left: 30rpx; display: flex; /*justify-content: space-between;*/ border-top: 1px solid #eee; padding: 30rpx 30rpx 30rpx 0; } .goods-list .a-goods .img-box { width: 160rpx; height: 160rpx; overflow: hidden; margin-right: 20rpx; background-color: #d8d8d8; } .goods-list .img-box .img { width: 160rpx; height: 160rpx; } .goods-list .a-goods .text-box { width: 510rpx; box-sizing: border-box; padding-top: 10rpx; } .a-goods .text-box .arow { display: flex; justify-content: space-between; align-items: center; } .a-goods .text-box .arow .goods-name { width: 360rpx; font-size: 26rpx; height: 74rpx; color: #000; line-height: 1.6; overflow: hidden; } .a-goods .text-box .arow01 { margin-bottom: 30rpx; } .a-goods .text-box .arow .goods-price { font-size: 26rpx; color: #000; align-self: flex-start; } .a-goods .text-box .arow .goods-label { font-size: 26rpx; color: #999; } .a-goods .text-box .arow .goods-num { font-size: 26rpx; color: #999; } .peisong-way { width: 100%; background-color: #fff; margin-bottom: 20rpx; } .peisong-way .row-box { width: 720rpx; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 24rpx 0 24rpx 30rpx; border-bottom: 1rpx solid #eee; } .peisong-way .row-label.t { color: #333; } .peisong-way .row-label { font-size: 28rpx; color: #666; } .peisong-way .right-text { font-size: 28rpx; color: #666; padding-right: 30rpx; } .peisong-way .liuyan { width: 510rpx; font-size: 28rpx; } .goods-info { width: 100%; background-color: #fff; margin-bottom: 120rpx; padding-bottom: 24rpx; } .goods-info .row-box { width: 100%; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 24rpx 30rpx 12rpx 30rpx; font-size: 28rpx; color: #000; } .goods-info .row-box .right-text { text-align: right; } .row-box .next { width: 40rpx; height: 40rpx; } .jiesuan-box { display: flex; justify-content: space-between; width: 100%; height: 100rpx; position: fixed; bottom: calc(env(safe-area-inset-bottom) / 2); left: 0; border-top: 1px solid #eee; background-color: #fff; z-index: 999; } .jiesuan-box .to-pay-btn { width: 250rpx; text-align: center; height: 100%; line-height: 100rpx; background-color: #e64340; font-size: 32rpx; color: #fff; border-radius: 0; } .jiesuan-box .left-price { display: flex; width: 500rpx; justify-content: flex-end; line-height: 100rpx; padding: 0 30rpx 0 0; font-size: 28rpx; box-sizing: border-box; } .jiesuan-box .total { color: #e64340; text-align: right; } .box-v2 { width: 100vw; } .bottom-box { height: 120rpx; } .cell-group { margin-top: 16rpx; } .login-box .logo { width: 200rpx; margin: 64rpx 275rpx; } .login-box .line { height: 2rpx; width: 686rpx; background-color: #ebedf0; margin: 0 32rpx; } .login-box .title { margin: 64rpx 0 0 32rpx; color: #333; font-size: 36rpx; } .login-box .profile { margin: 32rpx 0 0 32rpx; color: #999; font-size: 28rpx; } .login-box .btn { margin: 88rpx 32rpx; }