body,div,h1,h2,h3,h4,h5,h6,html{padding:0;margin:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}#app{width:100%;height:100vh;padding-top:30px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#fff;background-color:#030000}#app .app-state{text-align:center}#app .app-state .lock-status{width:40px}#app .app-state .time{font-size:48px;font-weight:200}#app .app-state .modern-date{padding:3px 0;font-size:15px}#app .app-state .traditional-date{font-size:12px;font-weight:200;opacity:0}#app .chat-panel{position:relative;padding:16px 6px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:180px}#app .chat-panel .chat-notify,#app .chat-panel .msg-item{border-radius:8px;padding:8px 10px;background-color:#787576}#app .chat-panel .chat-notify:first-child,#app .chat-panel .msg-item:first-child{margin-bottom:8px}#app .chat-panel .chat-notify .header,#app .chat-panel .msg-item .header{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;line-height:1;font-size:12px;color:#3b3738}#app .chat-panel .chat-notify .header .msg-chanel,#app .chat-panel .msg-item .header .msg-chanel{height:24px;line-height:26px;padding-left:18px;background-image:url(../img/wechat-logo.e009812f.png);background-repeat:no-repeat;background-position:0;background-size:15px}#app .chat-panel .chat-notify .contact,#app .chat-panel .msg-item .contact{font-family:PingFangSC-Regular;color:#000;padding-top:2px;font-size:14px}#app .chat-panel .chat-notify .content,#app .chat-panel .msg-item .content{font-size:14px;color:#131212}#app .chat-panel .chat-notify{position:relative;z-index:100}#app .chat-panel .chat-notify .content{font-family:PingFangSC-Regular;color:#000;padding-top:6px;padding-bottom:2px}#app .chat-panel .notify-bg{position:absolute;width:92%;z-index:90;top:62px;left:4%;height:30px;background-color:#4c4949;border-radius:8px}#app .chat-panel .guide-gesture{position:absolute;top:106px;width:100%;z-index:100;text-align:center;-webkit-animation:gusture .8s ease-out infinite;animation:gusture .8s ease-out infinite}#app .chat-panel .guide-gesture.login-guide{top:194px}#app .chat-panel .guide-gesture .guide-img{width:36px}#app .chat-panel .guide-gesture .guide-text{color:#999;font-size:12px}#app .nike-icon{width:100%}#app .operate-bar{position:fixed;z-index:1000;bottom:0;left:0;width:100%;height:90px}#app .operate-bar .icon-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 40px}#app .operate-bar .camera-icon,#app .operate-bar .light-icon{width:45px;-ms-flex-item-align:center;align-self:center}#app .operate-bar .unlock-text{font-size:12px;text-align:center;margin-top:-6px}@-webkit-keyframes gusture{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes gusture{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}