.content .item,.icon-box{display:-webkit-flex;display:-ms-flexbox}#app{-webkit-overflow-scrolling:touch;position:static;font-size:.2rem;height:calc(100vh)}.login_bg{position:absolute;width:100%;height:100%;background:url(../images/kuakuaGroup/kuakua_group_login.png) center no-repeat;background-size:100% 100%;z-index:70}.blur{-webkit-filter:blur(3px);filter:blur(3px)}button{border:none;text-align:center}.footer{position:fixed;bottom:0;width:100%;z-index:79}.input-box{height:40px;padding:10px;border-top:1px solid #d2d2d2;background-color:#fff}.input-box input{width:77%;height:40px;box-shadow:none;border:none;background:rgba(244,244,244,1);border-radius:40px;padding:0 13px;color:#555;font-size:.15rem}.input-box input::-webkit-input-placeholder{color:rgba(212,212,212,1);font-size:.14rem}.input-box .send{font-size:.19rem;color:rgba(212,212,212,1);margin-left:5px}.input-box .active,.kua-box button{color:#FB7736;background-color:#fff}.kua-box button,.other-item .right{margin-left:10px}.kua-box{padding-bottom:10px}.kua-box button{width:100px;height:40px;border:1px solid #FB7736;font-size:.15rem;border-radius:4px}.content{margin-top:58px;font-size:.19rem;height:calc(85vh);overflow:auto;padding:0 15px 80px}.content .me-item .text,.content-app{margin-top:5px}.last-item{height:100px}.content .item{display:flex}.content .me-item,.content li{display:block}.content .me-item div{float:right}.content li{margin-top:8px;width:100%;clear:both;overflow:hidden;margin-bottom:28px}.content .join-tip{margin-bottom:0}.content .img-box{border-radius:50%;width:43px;height:43px;background-color:#FB7736;border:1px solid #f7f7f7}.img-box .default-profile,.img-box .profile{width:44px;height:44px;border-radius:50%}.img-box .default-profile{background:url(../images/kuakuaGroup/default_profile.png) no-repeat;background-size:44px 44px}.content .item .text{display:inline-block;color:#333;font-size:.16rem;letter-spacing:1px;position:relative;background:#fff;padding:6px 8px;border-radius:10px;border:1px solid #eee;white-space:normal;word-break:break-all;word-wrap:break-word}.content .other-item .right{width:80%}.content .other-item .right .text{max-width:80%}.content .me-item .text{height:auto;max-width:65%;margin-right:10px}.content .join-tip div{width:100%;text-align:center}.content .join-tip p{display:inline-block;background-color:#D2D2D2;border-radius:15px;padding:3px 13px;color:#EDEDED;font-size:.12rem}.content .join-tip span{color:#FB7736}.text .d3{position:absolute;width:0;height:0;border-width:7px;border-style:solid;border-color:transparent #fff transparent transparent}.me-item .d3{right:-13px;top:.105rem;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.other-item .d3{left:-13px;top:8px;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.other-item .right .name{font-size:.16rem;color:#999;padding-bottom:4px;background:rgba(240,240,240,1)}.dialog{position:fixed;left:50%;top:50%;z-index:200;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.nickname-container{width:2.85rem;height:2.88rem;z-index:60;background:rgba(255,255,255,1);border-radius:8px}.nickname-index{z-index:80}.move-up{top:35%!important}.nickname-container .nick-title{position:relative;height:70px;border-bottom:1px solid #FB7736}.nick-title .title-bg{height:100%;border-radius:8px;background:url(../images/kuakuaGroup/title_bg.png) no-repeat;background-size:300px 60px}.nick-title p{position:absolute;bottom:13px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);color:#333;font-weight:700}.nickname-container .bottom{padding:15px}.bottom .input{width:98%;margin:10px auto 20px;padding-bottom:15px;border-bottom:1px solid #E6E6E6}.bottom .input .user-icon{display:inline-block;margin-left:10px;width:18px;height:20px;background:url(../images/kuakuaGroup/user.png) no-repeat;background-size:18px 20px;vertical-align:middle}.bottom .input .nick-name{height:20px;border:none;outline:0;font-size:.16rem;margin-left:10px;padding-left:10px;width:70%}.bottom .input input::-webkit-input-placeholder{color:rgba(212,212,212,1)}.icon-box{display:flex}.buttons,.icon-box .circle{display:-webkit-flex;display:-ms-flexbox}.icon-box .item{position:relative;width:30%;margin-left:48px}.icon-box .circle{position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;border:1px solid #999;bottom:0;left:15px;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.buttons,.error{-webkit-justify-content:center}.icon-box .active{border:1px solid #FB7736}.icon-box .icon{height:39px;width:25px}.icon-box .man-icon{background:url(../images/kuakuaGroup/man.png) no-repeat;background-size:25px 39px}.icon-box .woman-icon{background:url(../images/kuakuaGroup/woman.png) no-repeat;background-size:25px 39px}.icon-box .tick{height:8px;width:12px;background:url(../images/kuakuaGroup/tick.png) no-repeat;background-size:12px 8px}.buttons{display:flex;-ms-flex-pack:center;justify-content:center;margin-bottom:20px}.buttons button{width:42%;height:40px;margin:5px 10px 0;font-size:.16rem;font-family:PingFangSC-Medium;font-weight:500;border-radius:4px}.buttons .skip{background-color:#fff;color:#999;border:1px solid rgba(204,204,204,1)}.buttons .submit{background-color:#FB7736;color:#fff}.nickname-container .good{box-shadow:0 23px 54px 0 rgba(87,87,87,.1);width:60px;height:60px;border-radius:50%;background-color:#fff;position:absolute;top:-40px;left:calc(50% - 30px);text-align:center}.nickname-container .good-icon{margin-top:5px;width:45px;height:45px;margin-left:8px;background:url(../images/kuakuaGroup/good.png) no-repeat;background-size:45px 45px}.error{display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:23px;text-align:center}.error .error-icon{height:14px;width:14px;margin-top:7px;margin-right:7px;vertical-align:bottom;background:url(../images/kuakuaGroup/error.png) no-repeat;background-size:14px 14px}.error .message{display:inline-block;font-size:.13rem;color:#F5222D;padding-top:5px}.kua-dialog{border-radius:8px;height:3.28rem;width:2.85rem;background:url(../images/kuakuaGroup/dialog_bg.png) no-repeat;background-size:2.85rem 3.28rem}.kua-dialog .dialog-bg{width:100%}.dialog-content{z-index:100;position:absolute;bottom:.2rem}.phone{width:2.85rem}.dialog-content .dialog-title{color:#333;text-align:center;font-weight:700}.dialog-content .desc{margin-top:20px;color:#BF9B6C;text-align:center;font-size:.135rem;height:.44rem}.dialog-content .btn-box{display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:15px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.phone .btn-box{display:block}.dialog-content .btn{color:#fff;font-size:.16rem;border-radius:5px;width:1.125rem;height:.4rem;background-color:#FB7736}.dialog-content .big-btn{width:2.45rem;margin:0 .2rem}.dialog-content .btn-white{background-color:#FFFAF5;color:#ccc;border:1px solid #ccc;margin-left:.2rem}.dialog-content .btn-bind{margin-left:.15rem}.close{position:absolute;right:2px;top:-50px}.close span{font-size:.3rem;color:#fff}.dialog_bg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:80;background-color:rgba(0,0,0,.5)}