/**index.wxss**/
page{
  background: #ccc;
}
.container {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #000;
  background-size: 100% 100%
}
.red{color:#ff4d00;}
.fromtitle{width:100%; background-color:#fff; padding:1em; box-sizing: border-box;}
.fromtitle text{float:left;} 
.fromtitle image{float:left;width:1.2em; height:1.2em;}
.fromtitle image.arrowdown{float:right; }
.login-box .frombody{margin-top: 1em; padding:0.5em 1em;width:100%; display: flex;flex-direction: column; align-items: center; background-color:#fff;box-sizing: border-box;}
.login-box .frombody view{position: relative;float:left; width:100%;display: flex;flex-direction:row;border-bottom:1px solid #f1f1f1;padding:0.5em 0; box-sizing: border-box;}
.login-box .frombody view view{width:auto;border-bottom:0;}
.login-box .frombody view text{padding:0; width:7em; height:2.5em; line-height: 2.5em;}
.login-box .frombody view text text{width:auto;}
.login-box .frombody view input{width:12em;height:2.5em; line-height: 2.5em;}
.login-box .frombody view input.code{width:9em;}
.login-box .frombody view.getcode{
  width: 6em;
  height: 2.8em;
}
.login-box .frombody view.getcode image{
    width: 100%;
    height: 100%;
}
.login-box .frombody view.area input{width:12.8em;}
.login-box .frombody view.area image{position: absolute; top:1.1em; right:0;  width:1.2em;height:1.2em;} 
.login-box .frombody view.readbox{display:block; text-align: left;width:100%;line-height:1.5em; font-size:1.2em; font-weight: 800;}
.login-box .frombody view.readbox view{margin:0;padding:0; display: inline; }
.login-box .frombody view.readbox view.red{color: #00B050;}
.login-box .frombody view.readbox view.and{color:#000;}
.login-box .frombody view.readbox view image{width:1.4em;height:1.4em;}
.login-box .frombody view.button{border: 0;}
.login-box .frombody view.button button{width:100%;height:2.5em; line-height: 2.5em; background:linear-gradient(to right,#00B050,#00B050); color:#fff; border-radius:0.5em;}   
.login-box .frombody view .picker_hx{color:#939393;line-height:2.5em;}
.login-box .frombody view .picker_hx view{ float:left; position: relative; display: block; border:0;min-width:14em; padding:0 1em; box-sizing: border-box;border:1px solid #dfdfdf;border-radius:0.3em;height:2.5em;line-height:2.5em;}
.login-box .frombody view .picker_hx image{position: absolute; top:0.6em;right:0.6em; width:1.2em;height:1.2em;}
.login-box .frombody view view.pic_box{
  display: flex;
  align-items: center;
  margin:0;
  padding:0;
  width:3em;
  height:3em;
  border:1px solid #f1f1f1;   
  box-sizing: border-box;
}
.login-box .frombody view view.pic_box image{
   border:0; width:100%;height:100%;
}
.login-box .frombody view view.area_box{padding:0;}
.login-box .frombody view view.area_box input{width:12.8em;}
.login-box .frombody view view.area_box image{position: absolute; top:0.7em; right:0;  width:1.2em;height:1.2em;}
.Hidden_box{ position: fixed;display: flex;align-items: center; justify-content: center; top:0; left:0; width:100%;height:100vh; background:rgba(0, 0, 0, 0.5);z-index: 2;}
.section{position: relative; bottom:0; width:96%; padding: 0 0.5em; background-color: #fff; box-sizing: border-box; border-radius:0.5em;}
.section .close{position: absolute; right:0.5em; top:0.5em; width:1.5em; height:1.5em; padding:0.15em; background-color:#fff;border:1px solid #f1f1f1;border-radius:50%;box-sizing:border-box;}
.section .close image{width:100%;height:100%;}
.section-title{width:100%;height:2.5em; line-height: 2.5em; text-align: center;  font-weight: 600;border-bottom:1px solid #f1f1f1;}
.section-body{width:100%;}
.section-body view{width:100%;display: flex;flex-direction: row; align-items: center;border-bottom:1px solid #f1f1f1;padding:0.5em 0; box-sizing: border-box; line-height:1.5em;}
.section-body view text{color:#000;}
.section-body view .picker_hx{color:#939393;line-height:2.5em;}
.section-body view .picker_hx view{ float:left; position: relative; display: block; border:0;min-width:10em; padding-left:1em; box-sizing: border-box;border:1px solid #dfdfdf;border-radius:0.3em;line-height:2em;}
.section-body view .picker_hx image{position: absolute; top:1em;right:0.6em; width:1.2em;height:1.2em;}
.section-body view view.button{border: 0;}
.section-body view view.button button{width:100%;height:2.5em; line-height: 2.5em; background:linear-gradient(to bottom,#FAE10B,#ff4d00); color:#fff; border-radius:1em;}   
.login-box .frombody view .picker_hx{color:#939393;line-height:2.5em;}
.map_container{width:100%;}
.map_container .map{width:100%; height:70vh;}
.map_container .map .mapPic{width:3em; height:3em;}
.map_container .map .mapPic cover-image{width:3em; height:3em;}
.map_container .map .map-prompt{width:100%; height:2.5em;}
.map_container .map .cover-image{position: absolute; bottom:0.5em; right:0.5em; width:3em; height:3em; background-color: #fff;border-radius:50%;} 