.login{width:100%;height:100%;background-image:url(../img/login-bg.0899ffa6.jpg);background-size:cover;background-position:50%;position:relative}.login .login-back{width:100%;height:100%;overflow:hidden;filter:blur(20px);background-size:100% auto}.login .login-box,.login .login-con{position:absolute;top:50%;left:50%;margin-left:0;margin-top:-225px;border-radius:4px;background-color:#fff;width:450px;height:450px;z-index:3;box-shadow:0 2px 10px #999}.login .login-con-box{padding:40px}.login .tbas-list{width:100%;height:60px;display:flex;line-height:60px;flex-direction:row;border-bottom:1px solid #f0f0f0}.login .tbas-list .tbas-item{flex:1;cursor:pointer;font-size:16px;text-align:center;align-items:center;justify-content:center;border-bottom:4px solid transparent;transition:all .3s}.login .tbas-list .tbas-item.light{color:#38adff;border-color:#38adff}.login .tbas-list .tbas-item.light .tbas-item-img{filter:grayscale(0)}.login .tbas-list .tbas-item-span{padding-right:10px;display:inline-block}.login .tbas-list .tbas-item-img{width:20px;height:20px;transition:all .3s;vertical-align:middle;filter:grayscale(100%)}.login .login-box-item{padding:40px 30px 0}.login .login-box-item .bnt{font-size:16px;color:#fff;width:100%;height:40px;line-height:40px;display:block;text-align:center;border-radius:3px;background-color:#27c17b}.login .login-qrcode{text-align:center}.login .login-user{padding:0 30px;text-align:center}.login .login-user>a{display:inline-block}.login .login-title{font-size:20px;color:#353535;text-align:center;margin-bottom:23px}.login .login-desc{color:#a3a3a3;font-size:15px;padding:0 40px;line-height:1.8;text-align:center}.mode-login-box{display:none}.jh-loader-box{font-family:Lato,sans-serif;font-weight:600;font-size:16px;color:#fff;text-align:center;-webkit-font-smoothing:antialiased}.jh-loader-box .jh-logged{color:#999;bottom:-78px;font-size:16px;position:absolute}.jh-loader{width:80px;height:80px;position:relative;margin:auto;margin-top:90px;margin-bottom:100px}.jh-loader .dot{position:absolute;top:0;left:0;width:80px;height:80px;animation:dotrotate 1.7s cubic-bezier(.775,.005,.31,1) infinite}.jh-loader .dot:first-child{animation-delay:.2s}.jh-loader .dot:nth-child(2){animation-delay:.35s}.jh-loader .dot:nth-child(3){animation-delay:.45s}.jh-loader .dot:nth-child(4){animation-delay:.55s}.jh-loader .dot .first,.jh-loader .dot:after{content:"";position:absolute;width:8px;height:8px;background:#ccc;border-radius:50%;left:50%;margin-left:-4px}.jh-loader .dot .first{background:#ccc;margin-top:-4px;animation:dotscale 1.7s cubic-bezier(.775,.005,.31,1) infinite;animation-delay:.2s}@keyframes dotrotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dotscale{0%,10%{width:16px;height:16px;margin-left:-8px;margin-top:-4px}50%{width:8px;height:8px;margin-left:-4px;margin-top:0}90%,to{width:16px;height:16px;margin-left:-8px;margin-top:-4px}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:640px){.login-box{display:none}.mode-login-box{display:block;position:absolute;top:50%;left:50%;border-radius:4px;background-color:#fff;width:345px;height:482px;margin-left:-173px;margin-top:-241px;z-index:3;-webkit-box-shadow:0 2px 10px #999;box-shadow:0 2px 10px #999}.mode-login-box .logo{margin-top:27px}.mode-login-box .logo .logo-img-wrap{width:48px;height:49px;margin:0 auto 6px;display:block}.mode-login-box .logo .logo-img-wrap img{width:100%;height:100%}.mode-login-box .logo .logo-title{text-align:center;color:#37404f;font-size:24px;line-height:34px}.mode-login-box .mode-tbas-list{padding:30px 26px 0}.mode-login-box .mode-tbas-list .tbas-item{padding:16px 14px;border-bottom:1px solid #d9d9d9;position:relative}.mode-login-box .mode-tbas-list .tbas-item.light{color:#38adff}.mode-login-box .mode-tbas-list .tbas-item.light .tbas-item-span img{webkit-filter:grayscale(0);filter:grayscale(0)}.mode-login-box .mode-tbas-list .tbas-item.light .tbas-item-span-right{display:block}.mode-login-box .mode-tbas-list .tbas-item .tbas-item-span-right{display:none;width:15px;height:11px;position:absolute;right:16px;top:50%;margin-top:-6px}.mode-login-box .mode-tbas-list .tbas-item .tbas-item-span-right img{width:100%;height:100%}.mode-login-box .mode-tbas-list .tbas-item .tbas-item-span{font-size:16px}.mode-login-box .mode-tbas-list .tbas-item .tbas-item-span img{margin-right:16px;-webkit-transition:all .3s;transition:all .3s;vertical-align:middle;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.mode-login-box .login-user{width:290px;height:44px;margin:40px auto 0;border-radius:4px;line-height:44px;background:-webkit-linear-gradient(#71a8fe,#4182ea);background:-o-linear-gradient(#71a8fe,#4182ea);background:-moz-linear-gradient(#71a8fe,#4182ea);background:linear-gradient(#71a8fe,#4182ea)}.mode-login-box .login-user a{font-size:16px;color:#fff}.mode-login-box .jh-loader-box{width:345px;height:482px;position:absolute;top:0;background:rgba(0,0,0,.6)}}.login .ivu-tabs-nav{width:100%}.login .ivu-tabs-tab{width:33.33%;margin:0;padding:2px 0;text-align:center}.login .custom_record{text-align:center;height:25px;width:100%;background:#eee;position:fixed;bottom:1px}