@charset "utf-8";
*{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
@keyframes blink{0%{opacity:1}50%{opacity:1}50.01%{opacity:0}100%{opacity:0}}
@keyframes rotate360{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes bounceoutT{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-100px)}}
html,body{margin:0;padding:0;height:100%}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:20px !important}
body{min-width:300px;margin:0 auto;font-size:.8rem;display:table}
body,input,button{word-wrap:break-word;font-family:Verdana,\5fae\8f6f\96c5\9ed1,\5B8B\4F53}
form,p,ul,ol,li,h1,h2,h3,h4,h5,h6,menu{margin:0;padding:0}
icon,.icon{font-family:"iconfont",\5fae\8f6f\96c5\9ed1,\5B8B\4F53;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:scale}   
a,but{background-color:transparent;text-decoration:none;color:inherit}
a[href='']{pointer-events:none;cursor:default}
button,input{color:inherit;font:inherit;margin:0;padding:0;outline:0}
button{overflow:visible;text-transform:none}
button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default;pointer-events:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal;appearance:none;-webkit-appearance:none}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
::-webkit-input-placeholder{color:inherit}
/*login*/
cover,mask{position:fixed;left:0;right:0;top:0;bottom:0;}
mask{z-index:-1}
cover{z-index:-2}
section{position:relative;z-index:1;display:table-cell;vertical-align:middle;transition:all .3s;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
ul.step{list-style:none;text-align:center}
ul.step.flex{display:flex;width:100%;justify-content:space-between;align-items:center;flex-flow:row wrap}
ul.step.pa{position:absolute;left:0;right:0;top:0;z-index:5;box-shadow: 0 1px 2px rgba(0,10,30,.3);}
ul.step li{float:left;flex-grow:1;background-color:rgb(30,50,70);color:rgb(255,255,255);height:2.4rem;line-height:2.4rem;padding:0 1.8rem;position:relative}
ul.step li:after{content:'';position:absolute;z-index:2;width:0;height:0;right:-2.4rem;border:1.2rem solid transparent;border-left-color:rgb(30,50,70)}
ul.step li:last-child:after{display:none}
ul.step li.active{background-color:rgb(50,200,150)}
ul.step li.active:after{border-left-color:rgb(50,200,150)} 

section header{text-align:center;color:inherit;margin-bottom:1.5rem}
section header iconlogo{height:2rem; line-height:2rem;display:block}
/*section header iconlogo:before{font-family:'iconfont';content:'\e702';font-size:4rem}*/
section header h1{font-size:1rem;letter-spacing:.1rem}
section header p{font-size:.6rem;letter-spacing:.1rem}
section form{position:relative;}
section menu,section msg{margin-bottom:1.5rem}
section msg{display:block;text-align:center;transition:all .3s;}
section msg:before{font-family:"iconfont";content:'\e663';margin-right:.5em}
section menu {text-align:center}
section menu a,
section menu a:active{color:inherit; margin:0 .5em;font-size:.7rem}
section menu button{display:block;height:2.4rem;line-height:2.4rem;color:inherit;width:100%;border:0;background:transparent;border-radius:0;font-size:inherit}
section menu button:active{background:rgba(0,0,0,.2)}
section menu button[disabled]{pointer-events:none;background:transparent;opacity:.5}
section menu button[disabled]:after{font-family:"iconfont";content:'\e66f';position:absolute; margin-left: 1em;animation: .4s linear 0s normal none infinite rotate360}
section menu label,fieldset{display:block;color:inherit;width:100%;position:relative;box-sizing:border-box;border:1px solid rgba(0,0,0,.1);overflow:hidden}
section menu icon{position:absolute;left:0;width:2.4rem;height:2.4rem;line-height:2.4rem;font-size:1rem;font-weight:400;text-align:center}
section menu input{box-sizing:border-box;width:100%;height:2.4rem !important;line-height:2.4rem  !important;background:transparent;padding:0 .8rem 0 2.4rem  !important;transition:all 0s;border:none !important;text-align:right}
section menu label{border-bottom-width:0}
section menu label:first-child{border-radius:4px 4px 0 0}
section menu label:last-child{border-bottom-width:1px;border-radius:0 0 4px 4px}
section menu label:only-child{border-bottom-width:1px;border-radius:4px}
section menu input:focus{box-shadow:none;transition:all .5s;background-color:rgba(255,255,255,.5);text-align:left}
section menu input:focus+icon{transform:rotate(360deg);transition:all .3s}
section menu input::-webkit-input-placeholder{opacity:1;transition: all .5s;color:inherit;}
section menu input:focus::-webkit-input-placeholder{transition: all .5s;opacity:0;color:inherit;}
section+footer{position:absolute;z-index:1;left:0;right:0;bottom:2rem;color:inherit;text-align:center;font-size:.6rem; opacity:.5}
section+footer a{color:inherit}
section input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset !important}
section canvas{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0}
section label.checkbox{height:2.4rem;line-height:2.4rem;text-align:right;padding-right:.8rem;cursor:pointer}
section label.checkbox input[type=checkbox],
section label.checkbox input[type=radio]{display:inline-block !important;width:2.4rem !important;height:2.4rem !important;line-height:2.4rem !important;padding:0 !important;float:left;background:transparent !important}
section label.checkbox input[type=checkbox]:checked,
section label.checkbox input[type=radio]:checked{transform:rotate(360deg);transition:all .3s}
section label.checkbox input[type=checkbox]:before,
section label.checkbox input[type=radio]:before
{display:block;font-family:"iconfont";content:'';width:2.4rem;height:2.4rem;line-height:2.4rem;text-align:center}
section label.checkbox input[type=checkbox]:checked:before{content:'\e645'}
section label.checkbox input[type=radio]:checked:before{content:'\e645'}



section #validate{box-sizing:border-box;padding:0 1.6rem 0 .8rem;height:2.4rem;line-height:2.4rem;position:relative;text-align:right}
section #validateBar{height:2.4rem;width:2.4rem;position:absolute;z-index:9;cursor:pointer;left:0;top:0; text-align:center;-webkit-touch-callout: all;-webkit-user-select: all;-khtml-user-select: all;-moz-user-select: all;-ms-user-select: all;user-select: all}
section #validateBar:hover{background-color:rgba(255,255,255,.3)} 
section #validateBar:before{font-family:'iconfont';content:'\e6a3'}
section #validateTip{margin-right:-.8rem}
section #validate.success{text-align:left}
section menu label,
section a{
/*pointer-events:none;
-webkit-touch-callout:none;*/
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

fieldset{display:block;text-align:center;margin:1.5rem 0;border-radius:4px;padding:1rem}
fieldset legend{font-size:.7rem;opacity:.5}
fieldset flex{display:flex;justify-content:space-around}
fieldset a.icon{font-size:.6rem}
fieldset a.icon:before{font-size:1.6rem;vertical-align:middle;display:block}

fieldset a[href='']{opacity:.3}


.aui_outer{color:#333;}

/*theme*/
theme{position:fixed;z-index:3;right:50%;top:1em;margin-right:-.5em;opacity:.1}
theme btn{cursor:pointer;display:block;line-height:1em;}
theme btn:active{background:#fff;}
theme btn:before{content:'\e60a';font-family:'iconfont';}
@media screen and (max-width:480px){
theme{right:1rem;margin-right:0}
section+footer{ display:none}	
}