html,body,#app{height:100%;-webkit-overflow-scrolling:touch}
body{padding:0;margin:0}
.fl{float:left}
.fr{float:right}
.hide{display:none!important}
.login-layout{position:relative;margin:0 auto;width:330px}
.login-layout .login-form-tip{position:absolute;z-index:1;top:-4px;height:30px;line-height:30px;color:#959595}
.login-layout .login-form-tip .tip-error{color:#ff654c}
.login-layout .login-tabs{zoom:1;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #e8e8e8;height:60px;line-height:60px}
.login-layout .login-tabs:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}
.login-layout .login-tabs .login-tab-item{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%;height:60px;font-size:16px;text-align:center;cursor:pointer;-webkit-transition:color .2s;transition:color .2s}
.login-layout .login-tabs .login-tab-item.current{border-bottom:2px solid #337EFF;color:#337EFF}
.login-layout .login-form{position:relative;padding-top:30px}
.login-layout .login-form .login-form-control .input{-webkit-box-sizing:border-box;box-sizing:border-box;padding:3px 7px;border:1px solid #d7d7d7;width:100%;height:40px;line-height:40px;font-size:14px;vertical-align:top;background:#fff}
.login-layout .login-form .login-form-control .input-tip{height:30px;line-height:30px;color:#959595}
.login-layout .login-form .login-form-control .input-tip a{color:#959595}
.login-layout .login-form .login-form-control .input-tip a.link,.login-layout .login-form .login-form-control .input-tip a:hover{color:#337EFF;text-decoration:none}
.login-layout .login-form .login-form-control .input-tip .tip-error{color:#ff654c}
.login-layout .login-form .login-form-control .input-tip .tip-error .frame-iconfont{margin:0 2px;font-size:12px}
.login-layout .login-form .login-form-control .btn{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;padding:0 15px;width:100%;height:36px;line-height:36px;border-radius:3px;font-size:16px;color:#fff;cursor:pointer;vertical-align:top;background-color:#337EFF}
.login-layout .login-form .login-form-control .btn:hover{background-color:#337EFF;text-decoration:none}
.login-layout .login-form .login-form-control .btn[disabled=disabled]{cursor:not-allowed}
.login-layout .login-auth{padding:40px 0 10px;font-size:0;text-align:center}
.login-layout .login-auth a{display:inline-block;margin:0 21px;width:40px;height:40px;line-height:40px;text-decoration:none;text-align:center;color:#d7d7d7;border-radius:50%;overflow:hidden}
.login-layout .login-auth a.auth-qq:hover{color:#11b7f6}
.login-layout .login-auth a.auth-weibo:hover{color:#e90e24}
.login-layout .login-auth a.auth-taobao:hover{color:#ff5300}
.login-layout .login-auth a.auth-weixin:hover{color:#3cb034}
.login-layout .login-auth .frame-iconfont{font-size:40px}
.login-layout .login-bottom{zoom:1;padding:10px 0;height:20px;line-height:20px;color:#959595;font-size:14px}
.login-layout .login-bottom:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}
.login-layout .login-bottom a{color:#337EFF}
.login-layout .login-tips{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%}
.q-container{min-height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box}
.login-container{width:100%;height:100%;min-width:960px;min-height:765px;background-color:#F7F7F7;background:url(../images/login_bg.vlpos_m.jpg) bottom/cover no-repeat;position:relative}
.login-container .login-wrapper{margin:0 auto;padding:60px 0;width:380px;position:relative}
.login-container .login-wrapper .login-logo{text-align:center}
.login-container .login-wrapper .login-logo img{border:0;height:46px;vertical-align:middle}
.login-container .login-wrapper .login-logo .title{font-size:24px;font-family:Hiragino Sans GB,Microsoft YaHei,SimHei,SimSun,sans-serif;color:#fff;vertical-align:bottom;text-shadow:0 0 4px rgba(0,0,0,.3)}
.login-container .login-wrapper .login-section{margin-top:45px;padding:10px 0;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);background:hsla(0,0%,100%,.95)}
@font-face{font-family:frame-iconfont;src:url(../fonts/iconfont.vlpos.eot);src:url(../fonts/iconfont.vlpos.eot#iefix) format("embedded-opentype"),url(../fonts/iconfont.vlpos.woff) format("woff"),url(../fonts/iconfont.vlpos.ttf) format("truetype")}
.frame-iconfont{font-family:frame-iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.frame-icon-qq2:before{content:"\E6C0"}
.frame-icon-taobao2:before{content:"\E6C9"}
.frame-icon-weibo2:before{content:"\E6CF"}
.frame-icon-wechat2:before{content:"\E6F5"}
body{color:#323232;background:#fff;text-align:left;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0;outline:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
audio,canvas,video{display:inline-block}
body,button,input,select,textarea{font:12px/1.5 Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Heiti SC,WenQuanYi Micro Hei,sans-serif}
button,input,select,textarea{font-size:100%;color:#636363;outline:none}
textarea{resize:none}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
iframe{display:block}
a{text-decoration:none;color:#0073b6}
a:hover{text-decoration:underline}
a:focus,input:focus{outline:none}
button::-moz-focus-inner,input::-moz-focus-inner{outline:none;border:0;padding:0}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#959595}
input:-moz-placeholder,input::-moz-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder{color:#959595}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#959595}
.fl{float:left}
.fr{float:right}
.hide{display:none!important}
body{min-width:1160px}
.downloadApp{border-radius:4px;box-shadow:0 0 10px rgba(49,105,176,.2)}
.downloadApp{position:absolute;bottom:-10px;left:50%;margin-left:-100px;overflow:hidden;width:200px;background:#fff;cursor:pointer}
.downloadApp .qrcode{width:170px;height:0;margin:0 15px;overflow:hidden;transition:height 0.5s}
.downloadApp .qrcode img{width:100%}
.downloadApp:hover .qrcode{height:170px;margin:15px}
.downloadApp h1{overflow:hidden;line-height:50px;font-size:14px;color:#3169B0;font-weight:400;text-align:center}
.downloadApp .icon-qrcode{position:relative;top:3px;margin-right:4px;display:inline-block;width:15px;height:15px;background:url(../images/icon-sprite.png) -168px 0 no-repeat}
.login-footer{font-size:14px;text-align:center;position:absolute;width:100%;bottom:10px;left:0;color:#fff;line-height:120%}