- .handle-fix-box{width:100%;height:60px;padding:10px 15px;position:fixed;z-index:2;bottom:0;left:0;background-color:#fff;box-sizing:border-box}.content{width:100%;height:100vh;float:left}.content .user-info{width:100%;height:110px;margin-bottom:20px;float:left;background-color:#ff6e3e}.content .user-info .user-data{width:calc(100% - 110px);height:110px;padding:15px 0 15px 15px;float:left}.content .user-info .user-data .user-name{width:100%;float:left;font-size:24px;color:#fff;line-height:30px;margin:10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content .user-info .user-data .user-phone{width:100%;color:#fff;line-height:20px;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content .user-info .user-img{width:110px;height:110px;padding:15px;float:left;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.content .user-handle{width:100vw;height:40px;float:left;padding:0 15px;margin-bottom:10px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.content .user-handle .handle-icon{width:40px;height:40px;text-align:center;line-height:40px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.content .user-handle .handle-label{height:40px;-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-left:10px;line-height:40px;font-size:15px}.content .user-handle .handle-arrow{line-height:40px}
|
