minixyz/pages/addAddress/addAddress.wxss

/* pages/addAddress/addAddress.wxss */
@import "../address/address.wxss";

.info_cell-wrap {
  padding-left: 40rpx;
}

.info_cell {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  line-height: 112rpx;
  font-size: 28rpx;
}

.info_cell_lable {
  width: 154rpx;
}

.info_cell_content {
  -webkit-flex: 1;
  flex: 1;
}

.checkbtn {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 40rpx;
  font-size: 24rpx;
}

.no_checked_icon {
  width: 36rpx;
  height: 36rpx;
  border-radius: 50%;
  border: 2rpx solid #eaeaea;
}

.check_icon-box {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  width: 42rpx;
  height: 42rpx;
  margin-right: 4rpx;
}

.common_cell_arrow {
  position: relative;
}

.common_cell_arrow::after {
  content: " ";
  display: inline-block;
  height: 12rpx;
  width: 12rpx;
  border-width: 2rpx 2rpx 0 0;
  border-color: #c8c8cd;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  top: 50%;
  margin-top: -8rpx;
  right: 40rpx;
}
.area_flex {
  display: inline-block;
  width: 33%;
}



.picker_mask { 
  position: fixed;
  left: 0;
  top:0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
  opacity: 0;
}
.picker_mask.show_popup {
  z-index: 99;
  opacity: 1;
}

.picker_container {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
   -webkit-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-transform: translateY(110%);
  transform: translateY(110%);
}
.show_animation {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.picker_header {
  display: -webkit-flex;  
  display: flex;
  justify-content: space-between;
  padding: 0 30rpx;
  line-height: 88rpx;
  font-size: 32rpx;
  color: #333;
  background: #fbf9fe;
}
.picker_header .picker_cancel {
  color: #828282;
}




.animation-element {
  display: flex;
  position: fixed;
  width: 100%;
  height: 470rpx;
  bottom: 0;
  background-color: rgba(255, 255, 255, 1);
}

.animation-button {
  top:20rpx;
  width: 290rpx;
  height: 100rpx;  
  align-items:center;
}


.left-bt{
  left: 30rpx;
}
.right-bt {
  right: 30rpx;
}

.line{
  display: block;
  position: fixed;
  height: 1rpx;
  width: 100%;
  margin-top: 89rpx; 
  background-color: #eeeeee;
}