:root{--login-theme-color:#fc9153}.login-dialog-block{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(37,38,45,.4);z-index:900;opacity:0}.login-dialog-block .login-dialog{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);width:267px;background-color:#fff;z-index:901;border-radius:2px}.login-dialog-block .login-dialog .login-dialog-inner{padding:22px 25px 31px;position:relative}.login-dialog-block .login-dialog .login-dialog-inner:after,.login-dialog-block .login-dialog .login-dialog-inner:before{display:block;position:absolute;left:0;width:100%;content:" ";border-top:1px solid rgba(0,0,0,.1)}.login-dialog-block .login-dialog .login-dialog-inner:before{display:none;top:0}.login-dialog-block .login-dialog .login-dialog-inner:after{display:block;bottom:0}@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5){.login-dialog-block .login-dialog .login-dialog-inner:after,.login-dialog-block .login-dialog .login-dialog-inner:before{-webkit-transform:scaleY(.7);-webkit-transform-origin:0 0;transform:scaleY(.7)}.login-dialog-block .login-dialog .login-dialog-inner:after{-webkit-transform-origin:left bottom}}@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){.login-dialog-block .login-dialog .login-dialog-inner:after,.login-dialog-block .login-dialog .login-dialog-inner:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}.login-dialog-block .login-dialog .login-dialog-inner .icon{width:50px;height:50px;margin:0 auto 17.5px;background:url("../img/icon_tishi@2x.png") no-repeat 50%;background-size:50px 50px}.login-dialog-block .login-dialog .login-dialog-inner .title{font-size:16px;color:#333;text-align:center;margin-bottom:5px}.login-dialog-block .login-dialog .login-dialog-inner .describe{font-size:14px;color:#666}.login-dialog-block .login-dialog .dialog-ensure-button{height:50px;line-height:50px;text-align:center;color:#fc9153;color:var(--login-theme-color,#fc9153);font-size:16px;background:#fff}.login-dialog-block .login-dialog .dialog-ensure-button:active{background:#fff7f2}.login-dialog-block.show{-webkit-animation:login-dialog-fadein .4s;animation:login-dialog-fadein .4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.login-dialog-block.show .login-dialog{-webkit-animation:login-dialog-zoom .4s;animation:login-dialog-zoom .4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes login-dialog-fadein{0%{opacity:0}to{opacity:1}}@keyframes login-dialog-fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes login-dialog-zoom{0%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}50%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes login-dialog-zoom{0%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}50%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.showing{display:block}.hidden{display:none}.dialog-modal .login-dialog .login-dialog-inner .title{font-family:PingFang SC;font-weight:500;font-size:22px}.dialog-modal .login-dialog{border-radius:12px}.dialog-modal .dialog-footer{height:50px;line-height:50px;display:-webkit-box;display:flex;font-size:16px}.dialog-modal .dialog-footer>div{width:50%;height:100%;text-align:center;touch-action:pan-y}.dialog-modal .dialog-footer>div:first-child{border-right:1px solid #ebebeb}.dialog-modal .dialog-footer .dialog-cancel{color:#444}.dialog-modal .dialog-footer .dialog-ok{color:#fc9153;color:var(--login-theme-color,#fc9153)}
