/**index.wxss**/
page{
  background: linear-gradient(to bottom, #E8F4FC, #F5FAFF);
}
.container {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #000;
  background-size: 100% 100%
}
.myorder-menu{display: flex;flex-direction: row;align-items: center;justify-content: center;width:100%; background-color: #fff;}
.myorder-menu view{display: flex;flex: 1; height:2.5em; line-height: 2.5em; text-align: center;  border-left:0;border-top: 0; align-items: center;justify-content: center;
background:linear-gradient(to bottom,#dedede,#eee);
}
.myorder-menu view.hover{background:linear-gradient(to bottom,#ff4d00,#ff4d00);color:#fff;}
.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{ 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 text{padding:0; width:6em; text-align: left; height:2.5em; line-height: 2.5em;}
.login-box .frombody view.loginbottom view {float:left; display:block; width:100%;padding: 0;border-bottom:0;}
.login-box .frombody view.loginbottom view text{float:left; display:block;width:10em;}
.login-box .frombody view.loginbottom view switch{float:left; display:block;width:5em;}
.login-box .frombody view.wjmm{float:left; display:block;width:100%; text-align: center;border-bottom:0;}
.login-box .frombody view.wjmm view{float:left; display:block;width:50%; text-align: center;border-bottom:0;}
.login-box .frombody view.wjmm view.zchy{color:#6BA3F0; font-weight: 900;}
.login-box .frombody view input{width:14em;height:2.5em; line-height: 2.5em;}
.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.phone input{width:12em;}
.login-box .frombody view.code input{width:8em;}
.login-box .frombody view.code button{width:6em; margin-top: 0.5em; padding:0; height:2em; line-height: 2em; font-size:0.85em; background:#ff4d00; color:#fff; border-radius:0.5em;}
.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, #6BA3F0, #8BBDF5); color:#fff; border-radius:0.5em;}
.login-box .frombody view.weixinbutton{border: 0;position: fixed; bottom:0; left:0;padding: 1em; box-sizing: border-box;}
.login-box .frombody view.weixinbutton button{width:100%;height:2.5em; line-height: 2.5em; background:linear-gradient(to right, #07C160, #10B981); color:#fff; border-radius:0.5em;}