body{background:#eee}.index{height:100vh;overflow:auto}.index::-webkit-scrollbar{display:none}.index .title{background:#ff7b9e;width:100%;display:inline-block;color:#fff;font-size:.13rem;padding:.05rem 0;text-align:center}.index .banner img{width:100%}.index .chat-box{padding:.16rem .1rem}.index .chat-box .tip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:.1rem}.index .chat-box .tip img{width:.2rem}.index .chat-box .content{padding-bottom:1rem}.index .chat-box .content .avatar{width:.4rem;height:.4rem;border-radius:.05rem}.index .chat-box .content .msg{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:.1rem}.index .chat-box .content .msg .msg-box{position:relative;padding:.1rem;max-width:60%;background:#fff;color:#323232;border-radius:.06rem;line-height:.22rem;font-size:.14rem}.index .chat-box .content .ls .avatar{margin-right:.12rem}.index .chat-box .content .ls .msg-box:before{position:absolute;left:-.08rem;top:.14rem;content:"";width:0;height:0;border-top:.06rem solid transparent;border-right:.1rem solid #fff;border-bottom:.06rem solid transparent}.index .chat-box .content .kh{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.index .chat-box .content .kh .avatar{margin-left:.12rem}.index .chat-box .content .kh .msg-box{background:#a0e75a}.index .chat-box .content .kh .msg-box:before{position:absolute;right:-.08rem;top:.14rem;content:"";width:0;height:0;border-top:.06rem solid transparent;border-left:.1rem solid #a0e75a;border-bottom:.06rem solid transparent}.index .chat-box .content .van-loading{text-align:center;margin:.1rem 0}.index .options{position:absolute;left:50%;bottom:.3rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;max-width:750px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 .2rem;-webkit-box-sizing:border-box;box-sizing:border-box}.index .options .opt{width:30%;padding:.05rem 0;background:#ff7b9e;color:#fff;font-size:.14rem;border-radius:.06rem;margin:.04rem;text-align:center}.index .copyright{margin:1.2rem auto;text-align:center;line-height:1.5}.msg-enter,.msg-leave-to{opacity:0}.msg-enter-active,.msg-leave-active{-webkit-transition:all .3s linear;transition:all .3s linear}.footer{position:absolute;left:0;bottom:0;width:100%;padding:.1rem;background:#e1dfdf none repeat scroll 0 0;text-align:center;font-size:.16rem;-webkit-box-sizing:border-box;box-sizing:border-box}.footer .qwx{border-radius:.05rem;padding:.05rem .1rem;color:#fff;background:#ff7b9e;margin-left:.1rem;animation:jump 1.5s ease infinite alternate;-webkit-animation:jump .5s ease-in infinite alternate;display:inline-block}@-webkit-keyframes jump{0%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes jump{0%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}