@charset "utf-8";html,body,p,dl,dt,dd,table,td,th,input,img,form,div,span,ul,ol,li,h1,h2,h3,h4,h5,h6,select,button,sub,sup,textarea{margin:0;padding:0;}html,body{height:100%;margin:0;right:0;color:#f00;}body{font-family:微软雅黑,'Microsoft YaHei',华文中宋,宋体;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#000;font-weight:400;}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}ul{list-style-type:none;margin:0;padding:0;}ul li{list-style:none;margin:0;padding:0;}.text-l{text-align:left;}.text-r{text-align:right;}.text-c{text-align:center;}.cl:after,.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden;}.cl,.clearfix{zoom:1;}.l,.f-l{float:left!important;_display:inline;}.r,.f-r{float:right!important;_display:inline;}.img-auto{width:100%;height:auto;max-width:100%;max-height:100%;}.box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.bor{border:1px solid #f00;}.c-red{color:#f00;}a{cursor:pointer;}.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}::-webkit-scrollbar{width:6px;height:6px;background-color:#fff;}::-webkit-scrollbar-track{background-color:transparent;border-radius:6px;}::-webkit-scrollbar-thumb{border-radius:6px;background-color:rgba(144,147,153,.3);}::-webkit-scrollbar-button{width:0;height:6px;background-color:transparent;}@keyframes twinkle{0%{transform:scale(0);}80%{transform:scale(1.2);}100%{transform:scale(1);}}@keyframes blink{0%{opacity:1;}100%{opacity:0;}}@-webkit-keyframes blink{0%{opacity:1;}100%{opacity:0;}}@-moz-keyframes blink{0%{opacity:1;}100%{opacity:0;}}@-ms-keyframes blink{0%{opacity:1;}100%{opacity:0;}}@-o-keyframes blink{0%{opacity:1;}100%{opacity:0;}}.blink{color:#dd4814;animation:blink 1s linear infinite;-webkit-animation:blink 1s linear infinite;-moz-animation:blink 1s linear infinite;-o-animation:blink 1s linear infinite;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}.icon-search{color:#888;font-size:14px;background:none;}.icon-search:before{content:"";}.icon-cloud-upload:before{content:"";}.messager-info{background:url(../images/messager_icons.png) no-repeat scroll 0 0;}.messager-button .l-btn{width:auto;}html{font-size:14px;}.login-index{position:relative;background:#fff;min-width:1250px;min-height:676px;}.login-index .login-bg{position:absolute;z-index:-1;left:0;right:0;width:100%;height:100%;background-image:url(../images/login/login-bg1.png);background-size:cover;}.login-index .header{position:fixed;width:100%;top:0;left:0;z-index:999;height:104px;padding:34px 0;}.login-index .header .nav{width:80%;height:30px;line-height:30px;margin:0 auto;}.login-index .header .nav .back{float:left;width:3.75%;top:4.62%;right:5.208%;}.login-index .header .nav .pro-logo{float:left;width:181px;height:30px;position:relative;}.login-index .header .nav .sx-logo{float:right;width:220px;background-image:url(../images/login-logo.png);height:30px;background-position:0 0;background-repeat:no-repeat;background-size:220px;}.login-index .container .wrap{position:absolute;left:0;top:50%;width:100%;text-align:center;z-index:2;}.login-index .container .wrap .slogan{position:absolute;left:0;right:0;margin:-5% auto 0;width:52.1%;}.login-index .container .wrap .slogan img{width:100%;height:auto;}.login-index .footer{position:fixed;width:100%;bottom:0;left:0;z-index:1000;padding:0;background:rgba(0,0,0,.1);padding-bottom:30px;}.login-index .footer .mid{height:210px;padding:0 15.31%;}.login-index .footer .mid .main-entry{height:100%;padding-top:6px;}.login-index .footer .mid .main-entry .index-btn{float:left;width:24.77%;height:100%;text-align:center;padding:0 10px;}.login-index .footer .mid .main-entry .index-btn a{display:inline-block;width:100%;height:100%;padding-top:60px;transition:all .3s ease;}.login-index .footer .mid .main-entry .index-btn a [class*="ic-"]{display:block;margin:0 auto;width:50px;height:50px;background-position:0 0;background-repeat:no-repeat;background-size:50px;}.login-index .footer .mid .main-entry .index-btn a .ic-login{background-image:url(../images/login/ic_login.png);}.login-index .footer .mid .main-entry .index-btn a .ic-supplier{background-image:url(../images/login/ic_supplier.png);}.login-index .footer .mid .main-entry .index-btn a .ic-customer{background-image:url(../images/login/ic_customer.png);}.login-index .footer .mid .main-entry .index-btn a .ic-franchisee{background-image:url(../images/login/ic_franchisee.png);}.login-index .footer .mid .main-entry .index-btn a .title{display:inline-block;padding-top:32px;color:#fff;text-align:center;font-size:1.6rem;}.login-index .footer .mid .main-entry .index-btn a.active,.login-index .footer .mid .main-entry .index-btn a:hover{background:rgba(255,255,255,.1);border-radius:15px;box-shadow:0 14px 24px #0003;transform:translateY(-4px) scale(1.02);}.login-body.login-index .login-adbox{display:none;position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;padding-bottom:45px;box-sizing:border-box;z-index:1;background:transparent;}.login-body.login-index .container .wrap .slogan{margin-left:17%;width:34.25%;height:86px;}.login-body.login-index .container .wrap .layout-login-body{position:fixed;width:26.05%;min-width:355px;height:58.7%;min-height:450px;margin-top:-15%;left:60%;text-align:left;backdrop-filter:blur(30px);}.login-body.login-index .container .wrap .layout-login-body .layout-login-main{width:100%;height:100%;z-index:3;border:1px solid rgba(255,255,255,.5);overflow:hidden;padding:3% 8%;border-radius:4px;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .layout-login-main-bg{position:absolute;width:100%;height:100%;z-index:-1;background:rgba(255,255,255,.2);top:0;left:0;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-pro{width:39.6%;max-width:181px;max-height:30px;position:absolute;right:15px;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box{width:100%;color:#a2a7ac;float:right;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .login-title{width:100%;text-align:center;font-size:1.5rem;font-weight:700;color:#fff;padding-bottom:20px;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .login-form{padding-top:15%;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .login-form .txt-ico-box{position:relative;border-radius:5px;margin-bottom:4.91%;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .login-form .txt-ico-box .iconfont{position:absolute;left:20px;top:10px;width:20px;height:20px;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .login-form .txt-ico-box input.login-input{border:1px solid #fff;padding-left:18%;color:#fff;height:3.15rem;font-size:1rem;width:100%;border-radius:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .login-form .txt-ico-box input.login-input.login-password:-webkit-autofill{font-size:1.5rem;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .login-form .txt-ico-box input.login-input::-webkit-input-placeholder{color:#fff;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .login-form .txt-ico-box input.login-input:-webkit-autofill,.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .login-form .txt-ico-box input.login-input:-webkit-autofill:hover,.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .login-form .txt-ico-box input.login-input:-webkit-autofill:focus,.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .login-form .txt-ico-box input.login-input:-webkit-autofill:active{transition-delay:99999s;-webkit-transition-delay:99999s;-moz-transition-delay:99999s;-o-transition-delay:99999s;-webkit-transition:color 99999s ease-out,background-color 99999s ease-out;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .login-form .verify-Code .txt-ico-box{width:67%;float:left;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .login-form .verify-Code .txt-ico-box input.login-input{padding-left:26%;color:#fff;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .login-form .verify-Code .ver-code{float:right;border-radius:5px;overflow:hidden;width:30%;height:44px;text-align:center;background-color:transparent;cursor:pointer;margin-top:1px;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .login-form .btn-box{margin-top:5%;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .login-form .btn-box .login-btn{background-color:#c1c5ff;border-radius:4px;line-height:227%;font-size:1.375rem;color:#fff;text-decoration:none;width:100%;display:inline-block;text-align:center;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .login-form .btn-box.btn-Online{display:none;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .login-form .btn-box.btn-Online .login-btn{line-height:218%;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .iconf-user{background:url(../images/login/ic_login_user.png) no-repeat 0 0;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .iconf-key{background:url(../images/login/ic_login_password.png) no-repeat 0 0;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-box .iconf-vcode{background:url(../images/login/ic_login_vcode.png) no-repeat 0 0;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .protocol-box{padding-top:20px;color:rgba(255,255,255,.5);}.login-body.login-index .container .wrap .layout-login-body .layout-login-main input[type="checkbox"]{vertical-align:-2px;margin-right:4px;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main a{color:#fff;text-decoration:none;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .login-loading{position:absolute;text-align:center;line-height:400px;color:#fff;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);display:none;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .loginWay-box{display:none;position:absolute;z-index:1;top:0;left:0;width:220px;height:70px;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .loginWay-box #loginWayImg{cursor:pointer;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .loginWay-box #loginWayTip{color:#fff;top:-20px;position:relative;left:-12px;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .loginQrBindTip{position:absolute;z-index:1;top:85px;left:50px;width:80px;height:20px;color:#f00;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .loginByQr-box{display:none;margin-top:120px;text-align:center;color:#fff;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .loginByQr-box .qr-tips{padding-top:10px;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .loginByQr-box .loginByQr-flex{width:100%;height:100%;padding:2px;position:relative;display:flex;flex:1;flex-direction:column;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .loginByQr-box .loginByQr-flex *{margin:auto;text-align:center;font-size:14px;}.login-body.login-index .container .wrap .layout-login-body .layout-login-main .loginByQr-box .loginByQr-flex #loginQrMsg{color:#f00;overflow-wrap:break-word;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.login-body.login-index .container .wrap .layout-login-body.online-query .layout-login-main .login-box .login-form .btn-box.btn-Online{display:block;}.login-body.login-index .container .wrap .layout-login-footer{position:fixed;bottom:15px;left:0;width:100%;color:rgba(255,255,255,.5);text-align:center;}.login-body.login-index .container .login-tips{position:absolute;text-align:center;bottom:5%;font-size:1rem;width:100%;color:#f00;z-index:4;}.login-body.login-index .login-auth-box{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,.4);display:none;}.login-body.login-index .login-auth-box .login-auth-dialog{width:430px;height:215px;background-color:#fff;border-radius:5px;position:absolute;top:30%;left:0;right:0;margin:auto;padding:10px;box-sizing:border-box;}.login-body.login-index .login-auth-box .login-auth-dialog ._title{padding:5px;border-bottom:1px solid #ccc;margin-bottom:10px;}.login-body.login-index .login-auth-box .login-auth-dialog ._body{font-size:12px;color:#f00;margin-bottom:20px;}.login-body.login-index .login-auth-box .login-auth-dialog ._content{padding-top:10px;text-align:center;margin-bottom:20px;}.login-body.login-index .login-auth-box .login-auth-dialog ._btn{margin-right:10px;padding:5px 20px;background:#fff;border:1px solid #ccc;border-radius:3px;line-height:20px;font-size:12px;float:right;}.login-body.login-index .login-auth-box .login-auth-dialog ._btn:hover{background:#ccc;cursor:pointer;}@media screen and (min-width:1930px){html{font-size:16px;}.login-bg{background-image:url(../images/login/login-bg2.png);}}@media screen and (max-width:1700px){html{font-size:12px;}.login-index .container .wrap{top:42%;}.login-body .container .wrap{top:50%;}.login-body .layout-login-body .layout-login-main .login-box .login-form{padding-top:55px;}}