body{overflow:hidden}.calf{background:url(../img/login.db06c002.jpg) no-repeat 50% fixed;background-size:cover}[v-cloak]{display:none!important}body i.iconfont{font-family:iconfont!important}body .icon-phone:before{content:"\E652"}body .icon-password:before{content:"\E62A"}body .icon-message:before{content:"\E601"}::-webkit-scrollbar{-webkit-appearance:none;width:10px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:0}::-webkit-scrollbar-thumb{cursor:pointer;border-radius:5px;background:#acacac;-webkit-transition:color .2s ease;transition:color .2s ease}::-webkit-scrollbar-thumb:hover{background-color:#949a9d}#header{width:100%;position:fixed;top:0;left:0;height:50px;font-size:12px;z-index:100}#header .logo{position:absolute;top:50%;left:30px;width:auto;display:block;height:40px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#header i{display:inline-block;font-style:normal}#header .help{right:80px;display:inline-block;font-size:22px}#header .collect,#header .help{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#ccc;cursor:pointer;font-family:iconfont!important}#header .collect{right:36px;font-size:24px}#header .collect:hover,#header .help:hover{font-weight:700}.customer-tip{width:244px;height:158px;position:absolute;top:50px;right:60px;z-index:1900;border:1px solid #d4d4d5;line-height:1.4285em;max-width:250px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2em 1.8rem;font-weight:400;font-style:normal;color:rgba(0,0,0,.87);border-radius:4px;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);opacity:1;-webkit-animation:fade .3s ease;animation:fade .3s ease}.customer-tip .tip-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.customer-tip .tip-head .tip-kefu{width:90px;height:24px;border-radius:3px;background:url(//hcalf.hupun.com/resources/images/frame/help-line.png) no-repeat 50%/cover}.customer-tip:before{position:absolute;content:"";width:.83333333em;height:.83333333em;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:2;top:-.36666667em;right:1em;bottom:auto;left:auto;margin-left:0;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.customer-tip .line{width:100%;border-top:1px solid #ccc;padding-top:8px;margin-top:8px}.customer-tip .hotline{padding-top:8px}.message-model{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:360px;height:158px;-webkit-box-shadow:0 2px 3px 0 hsla(0,0%,65.5%,.5);box-shadow:0 2px 3px 0 hsla(0,0%,65.5%,.5);border:1px solid #e0e1e3;border-radius:3px;background:#fff;color:#444;z-index:10;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:fade .3s ease;animation:fade .3s ease}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.message-model .model-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.message-model .model-title h5{font-size:1.142rem;font-weight:400}.message-model .model-title .close{font-size:16px;font-family:iconfont;color:#8f8f8f;cursor:pointer}.message-model .model-title .close:hover{color:#000}.message-model .model-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #e0e1e3;border-bottom:1px solid #e0e1e3;background-color:#e0e1e3}.message-model .model-body .wln-icon-info{font-size:40px;font-family:iconfont;color:#2185d0}.message-model .model-body .info{font-size:2.142rem;color:#2185d0}.message-model .model-body em{margin-left:24px}.message-model .model-footer .close-btn{float:right;width:44px;height:28px;line-height:28px;border-radius:4px;margin-top:9px;margin-right:12px;font-size:12px;text-align:center;background:#2185d0;outline:none;border:1px solid #2185d0;color:#fff;cursor:pointer}.message-model .model-footer .close-btn:hover{background:#1f77b9}.main{position:relative;width:100%;height:452px;font-size:12px}.main .bg-cover{display:block;width:100%;height:100%;cursor:pointer;background:#f6f6f6 url(//www.hupun.com/img/erp/erp-2019062001.jpg) no-repeat 50%/cover}.main .login-box{position:fixed;right:16%;top:50%;margin-top:-13em;margin-left:-15em;width:30em;height:30em;background:#fff;border-radius:4px!important;z-index:2}#header .logoImg{height:41px;margin:10px 0 0 40px}.main .login-box .title{padding-top:32px;font-size:20px;color:#0869bd;text-align:center}.main .login-box .error-message{padding:16px 0 8px 0}.company-box .error-message,.main .login-box .error-message{color:#0869bd;width:100%;text-align:center;font-size:13px;position:relative;visibility:hidden}.company-box .error-message{padding-top:16px}.company-box .error-message:before,.main .login-box .error-message:before{font-family:iconfont!important;content:"\E68C";display:inline-block;-webkit-transform:scale(1.2);transform:scale(1.2);margin-right:6px}.main .login-box .form-login{padding:0 42px 12px 42px}.main .login-box .form-login .default-input{position:relative;width:100%;font-weight:400;font-style:normal;color:rgba(0,0,0,.87)}.main .login-box .form-login .default-input input{width:90%;height:48px;margin-bottom:12px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:3px 24px 0 58px;border-radius:4px;font-size:15px;letter-spacing:1px;color:rgba(0,0,0,.87);border:1px solid rgba(34,36,38,.15)}.main .login-box .form-login .default-input input:focus{border-color:#2185d0}.main .login-box .form-login .img-validate{width:100%;font-weight:400;font-style:normal;color:rgba(0,0,0,.87)}.main .login-box .form-login .img-validate>input{width:80px;padding:6px 10px;font-size:13px;border-radius:4px;letter-spacing:1px;text-align:left;outline:0;line-height:1.2142em;font-family:Microsoft YaHei,Lato,Helvetica Neue,Arial,Helvetica,sans-serif;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87)}.main .login-box .form-login .img-validate>input:focus{border-color:#2185d0}.main .login-box .form-login .img-validate>img{display:inline-block;padding:1px 0 2px 12px;height:28px;border-right:4px;vertical-align:middle}.send-code{position:absolute;top:16px;right:12px;font-size:13px;color:#ea9d39;cursor:pointer}.send-code:hover{color:#f57a00;text-decoration:underline}.count-down{position:absolute;top:16px;right:12px;font-size:13px;color:#878787}.count-down:hover{text-decoration:underline}.main .login-box .form-login .login-btn button{width:100%;height:48px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:20px;margin:0;color:#fff;background-color:#0869bd;outline:none;border-radius:4px;border:1px solid #0869bd;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:inset 0 0 0 0 rgba(34,36,38,.15);margin-top:10px;cursor:pointer}.main .login-box .form-login .login-btn button:focus,.main .login-box .form-login .login-btn button:hover{border-color:#0869bd;background-color:#0869bd}.main .login-box .form-login .login-footer{display:-webkit-box;display:-ms-flexbox;display:-moz-flex;display:flex;-webkit-box-pack:justify;-moz-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center;margin-top:12px}.main .login-box .form-login .login-footer .mode{cursor:pointer;color:#ea9d39;width:50%;display:inline-block;padding-right:4px;font-size:13px}.main .login-box .form-login .login-footer .mode:hover{color:#f57a00;text-decoration:underline}.main .login-box .form-login .login-footer a{color:#a4a8ad}.main .login-box .form-login .login-footer a:hover{color:#8a8e92}.validate-box{position:absolute;right:10%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-left:-15em;width:30em;height:30em;background:#fff;border-radius:4px!important;z-index:2}.validate-box .subject{padding:32px 0 0 0;color:#8a8e92;font-size:20px;text-align:center;line-height:1em}.validate-box .error-message{color:#fe6664;width:100%;text-align:center;font-size:13px;padding:16px 0 8px 0;position:relative}.validate-box .validate-phone{text-align:center;font-size:15px;color:#333;margin:20px 0;letter-spacing:1px}.validate-box .validate-row{display:-webkit-box;display:-ms-flexbox;display:-moz-flex;display:flex;padding:0 50px;-webkit-box-sizing:border-box;box-sizing:border-box;height:32px;font-size:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.validate-box .validate-row>span{width:4em;min-width:4em;color:#8a8e92;opacity:.8;padding-right:1em;text-align:right}.validate-box .validate-row .validate-input{position:relative;width:calc(100% - 4em)}.validate-box .validate-row .validate-input .wln-select{position:absolute;top:32px;left:0;width:100%;max-height:140px;overflow-y:auto;background:#fff;border-radius:4px;border:1px solid rgba(34,36,38,.15);border-top:none;z-index:199999;-webkit-animation:slidDown .2s linear;animation:slidDown .2s linear}@-webkit-keyframes slidDown{0%{max-height:0}to{max-height:140px}}@keyframes slidDown{0%{max-height:0}to{max-height:140px}}.validate-box .validate-row .validate-input .wln-select>li{width:100%;height:36px;line-height:36px;cursor:pointer;font-size:15px;color:rgba(0,0,0,.87);letter-spacing:1px;padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.validate-box .validate-row .validate-input .wln-select>li:hover{background-color:#e9f4fa}.validate-box .validate-row .validate-input input{width:100%;height:32px;line-height:32px;font-weight:400;font-style:normal;border-radius:4px;font-size:15px;letter-spacing:1px;padding:0 10px;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0,0,0,.87);border:1px solid rgba(34,36,38,.15)}.validate-box .validate-row .validate-input .select-input{position:relative}.select-input .wln-close{position:absolute;top:9px;left:130px;font-size:14px;cursor:pointer;color:#c1c5cf;font-weight:700}.select-input .wln-down{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.select-input .wln-down,.select-input .wln-up{position:absolute;top:8px;right:13px;color:#c1c5cf;font-weight:700}.select-input .wln-up{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.validate-box .validate-row .validate-input input:focus{border:1px solid #2185d0}.validate-box .validate-row .validate-input>span{position:absolute;right:1px;line-height:30px;background-color:#e9f4fa;color:rgba(0,0,0,.87);font-size:13px;top:1px;border-top-right-radius:4px;border-bottom-right-radius:4px;padding:0 10px;cursor:pointer}.validate-box .validate-row .validate-input>span:hover{background-color:#d5e0e5}.validate-box .validate-btn{width:140px;height:34px;line-height:34px;text-align:center;margin:20px auto 0;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.35) inset;box-shadow:inset 0 0 0 1px rgba(34,36,38,.35);color:rgba(0,0,0,.6);font-weight:400;border-radius:4px;cursor:pointer;outline:0;font-size:17px}.validate-box .validate-btn:hover{-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.5) inset;box-shadow:inset 0 0 0 1px rgba(34,36,38,.5);color:rgba(0,0,0,.9)}.validate-box .validate-btn:active{color:rgba(0,0,0,.9)}.main .company-box{position:fixed;right:16%;top:50%;margin-top:-13em;margin-left:-15em;width:30em;height:28em;background:#fff;border-radius:4px!important;z-index:2}.main .company-box>.title{padding:32px 0 0 0;color:#0869bd;font-size:20px;text-align:center;line-height:1em}.main .company-box .content{padding:10px 34px;height:20em;position:relative}.main .company-box .content .users{margin:0;list-style:none;height:200px;overflow:hidden}.main .company-box .content .users:hover{overflow:auto}.main .company-box .content .users>li{padding:8px 10px;font-size:14px;color:#8a8e92}.main .company-box .content .users>li>div{line-height:40px;background-color:#f4f8fb;border-radius:4px;position:relative;padding-left:56px;white-space:nowrap;cursor:pointer}.main .company-box .content .users>li>div:before{font-family:iconfont;content:"\E619";float:left;position:absolute;left:0;width:48px;text-align:center;font-size:18px;padding:0 10px}.main .company-box .content .users>li>div:after{font-family:iconfont;content:"\E612";float:right;position:absolute;right:0;padding:0 10px;opacity:0}.main .company-box .content .users>li>div .separator{padding:0 2px}.main .company-box .content .users>li>div:hover{background-color:#ddedf9;color:rgba(0,0,0,.84)}.main .company-box .content .users>li>div:hover:after{opacity:1;color:#a1c4d9}.main .company-box .content .users>li>div .tag{margin-left:10px;display:none}.main .company-box .content .users>li>div a.link{display:none;opacity:.6}.main .company-box .content .users>li>div.expired{overflow:hidden}.main .company-box .content .users>li>div.expired .tag{position:absolute;color:#fff;display:inline-block;-webkit-transform:rotate(-40deg);transform:rotate(-40deg);font-size:12px;left:-25px;top:-6px;background-color:#3b83c7;width:51px;height:26px}.main .company-box .content .users>li>div.expired .tag span{left:12px;top:6px;position:absolute;line-height:24px;text-align:center;vertical-align:bottom}.main .company-box .content .users>li>div.expired:hover{padding-left:0}.main .company-box .content .users>li>div.expired:hover>span{display:none}.main .company-box .content .users>li>div.expired:hover a.link{color:#3b83c7;width:100%;text-align:center;opacity:1;display:inline-block}.footer{position:fixed;left:0;bottom:10px;width:100%;text-align:center;color:#ccc;font-size:12px;line-height:20px}.el-carousel__arrow{background-color:hsla(0,0%,65.5%,.3)}.el-carousel__arrow:hover{background-color:hsla(0,0%,65.5%,.5)}.default-loading{color:#fff;font-size:20px;-webkit-animation:load .5s linear infinite;animation:load .5s linear infinite}.default-loading,.wln-loading{display:inline-block;cursor:pointer;font-family:iconfont!important}.wln-loading{color:#999;font-size:14px;-webkit-animation:load .7s linear infinite;animation:load .7s linear infinite}@-webkit-keyframes load{0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}to{transform:rotate(1turn);-ms-transform:rotate(1turn);-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);-o-transform:rotate(1turn)}}@keyframes load{0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}to{transform:rotate(1turn);-ms-transform:rotate(1turn);-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);-o-transform:rotate(1turn)}}.el-icon-arrow-left{font-family:iconfont!important;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.el-icon-arrow-left:before{content:"\E612"!important}.el-icon-arrow-right{font-family:iconfont!important}.el-icon-arrow-right:before{content:"\E612"!important}.wln-icon{font-family:iconfont;font-style:normal}#login-main[data-v-8f026564]{height:100vh}#login-main #header[data-v-8f026564]{background-color:none!important}.icon[data-v-8f026564]{display:block;position:absolute;left:1px;border-radius:4px 0 0 4px;opacity:1;color:#d0d0d0;width:48px;height:48px;line-height:48px;font-size:22px;text-align:center;border-right:1px solid rgba(34,36,38,.15)}.icon-active[data-v-8f026564]{color:#878787}