/* pages/addAddress/addAddress.wxss */
@import "../address/address.wxss";
@import "../components/template/loadAnimation/loadAnimation.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: 1rpx solid #666;
}

.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;
}
.postage_input {
  width: 440rpx;
}

.add_postage_btn{
  width: 80%;
  margin: 45rpx auto ;
  background-color: #fe7124;
  background: linear-gradient(to right, #ff7a21 0%,#feb25a 100%);
  text-align: center;
  color: #fff;
  border-radius: 10rpx;
}

.add_postage_btn:active{
  opacity: .8;
}

.tips{
  text-align: center;
  color: #848799;
  font-size: 26rpx;
}

.form-control{
  padding: 0 25rpx;
  /* margin: 10rpx auto */
}

.form-control-flex{
  display: flex;
  align-items: center;
  width: 87%;
  margin: 20rpx auto;
  background-color: #fff;
  border-radius: 10rpx;
}

.form-control .title{
  padding: 20rpx 0;
  color: #2b2b2b;
  font-weight: bold;
}

.form-control .input-control{
  /* font-size: 26rpx; */
  padding: 25rpx;
  background-color: #fff;
  flex:1;
}

.form-label{
  /* width: 155rpx; */
  margin-right: 10rpx;
  color: #2b2b2b; 
  /* text-align-last: justify; */
}

.radiobox{
  display: flex;
  align-items: center;
  /* width: 85%; */
  background-color: #fff;
  border-radius: 10rpx;
  margin: 0 auto 25rpx;
  padding: 20rpx;
  box-shadow: 5rpx 5rpx 5rpx #eee;
}

.radiobox-image{
  width: 100rpx;
  height: 100rpx;
  margin-right: 50rpx;
}

.radiobox-text{
  flex: 1;
}

.radiobox-title{
  padding: 0 40rpx;
  color: #5e5e5e;
}

.card-no {
  height: 70rpx;
  line-height: 70rpx;
  font-size: 28rpx;
  color: #2b2b2b;
}