alloytouch
Version:
super tiny size touch and physical motion library for the web
44 lines (38 loc) • 43.6 kB
HTML
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta http-equiv="cache-control" content="no-cache"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<style>/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,span,table,ul{margin:0;padding:0}ul{list-style:none}img{border:none;vertical-align:middle}a{text-decoration:none}body,html{-webkit-tap-highlight-color:transparent}a.link{position:relative;color:#526996}a.link.disabled{color:#3d3d3d}.border-1px-down,.border-1px-up{position:relative}.border-1px-down::after,.border-1px-up::before{display:block;position:absolute;left:0;border-top:1px solid #dedfe0;width:100%;content:" ";pointer-events:none;-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:0 0}.border-1px-up::before{top:0}.border-1px-down::after{bottom:-1px}.border-1px{position:relative}.border-1px::after{display:block;position:absolute;top:0;left:0;border:1px solid #c8c7cc;width:100%;height:100%;content:" ";pointer-events:none}@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){.border-1px::after{width:199%;height:199%;-webkit-transform:scale(.5,.5);transform:scale(.5,.5);-webkit-transform-origin:0 0}}.clearfix::after{display:block;visibility:hidden;clear:both;height:0;content:"."}html{font-family:"Helvetica Neue",Helvetica,STHeiTi,sans-serif}html body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;background-color:#f8f8f8}.nohighlight{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.user-nick-vipno{color:#784dcf}@-webkit-keyframes spinner-12{0%{-webkit-transform:rotate(0)}8.333333333333332%{-webkit-transform:rotate(30deg)}16.666666666666664%{-webkit-transform:rotate(60deg)}25%{-webkit-transform:rotate(90deg)}33.33333333333333%{-webkit-transform:rotate(120deg)}41.66666666666667%{-webkit-transform:rotate(150deg)}50%{-webkit-transform:rotate(180deg)}58.333333333333336%{-webkit-transform:rotate(210deg)}66.66666666666666%{-webkit-transform:rotate(240deg)}75%{-webkit-transform:rotate(270deg)}83.33333333333334%{-webkit-transform:rotate(300deg)}91.66666666666666%{-webkit-transform:rotate(330deg)}}.spinner:before{display:inline-block;width:20px;height:20px;content:" ";-webkit-animation:spinner-12 1.6s step-start infinite;vertical-align:middle;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABg1BMVEUAAAC9vcGpqayzs7bNzdGYmJuVlZjKys6bm5/Jyc2cnJ+cnJ/Kys3Ly8+cnJ/R0dWfn6PJyczDw8fIyMzR0dXIyMzExMeioqXLy8+oqKzNzdGzs7a2trmdnaCUlJevr7LHx8uXl5q2trmenqGwsLO2trqxsbWhoaSXl5qxsbS1tbmwsLSjo6eUlJe4uLucnJ+VlZjIyMzDw8eysragoKOXl5qVlZjR0dXR0dW2trqioqbCwsbR0dWjo6a2trqZmZyzs7agoKPR0dWjo6bCwsbQ0NSvr7LJyc2cnKDFxcm8vL+ZmZzOztHMzNC+vsKXl5uZmZyjo6a9vcGYmJyurrGtrbHOztK3t7ucnJ+urrGjo6fHx8uxsbTDw8etrbCkpKe4uLzBwcWxsbSbm564uLvExMjR0dWYmJuUlJiioqbNzdHDw8e7u7+oqKvIyMy3t7q1tbmwsLOurrKdnaCcnJ+pqazCwsa9vcHJyc3OztLMzNCXl5qqqq2hoaW+vsK+vsHIyMsWRiyNAAAAZnRSTlMA5uYS5uaBExMQEAwLAQH4+Pf2wYODg4BfSSAMAcHBwKqpg4KBf19fXCL49/f39fX05ubm5ubm5cTEw8G+vru4q6uqhX9+fn19WUpKSUlJSSQhHh739efl5eTkxsS3qKinpoeEWSQqdCoWAAACIElEQVQ4y7XT91faUBTA8RumEBKRLaAisrR171m3VVut3Xs3JVDCtnQI/dN783g5jDzHL35/5HzOveddTkDfA5PpIdwkUyZjgiuy7e3ZQO1XJvO7+cvBgY0B1yRpSWiHgrumuBmwV5KkQDs8rClKHwNuI1x0tKBjGmGEAYPqSE8LetWBQWDkQdgb1GCwr6b88wIrxyLKbYDn5DwRHDjt6AD2wfHhR4AF1JHawdWB5G3fIq53zStZ0un0uIXHeyxJ0hrQ3IryRsA1Plc2m93VILaQEsHq8Vg1aPV6rSAEZpCdn+/S1WnSYA90ZXVniVulf5CYWiDS0g19hM0cCqDFW6aYEJnL1/n0J8NT9/SrV12fHsOtdTr/hzR/CoxOuHq93mg0uBMwf6eZWZD7SeOugz9oHBybqTtmwSOOuiO4rfDgk/qDGzcmPnYenP8yWalURrphPJ/PT0RDoCWmXiIrl3UwWiggffE1DCT7AGHlAf3q5QKhy0ZQu0/YXFKEHr8fMUWxmBHCiVlC402IzDnCA4grF/K6BodKxbe4MhQdQxqnq51b5ONKXsjyXYB+g6Ef4FmpWEwANro5tmHsfPocwg8AhlzVAPC+VCrOhoDVjjrwDCCXq/7FQU9x5GeWO3PKsrwDGoQYjrwzyoBb6F7zLRh6hSM3GVAdmIQWhIQ6kgHXZXlFbIdhvNAQA9r9fjtQWG3efH/fCJdGz3N99OC6/gMPF6RsShfrcQAAAABJRU5ErkJggg==);background-size:20px 20px}.tap-active{background-color:rgba(0,0,0,.1)}</style>
<style>
@charset "UTF-8";.tip{position:fixed;top:-100px;left:0;z-index:10050;width:92%;height:30px;margin-right:4%;margin-left:4%;overflow:hidden;box-sizing:border-box;line-height:30px;transition:.3s;text-align:center;border-radius:0 0 6px 6px;background-color:rgba(0,0,0,.7)}.tip.show{top:0;transition:.3s}.tip i{position:relative;top:1px;display:inline-block;width:12px;height:12px;border:1px solid #fff;border-radius:9px;background:no-repeat center center;background-size:10px}.tip i.ok{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAJ1BMVEX///////////////////////////////////////////////////9Ruv0SAAAADHRSTlMAmZYb8Ns2M3hF+d6hKfQZAAAAPklEQVR4XmMgGjA1wAV0TsIFzwjABQ/iEmRLgAumuMFVmh4pgKlkjnEHC0KEi8CCYOE1cDNNwYIQ4Y0MxAEA7pURmz8RQl0AAAAASUVORK5CYII=)}.tip i.warn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAD1BMVEX///////////////////+Rd1MVAAAABHRSTlMA+fb8/2vWyQAAAB5JREFUeF5jQAOMAnAmkwIDYYCpjcWBnkxmAQacAAAcVgMAk7hzDgAAAABJRU5ErkJggg==)}.tip span{padding-left:4px;font-size:14px;color:#fff}#Alert{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10049;background:rgba(0,0,0,.4)}#Alert .frame{position:absolute;top:50%;left:50%;border-radius:6px;padding-top:18px;width:270px;text-align:center;background:#fff;-webkit-transform:translate(-50%,-50%)}#Alert .a-edit-border{display:inline-block;width:100%}#Alert .a-edit-border:after{border-radius:10px}#Alert .edit{margin-top:2px;padding:7px 9px;width:100%;box-sizing:border-box;height:auto;min-height:72px;display:-webkit-box;display:-moz-box;display:box;font-size:16px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;border:0;-webkit-appearance:none}#Alert .a-edit-wrapper{padding:0 15px 10px}#Alert .a-edit-wrapper .edit{padding:.5em 10px;line-height:1em;height:2em;font-size:17px;margin:0;min-height:1em;border-radius:3px}#Alert .split-title,#Alert .title{padding:0 18px;line-height:1.3;font-size:17px;font-weight:600}#Alert .split-title{padding-bottom:10px}#Alert .split-title:before{display:none}#Alert .content{margin:10px 0 0;padding:0 18px;font-size:14px;line-height:20px}@media (min-width:100px) and (max-width:330px){#Alert .edit{padding:7px 10px}}@media (min-width:330px) and (max-width:1330px){#Alert .edit{padding:7px 10px}}#Alert .thumbnail{text-align:left;padding:0 15px}#Alert .thumbnail .face{width:18px;height:18px}@media (min-width:100px) and (max-width:330px){#Alert .thumbnail .th-cover{position:relative;z-index:0;width:65px;height:65px;overflow:hidden;float:left}#Alert .thumbnail .th-text{height:70px;padding:3px 10px;box-sizing:border-box;overflow:hidden}#Alert .thumbnail .th-text h4{font-size:17px;height:20px;line-height:20px;margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#Alert .thumbnail .th-text p{font-size:13px;line-height:18px;height:38px;overflow:hidden;color:#777;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#Alert .thumbnail .th-text .th-bar{color:#777;font-size:12px}}@media (min-width:330px) and (max-width:1330px){#Alert .thumbnail .th-cover{position:relative;z-index:0;width:75px;height:75px;overflow:hidden;float:left}#Alert .thumbnail .th-text{height:75px;padding:5px 10px;box-sizing:border-box;overflow:hidden}#Alert .thumbnail .th-text h4{font-size:17px;height:20px;line-height:20px;margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#Alert .thumbnail .th-text p{font-size:13px;line-height:19px;height:40px;overflow:hidden;color:#777;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#Alert .thumbnail .th-text .th-bar{color:#777;font-size:12px}}#Alert .btn-group{display:-webkit-box;margin-top:18px}#Alert .btn-group:after{display:none}#Alert .btn{display:block;-webkit-box-flex:1;border:0;border-right:1px solid #dcdcdc;width:100%;height:45px;font-size:16px;line-height:45px;color:#00a5e0;border:0;border-radius:0 0 0 6px;background:#fff;-webkit-appearance:none}#Alert .btn:after{display:block;content:" ";height:45px;border-left:1px solid #c8c7cc;position:absolute;top:0;left:50%;-webkit-transform:scaleX(0.5);transform:scaleX(0.5)}#Alert .btn strong{font-weight:600}#Alert .btn-import{font-weight:600}#Alert .btn:last-child{border-right:0;border-radius:0 0 6px 6px}#Alert .btn:last-child:after{display:none}#Alert input::-webkit-input-placeholder,#Alert textarea::-webkit-input-placeholder{color:#bbb}#Alert .a-pushed{background-color:#E5E5E5;color:#bfbebc}#Alert .a-forwards{top:101px;background-color:#f3f3f3;-webkit-transform:translate(-50%,0);width:85%;-webkit-transition:transform .2s}#Alert .a-forwards .btn-group{margin-top:17px}#Alert .a-forwards .btn-group .btn{background-color:#f3f3f3}#Alert .a-forwards .btn-group .a-pushed{background-color:#E4E4E4}#Alert .a-commemt .a-comment{line-height:1.3em;font-size:17px;margin-top:10px}#Alert .a-commemt .a-in-text{border-radius:3.5px;border:0;font-size:17px;line-height:1.3em;padding:3px;padding-left:5px;width:234px;position:relative;z-index:2;height:1.3em}#Alert .a-commemt .btn{background-color:#f3f3f3}#Alert .a-commemt .a-pushed{color:#bfbebc}#Alert .a-commemt .a-in-text-border{position:relative;z-index:1;margin-top:10px;background-color:#fff;display:inline-block;padding:1px}#Alert .a-commemt .a-in-text-border:after{content:" ";border:1px solid #cfcfcf;position:absolute;width:200%;height:200%;z-index:1;top:0;border-radius:3.5px;left:0;background-color:#fff;-webkit-transform:scale(0.5,.5);-webkit-transform-origin:0 0}.rich-share-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:rgba(0,0,0,.3)}.rich-share-mask.wechat{background-color:rgba(0,0,0,.8)}.rich-share-mask .rich-share{position:fixed;right:0;bottom:0;left:0;-webkit-transition:-webkit-transform 200ms ease-in-out;-webkit-transform:translate3d(0,100%,0)}.rich-share-mask .rich-share.show{-webkit-transform:translate3d(0,0,0)}.rich-share-mask .rich-share .rich-share-body{width:100%;background-color:#f7f7f7}.rich-share-mask .rich-share .rich-share-body .rich-scroll-wrapper{position:relative;width:100%;height:118px}.rich-share-mask .rich-share .rich-share-body .rich-scroll-wrapper .share-btn-container{position:absolute;width:380px}.rich-share-mask .rich-share .rich-share-body .share-btn-container{padding:15px 0 15px 2.5px;overflow:hidden}.rich-share-mask .rich-share .rich-share-body .share-btn-container .share-btn{position:relative;float:left;padding:5px 7.5px;text-align:center}.rich-share-mask .rich-share .rich-share-body .share-btn-container .share-btn .share-icon{display:block;width:60px;height:60px}.rich-share-mask .rich-share .rich-share-body .share-btn-container .share-btn .share-icon img{width:60px;height:60px}.rich-share-mask .rich-share .rich-share-body .share-btn-container .share-btn p{margin-top:6px;font-size:11px;text-align:center;color:#000;width:60px;line-height:14px}.rich-share-mask .rich-share .rich-share-body .share-sperator{position:absolute;top:0;left:0;width:100%;height:1px;clear:both;opacity:.4;background-color:#000}.rich-share-mask .rich-share .rich-share-body #btn-share-cancel{width:100%;height:53px;font-size:18px;line-height:53px;text-align:center;color:#00a5e0;background-color:#fefefe}.rich-share-mask .rich-share .rich-share-body #btn-share-cancel.active{background-color:#ccc}.rich-share-mask .wechat-arrow{position:absolute;top:20px;right:25px;z-index:1;width:258px;height:182px;background:url(//pub.idqqimg.com/qqun/xiaoqu/mobile/js/images/wechat-share.474b59623ee555f2a7e1c9efc2118856.png) no-repeat;background-size:258px 182px}.rich-share-mask .btn-wechat-confirm{position:absolute;bottom:25px;left:50%;width:95px;height:35px;margin-left:-47px;font-size:16px;line-height:35px;text-align:center;color:#fff;border:1px solid #fff}.fadein-img{-webkit-animation-name:fadeIn;-webkit-animation-duration:.3s}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}.Loading{width:100%;height:100%;text-align:center;font-size:14px;color:#999;padding:20px 0}#action-sheet{position:fixed;bottom:0;left:0;z-index:10000;width:100%;-webkit-transition:-webkit-transform 200ms ease-in-out;transition:-webkit-transform .2s ease-in-out;-webkit-transform:translate3d(0,100%,0)}#action-sheet.show{-webkit-transform:translate3d(0,0,0)}#action-sheet .sheet-item{position:relative;margin:0 8px;border-bottom:1px solid #f3f3f3;font-size:18px;line-height:50px;text-align:center;color:#1784FE;background:#fff;-webkit-user-select:none;-webkit-highlight:none;-webkit-tap-highlight-color:transparent}#action-sheet .sheet-item:active{background:#e6e6e6}#action-sheet .sheet-item:first-child{border-top-left-radius:13px;border-top-right-radius:13px}#action-sheet .sheet-item:nth-last-child(2){border-bottom:0;border-bottom-right-radius:13px;border-bottom-left-radius:13px}#action-sheet .sheet-item:last-child{margin:8px;border-radius:13px}#action-sheet .sheet-item.warning{color:#df614b}#action-sheet .sheet-item.current-select:after{position:absolute;top:50%;right:13px;width:12px;height:8px;margin-top:-7px;content:"";-webkit-transform:rotate(136deg);color:#007aff;border-width:1.5px 1.5px 0 0;border-style:solid}#action-sheet .sheet-title{font-size:12px;color:#6b6b6b}#action-sheet-mask{position:fixed;top:0;left:0;z-index:10000;border:1px solid transparent;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0;-webkit-transition:opacity .15s ease-in-out;-webkit-user-select:none;-webkit-highlight:none;-webkit-tap-highlight-color:transparent}#action-sheet-mask.show{opacity:1}html,body{background-color:#fff}.personal{overflow:hidden}.p-container{height:100%;overflow:hidden;position:absolute;top:0;width:100%}.p-jumbotronbg{background-color:#000;position:absolute;top:0;overflow:hidden}.p-jumbotronbg .p-img{opacity:.9}.p-jumbotronbg .p-img img{width:100%}.p-m-title{color:#777;font-size:14px;font-weight:400;text-align:center}.p-m-title span{background-color:#fff;position:relative;z-index:2;display:inline-block;padding:0 10px}.p-m-title:after{content:'';display:block;width:100%;border-top:1px solid #dedfe0;transform:scaleY(0.5);-webkit-transform:scaleY(0.5);position:relative;top:-8px;z-index:1}.p-link-tip{color:#01A6E0}.p-m-more{height:56px;line-height:46px;text-align:center}.p-m-more a{color:#01A6E0;font-size:14px}.p-w-img{width:100%}.p-jumbotron{position:relative;z-index:1;overflow:hidden}.p-refresh{position:absolute;z-index:1;top:70px;display:none}.p-head{height:70px;position:relative;z-index:1}.p-head .p-img{position:absolute;z-index:2;width:95px;height:95px;border-radius:50%;border:4px solid #fff;left:50%;margin-left:-47.5px;bottom:22.5px;box-sizing:border-box}.p-head .p-img img{border-radius:50%}.p-mask{background-color:rgba(0,0,0,.1);opacity:1;height:100%;width:100%;position:absolute;top:0;z-index:2}.p-nick{font-size:27px;width:228px;margin:0 auto;position:relative;text-align:center;height:1.3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-society,.p-profile{display:table;margin:0 auto;width:228px;color:#777}.p-society .p-div,.p-profile .p-div{width:50%;display:table-cell;text-align:center}.p-society .p-city,.p-profile .p-city{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI4RTlBMjk1NUM4NjExRTVBOTcyODMzMTNFRjczMjJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI4RTlBMjk2NUM4NjExRTVBOTcyODMzMTNFRjczMjJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjhFOUEyOTM1Qzg2MTFFNUE5NzI4MzMxM0VGNzMyMkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjhFOUEyOTQ1Qzg2MTFFNUE5NzI4MzMxM0VGNzMyMkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5HcqTQAAABpklEQVR42qyWP0vDQBjGU3EqVbRYcXTSTyC4O+oncNLiIA6VEqsOii6CVKI4uAhSF3FwcKqDdBBcHXQuKigOKhmUoija+ESewhHuLtckL/w43j93T3rXvJeU53mWaI7jWEmabdv/Y4dhfQYUQA24wONYYzwTtoCJ0CS4A7tgDGQZz9L34/esiyy0Bo5ALqSuj3XrUYSmdBM1DzbdjlA32FLkXsEVR5ltC9sbKjTL7RDtE+TBABjhmGdctB4wYyo0Lon5/64KaNJv0i9IaidMhYYD/hs4VNRWmBdtyFSoN+A/gR9F7S/zuvlKoZeAPwjSito087r5SqFryWLLitolyUPcmAqdSWIroAz66efor0pqL0yFDsBtIJYCJfAM3rk9JcZFewR7pkLfYE7TAbo0uXnJu6VtQefgpM0WVAWnUZrqAvgwFPkCxajd+wFsGgrtgHqc+6isW0B4oTfiXnzaLaEtgkZcodYhVxW5S3CcxFXesiJ/XbDPFfgNkZhQnQcu2r6kXcUWsnjgrU7tKtpPIkINHrxFEdd0YmeEb0L/4Ee5bcb2J8AA21NYbtwBnoAAAAAASUVORK5CYII=) no-repeat;padding-left:18px;background-position:left center;margin-left:15px;background-size:13px 13px}.p-society .p-gender-girl,.p-profile .p-gender-girl,.p-society .p-gender-boy,.p-profile .p-gender-boy{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFBOTA4RTA2NUM4ODExRTVBOTcyODMzMTNFRjczMjJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFBOTA4RTA3NUM4ODExRTVBOTcyODMzMTNFRjczMjJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUE5MDhFMDQ1Qzg4MTFFNUE5NzI4MzMxM0VGNzMyMkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUE5MDhFMDU1Qzg4MTFFNUE5NzI4MzMxM0VGNzMyMkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Ng7wiAAACG0lEQVR42mKpmveSAQ8QAeITQMwBxGeBWByIRYH4HxA/B+KDQDwXiB8wEAAsBOSdgFgZypZGk1MBYlsgLgHiMiCejM8gJgIWpTEQBiDfTgLiTHIt8gZiZwbiQT8QK5FjURoDaYAdiFPJsciCgXTgRKpFINeJkWGROKkWcTCQBxhJtegPA5UBNotA+WYPmeZJAvFuIOYmxiI1MhMCCLACsQsQCxBj0SUKgw5Upr0gxqKnQNwALctIBQ+hRdJfYsu6ViDeAcRnSLDkJxAbAPEHUjMsqLQ+SYJFa3BZQkyh2kikJaCgaqGk9N4OxKuIsKgTiG9QYhEDtPjHZ8g+YnxO0KLWRLF30OriH44SJACo5hfFFoEVMTHo6ilxMCEXZMxAno4COyjVGhFjBqGqnKF6/itGP0veGeYanAwK4qwMm49/BlrMyBDhyMegJcfOcPDStz6gMmNKLZIF4qpDl74pqEmzMYAsAwE+LiYGTaAl7z//ZTh147vRrrNfmoHC04H4Gc5iHUsryB6Io6BVObxBIsDNzJDiKcAgyMsM5oMsmbP9A8OHryiFAKg1tBmIl6LnQeQ40gfi40B8AFqNo7R6Pn//x/D6I8LQBy9/M3z8ilHSKABxLrSJthdaQKNYZA+VxFpqMwJTQSQwTtRk2OBihiocDD4WvISq9bMwM2EWTcNXq/7/z8Bw/8VvFLF//0BiBFM1DxD3ghgAAQYAfvh3knlK1vQAAAAASUVORK5CYII=) no-repeat;background-size:13px 13px;background-position:left center;padding-left:18px}.p-society .p-gender-girl,.p-profile .p-gender-girl{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFBOTA4RTAyNUM4ODExRTVBOTcyODMzMTNFRjczMjJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFBOTA4RTAzNUM4ODExRTVBOTcyODMzMTNFRjczMjJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUE5MDhFMDA1Qzg4MTFFNUE5NzI4MzMxM0VGNzMyMkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUE5MDhFMDE1Qzg4MTFFNUE5NzI4MzMxM0VGNzMyMkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4hf9v6AAAB7UlEQVR42qSWSyjEQRzHf39LduWRR54ruw7Klke7CXnFDSmFi4tcOO26OTgoETeFAydc3BThoDxSEg4OUtIerJNSXmFtKOv7351dr//uzuz86rOHmdn59J/fzG9G8TpWiCMyQD9oAWbW5gKbYBbcRppA4RD1gGmQHKL/BTjAQrhJYiJIBsFiGIkaiWCejY1KVAPGiT8mQG00ohGgExCpc42JijJBI4lHPTCKiKo58qe5uYBFRFRG0UeBiMgiITKJiMwSohwRkUlClC0iSpEQpfGK4kC8hCiBV/QBvBKiJJGlu5IQPYuIFiREF1qNsSEGj4I1UAmaQXuEyXcZZ+yOiuo+MoBjUBKi3wmswC1zHxFNtXvw2xlmRBvGuHlKO8cFoJjJZvSXzEDo8Nfy3JCVgDdH3zGwqlBX2RzVoioVphMtn0IMSW8FFhOOLeckRtlkRflgiLadJirOIp/MVzf0fsndK9GBy0ob56PskXIt8jhpAN2gFeQFW1OxJ+x1ROns4KuSmX2iB8/f87cOltgG0syRegcdgj3Q90uixtMb0c2Ps3h5R/To0SrGdnAEdkDRX1ED66zS/m7FnxNL1ndbBVa1ozTcsjeBk8CcgRyprx0P4394Ufpc93rkxRBs+/S1qdv6PUKeh9WH55cAAwBIImKXCRT2zQAAAABJRU5ErkJggg==) no-repeat;background-size:13px 13px;background-position:left center}.p-society,.p-profile{margin-top:12px}.p-society .p-div:first-child{position:relative;z-index:1}.p-society .p-div:first-child:after{content:'';display:block;height:13px;position:absolute;border-right:1px solid #bbb;top:3px;right:0}.p-words{font-size:18px;margin-top:38px;margin-left:30px;margin-right:30px;line-height:22px;word-wrap:break-word;text-align:center}.p-words .p-tip-icon{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:5px;background:url(//pub.idqqimg.com/qqun/xiaoqu/mobile/js/images/mind.ed42949a3e65bfc6eb574022bd668bb2.png) no-repeat;background-size:18px 18px}.p-fixed-banner{height:100px;display:none;overflow:hidden;width:100%;position:fixed;top:0;left:0;z-index:10}.p-fixed-banner .p-img{height:100%;overflow:hidden;position:relative;width:100%}.p-fixed-banner .p-img img{width:100%;position:absolute;bottom:0}.p-fixed-banner .p-img:after{display:block;width:100%;height:100%;position:absolute;content:" ";top:0;left:0;background-color:rgba(0,0,0,.6)}.p-fixed-banner .p-fixed-name{font-size:18px;position:relative;text-align:center;z-index:11;color:#fff}.p-mybar{margin-left:15px;margin-right:15px;margin-top:33px;position:relative;text-align:center;background-color:#fff;font-size:14px;line-height:14px}.p-mybar-list{margin-top:15px}.p-mybar-list li{display:inline-block;overflow:hidden;max-width:20%}.p-mybar-list li .p-mybar-head{width:100%;margin-right:5px;overflow:hidden;background-color:#ccc}.p-mybar-list li .p-mybar-head img{width:100%}.p-mybar-list .p-barname{font-size:12px;text-align:center;color:#666;margin-top:8px;margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-mypost{margin-left:15px;margin-right:15px;margin-top:33px;position:relative;background-color:#fff;box-sizing:content-box}.p-mypost-list li{position:relative;z-index:1;margin-top:10px;height:70px}.p-mypost-list .p-music,.p-mypost-list .p-video,.p-mypost-list .p-audio,.p-mypost-list .p-normal{position:absolute;z-index:1;background:url(//pub.idqqimg.com/qqun/xiaoqu/mobile/js/images/feed-normal-icon.a30a580e0d2fe2f0b2825545f8e05358.png) no-repeat;background-size:cover;width:65px;height:65px;overflow:hidden}.p-mypost-list .p-music img,.p-mypost-list .p-video img,.p-mypost-list .p-audio img,.p-mypost-list .p-normal img{width:100%}.p-mypost-list .p-audio{background:#ccc}.p-mypost-list .p-audio:after{content:" ";position:absolute;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAABF1BMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+UT8lBAAAAXHRSTlMAAU0R+O4Cw0/eBJMFpw/f3RfijdYSV6GH2lDy1O/YyLk/Uepv8Rkoi+1TxeiJvdJiItfwJnWviNsH81iUn35MX6DgVg6lOp2MFKiZ1TvCEJUT/g1hKim2+7d/xPwH7qsAAAFlSURBVHhe1dXHcsJAEEXRkcAii5zB5JwxGeecc/b7/+8wMuUyVqNBrCjOpheqq4VK08NWxxrZcRlhdB1ErDoL8Rq/fKKeQDjHLK+wOAnhv9DCQoSayPjsTpI47fzkCFSAnzhAOfjJJigLP9kCZWR63J1ghq5EOtOfgFjfxDB1cUmSRYQr/cnG1Pt6f7FbEze536YJwEsEPNIkB5nz88vI0cSCF84Re5130N5Q5hzkMj5o8gnbZAQ01oUNuzQ5hUfSXEqSBzc0EQ6xNxlmkpiVhai8j+oiIUxGX1XUlNcl0GVzHGfQVB576RpvIvPE5nlGtKNM0ae6LDpR7LP5ehi4lWlNB3+upGDaqhTuAXpMg9xAuMXUWmE0ZKYlH0N8rCrGccTyTJs/CdRTM0GqDiQfGI+UHQHtmljwG/wFsd8GRlmJLeAulvCnVHQzHYZmW6VqBKoVm3nIlgAwYs0SEwjT8skXW4FvhOP+ZcFUKy8AAAAASUVORK5CYII=) no-repeat center center rgba(0,0,0,.5);background-size:25px 25px;display:block;height:65px;width:65px;top:0;left:0}.p-mypost-list .p-music{background:#ccc}.p-mypost-list .p-music:after{content:" ";position:absolute;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAA51BMVEX7+/v////+/v79/f38/Pz///////////////////////////////////////8AAAD///82NjYyMjI6OjpAQED////////////////////////////////////////9/f2zs7P////////////////////////////////////////////8/Pz////////////9/f3////7+/v////////9/f3+/v7////9/f3////5+fn////39/f5+fn29vb39/f4+Pj39/f29vb////////////////////////+/v7///////////9WlEtDAAAATHRSTlMAAAAAAAUGBwsNEhsjKy0zND09PkBDRUxWW2dsbW5vcHV4iYuMmqSqq6y8x8nKy8zNzc7P0NHR0dLc3d7f3+Dg4OHh4+rs7/P09fn7Z8U5dwAAASJJREFUeF7t1llTwjAUhmECkqpVsRZ3inFfIrgU3K0W0YKc//97FM4c6yQ1pLfId5s8nb7TmxZY7v03Mru4vr1/3OjerxIxXj04bXSB9vYnmVsaXr14B20ZpLypXB1PjoBmTQb5SRaYksHj2eHuxrIV+bg62dtaWyjjqYnQY+fpwEjosTgrQngiyZTwQCaJDLg9cUMYLbQmPIRY+L6IwZrUoFOtfK/6ZE0kiMpogogaqO0TfCQeESXQQFYgQYKBr8PAZ/hFZmjn6YvJH1KDFwx8yGoJIMLTCAIkaqA25w5i4XmiA7cOEjVQn9vG0huXIdEC9fGd637/ss5ZSqQSqK1UKBZLCChfCbQgTisNNBP9U7ZcZksYrzd7vSYGGsjk/fZ8AZ8crT2K+PRSAAAAAElFTkSuQmCC) no-repeat center center rgba(0,0,0,.5);background-size:25px 25px;display:block;height:65px;width:65px;top:0;left:0}.p-mypost-list .p-video{background:#ccc}.p-mypost-list .p-video:after{content:" ";position:absolute;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAA1VBMVEX///////////////////////////////////////////////////8AAAAFBQX///8kJCT///9DQ0NHR0f///////9iYmL///////////////////+bm5ucnJy2trb////////////Gxsb////////////////i4uL////////////m5ubo6Oj////////////////////////z8/P////////////////////6+vr7+/v////////////////////////////////+/v7///////////8xb9O4AAAARnRSTlMAAQMGCgsPFBweHyctMzQ3OT1BQUNHSUxNTlthY2R2eH+EhoeWpKqtsLG1trm7vb7By9LV2Nnj6ert7e/w8vP09ff5+/z+g8fkugAAAOBJREFUeF7t1MdSAkEUheEmxwYEHJIMQYIiMGRUMsp5/0dySnvBUO2FW2woav79t7rdR9xRbm55aw1tq96jXtRAVNWJHKgOWQ2xQNZR4GGyaIUUWdFk/ifiSwAvioBu+SvCM9jtGcQ/VPxi4n3F/8TMtDWkAYIkpKx/nZIKKCLtyp9OUjycJdIYO8ge54lMdY8JLiHSYJPUG5cYYzDJ0wcc5Bng3sXTJImZ1lzf1we4byw4YhMRfWcTkdzCbs0hovANYMD6yKK0wzTGmwsRiHiEKk+T7NXTpypYG3pgbz+3H1THDs2woV1CAAAAAElFTkSuQmCC) no-repeat center center rgba(0,0,0,.5);background-size:25px 25px;display:block;height:65px;width:65px;top:0;left:0}.p-mypost-list .p-pk{background:#ccc}.p-mypost-list .p-pk:after{content:" ";position:absolute;background:url(//pub.idqqimg.com/qqun/xiaoqu/mobile/js/images/feed-pk-icon.9495291bab3a63b83b2519737d79a90a.png) no-repeat center center;display:block;height:65px;width:65px;background-size:65px 65px;top:0;left:0}.p-mypost-list .p-article{background:#ccc}.p-mypost-list .p-article:after{content:" ";position:absolute;background:url(//pub.idqqimg.com/qqun/xiaoqu/mobile/js/images/feed-article-icon.ff9fffacb82758c365f14753102268ba.png) no-repeat center center;display:block;height:65px;width:65px;background-size:65px 65px;top:0;left:0}.p-mypost-list .p-mypost-vote,.p-mypost-list .p-mypost-buluoqun,.p-mypost-list .p-mypost-pics{background-color:#FFC600;padding:1px 4px;color:#fff;margin-right:10px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-size:11px;position:relative;top:-2px}.p-mypost-list .p-mypost-vote{background-color:#41D3F7}.p-mypost-list .p-mypost-buluoqun{background-color:#fdb800}.p-mypost-list .p-mypost-hd{background-color:#19a98b;padding:1px 4px;color:#fff;margin-right:10px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-size:11px;position:relative;top:-2px}.p-mypost-list .p-mypost-zb{background-color:#EC62B6;padding:1px 4px;color:#fff;margin-right:10px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-size:11px;position:relative;top:-2px}.p-mypost-list .p-thumbnail{padding-left:75px}.p-mypost-list .p-thumbnail h2{font-weight:400;height:35px;line-height:35px;font-size:17px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.p-mypost-list .p-thumbnail .p-text{height:25px;line-height:25px;font-size:14px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-mypost-list .p-thumbnail .p-text .read-num{margin-left:10px}.p-mypost-list .p-thumbnail .p-text .read-num:before{content:' ';display:inline-block;height:1em;margin-right:10px;border-left:1px solid #dedfe0;-webkit-transform:scaleX(0.5);vertical-align:middle}.p-mygroup{margin-left:15px;margin-right:15px;margin-top:33px}.p-mygroup .p-group-wrapper{margin-top:15px;margin-bottom:9px;text-align:center}.p-mygroup .p-group-wrapper li{display:inline-block;padding:0 2px;box-sizing:border-box;max-width:20%}.p-mygroup .p-img-wrap{border-radius:50%;overflow:hidden;margin:0 auto}.p-mygroup .p-img-wrap .p-img{width:100%}.p-mygroup .p-title{font-size:12px;font-weight:400;width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:9px;text-align:center;color:#666}.p-mycomment{padding:0 15px}.p-mycomment .p-mycomment-list{list-style:none}.p-mycomment .p-mycomment-list .p-my-comment{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAaBAMAAAApqzNLAAAAMFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABaPxwLAAAAEHRSTlMAO0A3PDMWRiRFQkQeCUsrlJDu+QAAAMpJREFUKM9jAII7wRcYoCBfA0LfV9+XABVKLi8G07x+jl5QMf5XgkvBjFsbBd2hYv8cBReDGZaCQlUQ83ieCHq+BzE4Hgpu7IUou6QotB+s44qiZCzUhnZBqMHpgiowhxgJVsAka6BCvCpCDhBWlMhcqBjbFOkPMA3+HR0d/QlAsS0iFh1AABKTmjlz5vRnIDFBTyCz7gNQDAwqwGIgICQAE6tBiBkMSTEhhNgUmFic1iog0HoDFHulBAJ6AgxXQ0Eg+C8w2JohzAQANpJVDXlfH0AAAAAASUVORK5CYII=) no-repeat left 2px;background-size:19px 13px;font-size:17px;text-indent:27px;line-height:22px;display:-webkit-box;margin:30px 0 10px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.p-mycomment .p-mycomment-list .p-topic{font-size:14px;line-height:16px;color:#787878;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.p-social-bar{position:fixed;bottom:0;line-height:50px;width:100%;background-color:#fff;text-align:center;color:#01A6E0;font-size:17px;display:-webkit-flex}.p-social-bar .p-bottom{position:relative;-webkit-flex:1}.p-social-bar .p-bottom:after{position:absolute;width:100%;content:' ';top:0;left:0;border-top:1px solid #dedfe0;transform:scaleY(0.5)}.p-social-bar .p-split:before{position:absolute;width:100%;content:' ';height:26px;left:0;top:10px;border-left:1px solid #dedfe0;transform:scaleX(0.5);width:0}.p-social-bar .p-chat{display:inline-block;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAoCAMAAACLrFl+AAAAolBMVEUApeD///8ApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeC7f797AAAANXRSTlMAAAMEBQYHCAsMDRESFBUZGxwyNDU4PWFiZmdoamxtbm97fZCRkpWWmcLHysvN6vDy8/T3+aAxuHAAAADfSURBVHhe3dTdTsJAEEDhQSiAIqAAWlTKnxYQqYLn/V9NmhDnYodJml7BudzkS3Yn2ZFK4a6SiEg1Xu8w2q3jqpjkCadng+RiNeqIUWe0Qo2SOszlbHOoBWTCuzh98BqQTwYeGbIJyIGGR275DgiIG1weydDISpDSF7v+IWtZCXI5z/8l8kSLn4BsGBb9yAlLjyxJrKU0Oy9mUA+IjGHRb1qg2V/Ai7VgY06RPkheN+W/sb3Go+l2fzI9FbDfTiOxiHaXHk0u0ns99Im0j+ZRhU/UoMIj2s3bV1IThxTrD3TnQBnDPxIVAAAAAElFTkSuQmCC) no-repeat;background-size:25px 20px;width:25px;position:relative;top:3px;margin-right:5px}.p-social-bar .p-follow{display:inline-block;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAoCAMAAACLrFl+AAAAk1BMVEUAAAAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeBjdzCxAAAAMHRSTlMAA3AG+pZUKdHUaYtmXOCspo8Nk4k0LRsJ8dy5a1hPRfbky2A7IRPYyLOggMJ3SkIOT+rtAAABt0lEQVQ4y62U2XqyMBCGf8Ii+yIiWrVaW+vS5X/v/+qKApaQB+JB52SeDPOSSeab/Ps7M6YPJpYiPbn7VZoHMHnozxkdyx5BbAg2xbzYboQoYKEnCqmYE4UemfHVKRJKPZISdVYBMy3xBkZneYCpfpNQWl941SFL3qW1j60hFuzkwJaVBpmylANz3L9H7H4dJeSjxIbVcy/ka7qZIZTYJ29jyAcfSizmMIbMoR96xtU1P5AD7ytCrcRkxm66bzppbC2PqWMqTAS+dB92eSvvicaeHIXx6ajMgXnljBl4YmKaE+HBzOgzOfbh3iZEPXbWuskzwp06QiVwH5as3sva/n7/b+EoOjtTSyCou2S+NMdz9ze35sVUheZ3fYRXVwV1bR6RioSNX19d0qoIai9Ieq25wLTVQm5eFTORkQlxt9nCA1o1f91evh0V59KYWx0O6w4UF+D02pnrdZW9vCL7FtlX99MixuYTyNR3+zhUWAi4ofICjxw/g2Srpo9c8jcDT5zUSrdWYd3K8xAxLJjz6CAFkiybifpm0ESVl9fiX9zEnze0ONIzaaYcZcT0ZkZJbFlxErUi/gH/Hz/QslKUhwAAAABJRU5ErkJggg==) no-repeat;background-size:25px 20px;width:25px;position:relative;top:3px;margin-right:5px}.p-social-bar .p-followed{display:inline-block;height:20px;background:url(//pub.idqqimg.com/qqun/xiaoqu/mobile/js/images/follow_disable.2093a11f47dbf0c77cd9efb13deec585.png) no-repeat;background-size:25px 20px;width:25px;position:relative;top:3px;color:#000;margin-right:5px}.p-social-bar .p-followed-title{color:#000}.p-social-bar:before{transform:scaleX(0.5);content:' ';left:10px;border-left:1px solid #dedfe0;position:absolute;height:6px}.p-social-bar .p-tips{position:absolute;z-index:2;bottom:44px;line-height:1.5em;background:#000;color:#fff;padding:8px;border-radius:3px;font-size:16px;min-width:150px;white-space:nowrap;left:5px}.p-social-bar .p-tips:after{content:' ';display:block;position:absolute;height:0;width:0;border:5px solid #000;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:5px solid transparent;bottom:-10px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}@media screen and (max-height:568px){.p-social-bar .p-tips:after{left:40%}}.p-guide-mask{background-color:rgba(0,0,0,.6);height:100%;position:fixed;width:100%;top:0;left:0;z-index:999}.p-guide-mask .p-guide-bar{position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background-color:#fff;width:296px;padding-top:116px;background:url(//pub.idqqimg.com/qqun/xiaoqu/mobile/js/images/download_guide.956e82f0645e861405a385b48d76be60.png) no-repeat #fff;background-size:296px 116px;margin:0 auto}.p-guide-mask .p-guide-param{padding:14px 10px 14px 20px;text-align:left;font-size:16px;line-height:26px;color:#000}.p-guide-mask .p-menu{display:flex;height:44px;line-height:44px}.p-guide-mask .p-bottom{flex:1;font-size:16px;text-align:center;position:relative;z-index:1}.p-guide-mask .p-bottom:after{position:absolute;width:100%;content:' ';top:0;left:0;border-top:1px solid #dedfe0;transform:scaleY(0.5)}.p-guide-mask .p-split{color:#12b7f5}.p-guide-mask .p-split:before{position:absolute;width:100%;content:' ';height:44px;left:0;top:0;border-left:1px solid #dedfe0;transform:scaleX(0.5);width:0}.p-guide-mask.p-hide{display:none}.p-guide-mask.p-show{display:block}
</style>
</head>
<body>
<div id="root" class="personal"><div data-reactroot="" class="p-container"><div class="p-jumbotronbg" style="height: 294.4px; display: block; transform: scale(1);"><div class="p-refresh">加载更多..</div><div class="p-img"><img src="https://gpic.qpic.cn/gbar_pic/wDGDpYBPmLaXoK8sgu3duL7jKcSKeo7iaHxJjicAN9ibMmpHcAlIbHMhw/?tp=webp" class="p-w-img"></div></div><div class="p-fixed-banner" style="height: 73.1333px; display: none;"><div class="p-img"><img src="https://gpic.qpic.cn/gbar_pic/wDGDpYBPmLaXoK8sgu3duL7jKcSKeo7iaHxJjicAN9ibMmpHcAlIbHMhw/?tp=webp" class="p-w-img"></div><div class="p-fixed-name" style="transform: translateY(63.7987px);">安定区🌸</div></div><div class="p-main-wrapper" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0075, 0, 0, 0, 1);"><div class="p-person-info"><div class="p-jumbotron" style="height: 294.4px;"><div class="p-img" style="display: none;"><img src="https://gpic.qpic.cn/gbar_pic/wDGDpYBPmLaXoK8sgu3duL7jKcSKeo7iaHxJjicAN9ibMmpHcAlIbHMhw/?tp=webp" class="p-w-img"></div><div class="p-mask" style="display: none; background-color: rgba(0, 0, 0, 0.0745098);"></div></div><div class="p-head"><div class="p-img" style="transform-origin: center bottom 0px; transform: scale(1);"><img src="https://q1.qlogo.cn/g?b=qq&k=A4NwRq5yjkukiaeRkjKw8zQ&s=140&t=1482540384" class="p-w-img"></div></div><div class="p-info"><div class="p-nick">安定区🌸</div><div class="p-profile"><div class="p-div"><span class="p-gender-girl">18岁</span><!-- react-text: 24 --> <!-- /react-text --><span class="p-city">东京</span></div></div><div class="p-society"><div class="p-div"><a data-alloy="permision" class="p-link-tip"><!-- react-text: 29 -->关注 <!-- /react-text --><!-- react-text: 30 -->1<!-- /react-text --></a></div><div class="p-div"><a data-alloy="permision" class="p-link-tip"><!-- react-text: 33 -->粉丝 <!-- /react-text --><!-- react-text: 34 -->2<!-- /react-text --></a></div></div><div class="p-words"><span><span class="p-tip-icon"></span>低价出售影视会员🌱</span></div></div></div><div class="p-mybar"><h2 class="p-m-title"><span><!-- react-text: 40 -->她<!-- /react-text --><!-- react-text: 41 -->的部落<!-- /react-text --></span></h2><ul class="p-mybar-list"><li><div class="p-mybar-head" style="width: 72.8px; height: 72.8px;"><img src="http://p.qlogo.cn/gbar_heads/Q3auHgzwzM4lYYQLpcIicNSPTIo3fPc8qj1jO8d9qYzeRdcnXZibpHyg/" data-alloy="permision"></div><div class="p-barname" data-alloy="permision">镇魂街</div></li><li><div class="p-mybar-head" style="width: 72.8px; height: 72.8px;"><img src="http://p.qlogo.cn/gbar_heads/Q3auHgzwzM4Uz1IPG7zCaY5m8yBOR6Nrgap4uUIO643fccdSnoJUlg/" data-alloy="permision"></div><div class="p-barname" data-alloy="permision">萨克斯</div></li><li><div class="p-mybar-head" style="width: 72.8px; height: 72.8px;"><img src="http://p.qlogo.cn/gbar_heads/Q3auHgzwzM51VHhTUVkZPPq0Iic4Cjg9vgCHzTkFyejrSWUG6NtXY8w/" data-alloy="permision"></div><div class="p-barname" data-alloy="permision">我要学日语</div></li><li><div class="p-mybar-head" style="width: 72.8px; height: 72.8px;"><img src="http://p.qlogo.cn/gbar_heads/Q3auHgzwzM42F6c1jjYJVArVsr5V29DNEj36taayYAOV7Eu0PfgdLw/" data-alloy="permision"></div><div class="p-barname" data-alloy="permision">东京食尸鬼第三季</div></li><li><div class="p-mybar-head" style="width: 72.8px; height: 72.8px;"><img src="http://p.qpic.cn/qqconadmin/0/78c191ee5ef54cb78878e971db5de6ad/0" data-alloy="permision"></div><div class="p-barname" data-alloy="permision">东京食尸鬼re</div></li></ul><div class="p-m-more"><a data-alloy="permision">查看全部部落</a></div></div><div class="p-mypost"><h2 class="p-m-title"><span><!-- react-text: 79 -->她<!-- /react-text --><!-- react-text: 80 -->的话题<!-- /react-text --></span></h2><ul class="p-mypost-list"><li><div class="p-normal"><img src="https://gpic.qpic.cn/gbar_pic/wDGDpYBPmLadKqVwIjq89UVG10GHG6OD0nJOkHMJcmIMlJIe9fK6ng/?tp=webp" style="margin-left: -25.2778px; margin-top: 0px; width: 115.556px; height: 65px;"></div><div class="p-thumbnail"><h2 data-alloy="permision"><!-- react-text: 87 -->转发<!-- /react-text --><!-- react-text: 88 --><!-- /react-text --></h2><div class="p-text" data-alloy="permision">话题: 镇魂街镇魂将</div></div></li><li><div class="p-normal"><img src="https://gpic.qpic.cn/gbar_pic/wDGDpYBPmLYyOyCLjTLZAOMhjw9sLcCnsYapTQpWJjGXFtSvmLUviaQ/?tp=webp" style="margin-left: 0px; margin-top: -19.3122px; width: 65px; height: 115.556px;"></div><div class="p-thumbnail"><h2 data-alloy="permision"><!-- react-text: 95 -->ハナウタ<!-- /react-text --></h2><div class="p-text" data-alloy="permision">日语歌曲部落 阅读54</div></div></li></ul><div class="p-m-more"><a data-alloy="permision">查看全部话题</a></div></div></div><div><div class="p-social-bar"><div class="p-bottom" data-alloy="permision"><span class="p-follow" data-alloy="permision"></span><!-- react-text: 69 -->关注<!-- /react-text --></div></div><div class="p-guide-mask p-hide"><div class="p-guide-bar"><div class="p-guide-param">到兴趣部落APP给TA留言吧，体验更便捷的留言、更及时的通知。</div><div class="p-menu"><div class="p-bottom" data-alloy="permision">下次再说</div><div class="p-bottom p-split" data-alloy="permision">去留言</div></div></div></div></div></div></div>
<script src="../../transformjs/transform.js"></script>
<script src="../../index.js"></script>
<script>
var root= document.querySelector(".p-main-wrapper");
Transform(root,true);
new AlloyTouch({
touch: root,//反馈触摸的dom
vertical: true,//不必需，默认是true代表监听竖直方向touch
target: root, //运动的对象
property: "translateY", //被滚动的属性
maxSpeed: 2,
min: -330 , //不必需,滚动属性的最小值
max: 0, //不必需,滚动属性的最大值
change: function (v) {
},
animationEnd: function (value) {
//console.log(value);
},
pressMove: function (evt, value) {
//console.log(evt.deltaX + "_" + evt.deltaY + "__" + value);
}
})
</script>
</body>
</html>