.area-wrapper{line-height:200%;background:#f5f5f5;padding:10px;width:595px}
.area-wrapper input{margin:0 5px;*margin:0 3px}.area-wrapper input:focus{margin:0 5px;*margin:0 3px}
.area-wrapper label{float:left; cursor: pointer;}
span.area-choose-province-lab{display:inline-block}
.area-wrapper li{zoom:1;border-bottom:#ccc 1px dashed; padding-bottom:8px;margin-bottom:8px;}
.area-wrapper li:after{content:"";display:block;clear:both}
.area-wrapper .area-choose-zone-lab{width:60px;font-weight:bold}
.area-wrapper .area-choose-province-lab{width:130px}
.area-wrapper .area-choose-city-lab{padding-left:10px;white-space:nowrap;width:90px;cursor: pointer;}
.area-wrapper .area-footer{line-height:30px;margin-top:5px;}
.area-wrapper .area-choose-wrapper-province{width:525px}
.area-choose-wrapper-city{position:absolute;line-height:150%;top:20px;left:25px;z-index:2;background:#fff;border:1px solid #99a;width:250px}
.area-choose-wrapper-city h5{line-height:200%;padding-left:10px;font-weight:normal;background:#ececec}
.area-choose-wrapper-city-content:after{content:"";display:block;clear:both}

.area-choose-wrapper-city-content{
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 20px;
  left: 135px;
  line-height:150%;
  background:#fff;
  border:1px solid #99a;
  width:250px;
  z-index:2;
  line-height: 1.5;
}

.area-choose-city-lab:hover .area-choose-wrapper-city-content{
  visibility: visible;
  transition: all .5s;
  left: 10px;
  opacity: 1;
}

.area-choose-lab {float: left; width: 545px}
.area-choose-wrapper-city-content label { line-height: 24px; }
.area-choose-wrapper-city-content h5 {
  padding: 5px 10px;
  font-weight: normal;
  background: rgb(236, 236, 236);
}

.area-choose-wrapper-city-content input{
  vertical-align: middle;
}

.area-choose-wrapper-city-content .f-efonts {
  cursor: pointer;
}
.area-wrapper .f-efonts {
  cursor: pointer;
  vertical-align: -2px;
  margin-right: 3px;
}

.show-area-all-check:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden
}
.show-area-box {
  width:615px
}
.show-area-box>div  {
  text-align:"left";
  margin-bottom:"5px"
}
.show-provice-area {
  display:inline-block;
  position: relative
}