- .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;float:left}.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;line-height:30px;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content .user-info .user-data .user-phone{width:100%;color:#ccc;line-height:30px;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 .member-box{white-space:nowrap;float:left;width:100vw;height:92px}.content .member-box .member-card{width:calc(100vw - 30px);display:inline-block;border-radius:10px;background-color:#ff6e3e;padding:15px;margin:0 15px 20px 15px;position:relative}.content .member-box .member-card .member-info{width:calc(100% - 100px);float:left}.content .member-box .member-card .member-info .member-title{font-size:18px;line-height:20px;color:#fff;font-weight:700}.content .member-box .member-card .member-info .member-text{margin-top:5px;line-height:16px;color:#fff}.content .member-box .member-card .member-handle{width:90px;height:30px;margin-top:6px;float:right;background-color:#fff;border-radius:20px;font-size:13px;color:#ff6e3e;text-align:center;font-weight:700;line-height:30px}.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;position:relative}.content .user-handle .handle-arrow{line-height:40px}.content .user-handle .share-text{width:100vw;padding:0 65px;font-size:16px;text-align:left;color:#303133;background-color:initial;position:absolute;left:-65px}.content .user-handle .share-text:after{border:none}
|
