Template

<!
DOCTYPE html>
<html class="" style="">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
{title}
{csp}
{base}
<meta name="format-detection" content="telephone=no" />

<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" /> <meta
name="viewport" id="viewport" content="width=device-width,initial-scale=1,minimum-
scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"/> <meta
name="x5-fast-scroller" content="disable" /> <meta name="tags"
content="sea2.1" /> <meta name="apple-mobile-web-app-status-bar-
style" content="black" /> <link rel="Shortcut Icon"
href="//qzonestyle.gtimg.cn/qzone_v6/img/favicon.ico?max_age=31536000"
type="image/x-icon" />
<script>
if(!window.navigator) window.navigator = {};
</script>{envData}
{hybdata} <script>
HYB.loadTimes.startLoad = +new Date();
</script><script data-content="webso">
(function() {
var waitingCb = [];
var done;
var timeoutId;
var timeout;
var mdReport = {
fromId: 204971707,
toId: 211006088,
interfaceId: HYB.browserInfo.platform === 'ios' ? 104979953 : 104979954
};
function reportMd(mdInfo, opt) {

mdInfo = mdInfo || {};
opt = opt || {};
if (!mdInfo || !mdInfo.fromId || !mdInfo.toId || !mdInfo.interfaceId)
return;
if (Math.random() >= (opt.rate || 0.1)) return;
new Image().src = 'https://h5.qzone.qq.com/report/md?' +
toUrlParams(mdInfo) + '&r=' + Math.random();
}
function toUrlParams(obj) {
var arr = [],
k;
for (k in obj)
if (obj.hasOwnProperty(k)) arr.push(encodeURIComponent(k) + '=' +
encodeURIComponent(obj[k]));
return arr.join('&');
}
function findDiffNodes(parentNode, diffMap) {

var children = parentNode.childNodes;
var needToReplaceNodes;
var diffTagName;
for(var i=0;i<children.length;i++) {
if(children[i].nodeType === Node.COMMENT_NODE && (diffTagName =
children[i].nodeValue.match(/wnsdiff-?(\w*)-end/))) {
if(needToReplaceNodes) {
needToReplaceNodes.push(children[i]);
diffMap['{' + diffTagName[1] + '}'] = needToReplaceNodes;
}
needToReplaceNodes = null;
} else if(children[i].nodeType === Node.COMMENT_NODE &&
children[i].nodeValue.match(/wnsdiff-?(\w*)/)) {
needToReplaceNodes = [];
} else {
if(needToReplaceNodes) {
} else {
findDiffNodes(children[i], diffMap);
}
}
}
}
function doCb() {
var cur;
while(cur = waitingCb.shift()) cur();
done = true;
}
HYB.ready = function(cb) {
if(done) {
cb();
} else {
waitingCb.push(cb);
}
};
var t1 = new Date();
window.silentCallback = function(alreadyCall) {
clearTimeout(timeoutId);
if(!timeout) {
reportMd({
fromId : mdReport.fromId,
toId : mdReport.toId,
interfaceId : mdReport.interfaceId,
code : alreadyCall ? 2 : 0,
type : 0,
delay : new Date() - t1
});
}
var data = window._websoPageData;
console.log('webso2.0: silentCallback 执行, _WebSoNetTime: ' +

window._WebSoNetTime + ', _WebSoLocalTime' + window._WebSoLocalTime + ',
_websoPageData:' + (data ? '有' : '无'));
setTimeout(function() {
if(data) {
if(data.code === 1 && data.type === 'silent') {
data = data.data;
console.log('webso2.0 data: ', data);
var diffMap = window.diffMap = {};
findDiffNodes(document, diffMap);
console.log('webso2.0 diffmap: ', diffMap);
var scriptIdx = 0;
var scriptPrefix = 'websoScript';
for(var i in diffMap) {
if(diffMap.hasOwnProperty(i) && data[i]) {
console.log(i);
var nodes = diffMap[i];
for(var j=0;j<nodes.length;j++) {
if(j === nodes.length - 1) {
var newCtn = data[i];
var scriptMap = {};
newCtn = newCtn.replace(/<script[^>]*?
>([\s\S]*?)<\/script>/ig, function(scriptHtml, scriptCtn){
var tempId = scriptPrefix + scriptIdx+
+;
scriptMap[tempId] = scriptCtn;
return '<scr' + 'ipt id="' + tempId +
'"></' + 'script>';
});
nodes[j].parentNode.insertBefore(document.createElement('div'), nodes[j]).outerHTML
= newCtn;
nodes[j].parentNode.removeChild(nodes[j]);
for(var scriptId in scriptMap) {

if(scriptMap.hasOwnProperty(scriptId))
{
var el =
document.getElementById(scriptId);
var scriptDom =
document.createElement('script');
scriptDom.type = 'text/javascript';
scriptDom.innerHTML =
scriptMap[scriptId];
el.parentNode.replaceChild(scriptDom, el);
}
}
} else {
nodes[j].parentNode.removeChild(nodes[j]);
}
}
}
}
}
}
console.log('webso2.0: silent 更新 dom 结束, 执行 ready 里面的 callback');
if(data && data.noTimeout) {

doCb();
} else {
setTimeout(doCb, 0);
}
}, 0);
return data;
};
if(HYB.offline === 'silent' && HYB.supportSilent) {

console.log('webso2.0: silent 模式');
if(window._websoPageData) {
console.log('webso2.0: 有_websoPageData，客户端回调在前，直接执行
silentCallback');
window.silentCallback();
} else {
console.log('webso2.0: 无_websoPageData，等 DOMContentLoaded');
document.addEventListener('DOMContentLoaded', function() {
console.log('webso2.0: DOMContentLoaded, _WebSoNetTime:' +
window._WebSoNetTime + ', _WebSoLocalTime:' + window._WebSoLocalTime);
if(window._WebSoNetTime) {
console.log('webso2.0: 有_WebSoNetTime，说明之前模板变更，这是
新刷的数据，直接执行 ready 中的 callback');
doCb();
} else {
console.log('webso2.0: 没有_WebSoNetTime，说明这是缓存，设置超
时, 5s 后执行 ready 中的 callback');
timeoutId = setTimeout(function() {
console.log('webso2.0: 5s 超时, 直接执行 ready 中的
callback');
timeout = true;
doCb();
reportMd({
fromId : mdReport.fromId,
toId : mdReport.toId,
interfaceId : mdReport.interfaceId,
code : 1,
type : 0,
delay : new Date() - t1
});
}, 5000);
}
}, false);
}
} else {
console.log('webso2.0: 非 silent 模式');
done = true;
}
})();
</script> <script data-content="habo">
(function() {
var ua = navigator.userAgent || '';
var qzoneArray = /Qzone\/(\S+)/.exec(ua),
qqArray = /V\S+_\S+_\S+_\S+_\S+_\S+_\S+/.exec(ua),
weiyunArray = /Weiyun\/(\S+)/.exec(ua);
var apnArray = /NetType\/(\S+)/.exec(ua);
var uinArray = /uin=o0*(\S+);/.exec(document.cookie || '');
var pathArray = /^\/[^\/]+?\/[^\/]+/.exec(location.pathname || '');
var qua = qzoneArray && qzoneArray[1] || qqArray && qqArray[0] ||

weiyunArray && weiyunArray[1] || '';
var apn = apnArray && apnArray[1];
var uin = uinArray && uinArray[1];
var collector = [],

collectorTime = 2000,//2000ms 时间间隔内的请求合并上报
collectorTimer;
window.reportHaboGlobal = function(code, appid, command) {
command = command || '';
if (command[0] === '/') {
command = 'hybrid' + command + (pathArray && pathArray[0]);;
}
var data = {
releaseversion: qua,
apn: apn,
touin: uin,
key: 'appid,commandid,resultcode'
};
collector.push([appid || '1000361', command, code]);
var url = 'https://h5.qzone.qq.com/wspeed.qq.com/w.cgi';
collectorTimer && clearTimeout(collectorTimer);

collectorTimer = setTimeout(report, collectorTime);
function report() {
var params = [];
for (var key in data) {
if (data.hasOwnProperty(key)) {
params.push(key + '=' + encodeURIComponent(data[key]));
}
}
if (collector && collector.length) {
var i = 0;
while (collector.length) {
if (params.join('&').length > 1000) {
break;
}
var c = collector.shift();
params.push([i + 1, 1].join('_') + '=' + c[0]);
i++;
}
}
params.push('rv=' + Math.random());
new Image().src = url + '?' + params.join('&');
i > 0 && collector.length && setTimeout(report, 1000);
}
};
})();
</script> <script data-content="jserror">
(function() {
var toUrlParam = function(data) {
var arr = [];
for (var key in data) {
if (data.hasOwnProperty(key)) {
if(data[key] !== '' && data[key] !== undefined) {
arr.push(encodeURIComponent(key) + '=' +
encodeURIComponent(data[key]));
}
}
}
return arr.join('&');
};
var getCommand = function(host, pathname) {
var command = pathname.replace(/^\//, '');
if (!command || command.length <= 0) {
command = host;
} else {
command = command.replace('qzone/hybrid/module/', '');
command = command.replace('qzone/hybrid/', '');
command = command.replace(/^([^\/]+\/[^\/]+)(\/.*|$)/, '$1');
}
return 'hybrid/' + command;
};
var send = function(data, callback, onTimeout) {
try {
onTimeout && setTimeout(function() {
callback = null;
onTimeout && onTimeout();
}, 3000);
data = toUrlParam(data);
var url = 'https://h5.qzone.qq.com/log/post/script/error/' +
command;
var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : {};
if ('withCredentials' in xhr) {
xhr.open('post', url, true);
xhr.withCredentials = true;
xhr.setRequestHeader('Content-Type', 'application/x-www-form-
urlencoded');
xhr.onreadystatechange = function(){
if (xhr.readyState == 4 && xhr.status == 200) {
var o = JSON.parse(xhr.responseText);
onTimeout = null;
callback && callback(o);
}
};
try{xhr.send(data);}catch(e){};
} else if ('XDomainRequest' in window) {
var xdr = new XDomainRequest();
xdr.open('post', url);
xdr.onload = function() {
var o;
window.JSON ? (o = JSON.parse(xdr.responseText)) : eval('o
= ' + xdr.responseText);
onTimeout = null;
callback && callback(o);
};
try{xdr.send(data);}catch(e){};
}, 0);
}
} catch(e) {}
};
var appid = '1000361',
maxJsErrorCount = parseInt(''),
maxJsErrorCount = isNaN(maxJsErrorCount) ? 5 : maxJsErrorCount,
jsErrorCount = 0,
command = getCommand(location.host, location.pathname),
reportHabo = 1,
queue = [],
isReporting = false,
hasReportPv = false; var report = function() {
var data = queue.shift();
if (!data) {
isReporting = false;
return;
}
isReporting = true;
data.reportHabo = reportHabo;
reportHabo = 0;
send(data, function(o) {
if (o && o.code == 0 && o.data && o.data.result != 1) {
reportHabo = data.reportHabo;
}
setTimeout(report, 1000);
}, function() {
report();
});
};
window.reportJsError = function(data) {
reportPv();
if (jsErrorCount++ >= maxJsErrorCount) {return;}
queue.push(data);
!isReporting && report();
};
var onError = function(event) {
var data = {
appid: appid,
error: event.message,
stack: event.error && event.error.stack || '',
url: location.href,
scriptUrl: event.filename,
lineNumber: event.lineno,
columnNumber: event.colno
};
var fn = window.beforeJsErrorReport;
if (typeof fn === 'function' && false === fn(data)) {
return;
}
window.reportJsError(data);
};
var reportPv = function() {
if (hasReportPv) {return;}
window.reportHaboGlobal && reportHaboGlobal(0, appid, command);
hasReportPv = true;
};
if (window.addEventListener) {
window.addEventListener('error', onError);
window.addEventListener('load', reportPv);
} else if (window.attachEvent) {
window.attachEvent('onerror', onError);
window.attachEvent('onload', reportPv);
} else {
window.onerror = onError;
setTimeout(reportPv, 3000);
}
window.listenError = true;
})();
</script> <style data-url="//qzonestyle.gtimg.cn/touch/components/css/ui-
modal.v2.css">
.ui-modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;min-
height:100%;background-color:rgba(0,0,0,.4)}.ui-
modal{position:fixed;top:50%;left:50%;z-index:100;min-width:290px;background-
color:#fff;border-top:4px solid #ffcd00;border-radius:3px;-webkit-
transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-
select:none;user-select:none}.ui-modal .close{position:absolute;border:0
none;background-color:transparent;left:50%;margin-left:-20px;bottom:-
60px;color:transparent;width:41px;height:41px;overflow:hidden;-webkit-
appearance:none}.ui-modal
.close::after{content:'';position:absolute;left:2px;top:2px;width:37px;height:37px;
background-image:url(//qzonestyle.gtimg.cn/touch/components/css/img/ui-
modal/close@2x.png);background-size:cover}.ui-modal .ui-modal-
bd{display:table;width:100%}.ui-modal .ui-modal-bd .content{display:table-
cell;line-height:1.5;padding:18px 28px;vertical-align:middle;text-
align:center;font-size:20px;color:#2d2d2d}.ui-modal .ui-modal-bd .content
a{color:#00a5e0;text-decoration:none}.ui-modal .ui-modal-bd
.tips{display:block;padding-top:8px;font-size:16px;color:#707070}.ui-modal .ui-
modal-ft{position:relative;z-index:1;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}.ui-modal .ui-modal-ft .btn{display:block;position:relative;z-
index:1;-webkit-box-flex:1;-webkit-flex:1;flex:1;border:0 none;background-
color:transparent;font-size:18px;color:#000;min-height:44px;padding:0;text-
align:center;line-height:inherit;border-radius:0;-webkit-
transition:none;transition:none}.ui-modal .ui-modal-
ft:before{content:"";display:block;position:absolute;z-
index:9;left:0;right:0;height:1px;background-color:#e0e0e0}.ui-modal .ui-modal-
ft:before{top:0}.ui-modal .ui-modal-ft
.btn:after{content:"";display:block;position:absolute;top:0;left:0;bottom:0;z-
index:9;width:1px;height:auto;border:0 none;border-radius:0;background-
color:#e0e0e0}.ui-modal .ui-modal-ft .btn:first-child:after{display:none}@media
only screen and (-webkit-min-device-pixel-ratio:1.5){.ui-modal .ui-modal-
ft:before{-webkit-transform:scaleY(.6666);transform:scaleY(.6666)}.ui-modal .ui-
modal-ft .btn:after{-webkit-transform:scaleX(.6666);transform:scaleX(.6666)}.ui-
modal .ui-modal-ft .btn:after,.ui-modal .ui-modal-ft:before{-webkit-transform-
origin:0 0;transform-origin:0 0}}@media only screen and (-webkit-min-device-pixel-
ratio:2){.ui-modal .ui-modal-ft:before{-webkit-
transform:scaleY(.5);transform:scaleY(.5)}.ui-modal .ui-modal-ft .btn:after{-
webkit-transform:scaleX(.5);transform:scaleX(.5)}}@media only screen and (-webkit-
min-device-pixel-ratio:3){.ui-modal .ui-modal-ft:before{-webkit-
transform:scaleY(.3333);transform:scaleY(.3333)}.ui-modal .ui-modal-ft .btn:after{-
webkit-transform:scaleX(.3333);transform:scaleX(.3333)}}.ui-
modal{border:none;border-radius:4px;width:85.53333%;max-width:320px;-webkit-
transform:translate(-50%,-70%);transform:translate(-50%,-70%)}.ui-modal
.cover{display:block;width:100%}.ui-modal .ui-modal-hd{border-radius:4px 4px 0
0;overflow:hidden}.ui-modal .ui-modal-bd .tips{font-size:15px;color:#000;line-
height:21px;padding-top:0}.ui-modal .ui-modal-bd .main{font-size:16px;font-
weight:700;padding-bottom:10px}.ui-modal .ui-modal-bd .content{padding:25px 28px
28px}.ui-modal .ui-modal-ft{margin:0 13px 14px}.ui-modal .ui-modal-ft
.btn:after,.ui-modal .ui-modal-ft:before{display:none}.ui-modal .ui-modal-ft
.btn{margin:0 6px;border-radius:2px;min-height:37px}.ui-modal .ui-modal-ft
.btn.color-grey{background:#efefef;font-size:16px;color:#4a4a4a}.ui-modal .ui-
modal-ft .btn.color-light{background:#fec12a;font-size:16px;color:#fff}.ui-modal
.ui-modal-ft .btn.color-pay{background:#fbd54e;font-size:16px;color:#71400b}
/* kaka:coi190520153826,coi */
</style><style data-url="//qzonestyle.gtimg.cn/touch/proj-qzone-app/qzone-
vip/v2/openVip-new_v5.css">
a,address,b,blockquote,body,div,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,i,iframe,im
g,label,legend,li,ol,p,s,span,table,tbody,td,tfoot,th,thead,tr,ul{margin:0;padding:
0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-
family:punctuation,PingFangSC-Regular,"Microsoft Yahei",sans-serif;-webkit-font-
smoothing:subpixel-antialiased}ol,ul{list-style:none}a img{border:none;vertical-
align:top}a{text-decoration:none}button{overflow:visible}button::-moz-focus-
inner{padding:0}.qui-btn{position:relative;display:inline-block;border-
radius:2px;border:1px solid #c3c8cc;color:#000;box-sizing:border-box;font-size:0;z-
index:1}.qui-btn .ico{display:inline-block;background-size:100%
100%;position:relative;top:50%;-webkit-transform:translateY(-
50%);transform:translateY(-50%);margin-right:3px;width:20px;height:20px;vertical-
align:top}.qui-btn span{font-size:14px;display:inline-block;height:100%;box-
sizing:border-box}.qui-btn.bor{border-
color:transparent}.bor:after{content:'';position:absolute;z-index:1;border-
radius:4px;background-color:transparent;border:1px solid
#c3c8cc;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-
webkit-transform-origin:0 0;transform-origin:0 0;padding:1px;left:-1px;top:-
1px}.qui-btn.small{min-width:60px;text-align:center;height:30px;line-
height:30px;margin:0 5px}.qui-btn.icon{padding:0 10px;min-
width:auto;width:auto}.qui-btn.large{text-align:center;height:40px;line-
height:40px;margin:0 12px;display:block}.qui-btn.large span{font-size:18px}.qui-
btn.middle{text-align:center;height:40px;line-height:40px;margin:0 6px;-webkit-box-
flex:1;-webkit-flex:1;flex:1;padding:0}.qui-btn.middle span{font-size:18px}.qui-
btn.bg:before{content:'';display:block;position:absolute;background-
color:#eee;width:100%;height:100%;top:0;left:0;z-index:-1}.qui-
btn.bg.bor:before{padding:1px;left:-1px;top:-
1px}.border:after{content:'';position:absolute;z-index:-
1;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border-
radius:6px;background-color:transparent;border:1px solid
#e3e3e3}.split:after{content:'';position:absolute;right:0;bottom:0;top:0;border-
right:1px solid
#e3e3e3}.line:after{content:'';position:absolute;left:0;right:0;bottom:0;border-
bottom:1px solid #e3e3e3;z-index:2}@media only screen and (-webkit-min-device-
pixel-ratio:2),(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-
resolution:2dppx){.border:after{width:200%;height:200%;-webkit-
transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-
origin:0 0}.split:after{-webkit-
transform:scaleX(.5);transform:scaleX(.5);transform-origin:100% 0;-webkit-
transform-origin:100% 0}.line:after{-webkit-
transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:0
100%;transform-origin:0 100%}}.qui-nav{font-size:0;text-align:center;display:-
webkit-box;display:-webkit-flex;display:flex}.qui-nav .nav-item{height:55px;line-
height:55px;position:relative;overflow:hidden;font-size:16px;-webkit-box-flex:1;-
webkit-flex:1;flex:1;min-width:0;display:block}.qui-nav .nav-item .nav-
txt{display:block;position:relative;height:100%;color:#000;font-weight:700}.qui-nav
.nav-item .nav-
txt:after{content:'';display:block;position:relative;height:4px;background-
color:#ffd74b;opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-
transition:all .2s;transition:all .
2s;width:100%;position:absolute;bottom:0;left:0}.qui-nav .nav-item.active .nav-
txt:after{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.qui-nav.nav-
type-2 .nav-item .nav-txt{display:inline-block;padding:0 10px}.discount-item .price
.price-cut::after,.discount-item .price .price-
cut::before{content:'';display:inline-block;width:0;height:34px;background-
size:100% 100%}.discount-item .price .price-cut[data-cut$="0"]:not([data-
cut="0"])::after,.discount-item .price .price-cut[data-
cut^="0"]::before{width:24px;background-image:url(//qzonestyle.gtimg.cn/touch/proj-
qzone-app/qzone-vip/v2/sprite/openVip-new_v5@2x.png);background-position:-75px
-138px;background-size:206px 195px}.discount-item .price .price-cut[data-
cut$="1"]:not([data-cut="1"])::after,.discount-item .price .price-cut[data-
-68px;background-size:206px 195px}.discount-item.disable .price .price-cut[data-
cut$="0"]:not([data-cut="0"])::after,.discount-item.disable.disable .price .price-
cut[data-cut^="0"]::before{width:24px;background-
image:url(//qzonestyle.gtimg.cn/touch/proj-qzone-app/qzone-vip/v2/sprite/openVip-
new_v5@2x.png);background-position:0 -103px;background-size:206px 195px}.discount-
item.disable .price .price-cut[data-cut$="1"]:not([data-cut="1"])::after,.discount-
item.disable.disable .price .price-cut[data-
new_v5@2x.png);background-position:-50px -103px;background-size:206px
195px}.discount-item.disable .price .price-cut[data-cut$="3"]:not([data-
cut="3"])::after,.discount-item.disable.disable .price .price-cut[data-
new_v5@2x.png);background-position:-100px -103px;background-size:206px
195px}.discount-item.disable .price .price-cut[data-cut$="5"]:not([data-
cut="5"])::after,.discount-item.disable.disable .price .price-cut[data-
cut$="6"]:not([data-cut="6"])::after,.discount-item.disable .price .price-cut[data-
qzone-app/qzone-vip/v2/sprite/openVip-new_v5@2x.png);background-position:0
qzone-app/qzone-vip/v2/sprite/openVip-new_v5@2x.png);background-position:0
qzone-app
/qzone-vip/v2/sprite/openVip-new_v5@2x.png);background-position:-50px
-138px;background-size:206px 195px}*{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-
highlight-color:rgba(0,0,0,0)}a{-webkit-tap-highlight-color:transparent}.mod-open-
vip{position:fixed;bottom:0;left:0;background-
color:rgba(0,0,0,.5);width:100%;height:100%;overflow:hidden}.common-pay-mod
.commom-pay-cnt{position:absolute;width:100%;bottom:0;background-color:#fff}.mod-
open-vip *{font-family:punctuation,PingFangSC-Regular,"Microsoft Yahei",sans-
serif;font-size:14px}.open-vip{background-color:#fff;padding-
bottom:15px;position:absolute;width:100%;bottom:0}.mod-open-vip.active .open-
vip{opacity:0}.grey{color:#bbb!important}.link-color{color:#a64600!important}.mod-
nav{position:relative}.qui-nav .nav-item .nav-txt{font-size:0;width:95px;vertical-
align:top}.qui-nav .nav-item.qz-svip .nav-txt:before,.qui-nav .nav-item.qz-vip
.nav-
txt:before{position:absolute;content:'';display:block;width:120px;height:30px;backg
round-image:url(//qzonestyle.gtimg.cn/touch/proj-qzone-app/qzone-
vip/v2/sprite/openVip-new_v5@2x.png);background-position:0 0;background-size:206px
195px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-
50%,-50%)}.qui-nav .nav-item.qz-svip .nav-txt:before{background-
new_v5@2x.png);background-position:0 -34px;background-size:206px 195px}.info-
content .list-wrap{position:relative;margin-left:15px;z-index:1}.info-content
.list-item{height:60px;line-height:60px;position:relative;vertical-align:middle;-
webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-
flex;display:flex;-webkit-align-items:center;-webkit-box-align:center;align-
items:center;font-size:14px;padding-right:15px;padding-left:35px}.open-vip .info-
content .list-wrap:nth-last-child(1):after{display:none}.info-content .list-item
.disable{color:#bbb!important}.info-content .list-item .btn-
arrow:before{content:'';display:block;width:15px;height:9px;background-
new_v5@2x.png);background-position:-183px -162px;background-size:206px 195px;-
webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .
5s;transition:all .5s}.mod-open-vip.active .info-content .list-item .btn-
arrow:before{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.info-
content .list-item .btn-arrow{width:15px;height:9px;padding:5px;vertical-
align:middle;display:inline-block;text-indent:-999em;font-
size:0;position:relative}.info-content .list-item .item-
ico{width:22px;height:22px;margin-right:13px;display:inline-block;background-
size:100% 100%;position:absolute;left:0;top:50%;margin-top:-11px}.info-content
.list-item .user-name{color:#dd272e;max-width:20px;display:inline-
block;display:inline-block;white-space:nowrap;word-
wrap:normal;overflow:hidden;text-overflow:ellipsis;max-
width:90px;_width:100%;vertical-align:middle;padding:0 2px;position:relative;top:-
1px}.info-content .list-item.item-qq .item-ico{background-
new_v5@2x.png);background-position:0 -173px;background-size:206px 195px}.info-
content .list-item.item-month .item-ico{background-
new_v5@2x.png);background-position:-183px -139px;background-size:206px 195px}.info-
content .list-item.item-discount .item-ico{background-
content .list-item.item-price .item-ico{background-
content .list-item.item-update .item-ico{background-
content .list-item.item-input .item-ico{background-
content .over-tips .list-item .item-ico{background-
content .list-item .txtDel{color:#bbb;position:relative;margin-left:9px}.info-
content .list-item .lighthigh{font-size:23px;color:#dd272e;vertical-
align:top;padding-right:4px}.info-content .list-item .item-right{-webkit-
flex:auto;-webkit-box-flex:auto;flex:auto;text-align:right;min-width:0}.info-
content .list-item .item-op{text-align:center;font-size:0;width:100%;display:-
webkit-box;display:-webkit-flex;display:flex;position:relative}.info-content .list-
item .item-op .selectStyle span{font-
size:14px}.hot:before{content:'';display:block;position:absolute;width:23px;height:
23px;background-image:url(//qzonestyle.gtimg.cn/touch/proj-qzone-app/qzone-
vip/v2/sprite/openVip-new_v5@2x.png);background-position:-150px -138px;background-
size:206px 195px;top:-1px;left:-1px;border-radius:3px 0 0
0}.red:before{content:'';display:block;position:absolute;width:23px;height:23px;bac
kground-image:url(//qzonestyle.gtimg.cn/touch/proj-qzone-app/qzone-
vip/v2/sprite/openVip-new_v5@2x.png);background-position:-183px 0;background-
size:206px 195px;top:-1px;left:-1px;border-radius:3px 0 0 0}.info-content .list-
item .item-op .selectStyle{height:32px;line-height:32px;background:0 0;border:1px
solid #c3c8cc;margin:0 8px 0 0;outline:0;box-sizing:border-box;border-
radius:3px;position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;min-
width:0;display:block}.info-content .list-item .item-op .selectStyle
input[type=number],.info-content .list-item .item-op .selectStyle
input[type=tel],.info-content .list-item .item-op .selectStyle input[type=text]
{width:100%;border:0;height:100%;outline:0;padding:0;margin:0;display:inherit;backg
round:0 0;text-align:center;position:relative;color:#000;margin:0 auto}.info-
content .list-item .item-op .selectStyle.active input[type=text]
{color:#ffd74b}.info-content .list-item .item-op .selectStyle:nth-last-child(1)
{margin-right:0}.info-content .list-item .item-op .selectStyle.active,.info-content
.list-item .item-op .selectStyle:active{color:#a64600;border-
color:#ffd74b;background-color:#ffd74b}.info-content .list-item .item-op .select-
input.active,.info-content .list-item .item-op .select-
input:active{color:#a64600;border-color:#ffd74b;background-color:transparent}.info-
content .list-item .item-op .selectStyle.update{color:#a64600;border-
color:transparent}.info-content .item-update.list-item .item-op{width:55%}.info-
content .item-update.list-item .item-op .selectStyle{margin:0 0 0 8px}.info-content
.item-update.list-item .item-op .btn-add,.info-content .item-update.list-item
.item-op .btn-sub{background-color:#ffd74b;border-
color:#ffd74b;color:#a64600}.info-content .item-update.list-item .item-op
.disable{background-color:#fff;border-color:#c3c8cc;color:#c3c8cc}.info-content
.item-update.list-item .item-op .update-num{flex:2;-webkit-flex:2;-webkit-box-
flex:2;color:#1d1d1d}.info-content .item-update.list-item .item-op .selectStyle
span{font-size:26px;line-height:28px}.list-info{padding-bottom:10px;margin-top:-
2px;padding-right:15px}.list-info .tips{line-height:24px;padding-left:35px}.list-
info .tips .open-link{background:0 0;border:0;outline:0}.btn-bar{padding:0
13px}.btn-bar .btn-submit{display:block;width:100%;height:40px;line-
height:40px;background:#ffd74b;border-radius:2px;font-
size:16px;color:#a64600;padding:0;margin:0;outline:0;border:0}.btn-bar .btn-
friendPay{display:block;width:100%;height:40px;line-height:40px;background:0
0;border-radius:2px;font-
size:16px;color:#a64600;padding:0;margin:0;outline:0;border:0;margin-
top:5px;margin-bottom:5px}.dialog-
discount{position:absolute;width:100%;background:#fff;bottom:0;-webkit-
transition:all .3s;transition:all .3s;-webkit-
transform:translateY(100%);transform:translateY(100%);z-index:3}.mod-open-
vip.active .dialog-discount{-webkit-
transform:translateY(0);transform:translateY(0)}.dialog-discount .info-content
.list-wrap{margin:0;padding-left:15px}.discount-list{padding:0 15px}.discount-list
h2{line-height:20px;padding-top:20px}.discount-item.border:after{border-
color:#f1ddb4}.discount-item{margin-top:10px;height:80px;position:relative;z-
index:1;background-image:url(//qzonestyle.gtimg.cn/touch/proj-qzone-app/qzone-
vip/v2/img/openvip/new/b-normal@2x.png);background-size:100% 100%}.discount-
item.active:after{content:'';width:100%;height:100%;background-size:100%
100%;display:block;top:0;left:0;background-
image:url(//qzonestyle.gtimg.cn/touch/proj-qzone-app/qzone-
vip/v2/img/openvip/new/b-active@2x.png);position:absolute}.discount-
item.active:before{content:'';width:18px;height:18px;display:block;top:31px;right:2
0px;background-image:url(//qzonestyle.gtimg.cn/touch/proj-qzone-app/qzone-
vip/v2/sprite/openVip-new_v5@2x.png);background-position:-23px -173px;background-
size:206px 195px;position:absolute;display:none}.discount-item.disable{background-
image:url(//qzonestyle.gtimg.cn/touch/proj-qzone-app/qzone-
vip/v2/img/openvip/new/b-over@2x.png)}.discount-item.disable .detail
.title{color:#777}.discount-
item.disable:after{content:'';display:block;position:absolute;width:61px;height:55p
x;background-image:url(//qzonestyle.gtimg.cn/touch/proj-qzone-app/qzone-
vip/v2/sprite/openVip-new_v5@2x.png);background-position:-121px 0;background-
size:206px 195px;right:0;bottom:0;opacity:0}.discount-item .discount-
box{position:relative;height:100%}.discount-item .detail p{font-size:12px;max-
width:100%;position:relative}.discount-item .detail{position:relative;top:50%;-
webkit-transform:translateY(-50%);transform:translateY(-50%);padding-left:2
0px;float:left;color:#bbb;font-size:12px;line-height:16px;width:65%}.discount-
item .detail .title{font-size:16px;line-height:23px;color:#000;padding-
bottom:3px}.discount-item .price{width:25%;height:100%;float:left;text-
align:center;font-size:40px;color:#ca8e61;line-height:80px}.discount-
item.disable .price{color:#bbb}.discount-item .price-
cut{position:relative;height:34px}.discount-item .price .ico-rmb{display:inline-
block;width:7px;height:10px;background-image:url(//qzonestyle.gtimg.cn/touch/proj-
-56px;background-size:206px 195px;position:absolute;top:-17px;left:-7px}.discount-
item.disable .price .ico-rmb{background-image:url(//qzonestyle.gtimg.cn/touch/proj-
-56px;background-size:206px 195px}.discount-
op{width:100%;position:absolute;bottom:0;background:#fff;z-index:2}.discount-op
.item-op{text-align:center;font-size:0;display:-webkit-flex;display:-webkit-
box;display:flex;padding:15px 10px}.discount-op .item-op .qui-btn span{font-
size:16px}.discount-op .item-op .qui-btn{margin:0 5px;background:0 0;-webkit-
flex:1;-webkit-box-flex:1}.discount-op .item-op .qui-
btn.bg{color:#a64600}.discount-op .item-op .qui-btn.bg:before{background-
color:#ffd74b;border-radius:2px}.discount-op .item-op .qui-btn.bg:after{border-
color:#ffd74b}.discount-scroll{max-height:300px;overflow:auto;padding-bottom:70px;-
webkit-overflow-scrolling:touch}.none-tips{line-height:24px;color:#bbb;padding:10px
0 0}::-webkit-input-placeholder{color:#000}.mod-
checkbox{position:relative;width:80px;display:inline-block;text-align:right}.mod-
checkbox input[type=checkbox]{width:0;opacity:0}.mod-checkbox
label{cursor:pointer;position:absolute;width:100%;height:100%;top:0;left:0;-webkit-
tap-highlight-color:transparent}.mod-checkbox
label:before{content:'';cursor:pointer;position:absolute;width:16px;height:16px;top
:50%;left:0;background:0 0;border:1px solid #d0d0d0;-webkit-transform:translateY(-
50%);transform:translateY(-50%)}.mod-checkbox
label:after{opacity:.1;content:'';position:absolute;width:9px;height:5px;background
:0 0;top:50%;left:6px;margin-top:-2px;border:2px solid #ffd74e;border-
top:none;border-right:none;-webkit-transform:rotate(-45deg) translateY(-
50%);transform:rotate(-45deg) translateY(-50%)}.mod-checkbox label .tips{padding-
left:22px;color:#777}.mod-checkbox
input[type=checkbox]:checked+label:after{opacity:1}.mod-v3 .info-content .list-
item.item-month{height:80px}.mod-v3 .info-content .item-input.list-item .btn-pay
span,.mod-v3 .info-content .item-input.list-item .item-op .selectStyle span,.mod-v3
.info-content .item-month.list-item .item-op .selectStyle span{height:auto;line-
height:18px;display:block}.mod-v3 .info-content .item-input .btn-pay .sub i,.mod-v3
.info-content .list-item .item-op .selectStyle .sub i{display:inline-
block;width:14px;height:14px;position:relative;top:2px;margin-right:2px;background-
new_v5@2x.png);background-position:-42px -173px;background-size:206px 195px}.mod-v3
.info-content .list-item .item-op .selectStyle .sub,.mod-v3 .info-content .list-
item.item-input .btn-pay .sub{color:#a64600;font-size:12px}.mod-v3 .info-content
.list-item.item-input{height:85px}.mod-v3 .info-content .item-input.list-item
.item-op .selectStyle{margin-right:6px;height:50px;background-color:#ffd74b;border-
color:#ffd74b}.mod-v3 .info-content .item-input.list-item .item-
op{position:relative}.mod-v3 .info-content .item-input.list-item .item-op
.selectStyle{color:#dd272e;margin:0;border-color:#ffd74b;background-
color:transparent}.mod-v3 .info-content .item-input.list-item .item-op .selectStyle
span{font-size:26px}.mod-v3 .info-content .item-input.list-item .item-op
.disable{color:#c3c8cc}.mod-v3 .info-content .item-input.list-item .item-op .btn-
sub{line-
height:50px;position:absolute;height:50px;width:18%;border:none;top:0}.mod-v3
.info-content .item-input.list-item .item-op .btn-add{line-
height:50px;position:absolute;height:50px;width:18%;border:none;right:0;top:0}.mod-
v3 .info-content .item-input.list-item .item-op .update-num .link-color{padding:0
5px;font-size:25px;color:#dd272e!important;font-weight:700;vertical-align:sub}.mod-
v3 .info-content .item-input.list-item .item-op .update-num{flex:3;-webkit-flex:3;-
webkit-box-flex:3;color:#000;padding-left:18%;padding-right:18%;border-
radius:3px;line-height:50px}.mod-v3 .info-content .item-input.list-item .btn-
pay{width:90%;border:none;background:#ffd74b;border-
radius:3px;height:54px;padding:0;position:relative;top:-7px}.mod-v3 .info-
content .list-item .item-op .selectStyle:nth-last-child(1){margin-right:0}.mod-
v3 .list-info .tips{font-size:14px}.link-more{padding-left:10px}.tips-
checkbox{position:absolute;display:block;width:165px;height:38px;background-
size:100% 100%;background-image:url(//qzonestyle.gtimg.cn/touch/proj-qzone-
app/qzone-vip/v2/img/openvip/new/tips@2x.png);top:-20px;left:-90px}.overtime-bar
.link-vip-home:after{content:'';display:block;width:15px;height:9px;background-
new_v5@2x.png);background-position:-183px -162px;background-size:206px 195px;-
webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-
90deg) translateY(-50%);transform:rotate(-90deg) translateY(-
50%);position:absolute;right:-5px;top:50%;margin-top:-4px}.overtime-bar .link-vip-
home{float:right;position:relative;padding-right:15px;color:#bbb}.overtime-
bar:after{bottom:auto;top:0}.mod-v3 .open-vip{padding-bottom:0}.tab-bar .mod-
nav{height:100%}.tab-new .qui-nav .nav-item.qz-svip .nav-txt:before,.tab-new .qui-
nav .nav-item.qz-vip .nav-txt:before{margin-top:-6px}.tab-new .mod-nav .qui-nav
.nav-item{width:100%;-webkit-box-flex:0;-webkit-flex:none;flex:none;-webkit-
transition:all .5s;transition:all .5s}.tab-new .mod-nav .qui-nav .nav-item:nth-
child(1){-webkit-transform:translateX(-100%);transform:translateX(-
100%);opacity:0}.tab-new .mod-nav .qui-nav .nav-item:nth-child(1).active{-webkit-
transform:translateX(0);transform:translateX(0);opacity:1}.tab-new .mod-nav .qui-
nav .nav-item:nth-child(2){-webkit-
transform:translateX(0);transform:translateX(0);opacity:0}.tab-new .mod-nav .qui-
nav .nav-item:nth-child(2).active{-webkit-transform:translateX(-
100%);transform:translateX(-100%);opacity:1}.tab-new .mod-nav .qui-
nav{width:100%;overflow:hidden;margin:0 auto}.tab-new .qui-nav .nav-item .nav-
txt:after{opacity:0}.tab-new .mod-dot{text-
align:center;position:absolute;left:50%;-webkit-transform:translateX(-
50%);transform:translateX(-50%);bottom:5px;display:block}.mod-
dot{display:none}.tab-new .mod-dot .dot{display:inline-
block;width:4px;height:4px;border-radius:999px;background:#c3c8cc;margin:0
1px}.tab-new .mod-dot .dot.active{background:#ffc228}.tab-new .mod-nav .qui-
nav{position:relative;height:64px}.tab-new .mod-nav .qui-nav .nav-item:nth-child(1)
{position:absolute;left:0;top:0}.tab-new .mod-nav .qui-nav .nav-item:nth-child(2)
{position:absolute;left:100%;top:0}.no-tab .mod-dot{display:none}.no-tab .qui-
nav .nav-item.qz-svip .nav-txt:before,.no-tab .qui-nav .nav-item.qz-vip .nav-
txt:before{margin-top:0}.info-content .list-wrap.over-tips{background-
color:#f9f9f9;margin-left:0;padding-left:15px}.info-content .list-wrap.over-tips
.list-item{height:50px;line-height:1.5}.skin-love .btn-bar .btn-submit,.skin-
love .info-content .list-item .item-op .selectStyle.active,.skin-love .info-content
.list-item .item-op .selectStyle:active{color:#fff;border-color:#ed64ab;background-
color:#ed64ab}.skin-love .qui-nav .nav-item .nav-txt:after,.skin-love .tab-new
.mod-dot .dot.active{background-color:#ed64ab}.skin-love .mod-checkbox
label:after{border-color:#ed64ab}.skin-love .link-color,.skin-love.mod-v3 .info-
content .item-input.list-item .item-op .update-num .link-color{color:#ed64ab!
important}.skin-love .btn-bar .btn-friendPay,.skin-love.mod-v3 .info-content .item-
input.list-item .item-op .btn-add,.skin-love.mod-v3 .info-content .item-input.list-
item .item-op .btn-add.active,.skin-love.mod-v3 .info-content .item-input.list-item
.item-op .btn-add:active,.skin-love.mod-v3 .info-content .item-input.list-item
.item-op .btn-sub,.skin-love.mod-v3 .info-content .item-input.list-item .item-op
.btn-sub.active,.skin-love.mod-v3 .info-content .item-input.list-item .item-op
.btn-sub:active{color:#ed64ab;background:0 0}.common-pay-mod .list-info
.tips{padding-left:16px}.mod-open-vip.common-pay-mod .month-list ul{margin-
left:0}.mod-open-vip .month-list{padding:0 13px}.mod-open-vip .month-list .month-
tips{color:#7e7e7e;margin-bottom:10px}.mod-open-vip .common-pay-ticket .common-pay-
ticket-money{margin-left:13px}.mod-open-vip .common-pay-ticket{margin-
bottom:10px}.mod-open-vip .common-pay-ticket,.mod-open-vip .common-pay-ticket
.common-pay-ticket-renewals{height:auto;line-height:inherit}.mod-open-vip .common-
pay-ticket .common-pay-ticket-renewals .ticket-option{color:#fb6155;font-
weight:700}.common-pay-mod .ui-switch{position:absolute;font-
size:14px;right:12px;top:32%;margin-top:-16px;width:52px;height:32px;line-
height:32px}.common-pay-mod .ui-switch-text{font-size:16px}.common-pay-mod .ui-
switch input{width:65px;height:32px;position:absolute;z-
index:2;border:none;background:0 0;-webkit-appearance:none;outline:0}.common-pay-
mod .ui-switch
input:before{position:static;position:relative;content:'';width:50px;height:30px;bo
rder:1px solid #dfdfdf;background-color:#fdfdfd;border-
radius:20px;cursor:pointer;display:inline-block;position:relative;vertical-
align:middle;-webkit-box-sizing:content-box;border-color:#dfdfdf;-webkit-box-
shadow:#dfdfdf 0 0 0 0 inset;-webkit-transition:border .4s,-webkit-box-shadow .4s;-
webkit-background-clip:content-box;background-image:none;background-position:0
0;top:0}.common-pay-mod .ui-switch
input:checked:before{position:relative;width:50px;height:30px;border-
color:#fbd64e;-webkit-box-shadow:#fb
d64e 0 0 0 16px inset;background-color:#fbd64e;-webkit-transition:border .4s,-
webkit-box-shadow .4s,background-color 1.2s;background-color:#fbd64e;background-
image:none;background-position:0 0;top:0}.common-pay-mod .ui-switch
input:checked:after{left:21px}.common-pay-mod .ui-switch
input:after{content:'';width:30px;height:30px;position:absolute;top:1px;left:0;bord
er-radius:100%;background-color:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-
webkit-transition:left .2s}.common-pay-mod .ui-switch .ui-pay-
tips{position:absolute;width:148px;height:58px;width:148px;height:58px;background-
image:url(//qzonestyle.gtimg.cn/touch/proj-qzone-app/qzone-vip/v2/img/common-
pay/icon-s3518555592.png);background-position:0 -631px;background-repeat:no-
repeat;-webkit-background-size:148px auto;top:-50px;left:-86px;opacity:0}.common-
pay-mod .ui-pay-tips.show{-webkit-transform-origin:left bottom;-webkit-
animation:bobbleShow 3s linear .3s;animation:bobbleShow 3s linear .3s;-webkit-
animation-fill-mode:both;animation-fill-mode:both}.common-pay-mod .ui-switch
input:checked:before{border-color:#fbd54e;-webkit-box-shadow:#fbd54e 0 0 0 16px
inset;background-color:#fbd54e;-webkit-transition:border .4s,-webkit-box-shadow .
4s,background-color 1.2s;background-color:#fbd54e}.common-pay-mod .common-pay-
money{position:relative;padding:0 13px;margin-top:10px;margin-bottom:15px}.mod-
open-vip.common-pay-mod .common-pay-selection{margin-top:0;margin-bottom:10px}.mod-
open-vip .pay-protocol{display:-webkit-box;display:-webkit-flex;display:flex;-
webkit-box-pack:justify;-webkit-justify-content:space-between;justify-
content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-
items:center;font-size:14px;color:#bbb;padding:0 13px;margin-top:15px;padding-
bottom:15px}.mod-open-vip .pay-protocol a{color:#bbb}.mod-open-vip.common-pay-
mod .user-control{font-weight:700}.mod-open-vip.common-pay-mod .month-list .common-
pay-input-month-num{height:32px}.month-warn .common-pay-input-month-
num{color:#fb6155}.month-warn .month-price .price-original,.month-warn .month-price
.price-special{visibility:hidden}.mod-open-vip .warn-
text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-
50%);transform:translate(-50%,-50%);font-
size:14px;color:#fb6155;visibility:hidden}.month-warn .warn-
text{visibility:visible}.mod-open-vip .btn-
close{position:absolute;width:40px;height:40px;background-
pay/close@2x.png);background-size:100% 100%;top:-40px;right:0;background-
color:transparent;border:none}@media only screen and (max-width:360px){.mod-v3
.list-info .tips{font-size:12px}}@media only screen and (max-width:330px){.info-
content .list-item .item-op .selectStyle span{font-size:13px}}@media only screen
and (max-height:503px){.discount-scroll{max-height:230px}}@media only screen and
(max-height:240px){.btn-bar,.info-content .list-item.item-qq,.list-info
.tips{display:none}}.iosX .mod-v3 .open-vip{padding-bottom:34px}.mod-checkbox
label{position:relative}.mod-checkbox{min-width:80px;width:auto}@media only screen
and (device-width :375px) and (device-height :812px) and (-webkit-device-pixel-
ratio :3),(device-width :414px) and (device-height :896px) and (-webkit-device-
pixel-ratio :3),(device-width :414px) and (device-height :896px) and (-webkit-
device-pixel-ratio :2){.mod-v3 .open-vip{padding-bottom:34px}}.info-content .list-
item .item-op .selectStyle{min-width:18%}.info-content .list-item .item-op
.selectStyle input[type=number],.info-content .list-item .item-op .selectStyle
input[type=tel],.info-content .list-item .item-op .selectStyle input[type=text]
{max-width:60px}.info-content .list-item .item-
right{position:absolute;right:15px;top:0}.qui-nav .nav-
item{width:50%;float:left;position:relative;overflow:hidden;font-size:16px;-webkit-
flex:1;-webkit-box-flex:1;flex:1;min-width:0;display:block;height:55px;line-
height:55px}.vip-coverTips{background-color:#fff;text-align:center}.vip-
coverTips .cover-tips{font-size:12px;color:#dd272e}.vip-coverTips .cover-
logo{width:60%;display:block;margin:0 auto 10px}.block-rules{margin:2px
15px}.block-rules .rule a{font-size:10px;color:#cecece}.block-rules .rule{font-
size:10px;line-height:14px;color:#cecece;padding:2px 0}
/* kaka:190617102555,jan */
</style><style data-url="//qzonestyle.gtimg.cn/touch/proj-qzone-app/qzone-
vip/v2/common-pay.css">
li,ul{list-style:none;margin:0;padding:0}@font-face{font-
family:din;src:url(//qzonestyle.gtimg.cn/touch/proj-qzone-app/qzone-
vip/v2/font/din.eot?) format("eot"),url(//qzonestyle.gtimg.cn/touch/proj-qzone-
app/qzone-vip/v2/font/din.woff2)
format("woff2"),url(//qzonestyle.gtimg.cn/touch/proj-qzone-app/qzone-
vip/v2/font/din.woff) format("woff"),url(//qzonestyle.gtimg.cn/touch/proj-qzone-
app/qzone-vip/v2/font/din.ttf)
format("truetype"),url(//qzonestyle.gtimg.cn/touch/proj-qzone-app/qzone-
vip/v2/font/din.svg#din) format("svg")}.common-pay-mod .common-pay-tab{padding-
top:12px}.common-pay-mod .month-list{margin-top:18px}.common-pay-mod .month-list
ul{white-space:nowrap;overflow-x:auto;font-size:0;margin-left:13px;height:150px;-
webkit-overflow-scrolling:touch}.common-pay-mod .common-pay-tab ul{display:-webkit-
box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-
content:space-between;justify-content:space-between;-webkit-box-align:center;-
webkit-align-items:center;align-items:center;padding:0 42px}.common-pay-mod
.common-pay-tab.single-tab ul{-webkit-box-pack:center;-webkit-justify-
content:center;justify-content:center}.common-pay-mod .common-pay-tab ul
li{position:relative;padding-bottom:12px}.common-pay-mod .common-pay-tab .icon-
logo{display:block;width:92px;height:30px}.common-pay-mod .common-pay-tab .tab-
icon-svip .icon-logo{width:113px;height:38px;background-
pay/svip@2x.png);background-size:100% 100%;background-position:center}.common-pay-
mod .common-pay-tab .tab-icon-vip .icon-logo{width:113px;height:38px;background-
pay/vip@2x.png);background-size:100% 100%;background-position:center}.common-pay-
mod .common-pay-tab .tab-
active::after{content:"";position:absolute;width:100%;height:2px;background-
color:#fbd54e;bottom:0;left:0}.common-pay-mod .common-pay-mod-vip .common-pay-
tab .tab-active::after{background-color:#1fbaf3}.common-pay-mod .month-list ul
li{position:relative;display:inline-block;width:25%;border:1px solid
#e3e3e3;border-radius:3px;font-size:16px;margin-right:10px;box-sizing:border-
box;margin-right:10px}.common-pay-mod .month-list ul
.disabled{color:#ccc;background:#e9ebec;border:1px solid #e9ebec}.common-pay-mod
.common-pay-mod .month-list .disabled .month-number{border-bottom-
color:#d8d8d8}.common-pay-mod .month-list ul li span{display:block}.common-pay-
mod .month-list .month-price{position:relative;text-align:center;padding:15px 0
10px}.common-pay-mod .month-list .month-number{border-bottom:1px solid
#e3e3e3;text-align:center;font-size:15px;height:32px;line-height:32px;box-
sizing:border-box}.common-pay-mod .month-list .price-
tips{position:absolute;background-color:#fb6155;color:#fff;font-
size:12px;padding:4px;border-radius:2px;top:4px;left:50%;-webkit-
transform:translateX(-50%);transform:translateX(-50%);height:18px;padding:0
5px;box-sizing:border-box;line-height:18px}.common-pay-mod .common-pay-upgrade-
month .month-list .price-tips{width:50%}.common-pay-mod .month-list .price-
special{position:relative;font-size:35px;font-family:din;line-height:1;margin-
top:7px}.common-pay-mod .month-list .price-
special::before{content:'';display:inline-
block;width:8px;height:9px;width:8px;height:9px;background-
pay/icon-s3518555592.png);background-position:0 -76px;background-repeat:no-repeat;-
webkit-background-size:148px auto;vertical-align:text-top;margin-top:10px}.common-
pay-mod .month-list .price-original{font-size:12px;color:#999;margin-top:0}.common-
pay-mod .month-list .price-original,.common-pay-mod .month-list .price-
special{line-height:1}.common-pay-mod .month-list .price-original .icon-
original{display:inline-block;width:8px;height:9px;width:8px;height:9px;background-
webkit-background-size:148px auto}.common-pay-mod .month-list .month-
active::before{content:"";position:absolute;width:107px;height:38px;width:107px;hei
ght:38px;background-image:url(//qzonestyle.gtimg.cn/touch/proj-qzone-app/qzone-
vip/v2/img/common-pay/icon-s3518555592.png);background-position:0
-498px;background-repeat:no-repeat;-webkit-background-size:148px
auto;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-
50%);z-index:2}.common-pay-mod .month-list .month-active .month-number{background-
color:#ffec7e;border-color:#ffec7e}.common-pay-mod .month-list .month-
active{border-color:#ffec7e;box-shadow:0 8px 10px rgba(255,215,75,.28)}.common-pay-
mod .month-list .month-active .month-price{background-color:#fffbec}.common-pay-mod
.month-edit .price-original,.common-pay-mod .month-list .other-pay .price-
original{visibility:hidden}.common-pay-mod .month-list .price-inactivated .price-
special{color:#999}.common-pay-mod .month-edit .price-special{top:5px}.common-pay-
mod .month-list .common-pay-input-month-num{width:100%;box-shadow:none;-webkit-
appearance:none;outline:0;background:0 0;border:0;text-
align:center;position:relative;z-index:1;font-
size:16px;height:auto;margin:0}.common-pay-mod .month-list .price-inactivated
.price-special::before,.common-pay-mod .month-list ul .disabled .price-
special::before{width:8px;height:9px;background-
webkit-background-size:148px auto}.common-pay-mod .month-list .input-wrap{border-
bottom:1px solid #e3e3e3;height:32px;line-height:32px;box-sizing:border-
box}.common-pay-mod .month-list .month-active .input-wrap{background-
color:#ffec7e;border-bottom-color:#ffec7e}.common-pay-mod .price-over{font-
size:14px;padding:20px 0 8px}.common-pay-mod .common-pay-month .month-overstep
.price-special,.common-pay-mod .month-list .price-over{display:none}.common-pay-mod
.common-pay-month .month-overstep .common-pay-input-month-
num:focus{color:#fb6155}.common-pay-mod .common-pay-month .month-overstep .price-
over{display:block;color:#fb6155}.common-pay-mod .common-pay-
selection{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-
webkit-box-pack:justify;-webkit-justify-content:space-between;justify-
content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-
items:center;padding:0 13px;margin-top:13px;z-index:5}.common-pay-mod .common-pay-
selection .common-pay-option{display:-webkit-box;display:-webkit-
flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-
between;justify-content:space-between;-webkit-box-align:center;-webkit-align-
items:center;align-items:center}.common-pay-mod .common-pay-selection .common-pay-
ways{font-size:16px}.common-pay-mod .common-pay-selection .common-pay-option{font-
size:14px}.common-pay-mod .common-pay-selection .common-pay-option li:nth-of-
type(1){margin-right:20px}.common-pay-mod .common-pay-selection .common-pay-
option .common-pay-qq-icon,.common-pay-mod .common-pay-selection .common-pay-option
.common-pay-wx-icon{display:inline-block;width:20px;height:20px;vertical-
align:middle}.common-pay-mod .common-pay-selection .common-pay-option
li{color:#999}.common-pay-mod .common-pay-selection .common-pay-option .pay-
selected{color:#000}.common-pay-mod .common-pay-selection .common-pay-option .pay-
selected .common-pay-qq-icon{width:20px;height:20px;background-
repeat;-webkit-background-size:148px auto}.common-pay-mod .common-pay-selection
.common-pay-option .common-pay-qq-icon{width:20px;height:20px;background-
.common-pay-option .common-pay-wx-icon{width:20px;height:20px;background-
.common-pay-option .pay-selected .common-pay-wx-
icon{width:20px;height:20px;background-image:url(//qzonestyle.gtimg.cn/touch/proj-
qzone-app/qzone-vip/v2/img/common-pay/icon-s3518555592.png);background-position:0
-429px;background-repeat:no-repeat;-webkit-background-size:148px auto}.common-pay-
mod .common-pay-mod-vip .month-list .month-active{border-color:#1fbaf3;box-shadow:0
8px 10px rgba(31,186,243,.28)}.common-pay-mod .common-pay-mod-vip .month-list
.month-active .month-number{background-color:#1fbaf3;border-
color:#1fbaf3;color:#fff}.common-pay-mod .common-pay-mod-vip .month-list .month-
active .input-wrap{background-color:#1fbaf3;border-bottom-color:#1fbaf3}.common-
pay-mod .common-pay-unusual .common-pay-money,.common-pay-mod .common-pay-
unusual .common-pay-ticket{display:none}.common-pay-mod .common-pay-unusual
.common-pay-btn-friend{background-color:#e9ebec;color:#bbb}.common-pay-mod .common-
pay-unusual .common-pay-btn-open{opacity:.6}.common-pay-mod .comm-pay-no{font-
size:14px;color:#999;padding:16px 0 0 13px}.common-pay-mod .comm-pay-no
a{color:#000}.common-pay-single-month .month-list li:nth-of-type(1) .price-
original{visibility:hidden}.common-pay-mod-vip .month-list .month-active{border-
color:#1fbaf3;box-shadow:0 8px 10px rgba(31,186,243,.28)}.common-pay-mod-vip
.month-list .month-active .month-number{background-color:#1fbaf3;border-
color:#1fbaf3;color:#fff}.common-pay-mod-vip .month-list .month-active .input-
wrap{background-color:#1fbaf3;border-bottom-color:#1fbaf3}.common-pay-mod-vip
.month-list .month-active .common-pay-input-month-num{border-bottom-
color:#1fbaf3}.common-pay-mod-vip .month-list .month-active .month-
price{background-color:#fff}.common-pay-mod-vip .pay-color-text{color:#1fbaf3!
important}.common-pay-mod-svip .pay-color-text{color:#fbd64e!important}.common-pay-
mod .common-pay-selection{position:relative;display:-webkit-box;display:-webkit-
flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-
items:center;align-items:center;padding:0 13px;margin-top:13px;z-index:5}.common-
pay-mod .common-pay-selection .common-pay-option{display:-webkit-box;display:-
webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-
items:center;align-items:center}.common-pay-mod .common-pay-selection .common-pay-
ways{font-size:14px}.common-pay-mod .common-pay-selection .common-pay-option{font-
size:14px}.common-pay-mod .common-pay-selection .common-pay-option li:nth-of-
type(1){margin-right:20px}.common-pay-mod .common-pay-selection .common-pay-
option .common-pay-qq-icon,.common-pay-mod .common-pay-selection .common-pay-option
.common-pay-wx-icon{display:inline-block;width:20px;height:20px;vertical-
align:middle}.common-pay-mod .common-pay-selection .common-pay-option
li{color:#999}.common-pay-mod .common-pay-selection .common-pay-option .pay-
selected{color:#000}.common-pay-mod .common-pay-selection .common-pay-option .pay-
selected .common-pay-qq-icon{width:20px;height:20px;background-
.common-pay-option .common-pay-qq-icon{width:20px;height:20px;background-
.common-pay-option .common-pay-wx-icon{width:20px;height:20px;background-
.common-pay-option .pay-selected .common-pay-wx-
icon{width:20px;height:20px;background-image:url(//qzonestyle.gtimg.cn/touch/proj-
qzone-app/qzone-vip/v2/img/common-pay/icon-s3518555592.png);background-position:0
-429px;background-repeat:no-repeat;-webkit-background-size:148px auto}.common-pay-
mod .common-pay-mod-vip .month-list .month-active{border-color:#1fbaf3;box-shadow:0
8px 10px rgba(31,186,243,.28)}.common-pay-mod .common-pay-mod-vip .month-list
.month-active .month-number{background-color:#1fbaf3;border-
color:#1fbaf3;color:#fff}.common-pay-mod .common-pay-mod-vip .month-list .month-
active .input-wrap{background-color:#1fbaf3;border-bottom-color:#1fbaf3}.common-
pay-mod .common-pay-unusual .common-pay-money,.common-pay-mod .common-pay-
unusual .common-pay-ticket{display:none}.common-pay-mod .common-pay-unusual
.common-pay-btn-friend{background-color:#e9ebec;color:#bbb}.common-pay-mod .common-
pay-unusual .common-pay-btn-open{opacity:.6}.common-pay-mod .comm-pay-no{font-
size:14px;color:#999;padding:16px 0 0 13px}.common-pay-mod .comm-pay-no
a{color:#000}.common-pay-mod.common-pay-mod-svip .common-pay-money,.common-pay-
mod.common-pay-mod-vip .common-pay-money{position:relative;margin-
top:35px;padding:0 12px}.common-pay-mod.common-pay-mod-svip .ui-switch,.common-pay-
mod.common-pay-mod-vip .ui-switch{position:absolute;font-
height:32px}.common-pay-mod.common-pay-mod-svip .ui-switch-text,.common-pay-
mod.common-pay-mod-vip .ui-switch-text{font-size:16px}.common-pay-mod.common-pay-
mod-svip .ui-switch input,.common-pay-mod.common-pay-mod-vip .ui-switch
input{width:65px;height:32px;position:absolute;z-index:2;border:none;background:0
0;-webkit-appearance:none;outline:0}.common-pay-mod.common-pay-mod-svip .ui-switch
input:before,.common-pay-mod.common-pay-mod-vip .ui-switch
0;top:0}.common-pay-mod.common-pay-mod-svip .ui-switch
input:checked:before,.common-pay-mod.common-pay-mod-vip .ui-switch
color:#fbd64e;-webkit-box-shadow:#fbd64e 0 0 0 16px inset;background-
color:#fbd64e;-webkit-transition:border .4s,-webkit-box-shadow .4s,background-color
1.2s;background-color:#fbd64e;background-image:none;background-position:0
0;top:0}.common-pay-mod.common-pay-mod-svip .ui-switch input:checked:after,.common-
pay-mod.common-pay-mod-vip .ui-switch input:checked:after{left:21px}.common-pay-
mod.common-pay-mod-svip .ui-switch input:after,.common-pay-mod.common-pay-mod-
vip .ui-switch
webkit-transition:left .2s}.common-pay-mod.common-pay-mod-svip .ui-switch .ui-pay-
tips,.common-pay-mod.common-pay-mod-vip .ui-switch .ui-pay-
pay-mod.common-pay-mod-svip .ui-pay-tips.show,.common-pay-mod.common-pay-mod-vip
.ui-pay-tips.show{-webkit-transform-origin:left bottom;-webkit-animation:bobbleShow
3s linear .3s;animation:bobbleShow 3s linear .3s;-webkit-animation-fill-
mode:both;animation-fill-mode:both}.common-pay-mod-vip.common-pay-mod .ui-switch
input:checked:before{border-color:#1fbaf3;-webkit-box-shadow:#1fbaf3 0 0 0 16px
inset;background-color:#1fbaf3;-webkit-transition:border .4s,-webkit-box-shadow .
4s,background-color 1.2s;background-color:#1fbaf3}.common-pay-
ticket{position:relative;width:auto;height:50px;display:-webkit-box;-webkit-box-
align:center}.common-pay-ticket .common-pay-icon-
ticket{display:block;width:18px;height:16px;background-
repeat;-webkit-background-size:148px auto}.common-pay-ticket .common-pay-ticket-
renewals .ticket-option::after{content:"";display:inline-
block;width:15px;height:15px;width:15px;height:15px;background-
pay/icon-s3518555592.png);background-position:0 0;background-repeat:no-repeat;-
webkit-background-size:148px auto;vertical-align:-2px;margin-left:5px}.common-pay-
ticket .common-pay-ticket-money{font-size:16px;margin-left:16px;color:#000}.common-
pay-ticket .common-pay-ticket-
renewals{position:absolute;right:15px;top:0;height:50px;line-height:50px}.common-
pay-ticket .common-pay-ticket-renewals .common-pay-ticket-btn{font-size:14px;font-
weight:400;color:#fdb500;padding:0}.common-pay-ticket .common-pay-ticket-
renewals .ticket-option{color:#000;font-size:14px;text-decoration:none}.common-pay-
mod .common-pay-nav-
logo{position:absolute;left:0;top:0;display:block;width:193px;height:127px;backgrou
nd-position:center top;background-size:100% auto;background-repeat:no-
repeat}.common-pay-mod .common-pay-
nav{position:relative;width:100%;height:45px;overflow:hidden;background-
color:#f8f8f8}.common-pay-mod .user-info{height:100%;display:-webkit-box;display:-
webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-
items:center;-webkit-box-pack:justify;-webkit-justify-content:space-
between;justify-content:space-between;padding:0 12px}.common-pay-mod .user-
details{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-
align:center;-webkit-align-items:center;align-items:center}.common-pay-mod .user-
avatar{display:block;width:28px;height:28px;border-radius:28px;margin-
right:12px}.common-pay-mod .user-number{font-size:16px;color:#999}.common-pay-
mod .user-control{color:#000;font-size:15px;text-decoration:none;font-weight:400!
important}.common-pay-mod .common-pay-tab{padding-top:12px}.common-pay-mod .common-
pay-tab ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-
pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-
webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0
42px}.common-pay-mod .common-pay-tab.single-tab ul{-webkit-box-pack:center;-webkit-
justify-content:center;justify-content:center}.common-pay-mod .common-pay-tab ul
li{position:relative;padding-bottom:12px}.common-pay-mod .common-pay-tab .tab-icon-
svip::after,.common-pay-mod .common-pay-tab .tab-icon-
vip::after{content:"";position:absolute;width:100%;height:2px;background-
color:#fbd54e;bottom:-1px;left:0;-webkit-transform:scaleX(0);transform:scaleX(0);-
webkit-transition:all .2s;transition:all .2s}.common-pay-mod .common-pay-tab .icon-
logo{display:block;width:92px;height:30px}.common-pay-mod .common-pay-tab .tab-
active::after{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.common-
pay-mod .common-pay-mod-vip .common-pay-tab .tab-active::after{background-
color:#1fbaf3}.common-pay-mod
.common-pay-icon-
haoma{position:static;display:block;width:28px;height:28px;border-
radius:100%;margin-right:12px;background-position:0 0;background-size:100%}.common-
pay-mod .common-pay-nickname{position:relative;max-width:120px;white-
space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px}.common-pay-
mod .common-pay-
nickname:after{content:"";display:block;width:30px;height:80%;position:absolute;top
:10%;right:0}.common-pay-mod .user-info .common-pay-input{display:-webkit-
box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-
items:center;align-items:center}.common-pay-mod .common-pay-input-qqnumber{margin-
left:10px;display:block;width:auto;max-width:107px;min-width:30px;height:30px;line-
height:30px;border:0;outline:0;white-space:nowrap;overflow:hidden;margin-
left:0;margin-right:0;padding-right:2px;font-size:16px;background:0 0}.common-pay-
mod .common-pay-tips span{margin-left:0}.common-pay-mod .list-info .tips{padding-
left:16px}.common-pay-mod .month-list ul{margin-left:0}.common-pay-mod .month-
list{padding:0 0 0 13px;margin-bottom:10px}.common-pay-mod .month-list .month-
tips{font-size:14px;color:#7e7e7e}.common-pay-mod .common-pay-ticket .common-pay-
ticket-money{margin-left:13px;font-size:14px}.mod-tab .common-pay-mod .common-pay-
selection .common-pay-ways{font-size:14px}.common-pay-mod .common-pay-ticket
.common-pay-ticket-renewals .ticket-option{display:block;color:#fb6155;font-
weight:700}.common-pay-mod .ui-switch{position:absolute;font-
height:32px}.common-pay-mod .ui-switch-text{font-size:14px}.common-pay-mod .ui-
switch input{width:55px;height:32px;position:absolute;z-
index:2;border:none;background:0 0;-webkit-appearance:none;outline:0}.common-pay-
mod .ui-switch
0;top:0}.common-pay-mod .ui-switch
color:#fbd64e;-webkit-box-shadow:#fbd64e 0 0 0 16px inset;background-
color:#fbd64e;-webkit-transition:border .4s,-webkit-box-shadow .4s,background-color
1.2s;background-color:#fbd64e;background-image:none;background-position:0
0;top:0}.common-pay-mod .ui-switch input:checked:after{left:21px}.common-pay-mod
.ui-switch
webkit-transition:left .2s}.common-pay-mod .ui-switch .ui-pay-
pay-mod .ui-pay-tips.show{-webkit-transform-origin:left bottom;-webkit-
animation:bobbleShow 3s linear .3s;animation:bobbleShow 3s linear .3s;-webkit-
animation-fill-mode:both;animation-fill-mode:both}.common-pay-mod .ui-switch
input:checked:before{border-color:#fbd54e;-webkit-box-shadow:#fbd54e 0 0 0 16px
inset;background-color:#fbd54e;-webkit-transition:border .4s,-webkit-box-shadow .
4s,background-color 1.2s;background-color:#fbd54e}.common-pay-mod .common-pay-
money{position:relative;padding:0 13px;margin-top:10px;margin-bottom:10px}.common-
pay-mod .common-pay-selection{margin-top:0}.common-pay-mod .pay-protocol{display:-
webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-
justify-content:space-between;justify-content:space-between;-webkit-box-
align:center;-webkit-align-items:center;align-items:center;font-
size:12px;color:#bbb;padding:0 13px;margin-top:15px;padding-bottom:15px}.common-
pay-mod .pay-protocol a{color:#bbb}.common-pay-mod .month-list .common-pay-input-
month-num{padding:0}.common-pay-mod .month-list .input-wrap{position:relative;line-
height:34px}.common-pay-mod .month-list .input-wrap .common-pay-input-month-
num{position:absolute;width:100%;left:50%;top:50%;-webkit-transform:translate(-
50%,-50%);transform:translate(-50%,-50%);z-index:5;font-size:15px}.common-pay-
mod .month-list .month-active{background-color:#fffbec}.month-warn .common-pay-
input-month-num{color:#fb6155}.common-pay-mod .month-list-scroll{white-
space:nowrap;overflow-x:auto;font-size:0;height:150px;-webkit-overflow-
scrolling:touch}.common-pay-mod .month-list ul li{width:90px}.month-warn .month-
price .price-original,.month-warn .month-price .price-
special{visibility:hidden}.mod-tab .month-price .price-original,.month-price
.price-special{line-height:1}.common-pay-mod .warn-
text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-
50%);transform:translate(-50%,-50%);font-
size:13px;color:#fb6155;visibility:hidden}.month-warn .warn-
text{visibility:visible}.common-pay-mod .btn-
close{position:absolute;width:40px;height:40px;background-
pay/close@2x.png);background-size:100% 100%;top:-40px;right:0;background-
color:transparent;border:none}.common-pay-mod .month-list ul{margin-left:0}.common-
pay-mod .common-pay-money{display:-webkit-box;display:-webkit-flex;display:flex;-
webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-
bottom:15px}.btn-bar{padding:0 13px;margin-top:0}.btn-bar .btn-
submit{display:block;width:100%;height:40px;line-
height:40px;background:#ffd74b;border-radius:2px;font-
size:16px;color:#a64600;padding:0;margin:0;outline:0;border:0}.common-pay-
selection,.common-pay-ticket{margin-bottom:10px}.common-pay-ticket,.common-pay-
ticket .common-pay-ticket-renewals{height:auto;line-height:inherit}::-webkit-input-
placeholder{color:#000;font-size:16px}.common-pay-mod .swiper-
tab{overflow:hidden}.common-pay-mod .swiper-tab{padding-bottom:8px}.common-pay-
mod .swiper-tab ul{width:200%;text-align:center;-webkit-box-pack:center;-webkit-
justify-content:center;justify-content:center;padding:0;-webkit-transition:-webkit-
transform .5s linear;transition:-webkit-transform .5s linear;transition:transform .
5s linear;transition:transform .5s linear,-webkit-transform .5s linear}.common-pay-
mod .swiper-tab ul li{-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;text-
align:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-
pack:center;-webkit-justify-content:center;justify-content:center;padding-
bottom:4px}.common-pay-mod .swiper-tab.swiper-vip ul{-webkit-transform:translateX(-
50%);transform:translateX(-50%)}.common-pay-mod .swiper-tab .tab-icon-
svip::after,.common-pay-mod .swiper-tab .tab-icon-vip::after{display:none}.common-
pay-mod .swiper-tab .swiper-page{display:-webkit-box;display:-webkit-
flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-
content:center}.common-pay-mod .swiper-tab .swiper-page
span{display:block;width:4px;height:4px;border-radius:100%;background-
color:#d8d8d8;margin:0 2px}.common-pay-mod .swiper-tab .swiper-page .swiper-
active{background-color:#fbd64e}.common-pay-mod.loading .common-pay-tab .icon-
logo{background-image:none!important;background-color:#e2e2e2}.common-pay-
mod.loading .month-list{padding:0 13px}.common-pay-mod.loading .month-list ul
li{box-shadow:none;border-color:transparent}.common-pay-mod.loading .month-list ul
li::before{display:none}.common-pay-mod.loading .btn-bar .btn-submit,.common-pay-
mod.loading .common-pay-money,.common-pay-mod.loading .common-pay-
selection,.common-pay-mod.loading .common-pay-ticket .common-pay-ticket-
money,.common-pay-mod.loading .common-pay-ticket .ticket-option,.common-pay-
mod.loading .month-list .month-tips{background-color:#e2e2e2;text-indent:-
999em;margin:0;width:100%}.common-pay-mod.loading .common-pay-selection .ui-
switch{display:none}.common-pay-mod.loading .common-pay-money,.common-pay-
mod.loading .common-pay-selection{width:93%;box-sizing:border-box;margin-
left:auto;margin-right:auto;margin-bottom:10px}.common-pay-mod.loading .common-pay-
ticket{padding:0 13px}.common-pay-mod.loading .month-list ul
li::after{content:"";position:absolute;width:100%;height:100%;background-
color:#e2e2e2;top:0;left:0;z-index:999}.common-pay-mod.loading .common-pay-tab
.tab-icon-svip::after,.common-pay-mod.loading .common-pay-tab .tab-icon-
vip::after{background-color:#e2e2e2}.block-rules{margin:2px 15px 10px}.block-
rules .rule a{font-size:10px;color:#cecece}.block-rules .rule{font-size:10px;line-
height:14px;color:#cecece;padding:2px 0}.page-index .common-pay-mod{margin-bottom:-
24px}@media screen and (max-width:320px){.common-pay-mod .common-pay-nickname{max-
width:80px}}@media screen and (-webkit-min-device-pixel-ratio:2){.common-pay-
border-b{border:0;background-position:left bottom;background-image:-webkit-
gradient(linear,left bottom,left top,color-stop(.5,transparent),color-
stop(.5,#e0e0e0),to(#e0e0e0));background-repeat:repeat-x;background-size:100%
2px}}@media only screen and (device-width :375px) and (device-height :812px) and (-
webkit-device-pixel-ratio :3),(device-width :414px) and (device-height :896px) and
(-webkit-device-pixel-ratio :3),(device-width :414px) and (device-height :896px)
and (-webkit-device-pixel-ratio :2){.common-pay-mod .pay-protocol{padding-
bottom:25px}}@media only screen and (min-width :414px){.common-pay-mod .month-list
ul li{width:100px}}
/* kaka:190618171611,jan */
</style> <script>
HYB.loadTimes.syncCssLoad = +new Date();
</script><script data-content="hybapi">
(function() {
var platform = HYB.browserInfo.platform || 'other',
client = HYB.browserInfo.client || 'browser';
var isType = function(obj, type) {
return Object.prototype.toString.call(obj) === '[object ' + type + ']';
};
var invokeSchema = function(schema) {
var container = document.body || document.documentElement;
var iframe = document.createElement('iframe');
iframe.style.cssText = 'display:none;width:0px;height:0px;';
if (platform === 'ios') {
iframe.src = schema;
container.appendChild(iframe);
} else {
container.appendChild(iframe);
iframe.src = schema;
}
iframe.parentNode && iframe.parentNode.removeChild(iframe);
}, 100);
};
var invokeClient = function(ns, method, params) {
var schema = 'jsbridge://' + encodeURIComponent(ns) + '/' +
encodeURIComponent(method);
params = isType(params, 'Object') ? JSON.stringify(params) : params;
if (params) {schema = schema + '?p=' + encodeURIComponent(params)}
invokeSchema(schema);
};
var autoProtocol = function(url) {
return url && url.replace(/^(https?:)?\/\//, location.protocol + '//');
};
var openWindow = function(params) {
window.open(autoProtocol(params.url), params.target == 1 ? '_blank' :
'_self');
};
var facades = {
'ui.openUrl': {
qq: {
ios: function(params) {
params.styleCode = ({1: 4, 2: 2, 3: 5})[params.style] || 1;
invokeClient('nav', 'openLinkInNewWebView', {url: params.url,
options: params});
},
android: function(params) {
invokeClient('ui', 'openUrl', {url: params.url, options:
params});
},
other: openWindow
},
qzone: {
other: openWindow
},
browser: {
ios: openWindow,
android: openWindow,
other: openWindow
}
}
};
HYB.api = {};
HYB.api.invoke = function(ns, method, params) {
if (!ns || !method) {return;}
var facade = facades[ns + '.' + method];
if (facade) {
var fn = facade[client] && facade[client][platform];
if (fn) {fn(params);}
else {invokeClient.apply(null, arguments);}
} else {
invokeClient.apply(null, arguments);
}
};
var handler = function(evt) {

var ns, method, params;
var el = evt.target || evt.srcElement;
while (el && el.nodeType !== el.DOCUMENT_NODE) {
if (el.nodeName === 'A' && el.hasAttribute('data-open-url')) {
var href = el.href;
if (/^(https?:)?\/\//.test(href)) {
ns = 'ui';
method = 'openUrl';
params = {url: autoProtocol(href), target: 1, style: 1};
evt.preventDefault();
break;
}
}
if (el.hasAttribute('data-open-url')) {
var href = el.getAttribute('data-open-url');
if (/^(https?:)?\/\//.test(href)) {
ns = 'ui';
method = 'openUrl';
params = {url: autoProtocol(href), target: 1, style: 1};
break;
}
}
el = el.parentNode;
}
ns && method && HYB.api.invoke(ns, method, params);
};
HYB.api.addOpenUrlAgent = function() {
document.addEventListener && document.addEventListener('click', handler);
};
HYB.api.removeOpenUrlAgent = function() {
document.removeEventListener && document.removeEventListener('click',
handler);
};
HYB.api.addOpenUrlAgent();})();
</script> </head>
<body class=" " style=""> {body}
<script>
HYB.loadTimes.bodyEnd = +new Date();
HYB.loadTimes.domReady = +new Date();
</script> <script data-content="seajsDebugText">
!function(global,undefined){function isType(type){return function(obj){return
Object.prototype.toString.call(obj)==="[object "+type+"]"}}function cid(){return
_cid++}function dirname(path){return path.match(DIRNAME_RE)[0]}function
realpath(path)
{for(path=path.replace(DOT_RE,"/");path.match(DOUBLE_DOT_RE);)path=path.replace(DOU
BLE_DOT_RE,"/");return path}function normalize(path){var last=path.length-
1,lastC=path.charAt(last);return"#"===lastC?
path.substring(0,last):".js"===path.substring(last-2)||
path.indexOf("?")>0||".css"===path.substring(last-3)||"/"===lastC?
path:path+".js"}function parseAlias(id){var alias=data.alias;return
alias&&isString(alias[id])?alias[id]:id}function parsePaths(id){var
m,paths=data.paths;return
paths&&(m=id.match(PATHS_RE))&&isString(paths[m[1]])&&(id=paths[m[1]]
+m[2]),id}function parseVars(id){var vars=data.vars;return vars&&id.indexOf("{")>-
1&&(id=id.replace(VARS_RE,function(m,key){return isString(vars[key])?
vars[key]:m})),id}function parseMap(uri){var map=data.map,ret=uri;if(map)for(var
i=0,len=map.length;i<len;i++){var rule=map[i];if(ret=isFunction(rule)?rule(uri)||
uri:uri.replace(rule[0],rule[1]),ret!==uri)break}return ret}function
addBase(id,refUri){var ret,first=id.charAt(0);if(ABSOLUTE_RE.test(id))ret=id;else
if("."===first)ret=realpath((refUri?dirname(refUri):data.cwd)+id);else
if("/"===first){var m=data.cwd.match(ROOT_DIR_RE);ret=m?
m[0]+id.substring(1):id}else ret=data.base+id;return ret}function id2Uri(id,refUri)
{if(!
id)return"";id=parseAlias(id),id=parsePaths(id),id=parseVars(id),id=normalize(id);v
ar uri=addBase(id,refUri);return uri=parseMap(uri)}function
getScriptAbsoluteSrc(node){return node.hasAttribute?
node.src:node.getAttribute("src",4)}function request(url,callback,charset){var
isCSS=IS_CSS_RE.test(url),node=doc.createElement(isCSS?"link":"script"),domians=["h
5.qzone.qq.com","qzonestyle.gtimg.cn"];if(charset){var cs=isFunction(charset)?
charset(url):charset;cs&&(node.charset=cs)}if(addOnload(node,callback,isCSS),isCSS)
node.rel="stylesheet",node.href=url;else{var
a=document.createElement("a");if(a.href=url,domians.indexOf(a.host)>-
1&&a.search.indexOf("_bid")===-1&&a.search.indexOf("_offline")===-1){var
value="h5.qzone.qq.com"===a.host?"use-
credentials":"anonymous";node.setAttribute("crossorigin",value),url=url+
(url.indexOf("?")===-1?"?":"&")
+"_crossorigin="+encodeURIComponent(location.protocol+'//'+location.hostname)}node.
async=!0,node.src=url}currentlyAddingScript=node,head.getElementsByTagName("base")
[0]?head.insertBefore(node,head.getElementsByTagName("base")
[0]):head.appendChild(node),currentlyAddingScript=null}function
addOnload(node,callback,isCSS){var missingOnload=isCSS&&(isOldWebKit||!("onload"in
node));return missingOnload?void setTimeout(function()
{pollCss(node,callback)},1):void(node.onload=node.onerror=node.onreadystatechange=f
unction(e)
{READY_STATE_RE.test(node.readyState)&&(node.onload=node.onerror=node.onreadystatec
hange=null,isCSS||data.debug||
head.removeChild(node),node=null,callback(e))})}function pollCss(node,callback){var
isLoaded,sheet=node.sheet;if(isOldWebKit)sheet&&(isLoaded=!0);else
if(sheet)try{sheet.cssRules&&(isLoaded=!0)}catch(ex)
{"NS_ERROR_DOM_SECURITY_ERR"===ex.name&&(isLoaded=!0)}setTimeout(function()
{isLoaded?callback():pollCss(node,callback)},20)}function getCurrentScript()
{if(currentlyAddingScript)return
currentlyAddingScript;if(interactiveScript&&"interactive"===interactiveScript.ready
State)return interactiveScript;for(var
scripts=head.getElementsByTagName("script"),i=scripts.length-1;i>=0;i--){var
script=scripts[i];if("interactive"===script.readyState)return
interactiveScript=script}}function parseDependencies(code){var ret=[];return
code.replace(SLASH_RE,"").replace(REQUIRE_RE,function(m,m1,m2)
{m2&&ret.push(m2)}),ret}function Module(uri,deps)
{this.uri=uri,this.dependencies=deps||
[],this.exports=null,this.status=0,this._waitings={},this._remain=0}if(!
global.seajs){var
seajs=global.seajs={version:"2.1.1"},data=seajs.data={},isObject=isType("Object"),i
sString=isType("String"),isArray=Array.isArray||
isType("Array"),isFunction=isType("Function"),_cid=0,events=data.events={};seajs.on
=function(name,callback){var list=events[name]||(events[name]=[]);return
list.push(callback),seajs},seajs.off=function(name,callback){if(!name&&!
callback)return events=data.events={},seajs;var
list=events[name];if(list)if(callback)for(var i=list.length-
1;i>=0;i--)list[i]===callback&&list.splice(i,1);else delete events[name];return
seajs};var
currentlyAddingScript,interactiveScript,anonymousMeta,emit=seajs.emit=function(name
,data){var
fn,list=events[name];if(list)for(list=list.slice();fn=list.shift();)fn(data);return
seajs},DIRNAME_RE=/[^?#]*\//,DOT_RE=/\/\.\//g,DOUBLE_DOT_RE=/\/[^\/]
+\/\.\.\//,PATHS_RE=/^([^\/:]+)(\/.+)$/,VARS_RE=/{([^{]
+)}/g,ABSOLUTE_RE=/^\/\/.|:\//,ROOT_DIR_RE=/^.*?\/\/.*?\//,doc=document,loc=locatio
n,cwd=dirname(loc.href),scripts=doc.getElementsByTagName("script"),loaderScript=doc
.getElementById("seajsnode")||scripts[scripts.length-
1],loaderDir=dirname(getScriptAbsoluteSrc(loaderScript)||
cwd),head=doc.getElementsByTagName("head")[0]||
doc.documentElement,baseElement=head.getElementsByTagName("base")
[0],IS_CSS_RE=/\.css(?:\?|$)/i,READY_STATE_RE=/^(?:loaded|complete|undefined)
$/,isOldWebKit=1*navigator.userAgent.replace(/.*AppleWebKit\/
(\d+)\..*/,"$1")<536,REQUIRE_RE=/"(?:\\"|[^"])*"|'(?:\\'|
[^'])*'|\/\*[\S\s]*?\*\/|\/(?:\\\/|[^\/\r\n])+\/(?=[^\/])|\/\/.*|\.\s*require|(?:^|
[^$])\brequire\s*$\s*(["'])(.
+?)\1\s*$/g,SLASH_RE=/\\\\/g,cachedMods=seajs.cache={},fetchingList={},fetchedList
={},callbackList={},STATUS=Module.STATUS={FETCHING:1,SAVED:2,LOADING:3,LOADED:4,EXE
CUTING:5,EXECUTED:6};Module.prototype.resolve=function(){for(var
mod=this,ids=mod.dependencies,uris=[],i=0,len=ids.length;i<len;i+
+)uris[i]=Module.resolve(ids[i],mod.uri);return
uris},Module.prototype.load=function(){var mod=this;if(!
(mod.status>=STATUS.LOADING)){mod.status=STATUS.LOADING;var
uris=mod.resolve();emit("load",uris);for(var
m,len=mod._remain=uris.length,i=0;i<len;i+
+)m=Module.get(uris[i]),m.status<STATUS.LOADED?
m._waitings[mod.uri]=(m._waitings[mod.uri]||
0)+1:mod._remain--;if(0===mod._remain)return void mod.onload();var
requestCache={};for(i=0;i<len;i++)m=cachedMods[uris[i]],m.status<STATUS.FETCHING?
m.fetch(requestCache):m.status===STATUS.SAVED&&m.load();for(var requestUri in
requestCache)requestCache.hasOwnProperty(requestUri)&&requestCache[requestUri]
()}},Module.prototype.onload=function(){var
mod=this;mod.status=STATUS.LOADED,mod.callback&&mod.callback();var
uri,m,waitings=mod._waitings;for(uri in
waitings)waitings.hasOwnProperty(uri)&&(m=cachedMods[uri],m._remain-
=waitings[uri],0===m._remain&&m.onload());delete mod._waitings,delete
mod._remain},Module.prototype.fetch=function(requestCache){function sendRequest()
{request(emitData.requestUri,emitData.onRequest,emitData.charset)}function
onRequest(){delete fetchingList[requestUri],fetchedList[requestUri]=!
0,anonymousMeta&&(Module.save(uri,anonymousMeta),anonymousMeta=null);var
m,mods=callbackList[requestUri];for(delete
callbackList[requestUri];m=mods.shift();)m.load()}var
mod=this,uri=mod.uri;mod.status=STATUS.FETCHING;var
emitData={uri:uri};emit("fetch",emitData);var requestUri=emitData.requestUri||
uri;return!requestUri||fetchedList[requestUri]?void
mod.load():fetchingList[requestUri]?void callbackList[requestUri].push(mod):
(fetchingList[requestUri]=!
0,callbackList[requestUri]=[mod],emit("request",emitData={uri:uri,requestUri:reques
tUri,onRequest:onRequest,charset:data.charset}),void(emitData.requested||
(requestCache?
requestCache[emitData.requestUri]=sendRequest:sendRequest())))},Module.prototype.ex
ec=function(){function require(id){return
Module.get(require.resolve(id)).exec()}var
mod=this;if(mod.status>=STATUS.EXECUTING)return
mod.exports;mod.status=STATUS.EXECUTING;var
uri=mod.uri;require.resolve=function(id){return
Module.resolve(id,uri)},require.async=function(ids,callback){return
Module.use(ids,callback,uri+"_async_"+cid()),require};var
factory=mod.factory,exports=isFunction(factory)?
factory(require,mod.exports={},mod):factory;return
exports===undefined&&(exports=mod.exports),null!==exports||IS_CSS_RE.test(uri)||
emit("error",mod),delete
mod.factory,mod.exports=exports,mod.status=STATUS.EXECUTED,emit("exec",mod),exports
},Module.resolve=function(id,refUri){var emitData={id:id,refUri:refUri};return
emit("resolve",emitData),emitData.uri||
id2Uri(emitData.id,refUri)},Module.define=function(id,deps,factory){var
argsLen=arguments.length;1===argsLen?
(factory=id,id=undefined):2===argsLen&&(factory=deps,isArray(id)?
(deps=id,id=undefined):deps=undefined),!
isArray(deps)&&isFunction(factory)&&(deps=parseDependencies(factory.toString()));va
r meta={id:id,uri:Module.resolve(id),deps:deps,factory:factory};if(!
meta.uri&&doc.attachEvent){var
script=getCurrentScript();script&&(meta.uri=script.src)}emit("define",meta),meta.ur
i?Module.save(meta.uri,meta):anonymousMeta=meta},Module.save=function(uri,meta){var
mod=Module.get(uri);mod.status<STATUS.SAVED&&(mod.id=meta.id||
uri,mod.dependencies=meta.deps||
[],mod.factory=meta.factory,mod.status=STATUS.SAVED)},Module.get=function(uri,deps)
{return cachedMods[uri]||(cachedMods[uri]=new
Module(uri,deps))},Module.use=function(ids,callback,uri){var
mod=Module.get(uri,isArray(ids)?ids:[ids]);mod.callback=function(){for(var
exports=[],uris=mod.resolve(),i=0,len=uris.length;i<len;i+
+)exports[i]=cachedMods[uris[i]].exec();callback&&callback.apply(global,exports),de
lete mod.callback},mod.load()},Module.preload=function(callback){var
preloadMods=data.preload,len=preloadMods.length;len?
Module.use(preloadMods,function()
{preloadMods.splice(0,len),Module.preload(callback)},data.cwd+"_preload_"+cid()):ca
llback()},seajs.use=function(ids,callback){return Module.preload(function()
{Module.use(ids,callback,data.cwd+"_use_"+cid())}),seajs},Module.define.cmd={},glob
al.define=Module.define,seajs.Module=Module,data.fetchedList=fetchedList,data.cid=c
id,seajs.resolve=id2Uri,seajs.require=function(id){return(ca
chedMods[Module.resolve(id)]||{}).exports};var BASE_RE=/^(.+?\/)(\?\?)?(seajs\/)
+/;data.base=(loaderDir.match(BASE_RE)||["",loaderDir])
[1],data.dir=loaderDir,data.cwd=cwd,data.charset="utf-8",data.preload=function()
{var plugins=[],str=loc.search.replace(/(seajs-\w+)(&|$)/g,"$1=1$2");return str+="
"+doc.cookie,str.replace(/(seajs-\w+)=1/g,function(m,name)
{plugins.push(name)}),plugins}(),seajs.config=function(configData){for(var key in
configData){var curr=configData[key],prev=data[key];if(prev&&isObject(prev))for(var
k in curr)prev[k]=curr[k];else isArray(prev)?
curr=prev.concat(curr):"base"===key&&("/"===curr.slice(-1)||
(curr+="/"),curr=addBase(curr)),data[key]=curr}return
emit("config",configData),seajs}}}(this);
</script> <script data-content="errorLoad">
(function(){
var retryMap = {};
seajs.on('request', function(data) {
var uri = data.uri;
var mod = seajs.cache[uri];
var dateFrom = +new Date();
if(mod) {
var cb = data.onRequest || function() {};
data.onRequest = function(e) {
var ars = arguments;
var delay = +new Date() - dateFrom;
if(!e) return cb.apply(window, ars);//以防万一
if(e.type === 'error') {

if(retryMap[uri]) {
reportLoadInfo(delay, data.requestUri || uri, false,
'retry');//重试失败
if(window.HYB && window.mqq && HYB.browserInfo &&
['qq', 'qzone'].indexOf(HYB.browserInfo.client) !== -1) {
var wnsRetryTimeout = 3000;
var wnsRetryTimer = setTimeout(function() {
cb.apply(window, ars);
}, wnsRetryTimeout);
var wnsDateFrom = +new Date();
var wnsUrl = uri.indexOf('proxy/domain') === -1 ?
fixPath(uri) : uri;
mqq.invoke('QzoneData', 'wnsCgi', {
method: 'GET',
url: wnsUrl,
body: {},
timeout: wnsRetryTimeout,
dataNeedBase64: false
}, function(ret) {
clearTimeout(wnsRetryTimer)
delay = +new Date() - wnsDateFrom;
if(delay < 3000 && ret && ret.status == 4 &&

ret.code == 0 && ret.data) {
try {
ret.data = ret.data.replace('define([',
'define("' + uri + '", [');
new Function(ret.data)();
reportLoadInfo(delay, wnsUrl, true,
false, 'wnsretry');//wns 重试成功
} catch (error) {
reportLoadInfo(delay, wnsUrl, false,
false, 'wnsretry');//wns 重试失败
}
} else {
reportLoadInfo(delay, wnsUrl, false, false,
'wnsretry');//wns 重试失败
}
})
} else {
}
} else {
if(ignoreErrorLoad(uri)) {
} else {
var retryUri = seajs.resolve(fixPath(uri));
retryMap[uri] = retryUri;
retryMap[retryUri] = true;
seajs.use(retryUri, function() {
if(seajs.cache[retryUri]) {
seajs.cache[uri].dependencies =
seajs.cache[retryUri].dependencies;
seajs.cache[uri].exports =
seajs.cache[retryUri].exports;
}
});
}
reportLoadInfo(delay, uri, false);//加载失败
}
} else {
if(retryMap[uri]) {
reportLoadInfo(delay,data.requestUri || uri, true,
'retry');//重试成功
} else {
reportLoadInfo(delay, uri, true);//加载成功
}
}
};
}
});
function reportLoadInfo(delay, uri, done, retry, wnsRetry) {

if(done && (retry || wnsRetry) || !done) {
console.log('SEAJSLOAD --- ' + (wnsRetry ? 'wns 重试' : retry ? '重
试' : '加载') + (done ? '成功' : '失败') + ': ' + uri);
window.logger && window.logger.log('SEAJSLOAD --- ' + (wnsRetry ?
'wns 重试' : retry ? '重试' : '加载') + (done ? '成功' : '失败') + ': ' + uri +
';delay:' + delay);
}
if(wnsRetry) {
if(done) {
window._WebSoNetTime && reportHaboGlobal( 0,'1000369',
'/jswnsreload/fromnet');
reportHaboGlobal( 0,'1000369', '/jswnsreload/all');
} else {
window._WebSoNetTime && reportHaboGlobal( -1 ,'1000369',
'/jswnsreload/fromnet');
reportHaboGlobal( -1,'1000369', '/jswnsreload/all');
}
sendLog('/jsload/error/payDialog_index', 'type: wnsreload ' + (done

? 'succ' : 'fail') + '. url:' + uri + ';');
} else if(retry) {
if(done) {
window._WebSoNetTime && reportHaboGlobal( 0,'1000369',
'/jsreload/fromnet');
reportHaboGlobal( 0,'1000369', '/jsreload/all');
} else {
'/jsreload/fromnet');
reportHaboGlobal( -1,'1000369', '/jsreload/all');
}
sendLog('/jsload/error/payDialog_index', 'type: reload ' + (done ?

'succ' : 'fail') + '. url:' + uri + ';');
} else {
if(done) {
window.logger && window.logger.log('SEAJSLOAD --- 加载成功: ' +
uri + ';delay:' + delay);
window._WebSoNetTime && reportHaboGlobal( 0 ,'1000369',
'/jsload/fromnet');
reportHaboGlobal( 0 ,'1000369', '/jsload/all');
} else {
window.logger && window.logger.log('SEAJSLOAD --- 加载失败: ' +
uri + ';delay:' + delay);
'/jsload/fromnet');
reportHaboGlobal( -1 ,'1000369', '/jsload/all');
reportDomainToIp(getDomain(uri).hostname);
sendLog('/jsload/error/payDialog_index', 'type: load. url:' +
uri + ';');
}
}
}
function fixPath(path) {
path = path.replace(/\.\d{13}\./,'.').replace(/_offline=1&?/, '');
if(path.indexOf('proxy/domain') === -1) {

path = path.replace('//', '//h5.qzone.qq.com/proxy/domain/');
if(path.indexOf('?') !== -1) {
path += '&_qzhw_channel=wns';
} else {
path += '?_qzhw_channel=wns';
}
} else {
path = path.replace('h5.qzone.qq.com/proxy/domain/', '');
}
return path;
}
function ignoreErrorLoad(url){
return url.indexOf('.css') !== -1 || url.indexOf('ignoreErrorLoad') !==
-1
}
function sendLog(path, msg) {

var xhr = new XMLHttpRequest();
xhr.open('post', 'https://h5.qzone.qq.com/log/post' + path, true);
xhr.withCredentials = true;
xhr.setRequestHeader('Content-Type', 'application/x-www-form-
urlencoded');
xhr.send(msg);
}
function getDomain(url){
var a = document.createElement('a');
a.href = url;
return {
hostname : a.hostname
};
}
function reportDomainToIp(domain){
if (!/QQ\/([\d\.]+)/.test(navigator.userAgent)) {
return ;
}
window.getHostIpAddressCallback = function(result){
if(result.code == 0 && result.host_ip){
sendLog('/jsload/error/payDialog_index', domain + ':' +
result.host_ip);
}
};
new Image().src = 'jsbridge://Qzone/getHostIpAddress?p=%7B%22host%22%3A
%22' + domain + '%22%2C%22callback%22%3A%22getHostIpAddressCallback%22%7D';
}
}());
</script> {seajsconfig}
<script data-content="jsLog">
(function(){
window.zZJsLogCache = [];
window.logger = window.Log = {
takeDown : function(type, content, detail){
window.zZJsLogCache.push({
command : 'takeDown',
options : {
type : type,
content: content || '',
detail: detail || {}
}
});
},
log : function(content, detail){
this.takeDown('info', content, detail);
},
error : function(content, detail){
this.takeDown('error', content, detail);
},
info : function(content, detail){
this.takeDown('info', content, detail);
},
exec : function(){
window.zZJsLogCache.push({
command : arguments[0] || 'takeDown',
options: arguments[1] || {type : 'info', content:''}
})
}
};
setTimeout(function(){
logger.log('debug', {success : true});
},0);
logger.exec('newModule', {
moduleName: "payDialog_index"
});
})()
</script> {initscript}
<script data-content="others">
document.body.className = document.body.className;
</script> <script>
(function() {
if (navigator.userAgent.match(/(iPhone)/)) {
if ((screen.height == 812) && (screen.width == 375))
{
document.body.scrollTop=0
console.log('This is iphoneX');
} else {
console.log('This is not iphoneX');
}
}
})();
</script>

</body>
</html>

Template

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Template

Hochgeladen von

Copyright:

Verfügbare Formate

<!

<meta name="format-detection" content="telephone=no" />

function reportMd(mdInfo, opt) {

function findDiffNodes(parentNode, diffMap) {

var t1 = new Date();

var data = window._websoPageData;

console.log('webso2.0: silentCallback 执行, _WebSoNetTime: ' +

var diffMap = window.diffMap = {};

console.log('webso2.0 diffmap: ', diffMap);

for(var scriptId in scriptMap) {

console.log('webso2.0: silent 更新 dom 结束, 执行 ready 里面的 callback');

if(data && data.noTimeout) {

if(HYB.offline === 'silent' && HYB.supportSilent) {

var qua = qzoneArray && qzoneArray[1] || qqArray && qqArray[0] ||

var collector = [],

collectorTimer && clearTimeout(collectorTimer);

var handler = function(evt) {

if(e.type === 'error') {

if(delay < 3000 && ret && ret.status == 4 &&

function reportLoadInfo(delay, uri, done, retry, wnsRetry) {

sendLog('/jsload/error/payDialog_index', 'type: wnsreload ' + (done

sendLog('/jsload/error/payDialog_index', 'type: reload ' + (done ?

if(path.indexOf('proxy/domain') === -1) {

function sendLog(path, msg) {

Das könnte Ihnen auch gefallen