/*iconfont*/
@font-face {font-family: 'iconfont';
    src: url('/static/lib/iconfont/icon-left/iconfont.eot'); /* IE9*/
    src: url('/static/lib/iconfont/icon-left/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/static/lib/iconfont/icon-left/iconfont.woff') format('woff'), /* chrome、firefox */
    url('/static/lib/iconfont/icon-left/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('/static/lib/iconfont/icon-left/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.icon-left{font-family:"iconfont" !important;}


/***主体***/
body{position:absolute;top:0;right:0;bottom:0;left:0;max-width:720px;margin:0 auto;}
/*头部*/
.bar{position:absolute;right:0;left:0;z-index:10;height:2.2rem;padding-right:.5rem;padding-left:.5rem;background-color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-bottom:1px solid #eaeaea;}
.bar .title{position:absolute;display:block;width:100%;padding:0;margin:0 -.5rem;font-size:.85rem;font-weight:500;line-height:2.2rem;color:#808080;text-align:center;white-space:nowrap;}
.back{position:relative;top:0;z-index:20;margin-top:0;padding:0;line-height:2.2rem;height:2.2rem;color:#808080;border:0;margin-left:-.25rem;}
.back .icon-left{position:relative;z-index:20;padding:.5rem .1rem;font-size:1.25rem;line-height:1.25rem;font-style:normal;display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;}
.back .icon-left:before{content:"\e64c";}
/*登录*/
.login-box{position:absolute;left:0;top:2.2rem;width:100%;}
.login{margin:1.25rem;}
.login input,.login button{width:100%;height:2.75rem;line-height:2.2rem;margin-top:.625rem;border:1px solid #eaeaea;}
.login .input-wrap .icon{display:inline-block;width:.9375rem;}
.login .input-wrap input.user{padding-left:2rem;background:url(/static/m/images/login/login_user.png) .5625rem center no-repeat;background-size:.9375rem 1.0625rem;}
.login .input-wrap input.pass{padding-left:2rem;background:url(/static/m/images/login/login_pass.png) .5625rem center no-repeat;background-size:.9375rem 1.125rem;}
.login .input-wrap input.code{width:60%;padding-left:2rem;background:url(/static/m/images/login/login_code.png) .5625rem center no-repeat;background-size:.9375rem .9375rem;}
.login .input-wrap button.get-code{width:40%;background:#18b4ed;border-color:#18b4ed;}
.login .input-wrap button{background:#bf153d;color:#fff;border-color:#bf153d;}
.login .login-info a{font-size:.875rem;color:#8ad2ff;line-height:2.25rem}
.login .other-login .line{width:24%;height:1px;background:#cacaca;margin-top:.625rem;}
.login .other-login .txts{width:52%;color:#cacaca;text-align:center;}
.login .other-login{margin:1.625rem 0 0;}
.login .other-login .logins{width:100%;text-align:center;margin-top:1.3125rem;}
.login .other-login .logins a{display:inline-block;width:2.5rem;height:2.5rem;}
.login .other-login .logins a.mar{margin:0 1.4375rem;}