wxd / MShopWeApp

/* 没有收货地址时的样式 */

.nothing {
  width: 100%;
  font-size: 31rpx;
}

.nothing image {
  width: 299rpx;
  height: 283rpx;
  margin-top: 161rpx;
}

.nothing .nothingaddress {
  color: rgb(251, 65, 66);
  margin-top: 35rpx;
}

.nothing .address {
  margin-top: 61rpx;
}

.nothing .address navigator {
  color: rgb(255, 255, 255);
  background-color: rgb(251, 65, 66);
  width: 256rpx;
  height: 55rpx;
  border-radius: 30rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* page {
    margin-bottom: 200rpx;
}

.address-box {
    background-color: white;
    padding: 25rpx 0 25rpx 25rpx;
    font-size: 28rpx;
    border-bottom: 3rpx #f8f8f8 solid;
}

.address-user {
    box-sizing: border-box;
    float: left;
    width: 150rpx;
}

.N-name {
    font-size: 30rpx;
    padding-bottom: 20rpx;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.default {
    color: white;
    background-color: red;
    padding: 4rpx;
    width: fit-content;
    border-radius: 6rpx;
}

.address-info {
    box-sizing: border-box;
    float: left;
    width: 480rpx;
    padding-left: 10rpx;
}

.mobile {
    padding-bottom: 25rpx;
}

.address {
    height: 70rpx;
    overflow: hidden;
}

.address-edit {
    box-sizing: border-box;
    width: 95rpx;
    float: left;
    text-align: center;
    padding-top: 32rpx;
}

.address-edit>image {
    width: 36rpx;
    height: 42rpx;
}

.address-create {
    width: 50%;
    text-align: center;
    position: fixed;
    bottom: 80rpx;
    left: 25%;
}

.create-btn {
    font-size: 28rpx;
    color: white;
    background-color: #f23030;
    border-radius: 10rpx;
    text-align: center;
    line-height: 80rpx;
    display: block;
} */

page {
  margin-bottom: 200rpx;
}

.topbcolor {
  width: 100%;
  height: 7rpx;
  background-color: rgb(245, 245, 245);
}

.container {
  margin-top: 7rpx;
}

.container .address-box {
  width: 100%;
}

.container .address-box .address-user {
  display: flex;
  justify-content: center;
  width: 100%;
  border-bottom: 2rpx solid rgb(245, 245, 245);
  height: 180rpx;
  align-items: center;
}

.container .address-box .address-user .icon {
  padding-right: 20rpx;
  display: flex;
  align-items: center;
  height: 100%;
}

.container .address-box .address-user .no_xuanze {
  width: 31rpx;
  height: 31rpx;
  border-radius: 50%;
  border: 1rpx solid;
}

.container .address-box .address-user .address {
  width: 530rpx;
}

.container .address-box .address-user .address .user {
  display: flex;
  align-items: center;
  width: 500rpx;
  font-weight: bold;
  font-size: 31rpx;
  color: rgb(40, 36, 33);
}

.container .address-box .address-user .address .user .userName {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 149rpx;
}

.container .address-box .address-user .address .user .userPhone {
  margin-left: 41rpx;
}

.container .address-box .address-user .address .user .default {
  display: flex;
  width: 105rpx;
  height: 31rpx;
  background-color: rgb(239, 22, 51);
  justify-content: center;
  font-size: 20rpx;
  color: rgb(255, 255, 253);
  border-radius: 8rpx;
  margin-left: 21rpx;
  line-height: 31rpx;
}

.container .address-box .address-user .address .ShippingAddress {
  font-size: 24rpx;
  color: rgb(41, 38, 33);
  height: 66rpx;
}

.container .address-box .address-user .edit {
  display: flex;
  justify-content: center;
  margin-left: 60rpx;
  height: 100%;
  align-items: center;
}

.container .address-box .address-user .edit image {
  width: 41rpx;
  height: 38rpx;
  align-items: center;
}

.container .new {
  width: 86%;
  display: flex;
  position: fixed;
  bottom: 0rpx;
  height: 204rpx;
  align-items: center;
  background-color: rgb(255, 255, 255);
  margin-left:7% 
}

.container .new .add {
  margin-right: 10rpx;
}

.container navigator {
  display: flex;
  width: 300rpx;
  height: 62rpx;
  background-color: rgb(239, 22, 51);
  border-radius: 40rpx;
  justify-content: center;
  align-items: center;
  color: rgb(255, 255, 255);
  font-size: 27rpx;
}

.container navigator.ye{
  background-color: #fc872d;
}
.nothing .address navigator.ye{
  background-color: #fc872d;
}