/* public */
html,body,#app{width:100%;height:100%;overflow:hidden;position:fixed;font-family:Helvetica,STXihei,SimHei,serif}
*{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}
.refContanier{position:absolute;width:100%;height:100%;top:0;left:0}
.error{color:#ff1a18 !important}
.success{color:#4cbe00 !important}
.await{color:#ff6633 !important}
.handleUp{animation:handleUp 0.35s linear;animation-fill-mode:forwards;transform-origin:0 0}
.handleDown{animation:handleDown 0.35s linear;animation-fill-mode:forwards;transform-origin:0 0}
@keyframes handleUp{from{transform:rotate(0) translate(-50%,-50%)}
to{transform:rotate(180deg) translate(-50%,-50%)}
}@keyframes handleDown{from{transform:rotate(180deg) translate(-50%,-50%)}
to{transform:rotate(0) translate(-50%,-50%)}
}.slide-left-enter,.slide-right-leave-active{opacity:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);z-index:1000}
.slide-left-leave-active,.slide-right-enter{opacity:1;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.slide-out-enter-active{animation:slide-in .35s}
.slide-in-enter-active{animation:slide-in .35s}
@keyframes slide-out{from{opacity:0;transform:translate3d(100%,0,0)}
to{opacity:1;transform:none}
}@keyframes slide-in{from{opacity:0;transform:translate3d(-100%,0,0);z-index:-1}
to{opacity:1;transform:none;z-index:-1}
}.window-loading{position:fixed;width:100%;height:100%;top:0;left:0;z-index:200}
.window-loading-img{width:1.2rem;height:1.2rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.window-loading-img img{display:block;width:100%;height:100%}
.area-number-row{display:flex;flex-wrap:nowrap;padding-left:1rem !important;align-items:center;.area-number-wrap{flex-shrink:0}
input{flex:1}
}

/* reset */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a{color:#333333}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%}
input[type='submit'],input[type='reset'],input[type='button'],input,button{resize:none}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}
button{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
img{height:auto;width:auto9;-ms-interpolation-mode:bicubic}
html,body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,p{margin:0;padding:0;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:Microsoft YaHei,simhei,Tahoma,Arial,sans-serif;color:#fff;background-color:#fff}
.bodyIOS{font-family:Microsoft YaHei,simhei,Tahoma,Arial,sans-serif;color:#333333;background-color:#333333}
em,i{font-style:normal}
.clearfix:after{content:'';display:block;visibility:hidden;height:0;clear:both}
.clearfix{zoom:1}
a{text-decoration:none;font-family:Microsoft YaHei,Tahoma,Arial,sans-serif}
a:hover,a:active,a:visited{text-decoration:none}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:Microsoft YaHei}
img{border:none;vertical-align:middle}