page{ background-color: #f6f6f6; } .main{ .adderss_cont{ margin: 20rpx; padding: 0rpx 25rpx 0rpx 25rpx; background-color: #FFFFFF; border-radius: 16rpx; box-shadow: 0 4rpx 8rpx rgba(0,0,0,.05); .adderss_item{ // padding: 25rpx 0rpx 25rpx 0rpx; display: flex; justify-content: space-between; border-bottom: 1rpx solid #D9D9D9; .adderss_name{ font-size: 28rpx; color: #333333; font-weight: 500; height: 95rpx; display: flex; align-items: center; width: 140rpx; } .adderss_r{ width: 480rpx; .adderss_text{ width: 100%; position: relative; .adderss_input{ width: 100%; font-size: 28rpx; height: 95rpx; display: flex; align-items: center; } .adderss_textarea{ width: 440rpx; font-size: 28rpx; margin: 15rpx 0 15rpx 0; padding: 20rpx; height: 100rpx; background-color: #f6f6f6; border-radius: 10rpx; } } .adderss_arr::after{ content: ''; position: absolute; top: 50%; // left: 100%; right: 20rpx; transform: translate3d(0, -50%, 0) rotate(45deg); width: 13rpx; height: 13rpx; border-top: 3rpx solid #7f7f7f; border-right: 3rpx solid #7f7f7f; } .adderss_type{ display: flex; .adderss_type_item{ display: flex; align-items: center; font-size: 28rpx; color: #333333; padding: 20rpx 0rpx; .adderss_type_select{ width: 35rpx; height: 35rpx; border-radius: 50rpx; border:1px solid #7f7f7f; margin-right: 10rpx; } .adderss_acty{ border:1px solid #FD4955; display: flex; align-items: center; justify-content: center; background-color: #FD4955; .adderss_acty_img{ width: 25rpx; height: 25rpx; display: block; } } } .adderss_type_left{ margin-left: 40rpx; } } } } .adderss_item:last-child { border-bottom: none; } .adderss_default{ display: flex; align-items: center; justify-content: space-between; padding: 25rpx 0rpx; .adderss_default_l{ .adderss_default_title{ font-size: 28rpx; color: #333333; font-weight: 500; } .adderss_default_desc{ color: #7f7f7f; font-size: 26rpx; margin-top: 10rpx; } } .adderss_default_switch{ width: 100rpx; } } } .footer{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 88; background: #FFFFFF; font-size: 30rpx; padding-bottom: env(safe-area-inset-bottom); display: flex; justify-content: space-between; align-items: center; padding-top: 20rpx; padding-left: 20rpx; padding-right: 20rpx; border-top: 1rpx solid #efefef; .footer_btn{ width: 100%; height: 85rpx; background-color: #fd3f3f; border:1rpx solid #fd3f3f; border-radius: 50rpx; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 28rpx; } .footer_border{ width: 100%; height: 85rpx; background-color: #f6f6f6; border:1rpx solid #D9D9D9; border-radius: 50rpx; color: #333333; display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 28rpx; } .widths{ width:48%; } } } .address_pup{ background-color: #FFFFFF; border-top-left-radius: 30rpx; border-top-right-radius: 30rpx; .address_head{ text-align: center; font-size: 30rpx; color: #333333; font-weight: 500; height: 85rpx; line-height: 85rpx; position: relative; .address_open_close{ position: absolute; width: 85rpx; height: 85rpx; right: 0rpx; top: 0rpx; display: flex; align-items: center; justify-content: center; } .address_open_close image{ width: 60rpx; height: 60rpx; } } .address_cont{ display: flex; align-items: center; padding:20rpx 20rpx 40rpx 20rpx; border-bottom: 1rpx solid #D9D9D9; .address_name{ font-size: 28rpx; color: #333333; padding: 10rpx 30rpx 10rpx 30rpx; border:1rpx solid #f7f8fc; background-color: #f7f8fc; border-radius: 8rpx; } .address_hover{ font-size: 28rpx; color: #ff0f23; padding: 10rpx 30rpx 10rpx 30rpx; border:1rpx solid #ff0f23; background-color: #ffebf1; border-radius: 8rpx; } .address_x{ color: #c2c4cc; margin-left: 10rpx; margin-right: 10rpx; } } .address_select{ font-size: 30rpx; font-weight: 500; color: #333333; padding: 20rpx; } .address_list{ padding: 0 20rpx 0 20rpx; height: 700rpx; overflow-y: auto; .address_list_item{ font-size: 30rpx; color: #333333; height: 80rpx; line-height: 80rpx; } } }