body,html{height:100%;overflow:hidden}.userMain{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.user-bg{background:rgba(0,0,0,0) linear-gradient(to bottom,#0086ff,#fff) repeat scroll 0 0!important}.user-bg .refresh a{display:inline-block}.user-bg .refresh a.black{float:left}.user-bg .refresh a.out{float:right}.container{display:inline-block;width:100%;padding:10px;background:#fff}.navicon{width:30px;height:auto;vertical-align:middle}.user-info{margin:15px 0;position:relative;width:100%;display:inline-block}.user-info li{float:left}.user-info .pic{width:80px}.user-info .pic img{width:70px;height:70px;border-radius:100%}.user-info .content{width:calc(100% - 80px);width:-webkit-calc(100% - 80px)}.user-info .content p{color:#fff}.board{display:inline-block;width:100%}.board li{width:25%;float:left;text-align:center}.board li p{color:#999;font-size:14px}.user-column{background:#fff;margin-top:10px}.user-column .user-con{position:relative;padding:0 10px;font-size:14px;color:#0086ff}.user-column .user-con:after{content:"";position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #ddd;-webkit-transform:scaleY(.5);-webkit-transform-origin:0 0}.user-column .user-con li{float:left;padding:15px 0;line-height:30px}.user-column .user-con .icon{width:40px}.user-column .user-con .icon img{width:30px;height:30px;border-radius:100%}.user-column .user-con .name{width:calc(100% - 80px);width:-webkit-calc(100% - 80px);font-size:16px;color:#999}.user-column .user-con .text{width:40px}.user-column .user-con .text img{height:18px;margin-top:10px}