@import "../../assets/stylus/colorConfig"
.address-container{
  position absolute
  width 100%
  height 100%
  bottom 0px
  background #ffffff
  box-sizing border-box
  overflow hidden
}
.address-bottom-container{
  .a-btn{
    margin 5px 0px 20px
    padding 0 10px
    a{
      height 40px
      line-height 40px
      font-size 14px
      i{
        font-size 13px
        margin-right 3px
      }
    }
  }
  .text-wrap{
    height auto
    line-height 15px
    margin-bottom 10px
    padding 10px 0px
    align-items center
    justify-content center
    .icon-checkbox{
      &.checked{
        color subColor
      }
    }
    .t-text{
      margin-left 8px
      font-size 12px
      .t-wrap{
        display inline-block
        width 80%
      }
      label{
        display block
        height auto
        margin-bottom 2px
        font-size 12px
        font-weight bold
      }
      p{
        color subheadColor
      }
    }
    .edit{
      padding 0 10px
      font-size 12px
    }
  }
}
.a-head{
  height 42px
  line-height 42px
  padding 0 10px
  margin-bottom 10px
  font-size 14px
  text-align center
  background #fff
  font-weight bold
  span{
    padding 0 10px
    font-weight normal
    font-size 13px
  }
}
.a-content{
  background #ffffff
  padding 0 15px
  box-sizing border-box
  height calc(100% - 50px)
  overflow-y auto
  -webkit-overflow-scrolling touch
}
.address-top-container{
  background #f5f5f5
  font-size 13px
  .default-wrap{
    background #ffffff
    margin-top 10px
    padding 5px 10px
    .switch-wrap{
      min-width auto
      margin-right 0
      margin-top 3px
    }
  }
  .a-content{
    background transparent
    padding 0px
  }
}
.area-container{
  height 100%
  border-radius 0px
  /*overflow-y auto*/
  /*-webkit-overflow-scrolling touch*/
  &.adHeight{
    .a-head{
      height 70px
    }
    .a-content{
      height calc(100% - 70px)
    }
  }
  .a-head{
    height 40px
    padding 0px
    margin-bottom 0px

    .fixedTop{
      box-sizing border-box
      background #ffffff
    }
    .a-title{
      i{
        font-size 20px
        margin-right 20px
      }
    }
  }
  .a-content{
    position absolute
    width 100%
    height calc(100% - 40px)
    overflow-y auto
    -webkit-overflow-scrolling touch
  }
  .a-choose-address{
    line-height 16px
    text-align left
    span{
      display inline-block
      min-width 70px
      padding 0px 4px 8px
      text-align center
      &.checked{
        border-bottom 2px solid mainColor
        color mainColor
      }
    }
  }
}
.a-wrap{
  label{
    display block
    height 20px
    line-height 20px
    margin-bottom 5px
    font-size 12px
    color subheadColor
  }
  .a-space{
    line-height 24px
    margin-bottom 10px
    font-size 13px
    color mainTitleColor
    i{
      color blueColor
    }
  }
  .hotCity{
    width 100%
    margin 10px 0
    li{
      display inline-block
      width 23%
      height 25px
      line-height 25px
      text-align center
      margin-right 2%
      margin-bottom 10px
      background #f7f7f7
      border-radius 2px
      font-size 13px
      color mainTitleColor
    }
  }
  .indexList{
    li{
      position relative
      padding-left 30px
      line-height 30px
      font-size 13px
      color mainTitleColor
      label{
        display inline-block
        position absolute
        left 5px
        top 5px
        color subheadColor
      }
      span{
        display block
        margin-right 20px
        font-size 12px
        color mainTitleColor
        &.checked{
          color mainColor
        }
      }
    }
  }
}