").append(ka.parseHTML(a)).find(e):a)}).complete(d&&function(a,b){h.each(d,f||[a.responseText,b,a])}),this},ka.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){ka.fn[b]=function(a){return this.on(b,a)}}),ka.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Fb,type:"GET",isLocal:Lb.test(Eb[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Sb,text:"text/plain",
html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":ka.parseJSON,"text xml":ka.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?H(H(a,ka.ajaxSettings),b):H(ka.ajaxSettings,a)},ajaxPrefilter:F(Qb),ajaxTransport:F(Rb),ajax:function(a,c){function d(a,c,d,e){var f,l,s,t,v,x=c;2!==u&&(u=2,i&&clearTimeout(i),k=b,h=e||"",w.readyState=a>0?4:0,f=a>=200&&300>a||304===a,d&&(t=I(m,w,d)),t=J(m,t,w,f),f?(m.ifModified&&(v=w.getResponseHeader("Last-Modified"),v&&(ka.lastModified[g]=v),v=w.getResponseHeader("etag"),v&&(ka.etag[g]=v)),204===a||"HEAD"===m.type?x="nocontent":304===a?x="notmodified":(x=t.state,l=t.data,s=t.error,f=!s)):(s=x,(a||!x)&&(x="error",0>a&&(a=0))),w.status=a,w.statusText=(c||x)+"",f?p.resolveWith(n,[l,x,w]):p.rejectWith(n,[w,x,s]),w.statusCode(r),r=b,j&&o.trigger(f?"ajaxSuccess":"ajaxError",[w,m,f?l:s]),q.fireWith(n,[w,x]),j&&(o.trigger("ajaxComplete",[w,m]),--ka.active||ka.event.trigger("ajaxStop")))}"object"==typeof a&&(c=a,a=b),c=c||{};var e,f,g,h,i,j,k,l,m=ka.ajaxSetup({},c),n=m.context||m,o=m.context&&(n.nodeType||n.jquery)?ka(n):ka.event,p=ka.Deferred(),q=ka.Callbacks("once memory"),r=m.statusCode||{},s={},t={},u=0,v="canceled",w={readyState:0,getResponseHeader:function(a){var b;if(2===u){if(!l)for(l={};b=Kb.exec(h);)l[b[1].toLowerCase()]=b[2];b=l[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return 2===u?h:null},setRequestHeader:function(a,b){var c=a.toLowerCase();return u||(a=t[c]=t[c]||a,s[a]=b),this},overrideMimeType:function(a){return u||(m.mimeType=a),this},statusCode:function(a){var b;if(a)if(2>u)for(b in a)r[b]=[r[b],a[b]];else w.always(a[w.status]);return this},abort:function(a){var b=a||v;return k&&k.abort(b),d(0,b),this}};if(p.promise(w).complete=q.add,w.success=w.done,w.error=w.fail,m.url=((a||m.url||Fb)+"").replace(Ib,"").replace(Nb,Eb[1]+"//"),m.type=c.method||c.type||m.method||m.type,m.dataTypes=ka.trim(m.dataType||"*").toLowerCase().match(ma)||[""],null==m.crossDomain&&(e=Ob.exec(m.url.toLowerCase()),m.crossDomain=!(!e||e[1]===Eb[1]&&e[2]===Eb[2]&&(e[3]||("http:"===e[1]?"80":"443"))===(Eb[3]||("http:"===Eb[1]?"80":"443")))),m.data&&m.processData&&"string"!=typeof m.data&&(m.data=ka.param(m.data,m.traditional)),G(Qb,m,c,w),2===u)return w;j=m.global,j&&0===ka.active++&&ka.event.trigger("ajaxStart"),m.type=m.type.toUpperCase(),m.hasContent=!Mb.test(m.type),g=m.url,m.hasContent||(m.data&&(g=m.url+=(Hb.test(g)?"&":"?")+m.data,delete m.data),m.cache===!1&&(m.url=Jb.test(g)?g.replace(Jb,"$1_="+Gb++):g+(Hb.test(g)?"&":"?")+"_="+Gb++)),m.ifModified&&(ka.lastModified[g]&&w.setRequestHeader("If-Modified-Since",ka.lastModified[g]),ka.etag[g]&&w.setRequestHeader("If-None-Match",ka.etag[g])),(m.data&&m.hasContent&&m.contentType!==!1||c.contentType)&&w.setRequestHeader("Content-Type",m.contentType),w.setRequestHeader("Accept",m.dataTypes[0]&&m.accepts[m.dataTypes[0]]?m.accepts[m.dataTypes[0]]+("*"!==m.dataTypes[0]?", "+Sb+"; q=0.01":""):m.accepts["*"]);for(f in m.headers)w.setRequestHeader(f,m.headers[f]);if(m.beforeSend&&(m.beforeSend.call(n,w,m)===!1||2===u))return w.abort();v="abort";for(f in{success:1,error:1,complete:1})w[f](m[f]);if(k=G(Rb,m,c,w)){w.readyState=1,j&&o.trigger("ajaxSend",[w,m]),m.async&&m.timeout>0&&(i=setTimeout(function(){w.abort("timeout")},m.timeout));try{u=1,k.send(s,d)}catch(x){if(!(2>u))throw x;d(-1,x)}}else d(-1,"No Transport");return w},getJSON:function(a,b,c){return ka.get(a,b,c,"json")},getScript:function(a,c){return ka.get(a,b,c,"script")}}),ka.each(["get","post"],function(a,c){ka[c]=function(a,d,e,f){return ka.isFunction(d)&&(f=f||e,e=d,d=b),ka.ajax({url:a,type:c,dataType:f,data:d,success:e})}}),ka.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(a){return ka.globalEval(a),a}}}),ka.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),ka.ajaxTransport("script",function(a){if(a.crossDomain){var c,d=Y.head||ka("head")[0]||Y.documentElement;return{send:function(b,e){c=Y.createElement("script"),c.async=!0,a.scriptCharset&&(c.charset=a.scriptCharset),c.src=a.url,c.onload=c.onreadystatechange=function(a,b){(b||!c.readyState||/loaded|complete/.test(c.readyState))&&(c.onload=c.onreadystatechange=null,c.parentNode&&c.parentNode.removeChild(c),c=null,b||e(200,"success"))},d.insertBefore(c,d.firstChild)},abort:function(){c&&c.onload(b,!0)}}}});var Ub=[],Vb=/(=)\?(?=&|$)|\?\?/;ka.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=Ub.pop()||ka.expando+"_"+Gb++;return this[a]=!0,a}}),ka.ajaxPrefilter("json jsonp",function(c,d,e){var f,g,h,i=c.jsonp!==!1&&(Vb.test(c.url)?"url":"string"==typeof c.data&&!(c.contentType||"").indexOf("application/x-www-form-urlencoded")&&Vb.test(c.data)&&"data");return i||"jsonp"===c.dataTypes[0]?(f=c.jsonpCallback=ka.isFunction(c.jsonpCallback)?c.jsonpCallback():c.jsonpCallback,i?c[i]=c[i].replace(Vb,"$1"+f):c.jsonp!==!1&&(c.url+=(Hb.test(c.url)?"&":"?")+c.jsonp+"="+f),c.converters["script json"]=function(){return h||ka.error(f+" was not called"),h[0]},c.dataTypes[0]="json",g=a[f],a[f]=function(){h=arguments},e.always(function(){a[f]=g,c[f]&&(c.jsonpCallback=d.jsonpCallback,Ub.push(f)),h&&ka.isFunction(g)&&g(h[0]),h=g=b}),"script"):void 0});var Wb,Xb,Yb=0,Zb=a.ActiveXObject&&function(){var a;for(a in Wb)Wb[a](b,!0)};ka.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&K()||L()}:K,Xb=ka.ajaxSettings.xhr(),ka.support.cors=!!Xb&&"withCredentials"in Xb,Xb=ka.support.ajax=!!Xb,Xb&&ka.ajaxTransport(function(c){if(!c.crossDomain||ka.support.cors){var d;return{send:function(e,f){var g,h,i=c.xhr();if(c.username?i.open(c.type,c.url,c.async,c.username,c.password):i.open(c.type,c.url,c.async),c.xhrFields)for(h in c.xhrFields)i[h]=c.xhrFields[h];c.mimeType&&i.overrideMimeType&&i.overrideMimeType(c.mimeType),c.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest");try{for(h in e)i.setRequestHeader(h,e[h])}catch(j){}i.send(c.hasContent&&c.data||null),d=function(a,e){var h,j,k,l;try{if(d&&(e||4===i.readyState))if(d=b,g&&(i.onreadystatechange=ka.noop,Zb&&delete Wb[g]),e)4!==i.readyState&&i.abort();else{l={},h=i.status,j=i.getAllResponseHeaders(),"string"==typeof i.responseText&&(l.text=i.responseText);try{k=i.statusText}catch(m){k=""}h||!c.isLocal||c.crossDomain?1223===h&&(h=204):h=l.text?200:404}}catch(n){e||f(-1,n)}l&&f(h,k,l,j)},c.async?4===i.readyState?setTimeout(d):(g=++Yb,Zb&&(Wb||(Wb={},ka(a).unload(Zb)),Wb[g]=d),i.onreadystatechange=d):d()},abort:function(){d&&d(b,!0)}}}});var $b,_b,ac=/^(?:toggle|show|hide)$/,bc=new RegExp("^(?:([+-])=|)("+la+")([a-z%]*)$","i"),cc=/queueHooks$/,dc=[Q],ec={"*":[function(a,b){var c=this.createTween(a,b),d=c.cur(),e=bc.exec(b),f=e&&e[3]||(ka.cssNumber[a]?"":"px"),g=(ka.cssNumber[a]||"px"!==f&&+d)&&bc.exec(ka.css(c.elem,a)),h=1,i=20;if(g&&g[3]!==f){f=f||g[3],e=e||[],g=+d||1;do h=h||".5",g/=h,ka.style(c.elem,a,g+f);while(h!==(h=c.cur()/d)&&1!==h&&--i)}return e&&(g=c.start=+g||+d||0,c.unit=f,c.end=e[1]?g+(e[1]+1)*e[2]:+e[2]),c}]};ka.Animation=ka.extend(O,{tweener:function(a,b){ka.isFunction(a)?(b=a,a=["*"]):a=a.split(" ");for(var c,d=0,e=a.length;e>d;d++)c=a[d],ec[c]=ec[c]||[],ec[c].unshift(b)},prefilter:function(a,b){b?dc.unshift(a):dc.push(a)}}),ka.Tween=R,R.prototype={constructor:R,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||"swing",this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(ka.cssNumber[c]?"":"px")},cur:function(){var a=R.propHooks[this.prop];return a&&a.get?a.get(this):R.propHooks._default.get(this)},run:function(a){var b,c=R.propHooks[this.prop];return this.options.duration?this.pos=b=ka.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):this.pos=b=a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):R.propHooks._default.set(this),this}},R.prototype.init.prototype=R.prototype,R.propHooks={_default:{get:function(a){var b;return null==a.elem[a.prop]||a.elem.style&&null!=a.elem.style[a.prop]?(b=ka.css(a.elem,a.prop,""),b&&"auto"!==b?b:0):a.elem[a.prop]},set:function(a){ka.fx.step[a.prop]?ka.fx.step[a.prop](a):a.elem.style&&(null!=a.elem.style[ka.cssProps[a.prop]]||ka.cssHooks[a.prop])?ka.style(a.elem,a.prop,a.now+a.unit):a.elem[a.prop]=a.now}}},R.propHooks.scrollTop=R.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},ka.each(["toggle","show","hide"],function(a,b){var c=ka.fn[b];ka.fn[b]=function(a,d,e){return null==a||"boolean"==typeof a?c.apply(this,arguments):this.animate(S(b,!0),a,d,e)}}),ka.fn.extend({fadeTo:function(a,b,c,d){return this.filter(x).css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=ka.isEmptyObject(a),f=ka.speed(b,c,d),g=function(){var b=O(this,ka.extend({},a),f);(e||ka._data(this,"finish"))&&b.stop(!0)};return g.finish=g,e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,c,d){var e=function(a){var b=a.stop;delete a.stop,b(d)};return"string"!=typeof a&&(d=c,c=a,a=b),c&&a!==!1&&this.queue(a||"fx",[]),this.each(function(){var b=!0,c=null!=a&&a+"queueHooks",f=ka.timers,g=ka._data(this);if(c)g[c]&&g[c].stop&&e(g[c]);else for(c in g)g[c]&&g[c].stop&&cc.test(c)&&e(g[c]);for(c=f.length;c--;)f[c].elem!==this||null!=a&&f[c].queue!==a||(f[c].anim.stop(d),b=!1,f.splice(c,1));(b||!d)&&ka.dequeue(this,a)})},finish:function(a){return a!==!1&&(a=a||"fx"),this.each(function(){var b,c=ka._data(this),d=c[a+"queue"],e=c[a+"queueHooks"],f=ka.timers,g=d?d.length:0;for(c.finish=!0,ka.queue(this,a,[]),e&&e.stop&&e.stop.call(this,!0),b=f.length;b--;)f[b].elem===this&&f[b].queue===a&&(f[b].anim.stop(!0),f.splice(b,1));for(b=0;g>b;b++)d[b]&&d[b].finish&&d[b].finish.call(this);delete c.finish})}}),ka.each({slideDown:S("show"),slideUp:S("hide"),slideToggle:S("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){ka.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),ka.speed=function(a,b,c){var d=a&&"object"==typeof a?ka.extend({},a):{complete:c||!c&&b||ka.isFunction(a)&&a,duration:a,easing:c&&b||b&&!ka.isFunction(b)&&b};return d.duration=ka.fx.off?0:"number"==typeof d.duration?d.duration:d.duration in ka.fx.speeds?ka.fx.speeds[d.duration]:ka.fx.speeds._default,(null==d.queue||d.queue===!0)&&(d.queue="fx"),d.old=d.complete,d.complete=function(){ka.isFunction(d.old)&&d.old.call(this),d.queue&&ka.dequeue(this,d.queue)},d},ka.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2}},ka.timers=[],ka.fx=R.prototype.init,ka.fx.tick=function(){var a,c=ka.timers,d=0;for($b=ka.now();d
-1,l={},m={};k?(m=g.position(),e=m.top,f=m.left):(e=parseFloat(i)||0,f=parseFloat(j)||0),ka.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(l.top=b.top-h.top+e),null!=b.left&&(l.left=b.left-h.left+f),"using"in b?b.using.call(a,l):g.css(l)}},ka.fn.extend({position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===ka.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),ka.nodeName(a[0],"html")||(c=a.offset()),c.top+=ka.css(a[0],"borderTopWidth",!0),c.left+=ka.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-ka.css(d,"marginTop",!0),left:b.left-c.left-ka.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||Z;a&&!ka.nodeName(a,"html")&&"static"===ka.css(a,"position");)a=a.offsetParent;return a||Z})}}),ka.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,c){var d=/Y/.test(c);ka.fn[a]=function(e){return ka.access(this,function(a,e,f){var g=T(a);return f===b?g?c in g?g[c]:g.document.documentElement[e]:a[e]:void(g?g.scrollTo(d?ka(g).scrollLeft():f,d?f:ka(g).scrollTop()):a[e]=f)},a,e,arguments.length,null)}}),ka.each({Height:"height",Width:"width"},function(a,c){ka.each({padding:"inner"+a,content:c,"":"outer"+a},function(d,e){ka.fn[e]=function(e,f){var g=arguments.length&&(d||"boolean"!=typeof e),h=d||(e===!0||f===!0?"margin":"border");return ka.access(this,function(c,d,e){var f;return ka.isWindow(c)?c.document.documentElement["client"+a]:9===c.nodeType?(f=c.documentElement,Math.max(c.body["scroll"+a],f["scroll"+a],c.body["offset"+a],f["offset"+a],f["client"+a])):e===b?ka.css(c,d,h):ka.style(c,d,e,h)},c,g?e:b,g,null)}})}),ka.fn.size=function(){return this.length},ka.fn.andSelf=ka.fn.addBack,"object"==typeof module&&module&&"object"==typeof module.exports?module.exports=ka:(a.jQuery=a.$=ka,"function"==typeof define&&define.amd&&define("jquery",[],function(){return ka}))}(window),function(a){a.extend(a.fn,{validate:function(b){if(!this.length)return void(b&&b.debug&&window.console&&console.warn("Nothing selected, can't validate, returning nothing."));var c=a.data(this[0],"validator");return c?c:(this.attr("novalidate","novalidate"),c=new a.validator(b,this[0]),a.data(this[0],"validator",c),c.settings.onsubmit&&(this.validateDelegate(":submit","click",function(b){c.settings.submitHandler&&(c.submitButton=b.target),a(b.target).hasClass("cancel")&&(c.cancelSubmit=!0),void 0!==a(b.target).attr("formnovalidate")&&(c.cancelSubmit=!0)}),this.submit(function(b){function d(){var d;return c.settings.submitHandler?(c.submitButton&&(d=a("").attr("name",c.submitButton.name).val(a(c.submitButton).val()).appendTo(c.currentForm)),c.settings.submitHandler.call(c,c.currentForm,b),c.submitButton&&d.remove(),!1):!0}return c.settings.debug&&b.preventDefault(),c.cancelSubmit?(c.cancelSubmit=!1,d()):c.form()?c.pendingRequest?(c.formSubmitted=!0,!1):d():(c.focusInvalid(),!1)})),c)},valid:function(){if(a(this[0]).is("form"))return this.validate().form();var b=!0,c=a(this[0].form).validate();return this.each(function(){b=b&&c.element(this)}),b},removeAttrs:function(b){var c={},d=this;return a.each(b.split(/\s/),function(a,b){c[b]=d.attr(b),d.removeAttr(b)}),c},rules:function(b,c){var d=this[0];if(b){var e=a.data(d.form,"validator").settings,f=e.rules,g=a.validator.staticRules(d);switch(b){case"add":a.extend(g,a.validator.normalizeRule(c)),delete g.messages,f[d.name]=g,c.messages&&(e.messages[d.name]=a.extend(e.messages[d.name],c.messages));break;case"remove":if(!c)return delete f[d.name],g;var h={};return a.each(c.split(/\s/),function(a,b){h[b]=g[b],delete g[b]}),h}}var i=a.validator.normalizeRules(a.extend({},a.validator.classRules(d),a.validator.attributeRules(d),a.validator.dataRules(d),a.validator.staticRules(d)),d);if(i.required){var j=i.required;delete i.required,i=a.extend({required:j},i)}return i}}),a.extend(a.expr[":"],{blank:function(b){return!a.trim(""+a(b).val())},filled:function(b){return!!a.trim(""+a(b).val())},unchecked:function(b){return!a(b).prop("checked")}}),a.validator=function(b,c){this.settings=a.extend(!0,{},a.validator.defaults,b),this.currentForm=c,this.init()},a.validator.format=function(b,c){return 1===arguments.length?function(){var c=a.makeArray(arguments);return c.unshift(b),a.validator.format.apply(this,c)}:(arguments.length>2&&c.constructor!==Array&&(c=a.makeArray(arguments).slice(1)),c.constructor!==Array&&(c=[c]),a.each(c,function(a,c){b=b.replace(new RegExp("\\{"+a+"\\}","g"),function(){return c})}),b)},a.extend(a.validator,{defaults:{messages:{},groups:{},rules:{},errorClass:"error",validClass:"valid",errorElement:"label",focusInvalid:!0,errorContainer:a([]),errorLabelContainer:a([]),onsubmit:!0,ignore:":hidden",ignoreTitle:!1,onfocusin:function(a,b){this.lastActive=a,this.settings.focusCleanup&&!this.blockFocusCleanup&&(this.settings.unhighlight&&this.settings.unhighlight.call(this,a,this.settings.errorClass,this.settings.validClass),this.addWrapper(this.errorsFor(a)).hide())},onfocusout:function(a,b){this.checkable(a)||!(a.name in this.submitted)&&this.optional(a)||this.element(a)},onkeyup:function(a,b){(9!==b.which||""!==this.elementValue(a))&&(a.name in this.submitted||a===this.lastElement)&&this.element(a)},onclick:function(a,b){a.name in this.submitted?this.element(a):a.parentNode.name in this.submitted&&this.element(a.parentNode)},highlight:function(b,c,d){"radio"===b.type?this.findByName(b.name).addClass(c).removeClass(d):a(b).addClass(c).removeClass(d)},unhighlight:function(b,c,d){"radio"===b.type?this.findByName(b.name).removeClass(c).addClass(d):a(b).removeClass(c).addClass(d)}},setDefaults:function(b){a.extend(a.validator.defaults,b)},messages:{required:"This field is required.",remote:"Please fix this field.",email:"Please enter a valid email address.",url:"Please enter a valid URL.",date:"Please enter a valid date.",dateISO:"Please enter a valid date (ISO).",number:"Please enter a valid number.",digits:"Please enter only digits.",creditcard:"Please enter a valid credit card number.",equalTo:"Please enter the same value again.",maxlength:a.validator.format("Please enter no more than {0} characters."),minlength:a.validator.format("Please enter at least {0} characters."),rangelength:a.validator.format("Please enter a value between {0} and {1} characters long."),range:a.validator.format("Please enter a value between {0} and {1}."),max:a.validator.format("Please enter a value less than or equal to {0}."),min:a.validator.format("Please enter a value greater than or equal to {0}.")},autoCreateRanges:!1,prototype:{init:function(){function b(b){var c=a.data(this[0].form,"validator"),d="on"+b.type.replace(/^validate/,"");c.settings[d]&&c.settings[d].call(c,this[0],b)}this.labelContainer=a(this.settings.errorLabelContainer),this.errorContext=this.labelContainer.length&&this.labelContainer||a(this.currentForm),this.containers=a(this.settings.errorContainer).add(this.settings.errorLabelContainer),this.submitted={},this.valueCache={},this.pendingRequest=0,this.pending={},this.invalid={},this.reset();var c=this.groups={};a.each(this.settings.groups,function(b,d){"string"==typeof d&&(d=d.split(/\s/)),a.each(d,function(a,d){c[d]=b})});var d=this.settings.rules;a.each(d,function(b,c){d[b]=a.validator.normalizeRule(c)}),a(this.currentForm).validateDelegate(":text, [type='password'], [type='file'], select, textarea, [type='number'], [type='search'] ,[type='tel'], [type='url'], [type='email'], [type='datetime'], [type='date'], [type='month'], [type='week'], [type='time'], [type='datetime-local'], [type='range'], [type='color'] ","focusin focusout keyup",b).validateDelegate("[type='radio'], [type='checkbox'], select, option","click",b),this.settings.invalidHandler&&a(this.currentForm).bind("invalid-form.validate",this.settings.invalidHandler)},form:function(){return this.checkForm(),a.extend(this.submitted,this.errorMap),this.invalid=a.extend({},this.errorMap),this.valid()||a(this.currentForm).triggerHandler("invalid-form",[this]),this.showErrors(),this.valid()},checkForm:function(){this.prepareForm();for(var a=0,b=this.currentElements=this.elements();b[a];a++)this.check(b[a]);return this.valid()},element:function(b){b=this.validationTargetFor(this.clean(b)),this.lastElement=b,this.prepareElement(b),this.currentElements=a(b);var c=this.check(b)!==!1;return c?delete this.invalid[b.name]:this.invalid[b.name]=!0,this.numberOfInvalids()||(this.toHide=this.toHide.add(this.containers)),this.showErrors(),c},showErrors:function(b){if(b){a.extend(this.errorMap,b),this.errorList=[];for(var c in b)this.errorList.push({message:b[c],element:this.findByName(c)[0]});this.successList=a.grep(this.successList,function(a){return!(a.name in b)})}this.settings.showErrors?this.settings.showErrors.call(this,this.errorMap,this.errorList):this.defaultShowErrors()},resetForm:function(){a.fn.resetForm&&a(this.currentForm).resetForm(),this.submitted={},this.lastElement=null,this.prepareForm(),this.hideErrors(),this.elements().removeClass(this.settings.errorClass).removeData("previousValue")},numberOfInvalids:function(){return this.objectLength(this.invalid)},objectLength:function(a){var b=0;for(var c in a)b++;return b},hideErrors:function(){this.addWrapper(this.toHide).hide()},valid:function(){return 0===this.size()},size:function(){return this.errorList.length},focusInvalid:function(){if(this.settings.focusInvalid)try{a(this.findLastActive()||this.errorList.length&&this.errorList[0].element||[]).filter(":visible").focus().trigger("focusin")}catch(b){}},findLastActive:function(){var b=this.lastActive;return b&&1===a.grep(this.errorList,function(a){return a.element.name===b.name}).length&&b},elements:function(){var b=this,c={};return a(this.currentForm).find("input, select, textarea").not(":submit, :reset, :image, [disabled]").not(this.settings.ignore).filter(function(){return!this.name&&b.settings.debug&&window.console&&console.error("%o has no name assigned",this),this.name in c||!b.objectLength(a(this).rules())?!1:(c[this.name]=!0,!0)})},clean:function(b){return a(b)[0]},errors:function(){var b=this.settings.errorClass.replace(" ",".");return a(this.settings.errorElement+"."+b,this.errorContext)},reset:function(){this.successList=[],this.errorList=[],this.errorMap={},this.toShow=a([]),this.toHide=a([]),this.currentElements=a([])},prepareForm:function(){this.reset(),this.toHide=this.errors().add(this.containers)},prepareElement:function(a){this.reset(),this.toHide=this.errorsFor(a)},elementValue:function(b){var c=a(b).attr("type"),d=a(b).val();return"radio"===c||"checkbox"===c?a("input[name='"+a(b).attr("name")+"']:checked").val():"string"==typeof d?d.replace(/\r/g,""):d},check:function(b){b=this.validationTargetFor(this.clean(b));var c,d=a(b).rules(),e=!1,f=this.elementValue(b);for(var g in d){var h={method:g,parameters:d[g]};try{if(c=a.validator.methods[g].call(this,f,b,h.parameters),"dependency-mismatch"===c){e=!0;continue}if(e=!1,"pending"===c)return void(this.toHide=this.toHide.not(this.errorsFor(b)));if(!c)return this.formatAndAdd(b,h),!1}catch(i){throw this.settings.debug&&window.console&&console.log("Exception occurred when checking element "+b.id+", check the '"+h.method+"' method.",i),i}}return e?void 0:(this.objectLength(d)&&this.successList.push(b),!0)},customDataMessage:function(b,c){return a(b).data("msg-"+c.toLowerCase())||b.attributes&&a(b).attr("data-msg-"+c.toLowerCase())},customMessage:function(a,b){var c=this.settings.messages[a];return c&&(c.constructor===String?c:c[b])},findDefined:function(){for(var a=0;aWarning: No message defined for "+b.name+"")},formatAndAdd:function(b,c){var d=this.defaultMessage(b,c.method),e=/\$?\{(\d+)\}/g;"function"==typeof d?d=d.call(this,c.parameters,b):e.test(d)&&(d=a.validator.format(d.replace(e,"{$1}"),c.parameters)),this.errorList.push({message:d,element:b}),this.errorMap[b.name]=d,this.submitted[b.name]=d},addWrapper:function(a){return this.settings.wrapper&&(a=a.add(a.parent(this.settings.wrapper))),a},defaultShowErrors:function(){var a,b;for(a=0;this.errorList[a];a++){var c=this.errorList[a];this.settings.highlight&&this.settings.highlight.call(this,c.element,this.settings.errorClass,this.settings.validClass),this.showLabel(c.element,c.message)}if(this.errorList.length&&(this.toShow=this.toShow.add(this.containers)),this.settings.success)for(a=0;this.successList[a];a++)this.showLabel(this.successList[a]);if(this.settings.unhighlight)for(a=0,b=this.validElements();b[a];a++)this.settings.unhighlight.call(this,b[a],this.settings.errorClass,this.settings.validClass);this.toHide=this.toHide.not(this.toShow),this.hideErrors(),this.addWrapper(this.toShow).show()},validElements:function(){return this.currentElements.not(this.invalidElements())},invalidElements:function(){return a(this.errorList).map(function(){return this.element})},showLabel:function(b,c){var d=this.errorsFor(b);d.length?(d.removeClass(this.settings.validClass).addClass(this.settings.errorClass),d.html(c)):(d=a("<"+this.settings.errorElement+">").attr("for",this.idOrName(b)).addClass(this.settings.errorClass).html(c||""),this.settings.wrapper&&(d=d.hide().show().wrap("<"+this.settings.wrapper+"/>").parent()),this.labelContainer.append(d).length||(this.settings.errorPlacement?this.settings.errorPlacement(d,a(b)):d.insertAfter(b))),!c&&this.settings.success&&(d.text(""),"string"==typeof this.settings.success?d.addClass(this.settings.success):this.settings.success(d,b)),this.toShow=this.toShow.add(d)},errorsFor:function(b){var c=this.idOrName(b);return this.errors().filter(function(){return a(this).attr("for")===c})},idOrName:function(a){return this.groups[a.name]||(this.checkable(a)?a.name:a.id||a.name)},validationTargetFor:function(a){return this.checkable(a)&&(a=this.findByName(a.name).not(this.settings.ignore)[0]),a},checkable:function(a){return/radio|checkbox/i.test(a.type)},findByName:function(b){return a(this.currentForm).find("[name='"+b+"']")},getLength:function(b,c){switch(c.nodeName.toLowerCase()){case"select":return a("option:selected",c).length;case"input":if(this.checkable(c))return this.findByName(c.name).filter(":checked").length}return b.length},depend:function(a,b){return this.dependTypes[typeof a]?this.dependTypes[typeof a](a,b):!0},dependTypes:{"boolean":function(a,b){return a},string:function(b,c){return!!a(b,c.form).length},"function":function(a,b){return a(b)}},optional:function(b){var c=this.elementValue(b);return!a.validator.methods.required.call(this,c,b)&&"dependency-mismatch"},startRequest:function(a){this.pending[a.name]||(this.pendingRequest++,this.pending[a.name]=!0)},stopRequest:function(b,c){this.pendingRequest--,this.pendingRequest<0&&(this.pendingRequest=0),delete this.pending[b.name],c&&0===this.pendingRequest&&this.formSubmitted&&this.form()?(a(this.currentForm).submit(),this.formSubmitted=!1):!c&&0===this.pendingRequest&&this.formSubmitted&&(a(this.currentForm).triggerHandler("invalid-form",[this]),this.formSubmitted=!1)},previousValue:function(b){return a.data(b,"previousValue")||a.data(b,"previousValue",{old:null,valid:!0,message:this.defaultMessage(b,"remote")})}},classRuleSettings:{required:{required:!0},email:{email:!0},url:{url:!0},date:{date:!0},dateISO:{dateISO:!0},number:{number:!0},digits:{digits:!0},creditcard:{creditcard:!0}},addClassRules:function(b,c){b.constructor===String?this.classRuleSettings[b]=c:a.extend(this.classRuleSettings,b)},classRules:function(b){var c={},d=a(b).attr("class");return d&&a.each(d.split(" "),function(){this in a.validator.classRuleSettings&&a.extend(c,a.validator.classRuleSettings[this])}),c},attributeRules:function(b){var c={},d=a(b),e=d[0].getAttribute("type");for(var f in a.validator.methods){var g;"required"===f?(g=d.get(0).getAttribute(f),""===g&&(g=!0),g=!!g):g=d.attr(f),/min|max/.test(f)&&(null===e||/number|range|text/.test(e))&&(g=Number(g)),g?c[f]=g:e===f&&"range"!==e&&(c[f]=!0)}return c.maxlength&&/-1|2147483647|524288/.test(c.maxlength)&&delete c.maxlength,c},dataRules:function(b){var c,d,e={},f=a(b);for(c in a.validator.methods)d=f.data("rule-"+c.toLowerCase()),void 0!==d&&(e[c]=d);return e},staticRules:function(b){var c={},d=a.data(b.form,"validator");return d.settings.rules&&(c=a.validator.normalizeRule(d.settings.rules[b.name])||{}),c},normalizeRules:function(b,c){return a.each(b,function(d,e){if(e===!1)return void delete b[d];if(e.param||e.depends){var f=!0;switch(typeof e.depends){case"string":f=!!a(e.depends,c.form).length;break;case"function":f=e.depends.call(c,c)}f?b[d]=void 0!==e.param?e.param:!0:delete b[d]}}),a.each(b,function(d,e){b[d]=a.isFunction(e)?e(c):e}),a.each(["minlength","maxlength"],function(){b[this]&&(b[this]=Number(b[this]))}),a.each(["rangelength","range"],function(){var c;b[this]&&(a.isArray(b[this])?b[this]=[Number(b[this][0]),Number(b[this][1])]:"string"==typeof b[this]&&(c=b[this].split(/[\s,]+/),b[this]=[Number(c[0]),Number(c[1])]))}),a.validator.autoCreateRanges&&(b.min&&b.max&&(b.range=[b.min,b.max],delete b.min,delete b.max),b.minlength&&b.maxlength&&(b.rangelength=[b.minlength,b.maxlength],delete b.minlength,delete b.maxlength)),b},normalizeRule:function(b){if("string"==typeof b){var c={};a.each(b.split(/\s/),function(){c[this]=!0}),b=c}return b},addMethod:function(b,c,d){a.validator.methods[b]=c,a.validator.messages[b]=void 0!==d?d:a.validator.messages[b],c.length<3&&a.validator.addClassRules(b,a.validator.normalizeRule(b))},methods:{required:function(b,c,d){if(!this.depend(d,c))return"dependency-mismatch";if("select"===c.nodeName.toLowerCase()){var e=a(c).val();return e&&e.length>0}return this.checkable(c)?this.getLength(b,c)>0:a.trim(b).length>0},email:function(a,b){return this.optional(b)||/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i.test(a)},url:function(a,b){return this.optional(b)||/^(https?|s?ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(a);
},date:function(a,b){return this.optional(b)||!/Invalid|NaN/.test(new Date(a).toString())},dateISO:function(a,b){return this.optional(b)||/^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/.test(a)},number:function(a,b){return this.optional(b)||/^-?(?:\d+|\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/.test(a)},digits:function(a,b){return this.optional(b)||/^\d+$/.test(a)},creditcard:function(a,b){if(this.optional(b))return"dependency-mismatch";if(/[^0-9 \-]+/.test(a))return!1;var c=0,d=0,e=!1;a=a.replace(/\D/g,"");for(var f=a.length-1;f>=0;f--){var g=a.charAt(f);d=parseInt(g,10),e&&(d*=2)>9&&(d-=9),c+=d,e=!e}return c%10===0},minlength:function(b,c,d){var e=a.isArray(b)?b.length:this.getLength(a.trim(b),c);return this.optional(c)||e>=d},maxlength:function(b,c,d){var e=a.isArray(b)?b.length:this.getLength(a.trim(b),c);return this.optional(c)||d>=e},rangelength:function(b,c,d){var e=a.isArray(b)?b.length:this.getLength(a.trim(b),c);return this.optional(c)||e>=d[0]&&e<=d[1]},min:function(a,b,c){return this.optional(b)||a>=c},max:function(a,b,c){return this.optional(b)||c>=a},range:function(a,b,c){return this.optional(b)||a>=c[0]&&a<=c[1]},equalTo:function(b,c,d){var e=a(d);return this.settings.onfocusout&&e.unbind(".validate-equalTo").bind("blur.validate-equalTo",function(){a(c).valid()}),b===e.val()},remote:function(b,c,d){if(this.optional(c))return"dependency-mismatch";var e=this.previousValue(c);if(this.settings.messages[c.name]||(this.settings.messages[c.name]={}),e.originalMessage=this.settings.messages[c.name].remote,this.settings.messages[c.name].remote=e.message,d="string"==typeof d&&{url:d}||d,e.old===b)return e.valid;e.old=b;var f=this;this.startRequest(c);var g={};return g[c.name]=b,a.ajax(a.extend(!0,{url:d,mode:"abort",port:"validate"+c.name,dataType:"json",data:g,success:function(d){f.settings.messages[c.name].remote=e.originalMessage;var g=d===!0||"true"===d;if(g){var h=f.formSubmitted;f.prepareElement(c),f.formSubmitted=h,f.successList.push(c),delete f.invalid[c.name],f.showErrors()}else{var i={},j=d||f.defaultMessage(c,"remote");i[c.name]=e.message=a.isFunction(j)?j(b):j,f.invalid[c.name]=!0,f.showErrors(i)}e.valid=g,f.stopRequest(c,g)}},d)),"pending"}}}),a.format=a.validator.format}(jQuery),function(a){var b={};if(a.ajaxPrefilter)a.ajaxPrefilter(function(a,c,d){var e=a.port;"abort"===a.mode&&(b[e]&&b[e].abort(),b[e]=d)});else{var c=a.ajax;a.ajax=function(d){var e=("mode"in d?d:a.ajaxSettings).mode,f=("port"in d?d:a.ajaxSettings).port;return"abort"===e?(b[f]&&b[f].abort(),b[f]=c.apply(this,arguments),b[f]):c.apply(this,arguments)}}}(jQuery),function(a){a.extend(a.fn,{validateDelegate:function(b,c,d){return this.bind(c,function(c){var e=a(c.target);return e.is(b)?d.apply(e,arguments):void 0})}})}(jQuery),function(){function a(a){return a.replace(/<.[^<>]*?>/g," ").replace(/ | /gi," ").replace(/[.(),;:!?%#$'"_+=\/\-]*/g,"")}jQuery.validator.addMethod("maxWords",function(b,c,d){return this.optional(c)||a(b).match(/\b\w+\b/g).length<=d},jQuery.validator.format("Please enter {0} words or less.")),jQuery.validator.addMethod("minWords",function(b,c,d){return this.optional(c)||a(b).match(/\b\w+\b/g).length>=d},jQuery.validator.format("Please enter at least {0} words.")),jQuery.validator.addMethod("rangeWords",function(b,c,d){var e=a(b),f=/\b\w+\b/g;return this.optional(c)||e.match(f).length>=d[0]&&e.match(f).length<=d[1]},jQuery.validator.format("Please enter between {0} and {1} words."))}(),jQuery.validator.addMethod("letterswithbasicpunc",function(a,b){return this.optional(b)||/^[a-z\-.,()'"\s]+$/i.test(a)},"Letters or punctuation only please"),jQuery.validator.addMethod("alphanumeric",function(a,b){return this.optional(b)||/^\w+$/i.test(a)},"Letters, numbers, and underscores only please"),jQuery.validator.addMethod("lettersonly",function(a,b){return this.optional(b)||/^[a-z]+$/i.test(a)},"Letters only please"),jQuery.validator.addMethod("nowhitespace",function(a,b){return this.optional(b)||/^\S+$/i.test(a)},"No white space please"),jQuery.validator.addMethod("ziprange",function(a,b){return this.optional(b)||/^90[2-5]\d\{2\}-\d{4}$/.test(a)},"Your ZIP-code must be in the range 902xx-xxxx to 905-xx-xxxx"),jQuery.validator.addMethod("zipcodeUS",function(a,b){return this.optional(b)||/\d{5}-\d{4}$|^\d{5}$/.test(a)},"The specified US ZIP Code is invalid"),jQuery.validator.addMethod("integer",function(a,b){return this.optional(b)||/^-?\d+$/.test(a)},"A positive or negative non-decimal number please"),jQuery.validator.addMethod("vinUS",function(a){if(17!==a.length)return!1;var b,c,d,e,f,g,h=["A","B","C","D","E","F","G","H","J","K","L","M","N","P","R","S","T","U","V","W","X","Y","Z"],i=[1,2,3,4,5,6,7,8,1,2,3,4,5,7,9,2,3,4,5,6,7,8,9],j=[8,7,6,5,4,3,2,10,0,9,8,7,6,5,4,3,2],k=0;for(b=0;17>b;b++){if(e=j[b],d=a.slice(b,b+1),8===b&&(g=d),isNaN(d)){for(c=0;cf;f++){var g=e-f,h=c.substring(f,f+1);d+=g*h}return d%11===0},"Please specify a valid bank account number"),jQuery.validator.addMethod("giroaccountNL",function(a,b){return this.optional(b)||/^[0-9]{1,7}$/.test(a)},"Please specify a valid giro account number"),jQuery.validator.addMethod("bankorgiroaccountNL",function(a,b){return this.optional(b)||$.validator.methods.bankaccountNL.call(this,a,b)||$.validator.methods.giroaccountNL.call(this,a,b)},"Please specify a valid bank or giro account number"),jQuery.validator.addMethod("time",function(a,b){return this.optional(b)||/^([01]\d|2[0-3])(:[0-5]\d){1,2}$/.test(a)},"Please enter a valid time, between 00:00 and 23:59"),jQuery.validator.addMethod("time12h",function(a,b){return this.optional(b)||/^((0?[1-9]|1[012])(:[0-5]\d){1,2}(\ ?[AP]M))$/i.test(a)},"Please enter a valid time in 12-hour am/pm format"),jQuery.validator.addMethod("phoneUS",function(a,b){return a=a.replace(/\s+/g,""),this.optional(b)||a.length>9&&a.match(/^(\+?1-?)?(\([2-9]\d{2}\)|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/)},"Please specify a valid phone number"),jQuery.validator.addMethod("phoneUK",function(a,b){return a=a.replace(/\(|\)|\s+|-/g,""),this.optional(b)||a.length>9&&a.match(/^(?:(?:(?:00\s?|\+)44\s?)|(?:\(?0))(?:\d{2}\)?\s?\d{4}\s?\d{4}|\d{3}\)?\s?\d{3}\s?\d{3,4}|\d{4}\)?\s?(?:\d{5}|\d{3}\s?\d{3})|\d{5}\)?\s?\d{4,5})$/)},"Please specify a valid phone number"),jQuery.validator.addMethod("mobileUK",function(a,b){return a=a.replace(/\(|\)|\s+|-/g,""),this.optional(b)||a.length>9&&a.match(/^(?:(?:(?:00\s?|\+)44\s?|0)7(?:[45789]\d{2}|624)\s?\d{3}\s?\d{3})$/)},"Please specify a valid mobile number"),jQuery.validator.addMethod("phonesUK",function(a,b){return a=a.replace(/\(|\)|\s+|-/g,""),this.optional(b)||a.length>9&&a.match(/^(?:(?:(?:00\s?|\+)44\s?|0)(?:1\d{8,9}|[23]\d{9}|7(?:[45789]\d{8}|624\d{6})))$/)},"Please specify a valid uk phone number"),jQuery.validator.addMethod("postcodeUK",function(a,b){return this.optional(b)||/^((([A-PR-UWYZ][0-9])|([A-PR-UWYZ][0-9][0-9])|([A-PR-UWYZ][A-HK-Y][0-9])|([A-PR-UWYZ][A-HK-Y][0-9][0-9])|([A-PR-UWYZ][0-9][A-HJKSTUW])|([A-PR-UWYZ][A-HK-Y][0-9][ABEHMNPRVWXY]))\s?([0-9][ABD-HJLNP-UW-Z]{2})|(GIR)\s?(0AA))$/i.test(a)},"Please specify a valid UK postcode"),jQuery.validator.addMethod("strippedminlength",function(a,b,c){return jQuery(a).text().length>=c},jQuery.validator.format("Please enter at least {0} characters")),jQuery.validator.addMethod("email2",function(a,b,c){return this.optional(b)||/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)*(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(a)},jQuery.validator.messages.email),jQuery.validator.addMethod("url2",function(a,b,c){return this.optional(b)||/^(https?|ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)*(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(a)},jQuery.validator.messages.url),jQuery.validator.addMethod("creditcardtypes",function(a,b,c){if(/[^0-9\-]+/.test(a))return!1;a=a.replace(/\D/g,"");var d=0;return c.mastercard&&(d|=1),c.visa&&(d|=2),c.amex&&(d|=4),c.dinersclub&&(d|=8),c.enroute&&(d|=16),c.discover&&(d|=32),c.jcb&&(d|=64),c.unknown&&(d|=128),c.all&&(d=255),1&d&&/^(5[12345])/.test(a)?16===a.length:2&d&&/^(4)/.test(a)?16===a.length:4&d&&/^(3[47])/.test(a)?15===a.length:8&d&&/^(3(0[012345]|[68]))/.test(a)?14===a.length:16&d&&/^(2(014|149))/.test(a)?15===a.length:32&d&&/^(6011)/.test(a)?16===a.length:64&d&&/^(3)/.test(a)?16===a.length:64&d&&/^(2131|1800)/.test(a)?15===a.length:128&d?!0:!1},"Please enter a valid credit card number."),jQuery.validator.addMethod("ipv4",function(a,b,c){return this.optional(b)||/^(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)$/i.test(a)},"Please enter a valid IP v4 address."),jQuery.validator.addMethod("ipv6",function(a,b,c){return this.optional(b)||/^((([0-9A-Fa-f]{1,4}:){7}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}:[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){5}:([0-9A-Fa-f]{1,4}:)?[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){4}:([0-9A-Fa-f]{1,4}:){0,2}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){3}:([0-9A-Fa-f]{1,4}:){0,3}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){2}:([0-9A-Fa-f]{1,4}:){0,4}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(([0-9A-Fa-f]{1,4}:){0,5}:((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(::([0-9A-Fa-f]{1,4}:){0,5}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|([0-9A-Fa-f]{1,4}::([0-9A-Fa-f]{1,4}:){0,5}[0-9A-Fa-f]{1,4})|(::([0-9A-Fa-f]{1,4}:){0,6}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){1,7}:))$/i.test(a)},"Please enter a valid IP v6 address."),jQuery.validator.addMethod("pattern",function(a,b,c){return this.optional(b)?!0:("string"==typeof c&&(c=new RegExp("^(?:"+c+")$")),c.test(a))},"Invalid format."),jQuery.validator.addMethod("require_from_group",function(a,b,c){var d=this,e=c[1],f=$(e,b.form).filter(function(){return d.elementValue(this)}).length>=c[0];if(!$(b).data("being_validated")){var g=$(e,b.form);g.data("being_validated",!0),g.valid(),g.data("being_validated",!1)}return f},jQuery.format("Please fill at least {0} of these fields.")),jQuery.validator.addMethod("skip_or_fill_minimum",function(a,b,c){var d=this,e=c[0],f=c[1],g=$(f,b.form).filter(function(){return d.elementValue(this)}).length,h=g>=e||0===g;if(!$(b).data("being_validated")){var i=$(f,b.form);i.data("being_validated",!0),i.valid(),i.data("being_validated",!1)}return h},jQuery.format("Please either skip these fields or fill at least {0} of them.")),jQuery.validator.addMethod("accept",function(a,b,c){var d,e,f="string"==typeof c?c.replace(/\s/g,"").replace(/,/g,"|"):"image/*",g=this.optional(b);if(g)return g;if("file"===$(b).attr("type")&&(f=f.replace(/\*/g,".*"),b.files&&b.files.length))for(d=0;di;i++)h[g[i]]=e(h[g[i]],h);c&&(b.addEventListener("mouseover",this.onMouse,!0),b.addEventListener("mousedown",this.onMouse,!0),b.addEventListener("mouseup",this.onMouse,!0)),b.addEventListener("click",this.onClick,!0),b.addEventListener("touchstart",this.onTouchStart,!1),b.addEventListener("touchmove",this.onTouchMove,!1),b.addEventListener("touchend",this.onTouchEnd,!1),b.addEventListener("touchcancel",this.onTouchCancel,!1),Event.prototype.stopImmediatePropagation||(b.removeEventListener=function(a,c,d){var e=Node.prototype.removeEventListener;"click"===a?e.call(b,a,c.hijacked||c,d):e.call(b,a,c,d)},b.addEventListener=function(a,c,d){var e=Node.prototype.addEventListener;"click"===a?e.call(b,a,c.hijacked||(c.hijacked=function(a){a.propagationStopped||c(a)}),d):e.call(b,a,c,d)}),"function"==typeof b.onclick&&(f=b.onclick,b.addEventListener("click",function(a){f(a)},!1),b.onclick=null)}}var b=navigator.userAgent.indexOf("Windows Phone")>=0,c=navigator.userAgent.indexOf("Android")>0&&!b,d=/iP(ad|hone|od)/.test(navigator.userAgent)&&!b,e=d&&/OS 4_\d(_\d)?/.test(navigator.userAgent),f=d&&/OS [6-7]_\d/.test(navigator.userAgent),g=navigator.userAgent.indexOf("BB10")>0;a.prototype.needsClick=function(a){switch(a.nodeName.toLowerCase()){case"button":case"select":case"textarea":if(a.disabled)return!0;break;case"input":if(d&&"file"===a.type||a.disabled)return!0;break;case"label":case"iframe":case"video":return!0}return/\bneedsclick\b/.test(a.className)},a.prototype.needsFocus=function(a){switch(a.nodeName.toLowerCase()){case"textarea":return!0;case"select":return!c;case"input":switch(a.type){case"button":case"checkbox":case"file":case"image":case"radio":case"submit":return!1}return!a.disabled&&!a.readOnly;default:return/\bneedsfocus\b/.test(a.className)}},a.prototype.sendClick=function(a,b){var c,d;document.activeElement&&document.activeElement!==a&&document.activeElement.blur(),d=b.changedTouches[0],c=document.createEvent("MouseEvents"),c.initMouseEvent(this.determineEventType(a),!0,!0,window,1,d.screenX,d.screenY,d.clientX,d.clientY,!1,!1,!1,!1,0,null),c.forwardedTouchEvent=!0,a.dispatchEvent(c)},a.prototype.determineEventType=function(a){return c&&"select"===a.tagName.toLowerCase()?"mousedown":"click"},a.prototype.focus=function(a){var b;d&&a.setSelectionRange&&0!==a.type.indexOf("date")&&"time"!==a.type&&"month"!==a.type?(b=a.value.length,a.setSelectionRange(b,b)):a.focus()},a.prototype.updateScrollParent=function(a){var b,c;if(b=a.fastClickScrollParent,!b||!b.contains(a)){c=a;do{if(c.scrollHeight>c.offsetHeight){b=c,a.fastClickScrollParent=c;break}c=c.parentElement}while(c)}b&&(b.fastClickLastScrollTop=b.scrollTop)},a.prototype.getTargetElementFromEventTarget=function(a){return a.nodeType===Node.TEXT_NODE?a.parentNode:a},a.prototype.onTouchStart=function(a){var b,c,f;if(a.targetTouches.length>1)return!0;if(b=this.getTargetElementFromEventTarget(a.target),c=a.targetTouches[0],d){if(f=window.getSelection(),f.rangeCount&&!f.isCollapsed)return!0;if(!e){if(c.identifier&&c.identifier===this.lastTouchIdentifier)return a.preventDefault(),!1;this.lastTouchIdentifier=c.identifier,this.updateScrollParent(b)}}return this.trackingClick=!0,this.trackingClickStart=a.timeStamp,this.targetElement=b,this.touchStartX=c.pageX,this.touchStartY=c.pageY,a.timeStamp-this.lastClickTimec||Math.abs(b.pageY-this.touchStartY)>c?!0:!1},a.prototype.onTouchMove=function(a){return this.trackingClick?((this.targetElement!==this.getTargetElementFromEventTarget(a.target)||this.touchHasMoved(a))&&(this.trackingClick=!1,this.targetElement=null),!0):!0},a.prototype.findControl=function(a){return void 0!==a.control?a.control:a.htmlFor?document.getElementById(a.htmlFor):a.querySelector("button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea")},a.prototype.onTouchEnd=function(a){var b,g,h,i,j,k=this.targetElement;if(!this.trackingClick)return!0;if(a.timeStamp-this.lastClickTimethis.tapTimeout)return!0;if(this.cancelNextClick=!1,this.lastClickTime=a.timeStamp,g=this.trackingClickStart,this.trackingClick=!1,this.trackingClickStart=0,f&&(j=a.changedTouches[0],k=document.elementFromPoint(j.pageX-window.pageXOffset,j.pageY-window.pageYOffset)||k,k.fastClickScrollParent=this.targetElement.fastClickScrollParent),h=k.tagName.toLowerCase(),"label"===h){if(b=this.findControl(k)){if(this.focus(k),c)return!1;k=b}}else if(this.needsFocus(k))return a.timeStamp-g>100||d&&window.top!==window&&"input"===h?(this.targetElement=null,!1):(this.focus(k),this.sendClick(k,a),d&&"select"===h||(this.targetElement=null,a.preventDefault()),!1);return d&&!e&&(i=k.fastClickScrollParent,i&&i.fastClickLastScrollTop!==i.scrollTop)?!0:(this.needsClick(k)||(a.preventDefault(),this.sendClick(k,a)),!1)},a.prototype.onTouchCancel=function(){this.trackingClick=!1,this.targetElement=null},a.prototype.onMouse=function(a){return this.targetElement?a.forwardedTouchEvent?!0:a.cancelable&&(!this.needsClick(this.targetElement)||this.cancelNextClick)?(a.stopImmediatePropagation?a.stopImmediatePropagation():a.propagationStopped=!0,a.stopPropagation(),a.preventDefault(),!1):!0:!0},a.prototype.onClick=function(a){var b;return this.trackingClick?(this.targetElement=null,this.trackingClick=!1,!0):"submit"===a.target.type&&0===a.detail?!0:(b=this.onMouse(a),b||(this.targetElement=null),b)},a.prototype.destroy=function(){var a=this.layer;c&&(a.removeEventListener("mouseover",this.onMouse,!0),a.removeEventListener("mousedown",this.onMouse,!0),a.removeEventListener("mouseup",this.onMouse,!0)),a.removeEventListener("click",this.onClick,!0),a.removeEventListener("touchstart",this.onTouchStart,!1),a.removeEventListener("touchmove",this.onTouchMove,!1),a.removeEventListener("touchend",this.onTouchEnd,!1),a.removeEventListener("touchcancel",this.onTouchCancel,!1)},a.notNeeded=function(a){var b,d,e,f;if("undefined"==typeof window.ontouchstart)return!0;if(d=+(/Chrome\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1]){if(!c)return!0;if(b=document.querySelector("meta[name=viewport]")){if(-1!==b.content.indexOf("user-scalable=no"))return!0;if(d>31&&document.documentElement.scrollWidth<=window.outerWidth)return!0}}if(g&&(e=navigator.userAgent.match(/Version\/([0-9]*)\.([0-9]*)/),e[1]>=10&&e[2]>=3&&(b=document.querySelector("meta[name=viewport]")))){if(-1!==b.content.indexOf("user-scalable=no"))return!0;if(document.documentElement.scrollWidth<=window.outerWidth)return!0}return"none"===a.style.msTouchAction||"manipulation"===a.style.touchAction?!0:(f=+(/Firefox\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1],f>=27&&(b=document.querySelector("meta[name=viewport]"),b&&(-1!==b.content.indexOf("user-scalable=no")||document.documentElement.scrollWidth<=window.outerWidth))?!0:"none"===a.style.touchAction||"manipulation"===a.style.touchAction?!0:!1)},a.attach=function(b,c){return new a(b,c)},"function"==typeof define&&"object"==typeof define.amd&&define.amd?define(function(){return a}):"undefined"!=typeof module&&module.exports?(module.exports=a.attach,module.exports.FastClick=a):window.FastClick=a}(),function(a,b,c,d){var e=a(b);a.fn.lazyload=function(f){function g(){var b=0;i.each(function(){var c=a(this);if(!j.skip_invisible||c.is(":visible"))if(a.abovethetop(this,j)||a.leftofbegin(this,j));else if(a.belowthefold(this,j)||a.rightoffold(this,j)){if(++b>j.failure_limit)return!1}else c.trigger("appear"),b=0})}var h,i=this,j={threshold:0,failure_limit:0,event:"scroll",effect:"show",container:b,data_attribute:"original",skip_invisible:!1,appear:null,load:null,placeholder:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC"};return f&&(d!==f.failurelimit&&(f.failure_limit=f.failurelimit,delete f.failurelimit),d!==f.effectspeed&&(f.effect_speed=f.effectspeed,delete f.effectspeed),a.extend(j,f)),h=j.container===d||j.container===b?e:a(j.container),0===j.event.indexOf("scroll")&&h.bind(j.event,function(){return g()}),this.each(function(){var b=this,c=a(b);b.loaded=!1,(c.attr("src")===d||c.attr("src")===!1)&&c.is("img")&&c.attr("src",j.placeholder),c.one("appear",function(){if(!this.loaded){if(j.appear){var d=i.length;j.appear.call(b,d,j)}a("
").bind("load",function(){var d=c.attr("data-"+j.data_attribute);c.hide(),c.is("img")?c.attr("src",d):c.css("background-image","url('"+d+"')"),c[j.effect](j.effect_speed),b.loaded=!0;var e=a.grep(i,function(a){return!a.loaded});if(i=a(e),j.load){var f=i.length;j.load.call(b,f,j)}}).attr("src",c.attr("data-"+j.data_attribute))}}),0!==j.event.indexOf("scroll")&&c.bind(j.event,function(){b.loaded||c.trigger("appear")})}),e.bind("resize",function(){g()}),/(?:iphone|ipod|ipad).*os 5/gi.test(navigator.appVersion)&&e.bind("pageshow",function(b){b.originalEvent&&b.originalEvent.persisted&&i.each(function(){a(this).trigger("appear")})}),a(c).ready(function(){g()}),this},a.belowthefold=function(c,f){var g;return g=f.container===d||f.container===b?(b.innerHeight?b.innerHeight:e.height())+e.scrollTop():a(f.container).offset().top+a(f.container).height(),g<=a(c).offset().top-f.threshold},a.rightoffold=function(c,f){var g;return g=f.container===d||f.container===b?e.width()+e.scrollLeft():a(f.container).offset().left+a(f.container).width(),g<=a(c).offset().left-f.threshold},a.abovethetop=function(c,f){var g;return g=f.container===d||f.container===b?e.scrollTop():a(f.container).offset().top,g>=a(c).offset().top+f.threshold+a(c).height()},a.leftofbegin=function(c,f){var g;return g=f.container===d||f.container===b?e.scrollLeft():a(f.container).offset().left,g>=a(c).offset().left+f.threshold+a(c).width()},a.inviewport=function(b,c){return!(a.rightoffold(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.abovethetop(b,c))},a.extend(a.expr[":"],{"below-the-fold":function(b){return a.belowthefold(b,{threshold:0})},"above-the-top":function(b){return!a.belowthefold(b,{threshold:0})},"right-of-screen":function(b){return a.rightoffold(b,{threshold:0})},"left-of-screen":function(b){return!a.rightoffold(b,{threshold:0})},"in-viewport":function(b){return a.inviewport(b,{threshold:0})},"above-the-fold":function(b){return!a.belowthefold(b,{threshold:0})},"right-of-fold":function(b){return a.rightoffold(b,{threshold:0})},"left-of-fold":function(b){return!a.rightoffold(b,{threshold:0})}})}(jQuery,window,document),function(a){if(!a||!a.validator)return console.warn("No $ or $.validator");var b,c="validator-promise";a.validator.addMethod("promise",function(d,e,f){if(this.optional(e))return"dependency-mismatch";var g=this.previousValue(e),h=this.settings.messages;if(h[e.name]||(h[e.name]={}),g.originalMessage=h[e.name].promise,h[e.name].promise=g.message,g.old===d)return g.valid;g.old=d;var i=this,j=f[0],k=f[1]||200,l=f[2]||function(){};i.startRequest(e);var m=function(){var b=a.data(e,c);b&&b.abort&&b.pending_&&(b.abort(),b.aborted_=!0);var f=function(a,c){return function(){b.pending_=!1,b.aborted_||(h[e.name].promise=g.originalMessage,a.apply(this,arguments),g.valid=c,i.stopRequest(e,c))}},k=f(function(){var a=i.formSubmitted;i.prepareElement(e),i.formSubmitted=a,i.successList.push(e),delete i.invalid[e.name],i.showErrors()},!0),m=f(function(b){if(b){var c={};if(b.fields)c=b.fields,c[e.name]&&(g.message=c[e.name]);else{var f=b.message||b||i.defaultMessage(e,"promise");c[e.name]=g.message=a.isFunction(f)?f(d):f}i.invalid[e.name]=!0,i.showErrors(c)}},!1),n={};n[e.name]=d,b=j(n),b.pending_=!0,b.aborted_=!1,b.then(function(a){var b=l(a);b?m(b):k()},function(a){a!==b&&m(a)}),a.data(e,c,b)};return clearTimeout(b),b=setTimeout(m,k),"pending"},"字段不可用")}(jQuery);
================================================
FILE: wenda/src/main/resources/static/styles/detail.css
================================================
@-webkit-keyframes fadeIn {
from {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
to {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
}@keyframes fadeIn {
from {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
to {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
}@-webkit-keyframes fadeInUp {
from {
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
to {
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:none;
transform:none
}
}@keyframes fadeInUp {
from {
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
to {
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:none;
transform:none
}
}.fadeInUp {
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp;
-webkit-animation-duration:.2s;
animation-duration:.2s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
@-webkit-keyframes fadeOut {
from {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
to {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
}@keyframes fadeOut {
from {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
to {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
}@-webkit-keyframes fadeOutDown {
from {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
to {
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}@keyframes fadeOutDown {
from {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
to {
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}.fadeOutDown {
-webkit-animation-name:fadeOutDown;
animation-name:fadeOutDown;
-webkit-animation-duration:.2s;
animation-duration:.2s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
body,ul,ol,li,p,h1,h2,h3,h4,h5 {
margin:0;
padding:0
}
button,input,select,textarea {
margin:0;
font-family:inherit;
font-size:100%
}
img {
border:0
}
a {
text-decoration:none
}
a:hover {
text-decoration:underline
}
html.touchevents a:hover {
text-decoration:none
}
object:not([data]) {
display:none
}
[hidden] {
display:none!important
}
.zg-warn-message,.zg-error-message,.zg-info-message {
margin:10px 0;
padding:10px;
border:1px solid;
text-align:center
}
.zg-warn-message {
border-color:#ccc9ac;
background:#fbf9e5
}
.zg-error-message {
border-color:#c3412f;
background:#fff5fa
}
.zg-info-message {
border-color:#adcf66;
background:#f2fddb
}
.hidden {
display:none
}
.centered-block {
text-align:center;
white-space:nowrap;
height:100%
}
.centered-block:before {
content:'';
display:inline-block;
height:100%;
vertical-align:middle;
margin-right:-.25em
}
.centered-block-inner {
display:inline-block;
vertical-align:middle;
text-align:left;
white-space:normal
}
.text-center {
text-align:center
}
.text-right {
text-align:right
}
.text-muted {
color:#999
}
.clearfix {
*zoom:1
}
.clearfix:before,.clearfix:after {
display:table;
content:""
}
.clearfix:after {
clear:both
}
.hide-text {
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0
}
.ellipsis {
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.sr-only {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
border:0
}
[ng-cloak] {
display:none
}
body.zhi {
padding-top:46px;
_padding-top:64px;
-webkit-font-smoothing:subpixel-antialiased
}
html.in-app body.zhi {
background-color:#fff;
padding-top:0
}
a {
color:#25bb9b
}
a:active {
outline:0
}
body {
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.placeholder-label-hilight {
color:#A02313!important
}
.placeholder-hilight::-webkit-input-placeholder,.placeholder-hilight::-moz-input-placeholder,.placeholder-hilight::input-placeholder {
color:#A02313!important
}
div[contentEditable],input,textarea,button,a:link {
-webkit-tap-highlight-color:rgba(225,225,225,.5)
}
small {
font-size:12px
}
input[type=text]:focus,input[type=password]:focus,textarea:focus {
outline:0
}
input[type=text],input[type=password]:focus {
-webkit-appearance:none
}
textarea {
border:0;
border:0;
-moz-outline:0;
outline:0;
overflow:auto;
resize:none;
-webkit-appearance:none
}
.modal-dialog,div[contentEditable] {
outline:0;
-moz-outline:0
}
.editable-wrapper {
position:relative;
padding:8px 10px;
border:1px solid #ccc;
border-radius:0 0 3px 3px;
box-shadow:0 0 4px 0 rgba(0,0,0,.1) inset;
-webkit-transition:min-height .25s ease-out;
background:#fff
}
html.no-js img.lazy {
display:none
}
.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content p {
margin:12px 0
}
body {
font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
font-size:13px;
line-height:1.7;
word-wrap:break-word;
color:#222;
background-color:#fff
}
button {
padding:0;
line-height:1.7
}
h1,h2,h3,h4,h5 {
font-weight:700;
font-size:14px;
outline:0
}
i,em {
font-style:italic
}
ins {
text-decoration:none;
padding:3px 0;
background:#EAF0DD;
color:#5B7918
}
del {
text-decoration:line-through;
padding:3px 0;
background:#f5dfdf;
color:#ac1414
}
ins img {
margin:6px 0;
display:block;
max-width:300px!important
}
del.del-img,ins.ins-img {
display:inline-block;
width:75px;
text-align:center;
background:0 0
}
del.del-img span,ins.ins-img span {
padding:3px 0
}
ins.ins-img span {
background:#EAF0DD;
color:#5B7918
}
del.del-img span {
background:#f5dfdf;
color:#ac1414
}
input[type=checkbox] {
margin:0 5px 0 0;
vertical-align:0
}
address,sup {
border-left:3px solid #D0E5F2;
font-style:normal;
padding:0 0 0 10px;
display:block;
line-height:22px;
vertical-align:baseline;
font-size:100%
}
.hilight {
color:#C20A0A
}
.cross {
width:6px;
height:6px;
display:inline-block;
position:relative
}
.cross span {
background-color:#25bb9b
}
.cross .vertical {
position:absolute;
width:2px;
height:6px;
top:0;
left:2px
}
.cross .horizontal {
position:absolute;
width:6px;
height:2px;
top:2px;
left:0
}
.zg-anchor-hidden {
top:-48px;
position:relative;
display:block;
width:0;
font:0/0 a
}
.zg-anchor-hidden.ac {
top:-100px
}
.zu-nav-page {
height:35px;
text-align:right
}
.gray_link,.gray_link:visited {
color:#999
}
.zg-red {
color:#A02313
}
.zg-content-video-icon,.zg-content-img-icon {
margin:0 5px -1px 1px;
display:inline-block;
width:13px;
height:11px;
background-repeat:no-repeat;
background-image:url(../images/img/sprites-1.9.2.4c54885a.png)
}
.zg-content-img-icon {
background-position:-28px -5px
}
.zg-content-video-icon {
background-position:-41px -5px
}
.zg-section {
margin:0 0 10px;
display:block
}
.section-title {
border-bottom:1px solid #ccc;
color:#666
}
.zg-section-title {
padding:0 0 3px;
margin:0 0 10px;
border-bottom:solid 1px #ddd
}
.zg-section-title.zg-section-title-wide {
padding:0 0 10px
}
.zg-clear:before,.zg-clear:after {
content:"\0020";
display:block;
height:0;
visibility:hidden
}
.zg-clear:after {
clear:both
}
.zg-clear {
height:1%
}
.zg-r3px {
border-radius:3px
}
.zg-r4px {
border-radius:4px
}
.zg-r5px,.goog-tooltip {
border-radius:5px
}
.zg-r10px {
border-radius:10px
}
.zg-hide {
display:none
}
.zg-ml10 {
margin:0 0 0 10px
}
.zg-ml20 {
margin:0 0 0 20px
}
.zg-mr10 {
margin:0 10px 0 0
}
.zg-mr15 {
margin:0 15px 0 0
}
.zg-mb15 {
margin:0 0 15px
}
.zg-locked {
background:transparent url(../images/img/lock.070c061d.gif) scroll no-repeat 0 5px;
color:#999;
padding:0 0 0 15px
}
.zu-autohide {
display:none
}
.goog-inline-block.zu-autohide {
display:none
}
.zu-autohide {
_display:inline-block!important
}
.zg-14px {
font-size:14px
}
.zg-gray {
color:#999;
font-size:12px;
font-weight:400
}
.zg-gray-darker {
color:#666
}
.zg-medium-gray {
color:#999;
font-size:13px
}
.zg-gray-small {
color:#999;
font-size:12px
}
.zg-big-gray {
color:#999;
font-size:14px;
font-weight:400
}
.zg-right {
float:right
}
.zg-left {
float:left
}
.zg-text-error {
color:#C3412F
}
.link-disabled {
color:#999;
font-weight:400;
text-decoration:none;
cursor:default
}
.link-disabled:hover {
text-decoration:none
}
.zg-link {
cursor:pointer;
text-decoration:none
}
.zg-link:hover {
text-decoration:underline
}
.zg-link-disabled:hover {
text-decoration:none;
cursor:not-allowed
}
.zg-link-white {
color:#fff
}
.zg-link-black {
color:#222
}
.zg-link-litgray,.zg-link-litgray:hover {
color:#ddd!important;
font-size:12px
}
.zg-bull {
padding:0 3px;
color:#BBB;
font-family:Arial
}
.zg-bull-medium-lit {
padding:0 5px;
color:#DDD
}
.zg-gray-normal,.zg-link-gray-normal,.zg-link-gray {
color:#999;
font-weight:400
}
.zg-link-gray {
font-size:12px
}
html.no-touchevents .zg-link-gray:hover,html.no-touchevents .zg-link-gray-normal:hover {
color:#25bb9b
}
.zg-link-litblue,.zg-link-litblue-normal {
color:#25bb9b;
font-weight:400
}
.zg-link-litblue {
font-size:12px
}
.zg-link-litblue:hover,.zg-link-litblue-normal:hover {
color:#25bb9b
}
.zg-blue-edit {
width:15px;
height:11px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -20px -151px transparent;
display:inline-block;
margin-right:3px
}
.zm-command {
padding:10px 0;
text-align:right
}
.zm-command-cancel {
margin:0 15px 0 0;
cursor:pointer
}
.zm-command-cancel:hover {
text-decoration:underline
}
.zg-num {
margin:0 0 0 3px;
padding:1px 5px;
background:#25bb9b;
color:#fff;
font-size:11px;
-webkit-text-size-adjust:none;
vertical-align:top;
border-radius:30px
}
.zg-item-log-detail {
*zoom:1;
border-left:3px solid #DDD;
padding:5px 10px;
margin:5px 0
}
.zg-item-log-detail:before,.zg-item-log-detail:after {
display:table;
content:""
}
.zg-item-log-detail:after {
clear:both
}
.zg-item-log-detail:before,.zg-item-log-detail:after {
display:table;
content:""
}
.zg-item-log-detail:after {
clear:both
}
.zg-item-log-detail ul,.zg-item-log-detail ol {
margin-left:2em
}
.zg-error-text {
color:#C3412F
}
.zg-orange-message {
padding:10px;
margin:10px 0;
background:#FFFCDD;
color:#8D7745
}
.zg-simple-info {
text-align:center;
padding:20px 0
}
.zg-avatar-big {
width:100px;
height:100px;
border:0 none;
border-radius:4px
}
.zg-avatar-medium {
width:50px;
height:50px;
border:0 none;
border-radius:4px
}
.zg-inline {
display:inline!important
}
.zg-c12,.zg-c16 {
margin-left:auto;
margin-right:auto;
width:960px
}
.zg-g1,.zg-g2,.zg-g3,.zg-g4,.zg-g5,.zg-g6,.zg-g7,.zg-g8,.zg-g9,.zg-g10,.zg-g11,.zg-g12,.zg-g13,.zg-g14,.zg-g15,.zg-g16 {
display:inline;
float:left;
margin-left:10px;
margin-right:10px
}
.zg-push-1,.zg-pull-1,.zg-push-2,.zg-pull-2,.zg-push-3,.zg-pull-3,.zg-push-4,.zg-pull-4,.zg-push-5,.zg-pull-5,.zg-push-6,.zg-pull-6,.zg-push-7,.zg-pull-7,.zg-push-8,.zg-pull-8,.zg-push-9,.zg-pull-9,.zg-push-10,.zg-pull-10,.zg-push-11,.zg-pull-11,.zg-push-12,.zg-pull-12,.zg-push-13,.zg-pull-13,.zg-push-14,.zg-pull-14,.zg-push-15,.zg-pull-15 {
position:relative
}
.zg-c12 .zg-g3,.zg-c16 .zg-g4 {
width:220px
}
.zg-c12 .zg-g6,.zg-c16 .zg-g8 {
width:460px
}
.zg-c12 .zg-g9,.zg-c16 .zg-g12 {
width:700px
}
.zg-c12 .zg-g12,.zg-c16 .zg-g16 {
width:940px
}
.zg-alpha {
margin-left:0
}
.zg-omega {
margin-right:0
}
.zg-c12 .zg-g1 {
width:60px
}
.zg-c12 .zg-g2 {
width:140px
}
.zg-c12 .zg-g4 {
width:300px
}
.zg-c12 .zg-g5 {
width:380px
}
.zg-c12 .zg-g7 {
width:540px
}
.zg-c12 .zg-g8 {
width:620px
}
.zg-c12 .zg-g10 {
width:780px
}
.zg-c12 .zg-g11 {
width:860px
}
.zg-c16 .zg-g1 {
width:40px
}
.zg-c16 .zg-g2 {
width:100px
}
.zg-c16 .zg-g3 {
width:160px
}
.zg-c16 .zg-g5 {
width:280px
}
.zg-c16 .zg-g6 {
width:340px
}
.zg-c16 .zg-g7 {
width:400px
}
.zg-c16 .zg-g9 {
width:520px
}
.zg-c16 .zg-g10 {
width:580px
}
.zg-c16 .zg-g11 {
width:640px
}
.zg-c16 .zg-g13 {
width:760px
}
.zg-c16 .zg-g14 {
width:820px
}
.zg-c16 .zg-g15 {
width:880px
}
.zg-inline-block,.inline-block,.more {
display:inline-block!important
}
#zh-top-nav-btn-hide {
font-size:12px;
font-weight:700
}
.zg-fly-input-label {
color:#BEBEBE;
left:7px;
position:absolute;
top:7px;
cursor:text;
font-size:14px
}
.zg-fly-input-label {
color:#BEBEBE;
left:8px;
position:absolute;
top:6px;
cursor:text
}
.zm-modal-dialog-guide-title,.zm-modal-dialog-guide-warn-message {
padding:5px 9px;
margin:0 0 15px;
position:relative
}
.zm-modal-dialog-guide-title {
background:none repeat scroll 0 0 #F7FBFD;
border:1px solid #D2E1E8
}
.zm-modal-dialog-guide-warn-message {
background:none repeat scroll 0 0 #f8f6e2;
border:1px solid #ccc9ac!important;
padding:5px 30px 5px 9px!important;
margin:0 0 15px!important
}
.zm-modal-dialog-guide-title-spin {
background:transparent url(../images/img/sprites-1.9.2.4c54885a.png) scroll no-repeat -38px -902px;
visibility:hidden;
position:absolute;
bottom:-11px;
left:20px;
width:16px;
height:11px
}
.zm-modal-dialog-guide-title-msg {
background:transparent url(../images/img/sprites-1.9.2.4c54885a.png) scroll no-repeat -227px -174px;
visibility:hidden;
position:absolute;
bottom:-11px;
left:20px;
width:16px;
height:11px
}
.zh-question-suggest-trigger {
color:#444
}
.zh-question-suggest-optional {
color:#aaa
}
#zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-spin,#zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-msg,.zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-spin,.zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-msg {
bottom:-10px;
z-index:1;
visibility:visible;
left:21px
}
.goog-zippy-expanded>.zm-modal-dialog-guide-title-spin {
visibility:visible
}
.zm-modal-dialog-guide-title-dropdown {
background:transparent url(../images/img/sprites-1.9.2.4c54885a.png) scroll no-repeat -46px -674px;
position:absolute;
top:13px;
right:10px;
width:11px;
height:6px
}
.goog-zippy-expanded>.zm-modal-dialog-guide-title-dropdown {
background-position:-39px -934px;
top:12px
}
.goog-zippy-collapsed>.zm-modal-dialog-guide-title-dropdown {
background-position:-39px -928px;
top:14px
}
.zh-question-topic-autocomplete-plaintext {
background-color:#EFEFEF;
color:#888;
font-size:.9em;
padding:1px 8px
}
.zm-item-more-wrap {
border-top:solid 1px #ddd
}
.zu-edit-btn {
color:#999;
display:inline-block;
font-size:11px;
-webkit-text-size-adjust:none;
font-weight:400;
padding:0 3px 0 0;
margin:0 0 0 5px;
line-height:130%
}
.zu-edit-btn:hover,.zu-edit-btn:visited {
color:#666;
background-color:#e1f0f7;
border-radius:2px;
text-decoration:none
}
.zg-report-title {
padding-bottom:10px
}
.zg-report-title .zg-report-msg {
color:#A02313
}
.zm-item-img-avatar {
border-radius:2px
}
.zg-wrap {
width:960px;
margin:0 auto;
clear:both
}
.zu-main {
min-height:340px;
padding:25px 0 50px;
position:relative;
z-index:2
}
.zu-main.no-sidebar .zu-main-content {
float:none
}
.zu-main.no-sidebar .zu-main-content-inner {
margin:0
}
@media (max-width:959px) {
.zu-main.no-sidebar .zu-main-content-inner {
margin:0 10px
}
}.zu-main-content {
float:left;
width:100%
}
.zu-main-content-inner {
position:relative;
}
.zu-main-sidebar {
position:relative;
float:left;
margin:0 0 0 -270px;
width:270px
}
@media (max-width:767px) {
.zg-wrap {
width:auto;
padding-left:6px;
padding-right:6px
}
.zu-main-content-inner {
margin:0
}
.zu-main-content {
float:none
}
.zu-main-sidebar {
float:none;
margin:0
}
}@media (min-width:768px) and (max-width:959px) {
.zg-wrap {
width:auto;
padding-left:6px;
padding-right:6px
}
.zu-main-content-inner {
margin:0 300px 0 0
}
}.zh-footer {
clear:both;
text-align:right
}
.zh-footer,.zh-footer a {
color:#999
}
.zh-footer .content {
padding:20px 15px;
border-top:1px solid #ccc
}
.zh-footer ul,.zh-footer li {
display:inline
}
.zh-footer li {
list-style:none
}
.zh-footer li+li:before {
content:'•';
margin-right:3px;
padding:0 3px;
font-family:Arial;
color:#bbb
}
.zh-footer .copy {
float:left
}
.zu-main-sidebar .zh-footer {
margin-top:10px;
text-align:left
}
.zu-main-sidebar .zh-footer .content {
padding:10px 0;
width:auto;
border-top-color:#eee
}
.zu-main-sidebar .zh-footer li:nth-child(5):before {
content:'';
margin:0;
padding:0;
display:block
}
.zu-main-sidebar .zh-footer .copy {
margin-left:1px;
float:none
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
color:#999
}
input::-moz-placeholder,textarea::-moz-placeholder {
color:#999
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
color:#999
}
input::placeholder,textarea::placeholder {
color:#999
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
input[type=number] {
-moz-appearance:textfield
}
.form-basic .group {
margin-bottom:1em
}
.form-basic .lbl {
width:5em;
float:left;
text-align:right;
line-height:33px
}
.form-basic .controls {
margin-left:6em
}
.form-basic label.error {
margin-left:5px;
color:#c33
}
.form-basic label.error:first-child {
margin:0
}
input.text,textarea.text {
padding:8px 10px;
font-size:13px;
line-height:15px;
box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
border-radius:3px;
background:#fff;
border:1px solid #ccc;
color:#222;
box-sizing:border-box
}
input.text:focus,textarea.text:focus {
outline:0;
box-shadow:0 0 5px rgba(105,142,191,.4);
border:1px solid #b0c4dd;
position:relative
}
.zm-form-table {
width:100%;
margin:0
}
.zm-form-table-head {
width:43px;
float:left;
text-align:right
}
.zg-form-text-input,.zg-form-select {
padding:8px 10px;
font-size:13px;
line-height:15px;
box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
border-radius:3px;
background:#fff;
border:1px solid #ccc;
color:#222
}
.zg-form-text-input:focus {
outline:0;
box-shadow:0 0 5px rgba(105,142,191,.4);
border:1px solid #b0c4dd;
position:relative
}
.zg-form-select {
color:#666;
line-height:1;
height:32px;
min-width:215px
}
.label-input-label {
color:#777!important
}
textarea.zg-form-text-input,.zg-form-text-input>textarea {
color:#222;
overflow:hidden;
min-height:66px;
line-height:22px;
font-size:13px;
padding:0!important;
margin:0!important;
border:0 none
}
.zm-form-btn-collapse {
vertical-align:middle;
margin-left:5px
}
.zm-form-table-head-align-middle {
margin:5px 0 0
}
.zg-form-table-count {
min-height:27px;
padding-top:5px!important
}
.zg-form-table-count label {
color:#999;
padding-right:20px
}
.zm-form-table-field {
margin:0 0 0 53px;
padding:0 0 10px;
vertical-align:top
}
.zm-form-table-field-last {
padding:0
}
.zm-form-table-wide>.zm-form-table-head {
width:100px;
position:relative
}
.zm-form-table-wide>.zm-form-table-field {
margin:0 0 0 125px
}
.zm-form-table-medium>.zm-form-table-head {
width:3em;
clear:both
}
.zm-form-table-medium>.zm-form-table-field {
margin:0 0 0 3.5em;
zoom:1
}
.icon,.tr-icon,.tr-inline-icon,.goog-option-selected .goog-menuitem-checkbox,.zu-edit-button-icon,.zu-top-live-icon,.zh-global-backtotop,.zh-hovercard-arrow,.modal-dialog-title-close,.icon-external,.zg-icon,.zm-profile-icon,.zm-profile-header-icon,.icon-info,.icon-green-check,.icon-big-arrow-left,.icon-big-arrow-right,.icon-weibo,.icon-qzone,.icon-weibo-corner,.icon-big-white-sina,.icon-big-white-qq,.icon-big-white-mail,.icon-delete,.icon-edit {
width:16px;
height:16px;
background-image:url(../images/img/sprites-1.9.2.4c54885a.png);
background-repeat:no-repeat;
display:inline-block;
vertical-align:middle
}
.icon-bubble,.icon-avatar {
width:13px;
height:13px
}
.icon-bubble {
background-position:-208px -46px
}
.icon-avatar {
background-position:-152px -46px
}
.icon-profile-company {
background-position:-92px -110px
}
.icon-profile-male {
background-position:-144px -110px
}
.icon-profile-female {
background-position:-127px -110px
}
.icon-profile-location {
background-position:-58px -110px
}
.icon-profile-education {
background-position:-111px -110px
}
.icon-weibo {
background-position:-194px -110px;
width:16px;
height:13px;
vertical-align:-2px
}
.icon-qzone {
background-position:-245px -167px;
width:16px;
height:16px;
vertical-align:-2px
}
.icon-big-arrow-left {
background-position:-210px -232px;
width:90px;
height:18px
}
.icon-big-arrow-right {
background-position:-210px -214px;
width:90px;
height:18px
}
.icon-help {
background-position:-284px -68px
}
.icon-disabled {
background-position:-124px -232px;
width:14px;
height:14px;
vertical-align:text-top
}
.icon-delete {
width:15px;
height:15px;
background-repeat:no-repeat;
background-position:-264px -103px;
background-color:#25bb9b;
border-radius:3px;
cursor:pointer
}
html.no-touchevents .icon-delete:hover {
background-color:#25bb9b
}
.icon-edit {
width:12px;
height:12px;
background-position:-131px -50px
}
.spinner-gray,.spinner-lightgray {
display:inline-block;
margin:0 5px;
width:14px;
height:15px;
vertical-align:-3px;
background-size:14px 15px;
background-repeat:no-repeat;
background-image:url(../images/img/spinner/grey-loading.b016b1c7.gif)
}
.spinner-lightgray {
background-image:url(../images/img/spinner/lightgray-loading.e0eefd9c.gif)
}
.icon-weibo-corner {
background-position:-157px -222px;
width:26px;
height:28px;
position:absolute;
bottom:-12px;
right:-11px
}
.icon-green-check {
background-position:-284px -111px;
vertical-align:-4px;
width:16px;
height:16px;
margin-right:5px
}
.icon-big-white-qq {
vertical-align:-5px;
background-position:-61px -230px;
margin-right:7px;
width:24px;
height:20px
}
.view-sina .icon-big-white-qq {
margin:0 13px 0 3px
}
.icon-big-white-sina {
vertical-align:-5px;
background-position:-284px -153px;
margin-right:7px;
width:24px;
height:20px
}
.icon-big-white-mail {
background-position:-284px -180px;
vertical-align:-4px;
margin-right:8px;
width:20px;
height:16px
}
.icon-spike {
position:absolute;
top:-8px;
left:23px;
width:13px;
height:8px;
background-position:-200px -165px
}
.icon-ignore {
width:20px;
height:20px;
background-position:-261px -62px
}
html.no-touchevents a:hover>.icon-ignore {
background-position:-261px -42px
}
.icon-info {
background-position:-227px -146px;
width:16px;
height:16px
}
.icon-copyable,.icon-uncopyable {
width:13px;
height:13px;
vertical-align:-1px
}
.icon-copyable {
background-position:-75px -4px
}
.icon-uncopyable {
background-position:-58px -4px
}
.icon-validate-ok,.icon-validate-error {
margin-right:3px;
width:16px;
height:16px;
vertical-align:-3px
}
.icon-validate-error {
background-position:-284px -131px
}
.icon-validate-ok {
background-position:-284px -111px
}
.icon-vote {
width:20px;
height:14px;
background-position:-123px -184px
}
.icon-voted {
width:20px;
height:14px;
background-position:-123px -166px
}
.zg-icon-topic-square {
background-position:-50px -88px
}
.zg-icon-topic-feed {
background-position:-28px -88px
}
.zg-icon-dropdown-menu {
margin:2px;
height:18px;
width:28px;
vertical-align:bottom;
background-position:-53px -146px
}
.zg-icon-topic-square,.zg-icon-topic-feed {
width:17px;
height:17px;
margin-right:8px;
vertical-align:-4px
}
.icon-magnify {
width:12px;
height:12px;
background-position:-45px -52px;
vertical-align:-3px
}
.icon-magnify-q {
width:13px;
height:15px;
background-position:-239px -60px
}
.icon-magnify-active {
background-position:-222px -62px
}
.icon-lock {
background-position:-47px -67px;
width:9px;
height:11px;
vertical-align:-1px;
margin-right:6px
}
.zg-icon-settings {
width:16px;
height:16px;
background-position:-88px -148px;
margin-right:1px;
vertical-align:-5px
}
.icon-external {
width:7px;
height:7px;
vertical-align:0;
background-position:0 -204px
}
.icon-close-circle {
background-position:-247px -146px
}
.icon-close-8x8 {
width:8px;
height:8px;
background-position:-267px -68px;
cursor:pointer;
vertical-align:0
}
html.no-touchevents .icon-close-8x8:hover {
background-position:-267px -48px
}
.icon-close-16x16 {
width:16px;
height:16px;
background-position:-263px -63px;
cursor:pointer;
vertical-align:-2px
}
html.no-touchevents .icon-close-16x16:hover {
background-position:-263px -43px
}
.zg-icon-bin {
width:10px;
height:11px;
vertical-align:-3px;
background-position:-236px -92px
}
.zg-icon-trash {
background-position:-240px -127px;
width:16px;
height:16px
}
.zg-icon-pen {
background-position:-224px -127px;
width:16px;
height:16px
}
html.no-touchevents a:hover .zg-icon-bin {
background-position:-236px -79px
}
i[class^=z-icon-],i[class*=" z-icon-"] {
display:inline-block;
*margin-right:.3em;
line-height:10px;
vertical-align:0;
background-image:url(../images/img/sprites-1.9.2.4c54885a.png);
background-repeat:no-repeat;
margin-right:5px
}
.z-icon-x {
width:8px;
height:8px;
background-position:-130px -206px
}
.z-icon-x:hover {
background-position:-110px -206px
}
.z-icon-comment {
width:9px;
height:10px;
background-position:-28px -22px
}
.z-icon-collect {
width:7px;
height:10px;
background-position:-56px -22px
}
.z-icon-thank {
width:10px;
height:10px;
background-position:-41px -22px
}
.z-icon-share {
width:11px;
height:10px;
background-position:-67px -22px
}
.z-icon-report-o {
width:10px;
height:10px;
background-position:-82px -22px
}
.z-icon-follow {
width:8px;
height:9px;
background-position:-97px -23px
}
.z-icon-fold {
width:8px;
height:9px;
background-position:-135px -22px
}
.meta-item {
margin-left:7px;
color:#999
}
.meta-item.meta-item-black {
color:inherit
}
.meta-item:first-child,.zg-bull+.meta-item {
margin-left:0
}
html.no-touchevents .meta-item:hover {
color:#25bb9b
}
html.no-touchevents .meta-item:hover .goog-menu-button-caption {
color:#25bb9b;
text-decoration:underline
}
.meta-item.disabled,html.no-touchevents .meta-item.disabled:hover {
color:#bbb;
cursor:default;
text-decoration:none
}
html.no-touchevents .meta-item:hover .z-icon-fold {
background-position:-135px -37px
}
html.no-touchevents .meta-item:hover .z-icon-follow,html.no-touchevents .topic-follow:hover .z-icon-follow {
background-position:-97px -38px
}
html.no-touchevents .meta-item:hover .z-icon-share {
background-position:-67px -37px
}
html.no-touchevents .meta-item:hover .z-icon-thank {
background-position:-41px -37px
}
html.no-touchevents .meta-item.disabled:hover .z-icon-thank {
background-position:-41px -22px
}
html.no-touchevents .meta-item:hover .z-icon-collect {
background-position:-56px -37px
}
html.no-touchevents .meta-item:hover .z-icon-comment {
background-position:-28px -37px
}
.zg-icon-feedlist {
width:16px;
height:16px;
vertical-align:-4px;
margin-right:5px;
background-position:-71px -88px
}
.zg-icon-question-mark {
width:16px;
height:16px;
vertical-align:-3px;
background-position:-284px -68px;
opacity:.5;
-ms-filter:"alpha(Opacity=50)"
}
.zg-icon-question-mark:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.zu-entry-focus-single-way,.zu-entry-focus-each {
width:18px;
height:14px;
display:none;
vertical-align:-2px
}
.zu-entry-focus-single-way {
padding-right:4px;
background-position:-57px -202px
}
.zg-btn-green>.zu-entry-focus-single-way,.zg-btn-follow>.zu-entry-focus-single-way {
display:inline-block
}
.zu-entry-focus-each {
background-position:-82px -202px
}
.zg-btn-white>.zu-entry-focus-each,.zg-btn-unfollow>.zu-entry-focus-each {
display:inline-block
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
.icon,i[class^=z-icon-],.modal-dialog-title-close,.goog-option-selected .goog-menuitem-checkbox,.zg-content-img-icon,.zg-content-video-icon,.tr-icon,.tr-inline-icon,.zg-icon,.icon-external,.feed-item .ignore,.side-topic-item .up,.side-topic-item .delete,.zu-edit-button-icon,.zg-blue-edit,.zm-add-question-detail-icon,.zh-hovercard-arrow,.zu-top-live-icon,.zm-item-top-btn,.zm-profile-icon,.zm-profile-header-icon,.zm-profile-empty-icon,.zu-global-notify-icon,.zu-global-notify-close,.zm-modal-dialog-guide-title-msg,.zm-modal-dialog-guide-title-dropdown,.zm-noti7-popup-tab-item .icon,.zu-noti7-popup .zu-top-live-icon,.icon-info,.icon-green-check,.icon-big-arrow-left,.icon-big-arrow-right,.icon-weibo,.icon-qzone,.icon-weibo-corner,.icon-big-white-sina,.icon-big-white-qq,.icon-big-white-mail,.icon-delete,.icon-edit {
background-image:url(../images/img/sprites-1.9.2@2x.6e638473.png);
background-size:308px 250px
}
.spinner-gray {
background-image:url(../images/img/spinner/grey-loading@2x.c8492b4b.gif)
}
.spinner-lightgray {
background-image:url(../images/img/spinner/lightgray-loading@2x.0ac3edf8.gif)
}
}.zg-icon-rare {
width:16px;
height:16px;
background-image:url(../images/img/sprites-rare-0.1.42f52e35.png);
background-repeat:no-repeat;
display:inline-block;
vertical-align:middle
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
.zg-icon-rare {
background-image:url(../images/img/sprites-rare-0.1@2x.4c1b03dc.png);
background-size:256px 30px
}
}.zg-btn-blue,.zg-btn-green,.zg-btn-red,.zg-btn-white,.zg-btn-disabled {
font-size:14px;
line-height:1.7;
text-decoration:none!important;
vertical-align:middle;
display:inline-block;
_display:inline!important;
text-align:center;
padding:4px 10px;
cursor:pointer;
border-radius:3px;
white-space:nowrap;
box-sizing:border-box
}
.zg-btn-blue.disabled,.zg-btn-green.disabled,.zg-btn-red.disabled,.zg-btn-white.disabled,.zg-btn-disabled.disabled,.zg-btn-blue[disabled],.zg-btn-green[disabled],.zg-btn-red[disabled],.zg-btn-white[disabled],.zg-btn-disabled[disabled] {
background:#eee;
color:#888!important;
border:1px solid #ddd;
cursor:not-allowed;
text-shadow:none;
box-shadow:none!important
}
.zg-btn-blue.disabled:active,.zg-btn-green.disabled:active,.zg-btn-red.disabled:active,.zg-btn-white.disabled:active,.zg-btn-disabled.disabled:active,.zg-btn-blue[disabled]:active,.zg-btn-green[disabled]:active,.zg-btn-red[disabled]:active,.zg-btn-white[disabled]:active,.zg-btn-disabled[disabled]:active {
background:#eee;
border-color:#ccc
}
.zg-btn {
display:block;
text-align:center;
min-width:78px;
font-size:12px;
text-decoration:none!important;
padding:1px;
font-weight:400;
line-height:18px;
border-radius:3px;
cursor:pointer;
box-sizing:border-box
}
.zg-btn-disabled {
cursor:default!important
}
.zg-btn-white.zu-button-more {
display:block;
font-size:13px;
margin:20px 0;
padding:5px 1px
}
.zu-button-more.loading {
cursor:not-allowed
}
.zm-command>.zg-btn-blue,.zm-command>.zg-btn-green,.zm-command>.zg-btn-white,.zm-command>.zg-btn-disabled {
vertical-align:baseline
}
.zg-btn-blue {
color:#fff!important;
/*text-shadow:0 -1px 0 rgba(0,0,0,.5);*/
background:#25bb9b;
background:-webkit-linear-gradient(top,#25bb9b,#00B091);
background:linear-gradient(to bottom,#25bb9b,#00B091);
border:1px solid #25bb9b;
box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2)
}
.zg-btn-blue:active {
background:#25bb9b;
background:-webkit-linear-gradient(top,#25bb9b,#00B091);
background:linear-gradient(to bottom,#25bb9b,#00B091);
box-shadow:0 1px 2px rgba(255,255,255,.15) inset
}
.zg-btn-red {
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.5);
background:#e55345;
background:-webkit-linear-gradient(top,#e96249,#e03c40);
background:linear-gradient(to bottom,#e96249,#e03c40);
border:1px solid #cf2b28;
box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2)
}
.zg-btn-red:active {
background:#e55039;
background:-webkit-linear-gradient(top,#e7563b,#e04735);
background:linear-gradient(to bottom,#e7563b,#e04735);
box-shadow:0 1px 2px #9C3522 inset
}
.zg-btn-green,.zg-btn-follow {
width: auto;
_width: 78px;
min-width: 78px;
color: #fff!important;
text-shadow: 0 1px 0 rgba(255,255,255,.3);
background: #25bb9b;
background: -webkit-linear-gradient(top,#25bb9b,#00B091);
background: linear-gradient(to bottom,#25bb9b,#00B091);
border: 1px solid #25bb9b;
box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,0 1px 0 rgba(0,0,0,.2);
}
.zg-btn-green:active,.zg-btn-follow:active {
background:#25bb9b;
background:-webkit-linear-gradient(top,#25bb9b,#00B091);
background:linear-gradient(to bottom,#25bb9b,#00B091);
box-shadow:0 1px 2px rgba(0,0,0,.3) inset
}
.zg-btn-white {
color:#666!important;
text-shadow:0 1px 0 #fff;
background:#f1f1f2;
background:-webkit-linear-gradient(top,#f8f8f9,#e6e6e8);
background:linear-gradient(to bottom,#f8f8f9,#e6e6e8);
border:1px solid #bbb;
box-shadow:0 1px 0 #fff inset,0 1px 0 rgba(0,0,0,.1)
}
.zg-btn-white:active {
background:#ddd;
box-shadow:none
}
.zg-btn-unfollow,.zg-btn-disabled {
background:#eee;
color:#888;
border:1px solid #ddd
}
.zg-btn-unfollow:active,.zg-btn-disabled:active {
border-color:#ccc
}
.zg-unfollow {
color:#999
}
.zg-unfollow>.z-icon-follow {
display:none
}
.zg-follow {
color:#25bb9b
}
html.no-touchevents .zg-follow:hover {
color:#25bb9b
}
.zg-btn-blue.zg-btn-justify,.zg-btn-green.zg-btn-justify,.zg-btn-white.zg-btn-justify {
font-size:13px!important;
line-height:18px!important
}
.zg-btn-blue,.zg-btn-green,.zg-btn-white,a.follow {
*line-height:20px
}
.small {
*line-height:18px!important
}
.goog-link-button {
position:relative;
color:#25bb9b;
text-decoration:underline;
cursor:pointer
}
.goog-link-button-disabled {
color:#999;
text-decoration:none;
cursor:default
}
.btn-pending {
opacity:.85;
-ms-filter:"alpha(Opacity=85)"
}
.zg-link-btn {
border:0;
color:#25bb9b;
background:transparent;
cursor:pointer
}
html.no-touchevents .zg-link-btn:hover {
text-decoration:underline
}
.z-ico-play-video,.z-ico-wechat-right-panel,.z-ico-show-password,.z-ico-hide-password,.z-ico-weibo,.z-ico-wechat-unlogin-page,.z-ico-weibo-share,.z-ico-wechat-share,.z-ico-green-check,.z-ico-gray-check,.z-ico-daily-share,.z-ico-qq,.z-ico-wechat,.z-ico-textedit,.z-ico-shameimaru-close,.z-ico-left,.z-ico-close,.z-ico-community:hover,.z-ico-community,.z-ico-video,.z-ico-extern-gray,.z-ico-extern-blue {
background-image:url(../images/img/compiled/icons_a9b07ecead.261e7c3b.png);
background-repeat:no-repeat;
background-size:108px 93px
}
@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx) {
.z-ico-play-video,.z-ico-wechat-right-panel,.z-ico-show-password,.z-ico-hide-password,.z-ico-weibo,.z-ico-wechat-unlogin-page,.z-ico-weibo-share,.z-ico-wechat-share,.z-ico-green-check,.z-ico-gray-check,.z-ico-daily-share,.z-ico-qq,.z-ico-wechat,.z-ico-textedit,.z-ico-shameimaru-close,.z-ico-left,.z-ico-close,.z-ico-community:hover,.z-ico-community,.z-ico-video,.z-ico-extern-gray,.z-ico-extern-blue {
background-image:url(../images/img/compiled/icons_a9b07ecead.261e7c3b.png)
}
}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx) {
.z-ico-play-video,.z-ico-wechat-right-panel,.z-ico-show-password,.z-ico-hide-password,.z-ico-weibo,.z-ico-wechat-unlogin-page,.z-ico-weibo-share,.z-ico-wechat-share,.z-ico-green-check,.z-ico-gray-check,.z-ico-daily-share,.z-ico-qq,.z-ico-wechat,.z-ico-textedit,.z-ico-shameimaru-close,.z-ico-left,.z-ico-close,.z-ico-community:hover,.z-ico-community,.z-ico-video,.z-ico-extern-gray,.z-ico-extern-blue {
background-image:url(../images/img/compiled/icons@2x_a9b07ecead.58bad5a6.png)
}
}.z-ico-play-video {
background-position:-1px -1px;
width:38px;
height:38px
}
.z-ico-wechat-right-panel {
background-position:-41px -1px;
width:24px;
height:22px
}
.z-ico-show-password {
background-position:-41px -25px;
width:21px;
height:13px
}
.z-ico-hide-password {
background-position:-1px -41px;
width:21px;
height:13px
}
.z-ico-weibo {
background-position:-67px -1px;
width:20px;
height:16px
}
.z-ico-wechat-unlogin-page {
background-position:-67px -19px;
width:20px;
height:18px
}
.z-ico-weibo-share {
background-position:-1px -56px;
width:18px;
height:18px
}
.z-ico-wechat-share {
background-position:-21px -56px;
width:18px;
height:18px
}
.z-ico-green-check {
background-position:-41px -56px;
width:18px;
height:18px
}
.z-ico-gray-check {
background-position:-61px -56px;
width:18px;
height:18px
}
.z-ico-daily-share {
background-position:-89px -1px;
width:18px;
height:18px
}
.z-ico-qq {
background-position:-89px -21px;
width:17px;
height:16px
}
.z-ico-wechat {
background-position:-89px -39px;
width:16px;
height:15px
}
.z-ico-textedit {
background-position:-89px -56px;
width:16px;
height:16px
}
.z-ico-shameimaru-close {
background-position:-1px -76px;
width:16px;
height:16px
}
.z-ico-left {
background-position:-19px -76px;
width:16px;
height:16px
}
.z-ico-close {
background-position:-37px -76px;
width:16px;
height:16px
}
.z-ico-container:hover .z-ico-community,.z-ico-community:hover {
background-position:-67px -39px;
width:14px;
height:13px
}
.z-ico-community {
background-position:-24px -41px;
width:14px;
height:13px
}
.z-ico-video {
background-position:-40px -41px;
width:13px;
height:12px
}
.z-ico-extern-gray {
background-position:-55px -41px;
width:7px;
height:7px
}
.z-ico-extern-blue {
background-position:-55px -76px;
width:7px;
height:7px
}
@media (min-width:980px) {
.visible-phone {
display:none
}
.visible-tablet {
display:none
}
.hidden-desktop {
display:none
}
}@media (max-width:767px) {
.hidden-phone {
display:none!important
}
.visible-desktop {
display:none
}
}@media (min-width:768px) and (max-width:979px) {
.hidden-tablet {
display:none
}
.visible-desktop {
display:none
}
}html.in-app .hidden-in-app {
display:none
}
.z-link-lit {
color:#25bb9b
}
.z-text-muted {
color:#999
}
.tab-navs {
*zoom:1;
margin:0 0 10px;
padding:0;
text-align:center;
list-style:none;
border-bottom:1px solid #ccc
}
.tab-navs:before,.tab-navs:after {
display:table;
content:""
}
.tab-navs:after {
clear:both
}
.tab-navs:before,.tab-navs:after {
display:table;
content:""
}
.tab-navs:after {
clear:both
}
.tab-navs .tab-nav {
position:relative;
float:left;
margin-right:5px;
margin-bottom:-1px
}
.tab-navs .tab-nav>a {
display:block;
padding:5px 15px;
min-width:45px;
color:#25bb9b;
text-decoration:none;
border:1px solid transparent;
border-radius:2px 2px 0 0
}
html.no-touchevents .tab-navs .tab-nav>a:hover {
background:#eff6fa;
text-decoration:none;
border-bottom-color:#ccc
}
.tab-navs .tab-nav.active>a,html.no-touchevents .tab-navs .tab-nav.active>a:hover {
background:#fff!important;
border:1px solid #ccc;
border-bottom-color:transparent;
cursor:default
}
.tab-navs .tab-nav.active>a {
color:#666!important
}
@media (max-width:480px) {
.tab-navs {
margin-right:2px
}
.tab-navs .tab-nav>a {
min-width:initial
}
}[class*=sprite-global-icon-] {
display:inline-block;
vertical-align:middle
}
.sprite-global,[class*=sprite-global-] {
background-image:url(../images/img/sprites.auto.915a539c.png);
background-repeat:no-repeat
}
.sprite-global-icon-ask {
background-position:-60px -20px;
width:20px;
height:16px
}
.sprite-global-icon-checked {
background-position:0 -50px;
width:16px;
height:16px
}
.sprite-global-icon-close {
background-position:-44px -30px;
width:11px;
height:11px
}
html.no-touchevents a:hover .sprite-global-icon-enter-default,html.no-touchevents button:hover .sprite-global-icon-enter-default,html.no-touchevents .sprite-global-icon-enter-default:hover,.sprite-global-icon-enter-hover {
background-position:0 -82px;
width:8px;
height:13px
}
.sprite-global-icon-enter {
background-position:-72px -50px;
width:8px;
height:13px
}
.sprite-global-icon-fold-round-default {
background-position:-12px -68px;
width:10px;
height:11px
}
html.no-touchevents a:hover .sprite-global-icon-fold-round-default,html.no-touchevents button:hover .sprite-global-icon-fold-round-default,html.no-touchevents .sprite-global-icon-fold-round-default:hover,.sprite-global-icon-fold-round-hover {
background-position:-24px -68px;
width:10px;
height:11px
}
.sprite-global-icon-fold-round-white {
background-position:-36px -68px;
width:10px;
height:11px
}
.sprite-global-icon-fold-white {
background-position:-70px -38px;
width:8px;
height:9px
}
.sprite-global-icon-go {
background-position:-48px -68px;
width:7px;
height:10px
}
.sprite-global-icon-gray-check {
background-position:-30px 0;
width:28px;
height:28px
}
.sprite-global-icon-green-check {
background-position:0 0;
width:28px;
height:28px
}
.sprite-global-icon-industry {
background-position:-18px -50px;
width:16px;
height:16px
}
.sprite-global-icon-lock {
background-position:-60px -38px;
width:8px;
height:10px
}
.sprite-global-icon-magnifier-dark {
background-position:-82px -34px;
width:15px;
height:15px
}
.sprite-global-icon-magnifier-light {
background-position:-82px -17px;
width:15px;
height:15px
}
.sprite-global-icon-marked {
background-position:0 -68px;
width:10px;
height:12px
}
.sprite-global-icon-org-14 {
background-position:-82px -51px;
width:14px;
height:14px
}
.sprite-global-icon-org-16 {
background-position:-36px -50px;
width:16px;
height:16px
}
.sprite-global-icon-qq-gray {
background-position:-60px 0;
width:20px;
height:18px
}
.sprite-global-icon-select-arrow {
background-position:-10px -82px;
width:6px;
height:12px
}
.sprite-global-icon-wechat-gray {
background-position:-22px -30px;
width:20px;
height:18px
}
.sprite-global-icon-wechat {
background-position:-82px 0;
width:16px;
height:15px
}
.sprite-global-icon-weibo-gray {
background-position:0 -30px;
width:20px;
height:18px
}
.sprite-global-icon-write {
background-position:-54px -50px;
width:16px;
height:15px
}
[class*=sprite-rare-icon-] {
display:inline-block;
vertical-align:middle
}
.sprite-rare,[class*=sprite-rare-] {
background-image:url(../images/img/sprites.auto.768f71ae.png);
background-repeat:no-repeat
}
.sprite-rare-icon-ok {
background-position:0 0;
width:30px;
height:30px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-rare,[class*=sprite-rare-] {
background-image:url(../images/img/rare/sprites@2x.auto.375a8003.png);
background-size:30px 30px
}
}.editable pre {
display:block;
white-space:pre-wrap
}
.editable pre div {
*display:inline
}
.editable pre br {
*display:block
}
pre.code-diff {
white-space:pre-wrap
}
pre.code-diff,body .highlight,.editable pre {
margin:.5em 0;
padding:.4em .6em;
font-size:12px;
line-height:1.5;
border-radius:2px;
background:#f8f8f8
}
code,.editable pre,.highlight pre {
font-family:Menlo,Monaco,Consolas,"Andale Mono","lucida console","Courier New",monospace
}
body .highlight {
width:auto;
overflow:auto;
word-wrap:normal
}
.highlight pre {
margin:0
}
.highlight::-webkit-scrollbar {
width:6px;
height:6px
}
.highlight::-webkit-scrollbar-thumb:horizontal {
border-radius:6px;
background-color:rgba(0,0,0,.5)
}
.highlight::-webkit-scrollbar-thumb:horizontal:hover {
background-color:rgba(0,0,0,.6)
}
.highlight code {
overflow:auto
}
.highlight .hll {
background-color:#ffc
}
.highlight {
background:#fff
}
.highlight .c {
color:#998;
font-style:italic
}
.highlight .err {
color:#a61717;
background-color:#e3d2d2
}
.highlight .k {
font-weight:700
}
.highlight .o {
font-weight:700
}
.highlight .cm {
color:#998;
font-style:italic
}
.highlight .cp {
color:#999;
font-weight:700
}
.highlight .c1 {
color:#998;
font-style:italic
}
.highlight .cs {
color:#999;
font-weight:700;
font-style:italic
}
.highlight .gd {
color:#000;
background-color:#fdd
}
.highlight .ge {
font-style:italic
}
.highlight .gr {
color:#a00
}
.highlight .gh {
color:#999
}
.highlight .gi {
color:#000;
background-color:#dfd
}
.highlight .go {
color:#888
}
.highlight .gp {
color:#555
}
.highlight .gs {
font-weight:700
}
.highlight .gu {
color:#aaa
}
.highlight .gt {
color:#a00
}
.highlight .kc {
font-weight:700
}
.highlight .kd {
font-weight:700
}
.highlight .kn {
font-weight:700
}
.highlight .kp {
font-weight:700
}
.highlight .kr {
font-weight:700
}
.highlight .kt {
color:#458;
font-weight:700
}
.highlight .m {
color:#099
}
.highlight .s {
color:#d32
}
.highlight .na {
color:teal
}
.highlight .nb {
color:teal
}
.highlight .nc {
color:#458;
font-weight:700
}
.highlight .no {
color:teal
}
.highlight .ni {
color:purple
}
.highlight .ne {
color:#900;
font-weight:700
}
.highlight .nf {
color:#900;
font-weight:700
}
.highlight .nn {
color:#555
}
.highlight .nt {
color:navy
}
.highlight .nv {
color:teal
}
.highlight .ow {
font-weight:700
}
.highlight .w {
color:#bbb
}
.highlight .mf {
color:#099
}
.highlight .mh {
color:#099
}
.highlight .mi {
color:#099
}
.highlight .mo {
color:#099
}
.highlight .sb {
color:#d32
}
.highlight .sc {
color:#d32
}
.highlight .sd {
color:#d32
}
.highlight .s2 {
color:#d32
}
.highlight .se {
color:#d32
}
.highlight .sh {
color:#d32
}
.highlight .si {
color:#d32
}
.highlight .sx {
color:#d32
}
.highlight .sr {
color:olive
}
.highlight .s1 {
color:#d32
}
.highlight .ss {
color:#d32
}
.highlight .bp {
color:#999
}
.highlight .vc {
color:teal
}
.highlight .vg {
color:teal
}
.highlight .vi {
color:teal
}
.highlight .il {
color:#099
}
.Dot {
padding:0 2px
}
.Link--light {
color:#25bb9b
}
.Button {
display:inline-block;
padding:4px 10px;
font-size:14px;
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,.5);
background:#1472cf;
background:-webkit-linear-gradient(top,#1d7fe2,#0865c2);
background:linear-gradient(to bottom,#1d7fe2,#0865c2);
border:1px solid #0d6eb8;
border-radius:3px;
box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2);
outline:0;
cursor:pointer
}
.Button:hover {
text-decoration:none;
background:#1a70c7;
background:-webkit-linear-gradient(top,#1a79d9,#1a70c7);
background:linear-gradient(to bottom,#1a79d9,#1a70c7);
box-shadow:0 1px 2px rgba(255,255,255,.15) inset
}
.Button-flatPrimary {
color:#fff;
background:#0077d9;
box-shadow:none;
border:0;
text-shadow:none
}
.Button-flatPrimary:focus,.Button-flatPrimary:hover {
background:#0171ce
}
.Button-flatPrimary.disabled,.Button-flatPrimary[disabled] {
background:#b3c1cd
}
.Button--large {
padding:10px 55px;
font-size:15px;
line-height:24px
}
.Button--green {
text-shadow:none;
background:#50c87e;
border:0;
box-shadow:none
}
.Button--green:hover {
background:#50c87e;
box-shadow:none
}
.Button--link {
color:#25bb9b;
text-shadow:none;
background:0 0;
border:0;
box-shadow:none
}
.Button--link:hover {
background:0 0;
box-shadow:none;
text-decoration:underline
}
.Button--text {
padding:0;
color:inherit;
text-shadow:none;
background:0 0;
border:0;
box-shadow:none
}
.Button--text:hover {
background:0 0;
box-shadow:none
}
.Button-icon {
vertical-align:0;
margin-right:.5em
}
.Button-icon--right {
margin-left:.5em;
margin-right:0
}
.Button .sprite-global-icon-wechat {
vertical-align:-2px
}
.IconButton {
display:inline-block;
padding:0 5px;
height:20px;
color:#25bb9b;
font-size:12px;
border:0;
outline:0;
background:0 0;
cursor:pointer
}
html.no-touchevents .IconButton:hover {
background:#eff6fa;
border-radius:3px
}
.IconButton-icon {
margin-right:4px;
vertical-align:-1px!important
}
.Input {
padding:8px 10px;
width:100%;
color:inherit;
font-size:13px;
line-height:15px;
box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
border-radius:3px;
background:transparent;
border:1px solid #ccc;
box-sizing:border-box;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.Input:focus {
border:1px solid #b0c4dd;
box-shadow:0 0 5px rgba(105,142,191,.4)
}
textarea.Input {
vertical-align:bottom
}
.Input-selectWrapper {
position:relative;
display:inline-block
}
.Input-selectArrow {
position:absolute;
top:0;
bottom:0;
right:10px;
margin:auto
}
.Avatar {
width:25px;
height:25px;
border-radius:3px;
background-color:#eee
}
.Avatar--is {
width:34px;
height:34px
}
.Avatar--xs {
width:50px;
height:50px
}
.Avatar--m {
width:75px;
height:75px;
border-radius:4px
}
.Avatar--l {
width:100px;
height:100px;
border-radius:4px
}
.avatar.\34 0 {
width:40px;
height:40px;
border-radius:4px
}
.avatar.\35 0 {
width:50px;
height:50px;
border-radius:4px
}
.avatar.\36 0 {
width:60px;
height:60px;
border-radius:4px
}
.Spinner {
display:inline-block;
width:14px;
height:15px;
background-image:url(../images/img/spinner/grey-loading.b016b1c7.gif)
}
.Spinner--light {
background-image:url(../images/img/spinner/lightgray-loading.e0eefd9c.gif)
}
.Sorter {
overflow:hidden;
height:24px;
position:absolute;
right:-9px;
background:#fff
}
.Sorter:hover,.Sorter.activated {
margin-top:-1px;
right:-10px;
z-index:1;
height:auto;
border:1px solid #ddd;
border-color:#ddd;
border-radius:3px;
box-shadow:0 1px 1px rgba(0,0,0,.05);
text-decoration:none
}
.Sorter .zg-icon-double-arrow {
position:absolute;
top:4px;
right:3px
}
.Sorter .lbl,.Sorter a.lbl {
padding:0 19px 0 7px;
text-decoration:none;
display:block;
color:#999
}
.Sorter a.lbl:hover {
background-color:#eee
}
.SidebarSection {
padding-top:15px;
margin-bottom:15px;
border-top:1px solid #eee
}
.SidebarListNav {
position:relative
}
.SidebarListNav-list {
margin-left:-10px
}
.SidebarListNav-itemLink {
display:block;
height:25px;
line-height:25px;
padding:5px 0;
padding-left:10px;
color:#666
}
.SidebarListNav-itemLink:active,html.no-touchevents .SidebarListNav-listItem .follow-link:hover+.SidebarListNav-itemLink,html.no-touchevents .SidebarListNav-itemLink:hover {
color:#25bb9b;
background:#eff6fa;
border-radius:3px;
text-decoration:none
}
.SidebarListNav-sideLink {
font-weight:400;
font-size:12px;
float:right;
margin-top:1px
}
.SidebarListNav-listItem {
position:relative;
display:block;
margin-bottom:3px;
list-style:none
}
html.no-touchevents .SidebarListNav-listItem:hover .follow-link {
display:inline;
text-decoration:none
}
.SidebarListNav-listItem .follow-link {
position:absolute;
right:12px;
top:5px;
line-height:25px;
display:none
}
.SidebarListNav-listItem .follow-link:hover {
color:#25bb9b!important
}
.SidebarListNav-listItem .follow-link .z-icon-follow {
display:none
}
.SidebarListNav-avatar {
vertical-align:top;
margin-right:5px
}
.SidebarListNav-hint {
float:right;
padding-right:12px;
color:#999
}
.SidebarListNav-label {
max-width:170px;
display:inline-block;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap
}
html.no-touchevents .SidebarListNav-listItem:hover .SidebarListNav-hint {
color:#25bb9b
}
html.no-touchevents .SidebarListNav-listItem:hover .SidebarListNav-hint--hoverHidden {
display:none
}
.Message {
position:relative;
margin-bottom:10px;
padding:22px;
font-size:15px;
text-align:center;
background:#fff;
border:1px solid #ddd;
border-radius:4px
}
.Message--withMargin {
margin:12px 10px 0
}
.Message--roundtable {
margin-bottom:2em
}
.Message-actions {
margin-top:22px
}
.Message-actions+.Message-actions {
color:#999
}
.Message-close {
position:absolute;
top:8px;
right:8px;
margin:0;
padding:0 4px;
line-height:18px;
background:0 0;
border:0;
outline:0;
cursor:pointer
}
.GaussianBlur {
background-color:rgba(255,255,255,.96);
box-shadow:0 -1px 0 0 rgba(0,0,0,.08)
}
@supports (-webkit-backdrop-filter:blur(18px)) {
.GaussianBlur {
-webkit-backdrop-filter:blur(18px);
background-color:rgba(255,255,255,.68)
}
}.AppPromotionBar {
position:fixed;
bottom:0;
z-index:3;
display:none;
width:100%;
height:60px;
-webkit-transition:opacity .2s ease-out;
transition:opacity .2s ease-out
}
html.is-AppPromotionBarVisible .AppPromotionBar {
display:block
}
.AppPromotionBar.is-hidden {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
.AppPromotionBar-closeButton {
float:left;
width:21px;
height:21px;
padding:19px 12px 20px;
background-image:url(../images/img/app_promotion_bar/close.d37dfef8.png);
background-position:center;
background-repeat:no-repeat;
background-size:21px
}
.AppPromotionBar-icon {
float:left;
margin:9.5px 10px 0;
width:41px;
height:41px;
background-image:url(../images/img/app_promotion_bar/icon.926a6569.png);
background-position:center;
background-size:41px
}
.AppPromotionBar-closeButton+.AppPromotionBar-icon {
margin-left:0
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
.AppPromotionBar-icon {
background-image:url(../images/img/app_promotion_bar/icon@3x.6362b806.png)
}
}.AppPromotionBar-title,.AppPromotionBar-describe {
margin-right:84px;
line-height:1;
color:rgba(12,26,62,.48)
}
.AppPromotionBar-title {
margin-top:12px;
margin-bottom:0;
font-size:19px
}
.AppPromotionBar-describe {
margin-top:3px;
font-size:14px
}
.AppPromotionBar-downloadButton {
position:absolute;
top:0;
right:10px;
bottom:0;
width:74px;
height:23px;
padding-top:10px;
margin:auto;
font-size:13px;
line-height:1;
text-align:center;
color:#fff;
background-color:#0084ff;
border-radius:4px;
box-shadow:inset 0 -2px #006acc
}
@media (min-width:500px) {
.AppPromotionBar {
height:90px
}
.AppPromotionBar-closeButton {
width:30px;
height:30px;
padding:30px 25px;
background-image:url(../images/img/app_promotion_bar/close_large.be2e2c35.png);
background-size:30px
}
.AppPromotionBar-icon {
margin:14.5px 15px 0 25px;
left:80px;
width:61px;
height:61px;
background-image:url(../images/img/app_promotion_bar/icon_large.e71ae6e3.png);
background-size:61px
}
.AppPromotionBar-title,.AppPromotionBar-describe {
margin-right:135px
}
.AppPromotionBar-title {
margin-top:20px;
font-size:27px
}
.AppPromotionBar-describe {
margin-top:7px;
font-size:16px
}
.AppPromotionBar-downloadButton {
right:25px;
width:110px;
height:36px;
padding-top:19px;
font-size:18px;
border-radius:6px;
box-shadow:inset 0 -3px #006acc
}
}.OrgIcon {
margin-left:3px;
vertical-align:-2px
}
.OrgIcon.sprite-global-icon-org-16 {
vertical-align:-1px
}
.SquareBlock {
position:relative
}
.SquareBlock:before {
content:'';
display:block;
padding-top:100%
}
.SquareBlock-content {
position:absolute;
top:0;
left:0;
bottom:0;
right:0
}
.Guide.modal-dialog {
position:absolute;
margin:0!important;
width:100%;
height:100%;
box-shadow:none;
border:0;
border-radius:0;
overflow-x:hidden;
color:#444;
background:rgba(255,255,255,.95);
-webkit-align-self:baseline;
-ms-flex-item-align:baseline;
align-self:baseline
}
.Guide.modal-dialog .modal-dialog-title {
display:none
}
.Guide.modal-dialog .modal-dialog-content {
margin:0;
padding:0
}
.Guide.modal-dialog .Guide-header,.Guide.modal-dialog .Guide-content,.Guide.modal-dialog .Guide-TopicsFooter {
-webkit-animation:.3s fadeInUp ease-in;
animation:.3s fadeInUp ease-in
}
.Guide.modal-dialog.fx-hide .Guide-header,.Guide.modal-dialog.fx-hide .Guide-content,.Guide.modal-dialog.fx-hide .Guide-TopicsFooter {
-webkit-animation:.3s fadeOutDown ease-in;
animation:.3s fadeOutDown ease-in
}
.Guide-header {
text-align:center
}
@media (max-width:767px) {
.Guide-header {
padding:0 20px
}
}.Guide-title {
margin:40px 0 20px;
color:#222;
font-size:24px;
font-weight:400
}
@media (max-width:767px) {
.Guide-title {
margin:31px 0 20px;
font-size:22px
}
}.Guide-subtitle {
font-size:14px;
color:#999
}
.Guide-content {
margin:40px auto 0
}
@media (max-width:767px) {
.Guide-content {
margin-top:31px
}
}.Guide-BioEditor {
text-align:center
}
@media (max-width:767px) {
.Guide-BioEditor {
padding:0 20px
}
}.Guide-BioEditorForm {
margin:auto;
height:40px;
max-width:388px
}
.Guide-BioEditorButton {
float:right;
margin-left:18px;
height:100%;
line-height:1
}
.Guide-BioEditorInputWrapper {
height:100%;
overflow:hidden
}
.Guide-BioEditorInput {
width:100%;
height:100%;
font-size:14px
}
.Guide-BioEditorUsers {
margin:63px 0;
font-size:16px
}
@media (max-width:767px) {
.Guide-BioEditorUsers {
margin-top:74px;
text-align:left
}
}.Guide-BioEditorDescription {
margin-bottom:44px;
color:#666
}
@media (max-width:767px) {
.Guide-BioEditorDescription {
margin-bottom:32px
}
}.Guide-BioEditorItem {
position:relative;
left:50%;
text-align:left;
list-style:none
}
@media (max-width:767px) {
.Guide-BioEditorItem {
left:0
}
.Guide-BioEditorItem+.Guide-BioEditorItem {
margin-top:24px
}
}.Guide-BioEditorItem--first {
margin-left:-190px
}
.Guide-BioEditorItem--second {
margin-left:36px
}
.Guide-BioEditorItem--third {
margin-left:-280px
}
.Guide-BioEditorItem--fourth {
margin-top:9px;
margin-left:-34px
}
.Guide-BioEditorItem--fifth {
margin-top:50px;
margin-left:-190px
}
.Guide-BioEditorItem--sixth {
margin-top:32px;
margin-left:-34px
}
@media (max-width:767px) {
.Guide-BioEditorItem--first,.Guide-BioEditorItem--second,.Guide-BioEditorItem--third,.Guide-BioEditorItem--fourth,.Guide-BioEditorItem--fifth,.Guide-BioEditorItem--sixth {
margin-left:0
}
}.Guide-BioEditorAvatar {
float:left;
margin-right:16px;
display:block;
width:50px;
height:50px;
border-radius:50%
}
.Guide-BioEditorBio {
font-size:14px;
color:#999;
line-height:50px
}
@media (max-width:767px) {
.Guide-BioEditorBio {
display:block;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
}.Guide-Topics {
position:relative
}
.Guide-fadeIn {
-webkit-animation-name:fadeIn;
animation-name:fadeIn;
-webkit-animation-duration:1.5s;
animation-duration:1.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.Guide-TopicsList {
margin:-14px auto 0;
max-width:968px;
*zoom:1
}
.Guide-TopicsList:before,.Guide-TopicsList:after {
display:table;
content:""
}
.Guide-TopicsList:after {
clear:both
}
.Guide-TopicsList:before,.Guide-TopicsList:after {
display:table;
content:""
}
.Guide-TopicsList:after {
clear:both
}
.Guide-topicsLoading {
padding-top:100px;
color:#999;
font-size:14px;
text-align:center
}
.Guide-TopicsItem {
float:left;
list-style:none;
margin:14px 1.44628099%;
width:16.52892562%;
cursor:pointer;
border-radius:8px;
overflow:hidden
}
.Guide-TopicsItem:nth-child(5n+1) {
margin-left:2.89256198%
}
.Guide-TopicsList--narrow .Guide-TopicsItem {
margin:7.5px 2.04918033%;
width:27.86885246%
}
.Guide-TopicsList--narrow .Guide-TopicsItem:nth-child(5n+1) {
margin-left:2.04918033%
}
.Guide-TopicsList--narrow .Guide-TopicsItem:nth-child(3n+1) {
margin-left:4.09836066%
}
.Guide-TopicsMask {
position:absolute;
top:0;
bottom:0;
width:100%;
background-image:-webkit-linear-gradient(top,rgba(0,0,0,.32),rgba(0,0,0,.6));
background-image:linear-gradient(to bottom,rgba(0,0,0,.32),rgba(0,0,0,.6));
-webkit-transition:.1s opacity ease-in-out;
transition:.1s opacity ease-in-out;
border-radius:8px
}
html.no-touchevents .Guide-TopicsItem:hover .Guide-TopicsMask {
opacity:.6;
-ms-filter:"alpha(Opacity=60)"
}
.Guide-TopicsAvatar {
width:100%;
height:100%;
border-radius:8px
}
.Guide-TopicsIcon {
position:absolute;
top:14px;
right:14px
}
@media (max-width:767px) {
.Guide-TopicsIcon {
top:8px;
right:8px
}
}.Guide-TopicsName {
position:absolute;
bottom:7.7px;
padding:0 14px;
width:100%;
font-size:18px;
color:#fff;
box-sizing:border-box;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
@media (max-width:767px) {
.Guide-TopicsName {
font-size:16px;
bottom:2.4px;
padding:0 8px
}
}.Guide-TopicsCheckedIcon {
display:none
}
.Guide-TopicsItem.is-checked .Guide-TopicsCheckedIcon {
display:block
}
.Guide-TopicsItem.is-checked .Guide-TopicsUnCheckedIcon {
display:none
}
.Guide-TopicsHint {
padding:40px 0 160px;
text-align:center;
color:#999
}
@media (max-width:767px) {
.Guide-TopicsHint {
margin:32px 20px 112px
}
}.Guide-TopicsFooter {
position:fixed;
bottom:0;
width:100%;
height:120px;
line-height:120px;
text-align:center
}
@media (max-width:767px) {
.Guide-TopicsFooter {
height:80px;
line-height:80px
}
}.Guide-TopicsSubmit {
position:relative;
padding:9px 24px;
font-size:18px
}
@media (max-width:767px) {
.Guide-TopicsSubmit {
padding:6px 24px
}
}.zm-middle-hilight-box {
border:solid 1px #c8c49d;
background:#f8f9e7 url(../images/img/home_enforce_real_name.a274a7bc.png) scroll no-repeat 14px 14px
}
.zm-middle-hilight-box-content {
padding:20px 10px 10px 70px;
min-height:30px
}
#zh-single-answer-author-info {
min-height:55px
}
#zh-home-list-title {
font-size:14px;
color:#666;
font-weight:700
}
.zu-global-nitify-inner {
margin:0 30px 0 25px
}
.zm-item-meta .zg-unfollow {
color:#999!important
}
.zu-home-sub-noti {
list-style:none;
padding:0 0 0 20px;
border-left:5px solid #eff6fa;
padding:0 0 0 5px;
margin:5px 0;
font-size:12px;
color:#666;
line-height:18px;
clear:both
}
.zu-home-noti-item-inner>.x-d>.x-a {
color:#25bb9b
}
.zu-home-noti-item {
list-style:none!important;
border-bottom:1px solid #E7E7E7;
list-style-type:none!important;
margin-bottom:8px;
padding:0 0 8px;
zoom:1
}
.x-m {
float:right;
display:inline;
text-indent:-9999px;
width:18px;
height:16px;
background:url(../images/img/close.c9ff4447.gif) no-repeat 100% center;
opacity:.1;
-ms-filter:"alpha(Opacity=10)";
margin:3px 0 0 8px;
visibility:hidden
}
.zh-question-suggest-info .x-m {
background-position:100% 5px;
margin:2px 4px 0 0;
visibility:visible;
width:14px
}
.x-e {
float:right;
color:#96B7DE;
visibility:hidden
}
html.touchevents .x-m,html.touchevents .x-e {
visibility:visible
}
.x-d {
display:block;
margin:0
}
.zu-top-nav-live .x-m {
margin:2px 0 0 3px
}
.zu-home-noti-item:hover>.x-m {
visibility:visible
}
.zu-home-noti-item:hover>.x-e {
color:#999;
visibility:visible
}
.x-m:hover {
opacity:.5;
-ms-filter:"alpha(Opacity=50)"
}
.zu-home-noti-sep {
border:0;
border-top:1px solid #e7e7e7;
clear:both;
height:0;
margin:5px 0
}
.zu-home-noti-inner {
margin:0 0 10px;
padding:0
}
.goog-scrollfloater {
z-index:9
}
.zm-simple-list-item:hover>.x-m {
visibility:visible
}
.zm-simple-list-item:hover>.x-e {
color:#999;
visibility:visible
}
.zu-simple-item-list {
margin:10px 0 0;
padding:10px 0 0
}
.zm-simple-list-item .x-m {
display:none
}
.zm-simple-list-item-hilited {
background:#D6ECFA;
font-weight:700
}
.zm-list-avatar {
float:left;
height:25px;
width:25px;
border:0 none;
border-radius:2px
}
.zm-list-avatar-medium {
float:left;
height:50px;
margin:2px 10px 0 0;
width:50px;
border:0 none;
border-radius:5px
}
.zm-list-avatar-topic {
float:left;
height:50px;
margin:3px 15px 0 0;
width:50px;
border:0 none
}
.zm-list-avatar-link {
float:left
}
.zm-list-content {
margin:0 0 0 35px
}
.zm-list-content-topic {
margin-left:66px
}
.zm-list-content-maxheight {
max-height:62px
}
.zm-list-content-topic {
margin-left:66px
}
.zg-link-topic {
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
max-height:44px
}
.zm-list-title {
display:block;
overflow:hidden
}
.zm-list-content-medium {
margin:0 0 0 64px
}
.zm-list-focus-button-wrap {
margin:7px 0 0
}
.zm-list-content-title {
margin:0
}
.zu-main-nav-current>.zg-title16 {
color:#eee
}
.zu-main-nav-a>.zg-title16 {
padding:13px 0 0;
line-height:20px
}
.zu-main-feed-con {
position:relative;
border-top:1px solid #ccc
}
.zm-item-container {
padding:15px 0 0
}
.zm-item {
margin:6px 0 0
}
.zm-item-answer,.zm-item {
position:relative;
padding:0;
outline:0
}
.zm-item-answer {
margin-left:48px
}
.zm-item-answer .answer-head {
min-height:25px
}
#zh-question-log-list-wrap .zm-item {
padding:10px 0 5px;
margin:0
}
#zh-question-answer-collestions .zm-item {
padding:8px 0 3px;
margin:0
}
.zm-item .zm-item-answer-author-info .zm-item-link-avatar {
display:none
}
#zh-question-answer-wrap .zm-item-answer,.zm-item-answer+.zm-item-answer,.zm-item+.zm-item {
border-top:1px solid #eee
}
.zm-item+.zm-item {
padding-top:7px
}
#zh-question-collapsed-wrap>.zm-item-answer,#zh-question-answer-wrap>.zm-item-answer {
padding:10px 0 5px
}
.zm-item.zm-item-h60 {
min-height:60px
}
.zm-item.zm-item-h50 {
min-height:50px
}
.zm-item.zm-item-h25 {
min-height:25px
}
.zm-item.zm-item-collapsed {
background:#ccc!important
}
.zg-section-big {
margin:0 0 15px
}
.zm-item-tag .cross {
margin-left:6px;
margin-bottom:2px
}
.zm-item-tag:hover .cross span {
background:#fff
}
.zm-meta-panel {
padding:5px 0;
margin-bottom:-5px;
background:#fff
}
.zm-meta-panel a.collapse {
visibility:hidden
}
.zm-meta-panel .zg-follow {
color:#999
}
.zm-meta-panel .zg-follow:hover {
color:#58b
}
.zm-meta-panel>a,.zm-meta-panel>span {
color:#999;
vertical-align:middle
}
.zm-item-meta {
position:relative;
margin-bottom:5px
}
.zm-item-meta .zm-meta-panel {
background:transparent
}
.zm-item-meta .zm-meta-panel a.collapse {
visibility:visible
}
.zm-item-meta .zm-item-meta-actions {
color:#999
}
.zm-item-meta .zm-item-meta-actions a {
color:#999
}
html.no-touchevents .zm-item-meta .zm-item-meta-actions a:hover {
color:#25bb9b
}
#zh-question-meta-wrap {
margin-bottom:10px
}
#zh-question-meta-wrap>a.comment,#zh-question-meta-wrap>a.report {
margin:0
}
.zm-item-answer .zm-item-link-avatar,.zm-item .zm-item-link-avatar,.zm-editable-editor-wrap .zm-item-link-avatar {
float:right;
height:25px;
width:25px
}
.zm-editable-editor-wrap .zm-item-link-avatar {
margin-top:-1px
}
.zm-item-link-avatar50 {
float:left;
height:50px;
width:50px;
margin:0 10px 0 0
}
.zm-item-answer .zm-item-img-avatar,.zm-item .zm-item-img-avatar {
max-height:25px;
max-width:25px;
overflow:hidden;
border:0 none;
float:left
}
.zm-item-img-avatar-left {
float:left;
margin:2px 10px 0 0
}
.zm-item-img-avatar50 {
height:50px;
width:50px;
overflow:hidden;
border:0;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.2)
}
.zm-item-title {
margin:0 30px 3px 0
}
.zm-item-answer-owner .zm-item-vote {
display:block!important
}
.zm-item .zm-item-btn-collapse a {
display:inline;
padding-right:14px;
background:url(../images/img/fold-video.eb40a520.png) no-repeat right center
}
.zm-item-answer-cc {
display:inline-block
}
.zm-item-answer-summary {
display:none
}
.zm-item-vote-info {
margin:3px 0;
color:#999;
font-size:0
}
.zm-item-vote-info .text {
font-size:12px
}
.zm-item-vote-info .zm-item-vote-info {
font-size:inherit
}
.zm-item-vote-info .voters {
display:inline
}
.zm-item-vote-info .voters span {
display:inline-block;
white-space:nowrap
}
.zm-item-vote-info .voters .js-voteCount {
text-decoration:inherit
}
.zm-item-vote-info .voters .OrgIcon {
display:none
}
.zm-item-vote-info a {
color:inherit;
font-size:inherit
}
html.no-touchevents .zm-item-vote-info a:hover {
color:#25bb9b
}
.zm-item-answer-creator {
font-size:13px
}
.zm-item-answer-author-info {
margin:0 0 1px
}
.zm-item-answer-author-info a {
color:inherit
}
.zm-item-answer-author-info .author-link {
font-weight:700
}
.zm-item-answer-author-info .cancel-anon {
margin-left:8px
}
.zu-seamless-input-mock-element {
position:absolute;
top:0;
left:0;
z-index:-1;
text-align:left;
visibility:hidden
}
.zm-modal-dialog-warnmsg {
margin:5px 0 5px 5px;
border-left:3px solid #C3412F;
padding:0 0 0 10px
}
#zh-global-spinner {
position:fixed;
top:130px;
left:0;
z-index:101;
margin:0;
width:105px;
height:30px;
line-height:30px;
text-indent:45px;
opacity:.5;
-ms-filter:"alpha(Opacity=50)";
filter:alpha(opacity=50);
color:#fff;
font-size:90%;
font-weight:700;
text-shadow:0 1px #222;
border-radius:0 5px 5px 0;
background:url(../images/img/ld.46a2f063.gif) #999 10px center no-repeat
}
.zm-settings-account .zm-form-table-wide {
width:530px
}
.zm-settings-form-zippy .goog-zippy-expanded .zm-form-btn-expand {
display:none
}
.zm-settings-form-zippy-header {
margin-bottom:5px
}
.zm-settings-form-pwd .goog-zippy-expanded {
display:none
}
.zm-settings-account .zm-form-hidden dt {
clear:left
}
.zm-pm-wrap {
position:relative
}
.zm-pm-wrap .zm-profile-email-history-link {
float:right
}
.zm-pm-wrap .zm-command {
line-height:33px
}
.zm-pm-wrap .ac-renderer {
left:62px;
top:33px;
width:196px
}
.zm-person-item {
overflow:hidden;
padding:12px 0
}
.zm-person-item+.zm-person-item {
border-top:1px solid #eee
}
.zh-settings-noti-form-wrapper .intro .img {
float:left
}
#zh-question-title>.zm-editable-editor-wrap {
clear:both
}
.zg-mt10 {
margin:10px 0 0
}
iframe {
border:0;
min-height:60px
}
.zm-question-collapsed-list-loading {
height:60px;
background:url(../images/img/spinner2.8f60205d.gif) no-repeat center
}
.navigable-focusin {
outline:0
}
.zm-item-expanded .zu-autohide,.navigable-focusin .zu-autohide,.focusin .zu-autohide,html.no-touchevents .zm-item-answer:hover .zu-autohide,html.no-touchevents .feed-item:hover .zu-autohide,html.no-touchevents .zm-item:hover .zu-autohide {
display:inline-block
}
html.no-touchevents .zm-item-meta>.zg-link-gray:hover {
color:#25bb9b!important
}
.topic-story-item h2 {
margin:0
}
.zu-question-big-title {
font-size:18px;
margin:0 0 30px
}
#zh-question-title .zm-editable-editor-input {
font-size:18px;
font-weight:700;
line-height:1.7;
min-height:90px
}
.zu-bio-editor-wrap .zm-editable-editor-outer {
padding:0
}
.zu-question-notify-wrap {
list-style:none;
padding:0;
margin:0
}
.zu-question-notify-item {
margin:0
}
.zu-question-notify-wrap em {
color:#25bb9b;
font-style:normal;
cursor:pointer
}
.zu-question-notify-wrap em:hover {
text-decoration:underline
}
.zu-question-notify-wrap a {
color:#25bb9b;
font-style:normal;
cursor:pointer
}
.zu-question-notify-wrap a:hover {
text-decoration:underline
}
#zh-question-title>.zm-item-title {
display:inline;
margin:0
}
#zh-question-title {
margin:0 0 5px
}
.QuestionPage-titleButton {
vertical-align:1px;
font-size:12px;
line-height:14px;
opacity:.7;
-ms-filter:"alpha(Opacity=70)"
}
.QuestionPage-titleButton:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.QuestionPage-titleButton .sprite-global-icon-lock {
vertical-align:-1px
}
.zm-tag-editor {
margin:0 0 5px
}
#zh-question-redirect-diag-content {
position:relative;
margin:10px 0
}
#zh-question-redirect-diag-content .ac-renderer {
left:1px;
top:32px;
width:398px
}
.zu-question-related-redirect-question>.zg-section {
margin:0 0 5px
}
#zh-question-redirect-diag-content>.zg-form-text-input {
width:374px
}
.zg-simple-editor-wrap {
padding:4px;
border:solid 1px #aaa
}
#zh-question-title>.zm-item-title {
font-size:18px
}
#zh-question-title>.zm-item-title .zm-editable-editor-wrap {
font-size:13px
}
.zu-modify-reason-menu {
position:absolute
}
.sidebar-author-info .zm-profile-card {
padding:0
}
.sidebar-author-info .zm-rich-follow-btn.nth-0 {
width:60px
}
.sidebar-author-info .zm-profile-card .details {
display:none
}
#zh-question-side-header-wrap {
position:relative;
z-index:2
}
#zh-question-side-header-wrap .follow-button {
margin-right:10px
}
.zu-question-collap-title {
padding:10px 0;
color:#999;
border-bottom:1px solid #EEE
}
#zh-question-collapsed-wrap,#zh-question-answer-wrap {
border-bottom:1px solid #EEE
}
.zu-small-avatar-list>.zm-item-link-avatar {
float:left;
margin:3px 3px 0 0;
width:25px;
height:25px
}
.zm-tag-editor-command-buttons-wrap {
position:relative
}
.zm-tag-editor-command-buttons-wrap>.ac-renderer {
width:235px;
top:33px;
left:1px
}
.zm-tag-editor-maxcount {
color:#999
}
.zm-tag-editor-maxcount span {
margin-right:15px
}
.zh-question-suggest-info {
background:none repeat scroll 0 0 #FFF!important;
border-bottom:1px solid #D2E1E8;
color:#888;
padding:5px
}
#zh-question-suggest-info-close {
float:right;
color:#ccc
}
#zh-question-suggest-info-close:hover {
float:right;
color:#888;
text-decoration:none
}
#zh-question-suggest-info-close:hover>.x-m {
opacity:.5;
-ms-filter:"alpha(Opacity=50)"
}
.zh-question-censor-tip {
position:relative;
margin-top:1em;
padding:5px 0 5px 1em;
line-height:2;
border:1px solid #b9b481;
background:#fbf9e5;
border-radius:4px;
color:#666
}
.zh-question-censor-tip .arrow-tip {
width:13px;
height:7px;
position:absolute;
top:-7px;
left:1.5em;
background:url(../images/img/icon_warning_arrow_up.b143ed4f.png) no-repeat 0 50%
}
.zu-question-devider {
margin-top:10px;
width:100%;
border-bottom:solid 1px #ddd
}
.zh-answers-title {
position:relative;
padding:10px 0;
line-height:24px;
border-top:1px solid #EEE
}
.zh-answers-title h3 {
margin:0;
display:inline
}
.zh-answers-title h3 a {
font-size:13px
}
.zh-answers-filter {
height:24px;
border:1px solid #fff;
cursor:pointer
}
html.no-touchevents .zh-answers-filter:hover {
border-color:#ddd;
border-radius:3px;
box-shadow:0 1px 1px rgba(0,0,0,.05);
text-decoration:none
}
.zh-answers-filter,.zh-answers-filter-popup {
position:absolute;
right:-9px;
top:50%;
margin-top:-13px
}
.zh-answers-filter-popup {
display:none;
z-index:2;
border:1px solid #ddd;
border-radius:3px;
box-shadow:0 1px 1px rgba(0,0,0,.05);
text-decoration:none;
background:#fff
}
.zh-answers-filter,.zh-answers-filter-popup>div {
height:24px;
padding:0 19px 0 7px;
color:#999;
outline:0
}
.zh-answers-filter-popup>div {
position:relative;
display:block;
-webkit-user-select:none
}
.zh-answers-filter-popup>.selectable {
cursor:pointer
}
html.no-touchevents .zh-answers-filter-popup>.selectable:hover {
background:#eee;
text-decoration:none
}
.zh-answers-filter-popup>.selectable .zg-icon {
display:none
}
.zh-answers-filter .zg-icon-double-arrow,.zh-answers-filter-popup .zg-icon-double-arrow {
position:absolute;
right:3px;
top:4px
}
.zg-icon-double-arrow {
background-position:-191px -229px;
width:14px;
height:14px
}
.zm-menu {
border-radius:3px;
min-width:200px;
padding:5px 0;
background:#fff;
border:solid 1px #ccc;
z-index:100;
box-shadow:0 1px 2px #ddd
}
.zm-menu-title {
color:#999;
margin:0 0 10px;
padding:0 0 0 10px
}
.zm-menu-item-link,.zm-menu-item-link:visited {
color:#999;
display:block;
padding:3px 0 3px 9px;
text-decoration:none
}
.zm-menu-item-link:hover {
background:#d6e9f8;
text-decoration:none;
color:#444
}
.zm-menu-disabled:hover {
background:#fff
}
.question-item {
padding:10px 0
}
.question-item-title {
margin:0 0 4px
}
.question-item-meta {
color:#999
}
.question-item-meta .zg-follow {
color:#999
}
.question-item+.question-item {
border-top:1px solid #eee
}
#zh-current-topic-bio .zm-editable-editor-outer {
padding:0;
margin:0
}
#zh-list-title>.zm-item-title {
font-size:18px
}
#zh-list-title .zm-editable-editor-input {
font-size:18px;
font-weight:700
}
#zh-fav-list-side-related .zm-item-title {
font-size:13px;
font-weight:400;
margin:0 30px 0 0
}
#zh-fav-list-side-related .zm-item-meta {
margin:0
}
.zh-document {
font-size:14px;
line-height:2
}
.zh-document ol,.zh-document ul {
margin-left:2em
}
.zh-document ol ol {
list-style-type:lower-alpha
}
.zh-document h1,.zh-document h2,.zh-document p,.zh-document li {
margin-bottom:1em
}
.zh-document h1,.zh-document h2 {
font-size:16px
}
.zh-document-sidenav {
position:fixed;
font-size:14px;
list-style:none
}
.zh-document-sidenav li {
margin-bottom:10px
}
.zh-document-sidenav a,.zh-document-sidenav a:hover,.zh-document-sidenav a:visited {
color:#333
}
.zg-star {
float:left;
margin:4px 0 0;
width:13px;
height:13px;
overflow:hidden;
text-indent:-100px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -108px -49px
}
a.zg-star:hover {
cursor:default;
text-decoration:none
}
#zh-virgin-answer-list .ignore {
display:none!important
}
.zm-profile-desc-label {
margin-left:0!important
}
.zm-noti-header {
font-weight:700;
font-size:14px;
padding-bottom:10px;
border-bottom:1px solid #CCC;
position:relative
}
.zm-noti-cleaner-setting {
font-weight:400;
font-size:13px
}
.close {
float:right;
width:16px;
height:16px;
background:transparent url(../images/img/light_box_close.de97bb10.png) no-repeat;
opacity:.2;
-ms-filter:"alpha(Opacity=20)";
filter:alpha(opacity=20)
}
html.no-touchevents .close:hover {
color:#000;
text-decoration:none;
cursor:pointer;
opacity:.4;
-ms-filter:"alpha(Opacity=40)";
filter:alpha(opacity=40)
}
button.close {
padding:0;
cursor:pointer;
border:0;
-webkit-appearance:none
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
.feed-item .time {
float:none
}
.feed-item .collapse {
display:none!important
}
.feed-item .hide-in-iphone {
display:none!important
}
}html.touchevents .zu-autohide {
display:inline-block
}
html.touchevents .feed-item .more_opt,html.touchevents .feed-item .ignore {
visibility:hidden!important;
display:none!important
}
.zm-invite-title {
margin-bottom:10px
}
.zm-invite-title select {
float:right;
margin-top:2px
}
.zm-invite-sort {
float:left;
padding:5px 10px;
background-color:#FBFBFB;
margin-bottom:15px
}
.zm-invite-sort-item {
padding:0 10px;
color:#07B;
cursor:pointer
}
.zm-invite-sort-item.active {
font-weight:700;
color:#444
}
.zm-invite-ignore-all {
display:block;
float:right;
cursor:pointer;
padding:5px 14px;
color:#666
}
.zm-invite-item {
padding:10px 0
}
.zm-invite-item+.zm-invite-item {
border-top:1px solid #eee
}
.zm-invite-page-empty-msg {
padding:20px;
text-align:center;
vertical-align:middle
}
.zm-invite-item-info {
margin-right:60px
}
.zm-invite-item-meta a {
color:#222
}
.zm-invite-item-info h3 {
margin:0 0 4px
}
.border-pager {
margin-bottom:10px;
margin-top:10px;
border-top:1px solid #eee;
padding-top:10px
}
.zm-invite-pager {
text-align:center
}
.zm-invite-pager span {
padding:0 10px;
font-size:14px
}
html.touchevents .topic-item .pin,html.touchevents .topic-item .unpin {
visibility:visible!important
}
html.touchevents .topic-item .unfollow {
display:none!important
}
.zm-item-fav .zm-item-meta-extra {
margin-left:48px
}
.page-explore .page-title {
padding-bottom:10px;
color:#666;
border-bottom:1px solid #ccc
}
.page-explore .page-title .subtitle {
font-size:12px
}
.page-explore .page-title>a {
margin-top:3px
}
.page-explore .top-recommend-feed .zh-summary {
cursor:default
}
.page-explore .pagination {
margin-top:5px;
padding-top:8px;
border-top:1px solid #ccc
}
.explore-side-section.zm-side-section {
margin:0
}
.explore-side-section .section-title {
border:0
}
.explore-side-section .list {
list-style:none
}
.explore-side-section .list>li {
padding-bottom:1em
}
.explore-side-section .list>li+li {
padding-top:1em;
border-top:1px solid #eee
}
.explore-side-section .avatar-link {
float:left;
margin-right:10px
}
.explore-side-section .content {
overflow:hidden
}
.explore-side-section .meta {
color:#999
}
.explore-side-section .bottom {
margin-top:5px;
clear:both
}
.explore-feed-meta>a,.explore-feed-meta {
color:#999
}
.explore-editor-recommends .feed-title {
font-weight:400
}
.explore-editor-recommends .top-recommend-feed>.feed-title {
font-size:17px
}
.explore-editor-recommends .top-recommend-feed .zm-votebar,.explore-editor-recommends .top-recommend-feed .zm-item-vote {
top:42px
}
.explore-editor-recommends .recommend-feed>.feed-title {
font-size:15px
}
.explore-editor-recommends .recommend-feed .feed-meta {
padding-top:3px
}
.explore-tab {
margin-top:10px
}
.explore-tab .tab-navs .tab-nav>a {
color:#999
}
html.no-touchevents .explore-tab .tab-navs .tab-nav>a:hover {
background:#eee
}
.explore-tab .tab-navs .tab-nav.active>a {
color:inherit
}
.zm-item-post {
position:relative;
margin-left:48px;
outline:0
}
.zm-item-post .collapse {
display:none
}
.zm-item-post .author-info {
font-weight:700
}
.zm-item-post .author-info a {
color:inherit
}
.segment {
position:relative;
padding:10px 12px;
border:1px solid #eee;
border-radius:2px;
overflow:hidden
}
html.flexbox .segment {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
overflow:visible
}
.feed-item .segment .avatar {
float:left;
margin:0 15px 0 0
}
html.flexbox .feed-item .segment .avatar {
float:none
}
.segment-content {
position:relative;
overflow:hidden
}
html.flexbox .segment-content {
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
overflow:visible
}
.segment-content-centered {
text-align:center
}
.segment-header,.segment-meta {
margin-right:120px
}
@media (max-width:480px) {
.segment-header,.segment-meta {
margin-right:0
}
}.segment-header {
font-weight:400
}
.segment-meta {
margin-top:4px;
color:#999
}
.segment-paragraph {
margin-top:1em
}
.segment-extra {
position:absolute;
top:50%;
right:0;
margin-top:-11px
}
@media (max-width:480px) {
.segment-extra {
position:static;
margin-top:4px
}
}.validation-reminder-segment {
padding:25px 12px 25px 140px;
background-image:url(../images/img/topstory/actioncard-validation-bg.9f55ea4e.png);
background-size:100px 57px;
background-position:20px bottom;
background-repeat:no-repeat
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
.validation-reminder-segment {
background-image:url(../images/img/topstory/actioncard-validation-bg@2x.dd6f3009.png)
}
}@media (max-width:480px) {
.validation-reminder-segment {
padding:10px 12px;
background:0 0
}
}.headline-reminder-form {
position:relative
}
html.flexbox .headline-reminder-form {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
.headline-reminder-fields {
padding-right:62px
}
html.flexbox .headline-reminder-fields {
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
padding-right:0
}
.headline-reminder-input {
box-sizing:border-box;
width:100%
}
.headline-reminder-input::-webkit-input-placeholder {
color:#ccc
}
.headline-reminder-input::-moz-placeholder {
color:#ccc
}
.headline-reminder-input:-ms-input-placeholder {
color:#ccc
}
.headline-reminder-input::placeholder {
color:#ccc
}
.headline-reminder-actions {
position:absolute;
top:0;
right:0;
margin-left:12px
}
html.flexbox .headline-reminder-actions {
position:static
}
.headline-reminder-instruction {
display:none;
margin-top:18px
}
.headline-reminder-examples {
line-height:25px
}
html.flexbox .headline-reminder-examples {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
@media (max-width:767px) {
html.flexbox .headline-reminder-examples {
display:block
}
}@media (max-width:767px) {
.headline-reminder-examples-title {
display:block;
margin-bottom:18px
}
}html.flexbox .headline-reminder-users {
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around
}
@media (max-width:767px) {
.headline-reminder-users {
display:inline-block
}
}.headline-reminder-user {
padding:0 10px
}
.feed-item .headline-reminder-user .avatar {
display:inline-block;
vertical-align:top;
float:none;
margin:0 5px 0 0
}
.headline-reminder-name {
color:#999
}
.avatar-reminder-avatar-wrapper {
position:relative
}
.avatar-reminder-avatar-wrapper .spinner {
display:inline-block;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:1;
background:url(../images/img/spinner2.8f60205d.gif) 44px no-repeat
}
.actioncard {
}.actioncard-content,.actioncard .items {
margin:.5em 0 .6em
}
.actioncard-button {
margin:0;
padding:0;
font-size:inherit;
color:#999;
background:0 0;
border:0;
cursor:pointer
}
html.no-touchevents .actioncard-button:hover {
color:#58b;
text-decoration:underline
}
.actioncard .pager.mobile {
margin-top:.5em;
text-align:center
}
.actioncard .pager.mobile a {
margin:0
}
.actioncard .pager.mobile a[href] {
color:#999
}
.actioncard .pager a {
margin-left:.5em;
cursor:pointer;
color:#25bb9b;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.actioncard .pager a:hover {
text-decoration:none
}
.actioncard .pager .disabled {
cursor:default;
color:#999
}
.actioncard h2 {
font-weight:400;
font-size:13px;
color:#999
}
.actioncard .topic-list-popular .topic {
margin-right:5%;
float:left;
width:21.25%
}
.actioncard .topic-list-popular .topic:last-child {
margin:0
}
.actioncard .topic-list-popular .topic .meta {
margin-bottom:3px;
letter-spacing:-1px
}
.actioncard .topic-list-popular .name-link {
display:inline-block;
max-width:100%;
line-height:1
}
.actioncard .topic-list-popular .avatar-link {
display:block
}
.actioncard .topic-list-popular .avatar-link img {
width:100%;
border-radius:4px
}
.actioncard .topic-list-popular button[data-follow] {
width:100%
}
@media (max-width:480px) {
.actioncard .topic-list-popular .topic {
margin-bottom:1em;
float:none;
width:100%
}
.actioncard .topic-list-popular .item-body {
padding:0 1em
}
.actioncard .topic-list-popular .avatar-link,.actioncard .topic-list-popular .item-body {
float:left
}
.actioncard .topic-list-popular .avatar-link {
width:48px;
height:48px
}
.actioncard .topic-list-popular button[data-follow] {
float:right;
width:auto
}
}.actioncard .topic-list-suggested {
border:1px solid #eee;
border-radius:2px
}
.actioncard .topic-list-suggested .topic {
float:left;
box-sizing:border-box;
width:33.33%;
padding:10px 16px
}
.actioncard .topic-list-suggested .topic+.topic {
border-left:1px solid #eee
}
.actioncard .topic-list-suggested .topic .topic-img-wrap {
float:left;
position:relative
}
.actioncard .topic-list-suggested .topic .topic-img-wrap .topic-img {
width:45px;
height:45px;
border-radius:2px;
vertical-align:bottom
}
.actioncard .topic-list-suggested .topic .topic-img-wrap:after {
content:'';
position:absolute;
top:0;
left:0;
box-sizing:border-box;
width:100%;
height:100%;
border:1px solid rgba(80,80,80,.1);
border-radius:2px
}
.actioncard .topic-list-suggested .topic .topic-intro {
box-sizing:border-box;
height:45px;
padding:4px 0 4px 17px;
line-height:1.35;
overflow:hidden
}
.actioncard .topic-list-suggested .topic .topic-intro .topic-name {
display:inline-block;
max-width:100%;
color:inherit;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.actioncard .topic-list-suggested .topic .topic-intro .topic-follow {
color:#999
}
.actioncard .topic-list-suggested .topic .topic-intro .topic-follow:hover {
color:#58b
}
@media (max-width:767px) {
.actioncard .topic-list-suggested .topic {
width:50%
}
.actioncard .topic-list-suggested .topic:last-child {
display:none
}
}[class*=sprite-topstory-icon-] {
display:inline-block;
vertical-align:middle
}
.sprite-topstory,[class*=sprite-topstory-] {
background-image:url(../images/img/topstory/sprites.auto.ebf39759.png);
background-repeat:no-repeat
}
.sprite-topstory-icon-ad-menu-down {
background-position:0 0;
width:10px;
height:6px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-topstory,[class*=sprite-topstory-] {
background-image:url(../images/img/topstory/sprites@2x.auto.d5ba6ef4.png);
background-size:10px 6px
}
}.AdFeed-menuBtn {
position:absolute!important;
top:11px;
right:0;
padding:1px 8px;
border:0;
border-radius:3px;
background:#eff6fa;
color:#25bb9b;
font-size:100%;
cursor:pointer;
outline:0
}
.AdFeed-impression {
position:absolute;
width:0;
height:0;
left:-100000px;
top:-100000px
}
.ImageAdFeed-attachment,.CardAdFeed-attachment {
display:block
}
.ImageAdFeed-image {
width:100%;
border-radius:4px
}
.CardAdFeed-attachment {
-webkit-tap-highlight-color:rgba(225,225,225,.5);
position:relative;
cursor:pointer;
*zoom:1;
color:inherit
}
.CardAdFeed-attachment .inline-img {
float:left;
height:112px;
width:200px;
border-radius:4px;
margin:1px 10px 5px 0
}
.CardAdFeed-attachment:before,.CardAdFeed-attachment:after {
display:table;
content:""
}
.CardAdFeed-attachment:after {
clear:both
}
.CardAdFeed-attachment:before,.CardAdFeed-attachment:after {
display:table;
content:""
}
.CardAdFeed-attachment:after {
clear:both
}
.CardAdFeed-attachment:hover {
text-decoration:none
}
.CardAdFeed-button {
color:#25bb9b
}
.CardAdFeed-attachment:hover .CardAdFeed-button {
text-decoration:none;
background-color:#eff6fa
}
.HomeTopics {
padding-bottom:8px;
border-bottom:1px solid #eee
}
.HomeTopics-title {
float:left;
color:#666
}
.HomeTopics-list {
margin-top:10px;
*zoom:1
}
.HomeTopics-list:before,.HomeTopics-list:after {
display:table;
content:""
}
.HomeTopics-list:after {
clear:both
}
.HomeTopics-list:before,.HomeTopics-list:after {
display:table;
content:""
}
.HomeTopics-list:after {
clear:both
}
.HomeTopics-item.zm-item-tag {
margin:0 8px 8px 0
}
.HomeTopics-moreLink {
float:left;
margin-left:3px;
color:#999
}
.feed-item.topic-story-item .entry-body {
margin-left:48px
}
.feed-item.topic-story-item .ignore {
top:9px
}
.zm-item-expanded .question-description+.entry-body {
border-top:solid 1px #eee;
margin-top:0;
padding-top:6px
}
a.zu-main-feed-fresh-button {
display:block;
background-color:#eff6fa;
text-align:center;
margin:12px 0 2px;
padding:4px 10px;
border-radius:4px;
color:#777;
text-shadow:0 1px 0 #fff;
text-decoration:none!important;
cursor:pointer;
border:1px solid #cce1ef
}
a.zu-main-feed-fresh-button:hover,a.zu-main-feed-fresh-button:active {
background:#daedf5;
border:1px solid #c7dff0;
color:#666
}
.feed-item.combine {
margin-left:48px
}
.feed-item.combine .feed-content h2,.feed-item.combine .avatar,.feed-item.combine .feed-question-detail-item,.feed-item.combine .feed-source {
display:none
}
.feed-item.combine .feed-main {
margin-left:0
}
.feed-item.combine .feed-content,.feed-item.combine .entry-body {
margin-top:0
}
.feed-item.combine .ignore {
display:none
}
.feed-item.combine.first-combine {
margin-left:0
}
.feed-item.combine.first-combine .feed-content,.feed-item.combine.first-combine .entry-body {
margin-top:2px
}
.feed-item.combine.first-combine .feed-content h2,.feed-item.combine.first-combine .avatar,.feed-item.combine.first-combine .feed-question-detail-item,.feed-item.combine.first-combine .feed-source {
display:block
}
.feed-item.combine.first-combine .feed-main {
margin-left:48px
}
.feed-item.combine.first-combine .ignore {
display:block
}
#home-settings-page-wrap .home-settings-content {
border-top:1px solid #CCC
}
#home-settings-page-wrap .home-settings-section {
padding:15px 0 10px
}
#home-settings-page-wrap .home-settings-section+.home-settings-section {
border-top:1px solid #eee
}
.feed-item .zm-item-btn-collapse a {
display:inline;
padding-left:14px;
background:url(../images/img/fold-video.eb40a520.png) no-repeat left center
}
.feed-item .text-summary ol,.feed-item .text-summary ul {
}.feed-item .text-summary {
position:relative
}
.feed-item {
padding:10px 0;
position:relative;
margin-left:0;
outline:0
}
.feed-item .zm-votebar {
display:none;
margin-top:-1px
}
.feed-item .zm-item-vote {
margin-top:-1px
}
.feed-item .time {
display:inline-block;
font-size:12px;
color:#999;
margin-left:2px;
float:right
}
.feed-item .entry-body,.feed-item .zm-item-answer {
margin-top:3px
}
h2+.meta {
margin:0
}
.feed-item .avatar {
float:left;
margin:3px 0 0
}
.feed-item .avatar,.feed-item .avatar a,.feed-item .avatar img {
display:block;
width:38px;
height:38px
}
.feed-item .avatar img {
border-radius:3px
}
.feed-main {
margin-left:48px
}
.feed-main>.title {
color:#999
}
.feed-main>.title>.zg-link {
color:#999
}
.feed-item .entry-body {
position:relative
}
.entry-body .zm-item-vote,.zm-item-answer .zm-item-vote,.zm-item-feed .zm-item-vote,.zm-item-answer .zm-item-answer-summary {
display:block
}
.entry-body .zm-item-vote-info,.entry-body .full-content,.zm-item-answer .zm-votebar,.zm-item-feed .zm-votebar,.zm-item-answer .zm-item-vote-info,.zm-item-feed .zm-item-vote-info {
display:none
}
.zm-item-expanded .zm-item-vote,.zh-question-answer-wrapper .zm-item-vote,.zm-item-expanded div.text-summary,.zm-item-expanded .zm-item-answer-summary {
display:none
}
.zm-item-expanded .zm-votebar,.zh-question-answer-wrapper .zm-votebar,.zh-question-answer-wrapper .zm-item-vote-info,.zm-item-expanded .zm-item-vote-info,.zm-item-expanded .zm-item-meta,.zm-item-expanded a.collapse,.zm-item-expanded .full-content {
display:block
}
.expandable .visible-expanded {
display:none
}
.expandable.zm-item-expanded .visible-expanded,.zm-item-expanded .expandable .visible-expanded {
display:block
}
.feed-item .hidden-default {
display:none
}
.feed-item.zm-item-expanded .hidden-default {
display:block
}
.feed-item .entry-link {
color:#999
}
.feed-source,.feed-source a {
color:#999
}
.feed-source .zg-bull {
font-size:12px
}
.feed-source .OrgIcon {
display:none
}
.feed-source a.follow-topic {
color:#25bb9b
}
html.no-touchevents .feed-source a.follow-topic:hover {
padding:0 2px;
text-decoration:none
}
html.no-touchevents .feed-source a:hover {
color:#25bb9b
}
.question-description+.toggle-expand:hover {
text-decoration:none
}
.feed-item .zm-tag-editor-labels {
margin:5px 0 0;
display:none
}
.feed-item .question-description {
display:none;
padding-bottom:6px
}
.feed-item.zm-item-expanded .zm-tag-editor-labels,.feed-item.zm-item-expanded .question-description {
display:block
}
.feed-summary {
overflow:auto
}
.feed-summary b {
font-weight:400
}
.feed-thumbnail {
display:inline;
max-height:100px;
max-width:120px;
float:left;
margin:4px 10px 5px 0
}
.feed-item .ignore {
position:absolute;
right:0;
top:35px;
display:inline-block;
text-indent:-9999px;
width:20px;
height:20px;
background-image:url(../images/img/sprites-1.9.2.4c54885a.png);
background-repeat:no-repeat;
background-position:-261px -62px
}
.feed-item .ignore:hover {
background-position:-261px -42px
}
.feed-item .feed-content h2 {
margin-right:20px
}
.feed-item .more_opt {
cursor:pointer
}
.feed-item .more_opt:hover .options {
display:block
}
.feed-item .ssep {
border-top:1px solid #EEE;
margin:3px 10px
}
.feed-item .options {
position:absolute;
display:block;
right:15px;
top:18px;
border:1px solid #DDD;
padding:3px 0;
box-shadow:0 1px 2px #EEE;
border-radius:4px 0 4px 4px;
z-index:1;
background:#fff;
display:none
}
.feed-item .options a {
color:#666;
padding:2px 10px;
display:block
}
.feed-item .options a:hover {
text-decoration:none;
background:#d6e9f8
}
.feed-item .dot {
margin:0 2px;
color:#ddd;
font-family:Arial
}
.feed-item .sep {
font-size:10px;
display:inline-block;
height:10px;
border-left:1px solid #EEE
}
.feed-item .zm-item-vote-info,.feed-item .zm-item-answer-author-info {
margin-bottom:2px
}
.feed-item .zm-item-vote-info.empty {
margin:0
}
.feed-item .zm-item-meta {
margin-bottom:0
}
.feed-item .answer-head {
min-height:0
}
.feed-item .author {
font-weight:700
}
.feed-item .author a {
color:#222;
font-weight:700
}
.feed-item .author a:hover {
color:#25bb9b
}
.feed-item a.question {
font-size:14px;
font-weight:700;
display:inline-block
}
.feed-item .meta {
color:#999;
margin-bottom:0
}
.feed-item .downvote {
padding-left:6px
}
.feed-item .upvote {
}.feed-item .upvote i,.feed-item .downvote i {
margin-right:5px
}
.feed-item .collapse {
display:none;
float:right
}
.feed-item .comment,.feed-item .collect,.feed-item .vote_actions,.feed-item .follow {
}.feed-item .comment i,.feed-item .collect i,.feed-item .share i,.feed-item .collapse i,.feed-item .follow i {
margin-right:5px
}
.feed-item .more_opt {
visibility:hidden
}
.feed-item:hover .more_opt {
visibility:visible
}
.answer_snippet {
margin-top:4px
}
.answer_snippet {
}.feed-item+.feed-item {
border-top:1px solid #eee
}
.feed-divider {
margin-bottom:12px;
text-align:center;
font-size:12px;
line-height:1;
border-bottom:1px solid #ddd
}
.feed-divider span {
position:relative;
padding:0 13px;
top:6px;
color:#aaa;
background-color:#fff
}
#zh-question-collapsed-wrap .zm-item-answer:first-child .zm-item-answer-detail {
border-top:0
}
.manage-menu .goog-menuitem-content {
color:#999
}
.manage-menu .goog-menuitem-accel {
color:#ccc;
direction:ltr;
left:auto;
padding:0 6px;
position:absolute;
right:0;
text-align:right
}
.manage-menu .goog-menuitem {
color:#000;
font:400 13px Arial,sans-serif;
list-style:none;
margin:0;
padding:4px 2em 4px 10px;
white-space:nowrap
}
.manage-menu .goog-submenu-arrow {
left:auto;
padding-right:6px;
position:absolute;
right:0;
text-align:right
}
.maybe-intrests {
padding:8px 15px
}
.maybe-intrests .feed-item+.feed-item {
border-top:1px dotted #EEE
}
.maybe-intrests .feed-item {
margin-left:0
}
.maybe-intrests .feed-item .feed-main {
margin-left:0
}
.maybe-intrests .feed-item .feed-main .feed-source a {
color:#000
}
.maybe-intrests .feed-item .entry-body {
margin-left:48px
}
.maybe-intrests .feed-item h2 {
margin-bottom:2px
}
.maybe-intrests .feed-item .feed-meta {
margin-left:48px
}
.maybe-intrests .feed-item .feed-meta .ignore {
display:none
}
.maybe-intrests .ignore,.maybe-intrests .avatar {
display:none
}
.maybe-intrests .header {
border-bottom:1px dotted #eee;
margin:0 -15px;
padding:0 15px 8px
}
.feed-item .feed-topic-detail {
margin-top:10px;
*zoom:1
}
.feed-item .feed-topic-detail:before,.feed-item .feed-topic-detail:after {
display:table;
content:""
}
.feed-item .feed-topic-detail:after {
clear:both
}
.feed-item .feed-topic-detail:before,.feed-item .feed-topic-detail:after {
display:table;
content:""
}
.feed-item .feed-topic-detail:after {
clear:both
}
.feed-item .feed-topic-detail .topic-name {
font-size:14px
}
.feed-item .feed-topic-detail .topic-avatar {
float:left;
width:75px;
height:75px;
margin-right:10px
}
.feed-item .feed-topic-detail .topic-avatar img {
border-radius:3px;
width:75px;
height:75px
}
.feed-item .feed-topic-detail .summary {
color:#999
}
.feed-item .author-info a {
color:inherit;
font-weight:700
}
.feed-hide-options {
margin-left:48px;
color:#999
}
.feed-hide-options .close-button {
position:absolute;
right:0;
top:10px
}
.feed-hide-options .line+.line {
margin-top:6px
}
.feed-hide-options .revert-button {
color:#999
}
.feed-hide-options .option-more a {
color:#222
}
.feed-hide-options .option-more .icon {
margin-right:8px
}
.post-body a.collapse {
margin-top:23px;
margin-left:10px
}
.feed-item .undo-dislike-options {
margin-left:48px;
position:relative;
display:none;
color:#999
}
.feed-item .undo-dislike-options .close {
position:absolute;
right:0;
top:0;
display:inline-block;
text-indent:-9999px;
width:20px;
height:20px;
background-image:url(../images/img/sprites-1.9.2.4c54885a.png);
background-repeat:no-repeat;
background-position:-261px -62px;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.feed-item .roundtable,.feed-item .column {
padding-top:5px;
overflow:hidden
}
.feed-item .roundtable .left,.feed-item .column .left {
float:left;
margin-right:15px
}
.feed-item .roundtable .left img,.feed-item .column .left img {
width:100px
}
.feed-item .roundtable .right,.feed-item .column .right {
position:relative;
overflow:hidden
}
.feed-item .roundtable .content,.feed-item .column .content {
padding:0 0 5px
}
.feed-item .roundtable .info,.feed-item .column .info {
border-top:1px solid #eee;
padding:6px 0 0
}
.feed-item .roundtable .left img {
border-radius:4px
}
.feed-item .roundtable .info-organization,.feed-item .roundtable .info-guest {
color:#999
}
.feed-item .column[data-entry-url] {
cursor:pointer
}
.feed-item .column .left img {
border-radius:50%
}
.feed-item .column .info-title,.feed-item .column .info-time {
color:#999
}
.feed-item .column .info-content {
color:#222;
cursor:pointer
}
.zh-general-list.topstory .feed-source .time {
margin-left:0;
float:none
}
.zh-general-list.topstory .feed-meta .ignore {
top:11px
}
.rq3-publiceditlink {
position:relative
}
.rq3-publiceditlink>.tour {
padding-left:35px;
position:absolute;
left:106px;
top:-21px;
width:180px;
height:70px;
color:#666;
line-height:70px;
background:url(../images/img/2013/publiceditlink-tour-card.d1795431.png) 0 0 no-repeat
}
.rq3-publiceditlink>.tour>.icon {
margin-left:4px
}
@media only screen and (max-device-width:450px) {
.rq3-publiceditlink>.tour {
display:none
}
}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
.rq3-publiceditlink>.tour {
background-image:url(../images/img/2013/publiceditlink-tour-card@2x.bf26f53e.png);
background-size:contain
}
}hr.devider {
margin:22px 0;
border:0;
border-top:1px solid #eee;
border-bottom:1px solid #fff
}
.devider.hr-medium {
margin:11px 0
}
.home-suggest-block {
margin:0 0 20px
}
.bordered-block {
border:solid 1px #ddd;
border-radius:4px
}
.bordered-block .head {
border-bottom:1px solid #DDD
}
.bordered-block .head-inner {
padding:10px 15px;
font-size:14px;
color:#666
}
.home-suggest-block .head-inner {
text-align:center;
padding:10px 15px;
font-size:14px;
color:#666;
margin:10px 0
}
.bordered-block .close {
margin:4px 0 0
}
.suggest-list {
position:relative;
margin:0;
padding:0;
min-height:172px
}
.suggest-list .bubble-loading {
position:absolute;
top:50%;
left:50%;
margin-top:-12px;
margin-left:-12px
}
.suggest-item {
width:33.2%;
display:block;
zoom:1;
float:left;
margin:0
}
.avatar-img-25 {
width:25px;
height:25px;
border-radius:1px
}
.avatar-img-40 {
width:40px;
height:40px;
border-radius:3px;
box-shadow:0 1px 1px rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.1)
}
.avatar-img-50 {
width:50px;
height:50px;
border-radius:3px;
box-shadow:0 1px 1px rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.1)
}
.suggest-item+.suggest-item {
border-left:solid 1px #ddd
}
.suggest-item-inner {
padding:12px 15px
}
.suggest-item-inner .image-link {
float:left;
width:40px;
height:40px;
margin:2px 0 0
}
.suggest-item-inner .item-link {
font-size:14px;
font-weight:700
}
.item-info-major {
color:#666
}
.item-info-minor {
color:#999
}
.suggest-item-inner .details {
margin:8px 0 0;
height:22px;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.suggest-item-inner .item-main {
overflow:hidden;
padding:0 0 0 12px
}
.suggest-item-inner .zm-item-link-avatar img {
width:35px;
position:absolute
}
.suggest-item-inner .suggest-item-main {
overflow:hidden;
padding:0 0 0 40px
}
.suggest-item-inner .item-extra {
line-height:22px
}
.suggest-list+.zu-button-more {
margin:10px 15px 15px
}
.suggest-item-inner .summary {
height:26px
}
.suggest-list.vertical {
min-height:400px
}
.suggest-list.vertical .suggest-item {
width:100%;
float:none
}
.suggest-list.vertical .suggest-item+.suggest-item {
border-left:0;
border-top:solid 1px #eee
}
.bordered-block-menu {
margin:-1px 0 0 0;
float:left;
border-right:solid 1px #ddd
}
.bordered-block-menu-item {
display:block;
zoom:1;
margin:0
}
.bordered-block-menu-link {
color:#333;
display:block;
border-bottom:solid 1px transparent;
border-top:solid 1px transparent
}
.bordered-block-menu-link:hover {
text-decoration:none
}
html.no-touchevents .bordered-block-menu-link:hover {
margin:0
}
html.no-touchevents .bordered-block-menu-link:hover .bordered-block-menu-text {
background:#fafafa;
color:#222
}
.goog-tab-selected .bordered-block-menu-link {
border:solid 1px #ccc;
margin:0 -1px
}
.goog-tab-selected .bordered-block-menu-text,html.no-touchevents .goog-tab-selected .bordered-block-menu-link:hover .bordered-block-menu-text {
background:#FBFBFB;
box-shadow:inset 0 0 10px #EAEAEA;
color:#222
}
.bordered-block-menu-text {
display:block;
padding:10px 15px;
color:#666
}
.suggest-people-by-class .suggest-list {
border-left:solid 1px #ddd;
overflow:hidden;
margin-left:-1px
}
.zu-main.with-indention-votebar .zu-main-content-inner {
margin-left:48px
}
@media (max-width:480px) {
.zu-main.with-indention-votebar .zu-main-content-inner {
margin:0 10px
}
}.zu-main.with-indention-votebar .zu-main-content-inner .zm-item-answer {
margin-left:0
}
.zh-question-related-questions li {
list-style:none;
margin-bottom:8px
}
.zh-question-related-questions .num {
display:inline-block;
color:#999
}
.zh-question-related-questions .next {
margin-top:1px;
color:#999;
cursor:pointer;
text-decoration:none
}
.question-status {
background:#f6f6f6;
border-radius:4px;
margin:0 0 20px;
padding:14px 20px;
box-shadow:0 1px 0 rgba(0,0,0,.06)
}
.question-status h4 {
font-size:18px
}
.question-status .reason {
margin-top:4px
}
.question-status .note {
color:#999;
margin-top:4px
}
.question-tip-box-bottom {
margin-top:15px;
border-top:1px solid #eee;
padding:10px 0;
color:#666
}
.question-tip-box-bottom a[name=cancel] {
margin-right:10px
}
.first-question-tip {
margin-bottom:20px;
padding:10px;
color:#666;
line-height:1.9;
border:1px solid #eee;
border-radius:4px
}
.first-question-tip h4 {
color:#222
}
.first-question-tip ul {
list-style-position:inside
}
.question-page-pager {
margin-top:10px
}
.user-guiding-dialog ol {
margin-left:18px
}
.user-guiding-dialog .command {
overflow:hidden;
margin-top:15px;
background-size:contain;
background-repeat:no-repeat
}
.user-guiding-dialog .command a {
display:block;
float:right
}
.user-guiding-dialog .modal-dialog-content {
margin:20px 0
}
.user-guiding-dialog .view-firsttip .command {
background-image:url(../images/img/user_guiding/tips-search.a5c9d0d8.png)
}
.user-guiding-dialog .view-firsttip .command a {
margin-top:95px
}
@media (max-width:480px) {
.user-guiding-dialog .view-firsttip .command a {
margin-top:140px
}
}.user-guiding-dialog .view-secondtip .command {
background-image:url(../images/img/user_guiding/tips-topic.71d765fe.png)
}
.user-guiding-dialog .view-secondtip .command a {
margin-top:65px
}
@media (max-width:480px) {
.user-guiding-dialog .view-secondtip .command a {
margin-top:100px
}
}.user-guiding-dialog .view-thirdtip .command {
background-image:url(../images/img/user_guiding/tips-invite.6f61c0e2.png)
}
.user-guiding-dialog .view-thirdtip .command a {
margin-top:55px
}
@media (max-width:480px) {
.user-guiding-dialog .view-thirdtip .command a {
margin-top:106px
}
}[class*=sprite-topic-exprience-icon-] {
display:inline-block;
vertical-align:middle
}
.sprite-topic-exprience,[class*=sprite-topic-exprience-] {
background-image:url(../images/img/topic-exprience/sprites.auto.7b1b5bb9.png);
background-repeat:no-repeat
}
.sprite-topic-exprience-icon-add {
background-position:0 0;
width:14px;
height:14px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-topic-exprience,[class*=sprite-topic-exprience-] {
background-image:url(../images/img/topic-exprience/sprites@2x.auto.466997a6.png);
background-size:14px 14px
}
}.modal-dialog.bio-editor-modal {
width:500px
}
.modal-dialog.bio-editor-modal .modal-dialog-content {
margin:24px 0;
padding:0 24px
}
.modal-dialog.bio-editor-modal .modal-dialog-content .bio-editor-modal-title {
margin-bottom:24px
}
.zm-bio-item {
position:relative;
padding:12px 18px;
margin-bottom:20px;
border:1px solid #ddd;
border-radius:3px
}
.zm-bio-item .zm-bio-item-title {
margin-bottom:12px;
font-size:100%;
color:#999
}
.zm-bio-item .zm-bio-item-checkbox {
position:absolute;
top:50%;
right:18px;
margin:-6px 0 0
}
.zm-bio-item .avatar {
width:24px;
margin-right:10px;
vertical-align:top;
border-radius:2px
}
.zm-bio-item .zm-bio-item-empty-tip {
display:inline-block
}
.zm-bio-item .zm-bio-item-empty-tip .sprite-topic-exprience-icon-add {
margin-right:10px
}
.zm-bio-item .zm-bio-item-content {
display:inline-block;
width:90%;
vertical-align:middle
}
.zm-bio-item .zm-bio-item-content .username {
color:#25bb9b;
font-weight:700
}
.zm-bio-item .zm-bio-item-editor {
position:relative;
width:90%;
display:inline-block
}
.zm-bio-item .zm-bio-item-editor .zg-form-text-input {
position:relative;
top:-3px;
padding:0 5px
}
.zm-bio-item .zm-bio-item-editor .zg-form-text-input textarea {
position:relative;
top:2px;
width:100%;
height:24px;
min-height:24px;
line-height:24px
}
.zm-bio-item .zm-bio-item-editor .zm-command {
padding:0;
margin-top:5px
}
.zm-bio-item .zm-bio-item-editor .zm-command a {
margin-left:10px
}
.zm-bio-item .zm-bio-item-editor .limitTip {
position:absolute;
left:0;
bottom:10px;
color:#999
}
.zm-bio-item .zm-bio-item-editor .limitTip.exceed {
color:#c33
}
.zm-bio-item.normal .zm-bio-item-empty-tip,.zm-bio-item.normal .zm-bio-item-editor {
display:none
}
.zm-bio-item.normal .zm-bio-item-content {
width:80%
}
.zm-bio-item.empty {
cursor:pointer
}
.zm-bio-item.empty .zm-bio-item-empty-tip>a {
vertical-align:middle
}
.zm-bio-item.empty .zm-bio-item-content,.zm-bio-item.empty .zm-bio-item-editor,.zm-bio-item.empty .zm-bio-item-checkbox,.zm-bio-item.empty .zm-bio-item-title,.zm-bio-item.empty .avatar {
display:none
}
.zm-bio-item.empty:hover a {
text-decoration:underline
}
.zm-bio-item.editing .zm-bio-item-checkbox,.zm-bio-item.editing .zm-bio-item-content,.zm-bio-item.editing .zm-bio-item-empty-tip {
display:none
}
#zh-question-answer-form-wrap {
margin-top:30px;
border-radius:4px
}
#zh-question-answer-form-wrap .zu-edit-button {
color:#25bb9b
}
#zh-question-answer-form-wrap .zu-edit-button .zu-edit-button-icon {
background-position:-131px -50px
}
#zh-question-answer-form-wrap .zm-editable-editor-wrap {
margin:0
}
#zh-question-answer-form-wrap .zm-editable-editor-wrap .zm-command {
padding:10px 0 0
}
.QuestionBookPromotionTest {
border-top:1px solid #eee;
border-bottom:1px solid #eee;
padding:15px 0;
margin-bottom:15px
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd {
overflow:hidden
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .pic {
float:left;
margin-right:15px
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .pic img {
width:80px
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .info {
overflow:hidden;
zoom:1
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .info h4 {
margin-bottom:8px
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .info p {
color:#666;
margin-bottom:8px
}
.QuestionOrgBanner {
padding:10px 0;
border-top:1px solid #eee;
height:32px;
line-height:32px;
color:#999
}
.QuestionOrgBanner>.zm-item-link-avatar {
display:inline-block;
vertical-align:top;
width:32px;
height:32px
}
.QuestionOrgBanner>.zm-item-link-avatar>.zm-item-img-avatar {
width:inherit;
height:inherit
}
.QuestionOrgBanner>.zg-link {
margin-left:12px;
color:inherit;
font-weight:700
}
.QuestionOrgBanner-more {
float:right;
color:inherit
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
.user-guiding-dialog .view-firsttip .command {
background-image:url(../images/img/user_guiding/tips-search@2x.28ae690a.png)
}
.user-guiding-dialog .view-secondtip .command {
background-image:url(../images/img/user_guiding/tips-topic@2x.7d5f5979.png)
}
.user-guiding-dialog .view-thirdtip .command {
background-image:url(../images/img/user_guiding/tips-invite@2x.a3a80f7b.png)
}
}.stretch-to {
width:175px;
-webkit-transition-property:width;
transition-property:width;
-webkit-transition-duration:.5s;
transition-duration:.5s;
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out
}
.pin-topic-moving {
cursor:move;
z-index:9999;
box-shadow:0 0 10px rgba(0,0,0,.2)
}
.topic-feed-title {
font-size:14px;
font-weight:700;
color:#666;
border-bottom:1px solid #ccc;
padding-bottom:8px
}
.topic-feed-title a {
margin-top:3px
}
.title-meta-info {
color:#999;
font-size:13px;
font-weight:400;
float:right
}
.topic-children-wrapper {
overflow:hidden;
border-bottom:1px solid #eee;
padding:18px 0 8px
}
.topic-children-wrapper>* {
float:left
}
.topic-children-title {
color:#999;
margin:1px 0 11px
}
.topic-children-list {
margin-left:5px
}
.topic-children-list.zm-topic-cat-main {
border-bottom:0;
padding:0
}
.topic-feed-container {
border-top:1px solid #ccc
}
.topic-item+.topic-item {
border-top:1px solid #eee
}
.topic-item {
padding:15px 0
}
.topic-avatar {
float:left;
position:relative;
margin-top:4px;
width:50px;
height:50px
}
.topic-avatar-img {
border-radius:3px;
width:50px;
height:50px
}
.topic-item-content {
margin:-3px 0 0 64px
}
.topic-item-title {
margin-bottom:6px;
word-break:break-all
}
.topic-item-title-link {
color:#222
}
.topic-feed-item {
margin-bottom:6px
}
.no-topics {
color:#999;
font-size:12px;
font-weight:400;
margin-top:58px;
text-align:center
}
.no-topics h6 {
margin-top:0;
margin-bottom:10px;
color:#666;
font-size:13px;
font-weight:400
}
.no-pin-topics {
color:#999
}
.topic-recommend {
margin-top:66px;
border:1px solid #ddd;
border-radius:4px;
box-shadow:0 1px 0 #f2f4f5
}
.topic-recommend .topic-recommend-head {
overflow:hidden;
padding:7px 14px;
border-bottom:1px solid #EEE
}
.topic-recommend .topic-recommend-name {
float:left;
font-size:14px;
font-weight:700;
color:#666;
margin-bottom:0
}
.topic-recommend .topic-recommend-list {
padding:0 14px
}
.topic-recommend .topic-avatar,.topic-recommend .Avatar {
width:50px;
height:50px
}
.zu-main-sidebar .topic-recommend {
border-radius:0;
border-width:1px 0 0;
padding-bottom:10px;
box-shadow:none;
margin-top:25px
}
.zu-main-sidebar .topic-recommend .topics-pager {
float:right
}
.zu-main-sidebar .topic-recommend .topic-recommend-head {
border-bottom:0;
padding:15px 0 9px
}
.zu-main-sidebar .topic-recommend .topic-recommend-list {
padding:0
}
.zu-main-sidebar .topic-recommend .topic-item {
padding:0 0 10px;
border-top:0
}
.zu-main-sidebar .topic-recommend .topic-item .topic-avatar,.zu-main-sidebar .topic-recommend .topic-item .Avatar {
width:40px;
height:40px;
margin-top:0
}
.zu-main-sidebar .topic-recommend .topic-item-content {
margin:0 0 0 56px;
line-height:40px;
position:relative
}
.zu-main-sidebar .topic-recommend .topic-item-content h3 {
margin:0 60px 0 0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.zu-main-sidebar .topic-recommend .topic-item-content a[data-follow] {
position:absolute;
right:0;
top:0
}
.topic-recommend:hover .topics-nomore-recommend {
display:block
}
.topics-pager {
position:relative;
margin-left:12px;
top:2px
}
.topics-pager.disabled {
display:none
}
.hidden-topics-plaza {
border-top:1px solid #eee;
padding:16px 0;
text-align:center;
background:#f7f7f7;
color:#666;
font-size:14px
}
.new-follow-topics {
display:block;
width:261px;
padding:5px 0;
margin:67px auto 75px;
border:1px solid #cce1ef;
border-radius:4px;
background:#eff6fA;
text-align:center;
color:#5488b4
}
.new-follow-topics:hover {
text-decoration:none
}
.topics-plaza {
margin-bottom:20px;
padding:34px 0;
border:1px solid #cce1ef;
border-radius:4px;
background:#eff6fA;
text-align:center
}
.topics-plaza a.text {
display:block;
margin-top:20px;
font-size:13px;
color:#5488b4
}
.bull {
margin:0 3px;
color:#bbb
}
.side-topic-item.cursor-move {
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:move
}
.ui-sortable-helper {
box-shadow:0 1px 3px rgba(0,0,0,.1);
z-index:1;
margin:0
}
.ui-sortable-placeholder {
border:3px dashed #EEE;
height:57px;
visibility:visible!important
}
.z-icon-unpin {
background-position:-27px -52px;
width:14px;
height:11px;
vertical-align:-1px;
margin-right:3px
}
a.unpin,a.pin {
margin-left:3px
}
.z-icon-pin {
background-position:-25px -67px;
width:14px;
height:11px;
vertical-align:-1px;
margin-right:3px
}
.topic-hover-content {
display:inline-block;
visibility:hidden
}
html.no-touchevents .topic-item:hover .topic-hover-content,html.no-touchevents .topic-info:hover .topic-hover-content {
visibility:visible
}
.topic-name {
position:relative
}
.topic-name .topic-hover-content {
position:absolute;
top:0;
right:0;
z-index:100
}
.side-topic-item .up {
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -263px -84px;
background-color:#25bb9b;
border-radius:3px;
width:15px;
height:15px;
display:block;
position:absolute;
right:10px;
top:10px;
visibility:hidden
}
.side-topic-item .delete {
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -264px -103px;
background-color:#25bb9b;
border-radius:3px;
width:15px;
height:15px;
position:absolute;
right:30px;
top:10px;
visibility:hidden
}
html.no-touchevents .side-topic-item .up:hover {
background-color:#25bb9b
}
html.no-touchevents .side-topic-item .delete:hover {
background-color:#25bb9b
}
.side-topic-item {
border-radius:4px;
border:1px solid #DDD;
padding:10px;
width:242px;
background:#fff;
position:relative
}
.side-topic-avatar {
width:38px;
height:38px;
border-radius:4px
}
.side-topic-content {
margin-left:50px;
white-space:nowrap;
text-overflow:ellipsis
}
.side-topic-content .topic-link {
display:inline-block;
font-weight:700;
max-width:145px;
margin-right:35px;
overflow:hidden;
text-overflow:ellipsis
}
.side-topic-meta {
color:#999;
line-height:16px
}
.side-topic-more {
display:none;
color:#25bb9b;
font-size:12px;
line-height:16px
}
.side-topic-item {
margin-bottom:15px
}
.side-title {
color:#555
}
.side-topic-item:hover .up,.side-topic-item:hover .delete {
visibility:visible
}
.topic-pages,.topic-feed-page {
}.topic-pages .feed-switcher,.topic-feed-page .feed-switcher {
border-bottom:1px solid #eee;
text-align:right;
padding:10px 0;
color:#999;
font-size:12px
}
.topic-pages .feed-switcher span,.topic-feed-page .feed-switcher span,.topic-pages .feed-switcher a,.topic-feed-page .feed-switcher a {
margin:0 3px
}
.topic-pages .feed-switcher-tip,.topic-feed-page .feed-switcher-tip {
float:left
}
.topic-pages .feed-item .feed-content h2,.topic-feed-page .feed-item .feed-content h2 {
margin-right:0
}
.topic-pages .ignore,.topic-feed-page .ignore {
display:none
}
.topic-pages .time,.topic-feed-page .time {
font-weight:400
}
.topic-pages .zu-top-feed-list .feed-item h2,.topic-feed-page .zu-top-feed-list .feed-item h2 {
margin-bottom:2px
}
.topic-pages .zu-top-feed-list .feed-item .feed-meta,.topic-feed-page .zu-top-feed-list .feed-item .feed-meta {
margin-left:48px
}
.topic-pages .zu-top-feed-list .feed-item .feed-meta .ignore,.topic-feed-page .zu-top-feed-list .feed-item .feed-meta .ignore {
display:none
}
.topic-pages .zu-top-feed-list .feed-item.combine.first-combine,.topic-feed-page .zu-top-feed-list .feed-item.combine.first-combine {
margin-left:0
}
.topic-pages .zu-top-feed-list .feed-item.combine.first-combine .feed-main,.topic-feed-page .zu-top-feed-list .feed-item.combine.first-combine .feed-main {
margin-left:0
}
.topic-pages .zu-top-feed-list .feed-item.combine,.topic-feed-page .zu-top-feed-list .feed-item.combine {
margin-left:32px
}
.topic-pages .zu-top-feed-list .feed-item.combine .feed-main,.topic-feed-page .zu-top-feed-list .feed-item.combine .feed-main {
margin-left:-30px
}
.topic-pages .zu-top-feed-list .feed-item+.feed-item.combine,.topic-feed-page .zu-top-feed-list .feed-item+.feed-item.combine {
border-top:1px dotted #EEE
}
.topic-pages .zu-top-feed-list .feed-item+.feed-item.combine.first-combine,.topic-feed-page .zu-top-feed-list .feed-item+.feed-item.combine.first-combine {
border-top:1px solid #EEE
}
.topic-pages .feed-item .zg-bull,.topic-feed-page .feed-item .zg-bull,.topic-pages .zm-item-answer .zg-bull,.topic-feed-page .zm-item-answer .zg-bull {
margin-left:0
}
.topic-pages .topic-avatar .zm-entry-head-side,.topic-feed-page .topic-avatar .zm-entry-head-side {
width:50px
}
.topic-pages .topic-avatar .zm-entry-head-avatar-link,.topic-feed-page .topic-avatar .zm-entry-head-avatar-link {
display:block;
position:relative;
width:50px;
height:50px
}
.topic-pages .topic-avatar .zm-entry-head-avatar-link img.zm-avatar-editor-preview,.topic-feed-page .topic-avatar .zm-entry-head-avatar-link img.zm-avatar-editor-preview {
width:50px;
height:50px;
border-radius:4px
}
.topic-pages .topic-info .topic-name,.topic-feed-page .topic-info .topic-name {
margin:0 0 8px 65px
}
.topic-pages .topic-info .topic-name h1,.topic-feed-page .topic-info .topic-name h1 {
font-size:18px
}
.topic-pages .topic-info .zm-topic-topbar-nav,.topic-feed-page .topic-info .zm-topic-topbar-nav {
margin-left:65px
}
.topic-pages .topic-info .share-button,.topic-feed-page .topic-info .share-button {
position:relative;
top:4px
}
.topic-pages .topic-header-side .zm-entry-head-side,.topic-feed-page .topic-header-side .zm-entry-head-side {
width:68px
}
.topic-pages .topic-header-side .zm-entry-head-avatar-link,.topic-feed-page .topic-header-side .zm-entry-head-avatar-link {
display:block;
position:relative;
width:68px;
height:68px
}
.topic-pages .topic-header-side .zm-entry-head-avatar-link img.zm-avatar-editor-preview,.topic-feed-page .topic-header-side .zm-entry-head-avatar-link img.zm-avatar-editor-preview {
width:68px;
height:68px;
border-radius:4px
}
.topic-pages .topic-header-side #zh-topic-desc,.topic-feed-page .topic-header-side #zh-topic-desc {
margin-top:15px
}
.topic-pages .topic-header-side .zm-entry-head-main,.topic-feed-page .topic-header-side .zm-entry-head-main {
margin:0 0 0 80px
}
.topic-pages .topic-header-side #zh-topic-title,.topic-feed-page .topic-header-side #zh-topic-title {
height:68px;
position:relative
}
.topic-pages .topic-header-side #zh-topic-side-head .zu-entry-focus-button,.topic-feed-page .topic-header-side #zh-topic-side-head .zu-entry-focus-button {
margin-right:13px
}
.topic-pages .topic-header-side #zh-topic-side-head .zm-topic-side-followers-info,.topic-feed-page .topic-header-side #zh-topic-side-head .zm-topic-side-followers-info {
line-height:32px;
margin-left:0
}
.topic-pages .zm-topic-topbar,.topic-feed-page .zm-topic-topbar {
margin-top:4px
}
.topic-pages .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item,.topic-feed-page .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item {
padding-right:15px;
margin-right:15px;
border-right:1px solid #eee
}
.topic-pages .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item:last-child,.topic-feed-page .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item:last-child {
border-right:0
}
.topic-pages .zm-topic-list-container .feed-main,.topic-feed-page .zm-topic-list-container .feed-main {
margin-left:0
}
.topic-pages .zm-topic-list-container .feed-item .entry-body,.topic-feed-page .zm-topic-list-container .feed-item .entry-body {
margin-left:48px
}
.topic-pages .zm-topic-list-container .feed-item .more_opt,.topic-feed-page .zm-topic-list-container .feed-item .more_opt {
display:none!important
}
.topic-pages .child-topic .zm-topic-side-title-link,.topic-feed-page .child-topic .zm-topic-side-title-link {
display:inline-block;
margin-top:5px
}
.topic-pages .related-news,.topic-feed-page .related-news {
color:#666
}
.topic-pages .related-news .news_source,.topic-feed-page .related-news .news_source {
color:#999;
text-align:right
}
.topic-pages .related-news h3,.topic-feed-page .related-news h3 {
font-weight:700;
color:#222
}
.topic-pages .related-news li,.topic-feed-page .related-news li {
list-style:none
}
.topic-pages .related-news li+li,.topic-feed-page .related-news li+li {
margin-top:5px;
border-top:1px dotted #EEE;
padding-top:10px
}
.topic-pages .related-news a,.topic-feed-page .related-news a {
font-weight:700
}
.topic-pages .stock-info,.topic-feed-page .stock-info,.topic-pages .company-info,.topic-feed-page .company-info {
color:#555
}
.topic-pages .stock-info h3,.topic-feed-page .stock-info h3,.topic-pages .company-info h3,.topic-feed-page .company-info h3 {
color:#222
}
.topic-pages .stock-info table,.topic-feed-page .stock-info table {
border-spacing:0
}
.topic-pages .stock-info table td,.topic-feed-page .stock-info table td {
padding:0
}
.topic-pages .stock-info .divide,.topic-feed-page .stock-info .divide {
border-right:1px solid #EEE
}
.topic-feed-page .topic-title {
padding-top:15px;
line-height:40px;
margin-bottom:16px
}
.topic-feed-page .topic-title .Avatar {
width:40px;
height:40px;
margin-right:16px
}
.topic-feed-page .topic-title .topic-title-name {
color:#555;
font-weight:700;
font-size:14px;
max-width:40%;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.topic-feed-page .topic-title .feed-switcher {
padding:0 0 15px
}
.topic-feed-page .topic-title .feed-switcher a.current {
color:#999;
cursor:text
}
.topic-feed-page .topic-title .feed-switcher a.current:hover {
text-decoration:none
}
.zm-topic-list-container .subtopic {
margin-bottom:2px;
color:#999
}
.zm-topic-list-container .subtopic a {
color:#555
}
.topic-header-bar-search .icon-magnify {
vertical-align:-1px
}
#zh-current-topic-bio .zm-editable-editor-outer {
padding:0
}
.zm-topic-tree ul,.zu-topic-organize-list-parent {
margin:0 0 10px 1.6em;
list-style:circle outside
}
.zm-topic-tree li,.zu-topic-organize-list-item {
margin:0 0 5px
}
.zm-entry-head-wrap {
overflow:hidden
}
.zm-entry-head-side {
float:left;
width:100px
}
.topic-avatar:hover>.zm-entry-head-avatar-edit-button {
display:block
}
.topic-avatar.disabled:hover>.zm-entry-head-avatar-edit-button {
display:none
}
.zm-entry-head-main {
margin:0 0 0 115px
}
.zm-topic-top,.zm-topic-wait {
float:left;
width:280px;
padding:20px 0
}
.zm-topic-top {
margin-right:50px
}
.zm-topic-top-container {
border-top:2px solid #ddd
}
.zm-topic-top-list {
margin:0;
padding:0
}
.zm-topic-top-list-item {
margin-bottom:10px;
list-style:none
}
.zm-topic-main-module {
padding:12px 0
}
.zm-topic-main-module+.zm-topic-main-module {
border-top:1px solid #eee
}
.zm-topic-organize-loadmore a {
color:#999
}
#zh-current-topic-bio {
min-height:25px
}
.zh-question-followers-sidebar {
margin:15px 0
}
.zh-question-followers-sidebar>.list {
margin:10px 0 20px
}
.zh-question-followers-sidebar>.list .zm-item-img-avatar {
border-radius:2px;
width:25px;
height:25px
}
.zm-topic-side-title-link {
margin-left:5px;
font-weight:400
}
.zm-topic-side-person-item {
overflow:hidden;
padding:10px 0
}
.zm-topic-side-person-item+.zm-topic-side-person-item {
border-top:1px solid #eee
}
.zm-topic-side-person-item-content {
padding:0 0 0 35px
}
.zm-topic-side-person-item .zm-list-avatar-link {
margin:2px 0 0
}
.zm-topic-side-person-item .zm-topic-side-person-item-content .zm-list-avatar-medium {
width:34px;
height:34px
}
.zm-topic-side-bio {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.zm-topic-common {
border-top:1px solid #EEE;
padding:20px 0
}
#zh-topic-list-title {
margin-top:10px
}
.zm-topic-follow-wrap {
font-size:13px;
margin-left:10px
}
.zm-topic-side-nav .zg-link-litblue {
font-size:13px
}
#zh-topic-admin-page-wrap {
padding:0
}
.zm-topic-manage-item {
padding:12px 0
}
.zm-topic-manage-item:after {
content:'';
display:table;
clear:both
}
.zm-topic-manage-item .zg-gray {
font-size:13px
}
.zm-topic-manage-item+.zm-topic-manage-item {
border-top:1px solid #eee
}
.zm-topic-manage-item-title {
float:left
}
.zm-topic-manage-item-inner {
margin-left:90px
}
.zm-topic-manage-item-inner ul {
list-style-position:inside;
margin:5px 0 0 1.6em
}
.zm-topic-manage-item .zg-btn-blue {
margin-top:-5px
}
.zm-topic-side-followers-container {
margin-top:15px
}
.zm-topic-faq-container .zg-gray {
font-size:13px
}
.zm-topic-side-locked {
margin-top:10px
}
.zm-topic-manage-info-select {
display:inline-block;
height:32px;
line-height:32px;
border:1px solid #ccc
}
.zm-topic-topbar {
margin-top:25px;
border-bottom:1px solid #ccc
}
.zm-topic-topbar-nav {
overflow:hidden;
margin-bottom:12px;
font-size:14px;
line-height:24px;
font-weight:700;
color:#555
}
.zm-topic-topbar-nav .meta-item {
font-weight:400
}
.zm-topic-topbar-nav-list {
margin:0
}
.zm-topic-topbar-nav-list-item {
list-style:none;
display:inline-block;
float:left;
margin:0 25px 0 0
}
.topic-header-bar-search {
margin-top:-4px
}
.zm-topic-feed-item {
padding:10px 0;
position:relative
}
.zm-topic-feed-item+.zm-topic-feed-item {
border-top:1px solid #EEE
}
.zm-topic-feed-time {
position:absolute;
right:0;
top:10px
}
.zm-topic-feed-question {
font-size:14px;
margin:0;
padding-right:45px
}
.zm-topic-feed-meta {
margin:4px 0 0;
color:#999
}
.zm-topic-feed-badge {
color:#555;
display:inline-block;
background:#F4F4F4;
padding:0 5px;
border-radius:2px;
cursor:pointer;
float:left;
margin-right:8px;
line-height:21px
}
html.no-touchevents .zm-topic-feed-badge:hover {
background:#E8E8E8;
text-decoration:none
}
.zm-topic-feed-page-turner {
background:#F4F4F4;
border-radius:4px;
margin-top:5px;
display:inline-block
}
.zm-topic-feed-page-item {
color:#555;
display:inline-block;
padding:5px 12px;
cursor:pointer;
float:left
}
html.no-touchevents .zm-topic-feed-page-item:hover {
text-decoration:none
}
.zm-topic-feed-page-turner .invalid {
cursor:default;
color:#CCC
}
.zm-topic-feed-page-item.left {
border-radius:4px 0 0 4px
}
.zm-topic-feed-page-item.right {
border-radius:0 4px 4px 0
}
.zm-topic-feed-page-item+.zm-topic-feed-page-item {
border-left:1px solid #EEE
}
.zm-topic-feed-page-item.current {
background:#E8E8E8
}
.zm-topic-feed-page-item.current,.zm-topic-feed-page-item.current+.zm-topic-feed-page-item {
border-left:1px solid #E6E6E6
}
html.no-touchevents .zm-topic-feed-page-item:hover {
background:#E8E8E8
}
.zm-topic-feed-page-item.invalid {
background:#F4F4F4
}
.zm-topic-manage-info-msg {
margin-left:10px
}
.zm-topic-manage-loading {
display:inline-block;
height:16px;
width:16px;
vertical-align:middle;
background:url(../images/img/spinner2.8f60205d.gif) no-repeat
}
#zh-topic-side-head .zu-entry-focus-button {
float:left
}
.zm-topic-side-followers-info {
display:inline-block;
margin-left:8px;
line-height:32px;
color:#999
}
.zm-topic-cat-title {
border-bottom:1px solid #ccc;
padding-bottom:10px
}
.zm-topic-cat-title h2 {
margin:0;
color:#666
}
.zm-topic-cat-main {
padding:18px 0 8px;
border-bottom:1px solid #eee
}
.zm-topic-cat-main li {
float:left;
margin:0 10px 10px 0;
list-style:none
}
.zm-topic-cat-main .zm-topic-cat-item a {
display:block;
padding:0 10px;
border-radius:30px;
text-decoration:none;
border:1px solid #daecf5
}
html.no-touchevents .zm-topic-cat-main .zm-topic-cat-item:hover a,.zm-topic-cat-main .zm-topic-cat-item.current a {
background:#25bb9b;
border-color:#25bb9b;
color:#fff
}
.zm-topic-cat-main .zm-topic-cat-more a {
display:block;
margin-top:1px;
line-height:22px
}
.zm-topic-cat-main .zm-topic-cat-more .sprite-global-icon-enter {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
margin:-2px 0 0 6px
}
.zm-topic-cat-main .zm-topic-cat-more a:hover .sprite-global-icon-enter {
background-position:0 -82px;
width:8px;
height:13px
}
.zm-topic-cat-sub .item {
position:relative;
float:left;
width:50%;
list-style:none;
border-bottom:1px dotted #eee
}
.zm-topic-cat-sub .item.no-border {
border-color:transparent
}
.zm-topic-cat-sub .item:nth-child(even) .blk {
margin-left:15px;
margin-right:0
}
.zm-topic-cat-sub .item:nth-child(even) .follow {
right:0
}
.zm-topic-cat-sub .item:nth-child(even) img {
left:15px
}
.zm-topic-cat-sub .item.even .blk {
margin-left:15px;
margin-right:0
}
.zm-topic-cat-sub .item.even .follow {
right:0
}
.zm-topic-cat-sub .item.even img {
left:15px
}
.zm-topic-cat-sub strong {
max-width:12em
}
.zm-topic-cat-sub img {
top:23px
}
.zm-topic-cat-sub p {
height:40px;
overflow:hidden
}
.zm-topic-cat-sub .blk {
padding-left:62px;
margin:18px 15px 18px 0
}
.zm-topic-cat-sub .follow {
position:absolute;
top:18px;
right:15px
}
.zm-topic-cat-hot .section {
margin-bottom:12px;
padding:10px;
border:1px solid #d5d5d5;
border-radius:3px;
box-shadow:0 1px 0 #f2f2f2
}
.zm-topic-cat-hot .head {
position:relative;
padding-left:62px;
height:60px
}
.zm-topic-cat-hot .head strong {
max-width:14em
}
.zm-topic-cat-hot li {
padding:8px 0;
list-style:none;
border-top:1px dotted #eee
}
.zm-topic-cat-sub strong,.zm-topic-cat-hot strong {
display:inline-block;
height:1.5em;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
html.no-touchevents .zm-topic-cat-sub a:hover strong,html.no-touchevents .zm-topic-cat-hot a:hover strong {
text-decoration:underline
}
.zm-topic-cat-sub img,.zm-topic-cat-hot img {
position:absolute;
left:0;
width:50px;
height:50px;
border-radius:3px
}
.zm-topics-page-link {
color:#666
}
.zm-topics-page-link:hover {
color:#25bb9b
}
.zm-topics-page-link .zg-icon {
width:14px;
height:14px;
vertical-align:-2px;
margin-right:5px
}
.zh-answer-status p {
color:#999
}
.zh-answer-status .copyright .icon {
margin-right:5px
}
.zh-answer-status .copyright>a {
color:#999
}
.autohide-false .zu-autohide {
display:inline-block
}
.more-awesome {
color:#999;
font-size:14px;
text-align:center;
border-bottom:1px solid #eee;
margin-bottom:15px;
margin-top:15px
}
.more-awesome span {
position:relative;
top:13px;
background-color:#fff;
padding:0 20px
}
.answer-status {
background:#f6f6f6;
border-radius:4px;
margin:10px 0;
padding:14px 20px;
box-shadow:0 1px 0 rgba(0,0,0,.06)
}
.answer-status .reason {
margin-top:4px
}
.answer-status .note {
color:#999;
margin-top:4px
}
.page-search .text-muted {
color:#999
}
.page-search .text-centered {
text-align:center
}
.page-search .title em,.page-search .summary em,.page-search .name-link em,.page-search .text-highlight {
font-style:normal;
color:#c20a0a
}
.page-search .entry-left {
float:left
}
.page-search .entry-body {
position:relative;
margin-left:53px
}
@media (max-width:767px) {
.page-search .entry-body {
margin-left:0
}
}.page-search .entry-content ul,.page-search .entry-content ol {
margin:.8em 0;
padding-left:2em
}
.page-search .zm-votebar {
position:static;
float:none;
margin-left:0
}
.page-search .visible-expanded {
display:none
}
.page-search .visible-expanded .zm-item-vote-info {
display:block
}
.page-search .numbers .number-item {
color:#999;
margin:0 .3em
}
.page-search .numbers .number-item:first-child {
margin-left:0
}
.page-search .actions .action-item {
color:#999;
margin:0 .3em
}
.page-search .actions .action-item:first-child {
margin-left:0
}
.page-search .actions .votenum-mobile {
color:#25bb9b;
display:inline-block;
vertical-align:bottom
}
.page-search .range-selector {
position:relative;
height:33px;
border-bottom:1px solid #eee
}
.page-search .secondary-tabs {
display:inline-block;
color:#999
}
.page-search .secondary-tab-divider {
padding:0 6px
}
.page-search .secondary-tab-divider::before {
content:'|'
}
.page-search .Sorter {
top:0
}
.page-search .summary {
margin:.5em 0;
display:block;
color:inherit;
cursor:pointer
}
.page-search .summary:hover {
text-decoration:none
}
.page-search .summary img {
max-width:120px;
max-height:80px;
display:inline;
margin-right:1em;
float:left
}
html.no-touchevents .page-search .summary:hover .toggle-expand {
text-decoration:none;
background-color:#eff6fa
}
.page-search .entry.article .author,.page-search .entry.answer .author {
font-weight:700
}
.page-search .entry.article .author,.page-search .entry.answer .author,.page-search .entry.article .author a,.page-search .entry.answer .author a {
color:inherit
}
html.no-touchevents .page-search .entry.article .visible-focusin,html.no-touchevents .page-search .entry.answer .visible-focusin {
display:none
}
html.no-touchevents .page-search .entry.article:hover .visible-focusin,html.no-touchevents .page-search .entry.answer:hover .visible-focusin {
display:inline-block
}
.page-search .entry.article .title,.page-search .entry.answer .title {
font-size:1.1em
}
.page-search .entry.article .toggle-expand,.page-search .entry.answer .toggle-expand {
display:inline-block;
padding:0 3px;
color:#25bb9b;
border-radius:2px;
font-size:.9em
}
.page-search .zm-item-expanded .entry-content {
min-height:55px
}
.page-search .zm-item-expanded .hidden-expanded {
display:none
}
.page-search .zm-item-expanded .visible-expanded {
display:block
}
.page-search .list {
margin:0;
padding:0;
list-style:none
}
.page-search .list .item {
padding:15px 0
}
.page-search .list .item+.item {
border-top:1px solid #eee
}
.page-search .list .left {
float:left
}
.page-search .list .right {
float:right
}
.page-search .list .avatar-link {
float:left
}
.page-search .list .avatar {
margin-right:1em
}
.page-search .list .muted,.page-search .list .muted a,.page-search .list .meta a {
color:#999
}
.page-search .list .meta a+a {
margin-left:1em
}
.page-search .list .meta .icon {
margin-right:4px
}
.page-search .list.topics .name {
font-size:1.1em
}
.page-search .list.topics .desc a {
color:inherit
}
.page-search .list.topics .content {
overflow:hidden
}
.page-search .list.users .item-card .body {
float:left
}
@media (max-width:600px) {
.page-search .list.users .item-card .extra {
float:none;
clear:both
}
.page-search .list.users .item-card .extra .grid {
float:left
}
.page-search .list.users .item-card .extra button {
float:right
}
}.page-search .related-items .item-card .content {
float:none;
overflow:hidden
}
.page-search .related-items .item-card .extra {
float:none;
clear:both
}
.page-search .related-items .item-card .extra,.page-search .related-items .item-card .extra button {
margin-top:1em
}
.page-search .related-items .item-card .grid {
float:left
}
.page-search .item-card {
list-style:none
}
.page-search .item-card .content {
float:left
}
.page-search .item-card .body {
overflow:hidden
}
.page-search .item-card .extra {
float:right
}
.page-search .item-card .extra button {
min-width:64px;
margin-top:.5em
}
.page-search .item-card .grid {
text-align:center
}
.page-search .item-card .grid .col {
float:left;
padding:0 1em;
color:#999
}
.page-search .item-card .grid .col+.col {
border-left:1px solid #eee
}
.page-search .item-card .grid .col:first-child {
padding-left:0
}
.page-search .item-card .grid .col strong {
display:block;
white-space:nowrap;
color:#222
}
html.no-touchevents .page-search .item-card .grid .col:hover {
text-decoration:none
}
html.no-touchevents .page-search .item-card .grid .col:hover,html.no-touchevents .page-search .item-card .grid .col:hover strong {
color:#25bb9b
}
.page-search .user-card .bio {
max-width:300px
}
.page-search .user-card .location,.page-search .user-card .company {
padding-right:.6em
}
.page-search .user-card .title {
padding:0 .6em
}
.page-search .user-card .company+.title {
border-left:1px solid #eee
}
.page-search .user-card .icon:last-child {
margin-left:.5em
}
.page-search .user-card .icon:first-child {
margin-right:.5em
}
.page-search .list.contents .title {
font-size:1.1em;
font-weight:700
}
.page-search .list.contents .answers {
margin:0 0 -15px;
padding:0;
list-style:none
}
.page-search .list.contents .answer-item {
padding:.5em 0
}
.page-search .list.contents .answer-item+.answer-item {
border-top:1px solid #eee
}
.page-search .list.contents .article-item .content {
padding:.5em 0
}
.page-search .empty-result {
margin:0 auto;
padding-top:1em;
max-width:380px
}
.page-search .empty-result p {
margin:1em 0;
font-size:1.1em
}
.page-search .question-form {
margin-top:1em
}
.page-search .question-form textarea {
width:100%;
box-sizing:border-box
}
.page-search .question-form .actions {
line-height:2.5em;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.page-search .question-form .actions .submit {
float:right
}
.page-search .related {
margin:1em 0
}
.page-search .related .list {
padding:0 15px;
border:1px solid #cbcbcb;
border-radius:3px
}
.page-search .related .related-foot {
padding:.5em 0;
text-align:right
}
.page-search .powered-by-sogou {
color:#999
}
.page-search .powered-by-sogou span {
vertical-align:middle
}
.page-search .powered-by-sogou .sogou-logo {
width:69px;
height:19px;
margin:0 .5em;
vertical-align:middle
}
.ac-renderer {
position:absolute;
top:35px;
left:1px;
z-index:10;
width:600px;
background:#fff;
border:solid 1px #999\0;
border:0 none rgba(0,0,0,0);
border-radius:5px;
box-shadow:0 1px 4px rgba(0,0,0,.5)
}
.ac-renderer .ac-row:first-child {
border-radius:5px 5px 0 0
}
.ac-renderer .ac-row:last-child {
border-radius:0 0 5px 5px
}
.ac-renderer>.ac-row>.zm-item-tag {
margin:0 10px 0 0
}
.ac-row {
cursor:pointer;
padding:8px;
zoom:1;
clear:both
}
.ac-row .zm-item-img-avatar {
margin:2px 10px 0 0;
width:25px;
height:25px
}
.zm-ac-gray {
color:#999;
margin:0;
font-size:12px;
display:inline-block
}
.zm-ac-topic-alias {
font-size:12px;
line-height:14px;
color:#999;
display:block;
margin-left:10px
}
.ac-active {
background-color:#d6e9f8
}
.zm-ac-link,html.no-touchevents .zm-ac-link:hover,.zm-ac-link:visited,.zm-ac-link:focus {
color:#222;
line-height:1;
margin:0 10px 0 0
}
.zm-ac-link:hover {
text-decoration:none
}
.zm-ac-link-people {
display:block
}
.zu-autocomplete-row-name {
margin:0 0 1px 35px;
display:block;
height:1.2em;
line-height:1.2;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.zu-autocomplete-row-name.zu-autocomplete-row-name-info {
margin:-1px 0 2px 0
}
.zu-autocomplete-row-description {
color:#999;
display:block;
font-size:12px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
line-height:14px;
height:14px;
zoom:1
}
.zu-autocomplete-row-label,.ac-row.zu-autocomplete-row-search-link {
background:#f6f6f6;
color:inherit
}
.zu-autocomplete-row-search-link a {
color:inherit
}
.zu-autocomplete-row-search-link.active {
background:#d6e9f8
}
.zu-autocomplete-row-search-link.active a {
color:#25bb9b;
text-decoration:none
}
.zu-autocomplete-row-label {
padding:2px 8px;
cursor:default
}
.zu-autocomplete-empty {
color:#666;
padding:10px;
text-align:left;
vertical-align:middle
}
.zu-autocomplete-row-search-link {
text-align:center
}
.zu-autocomplete-row-search-link .arrow {
display:inline-block;
width:5px;
height:8px;
margin-top:-3px;
margin-left:10px;
background-position:-107px -821px
}
.ac-active .zu-autocomplete-row-description {
color:#25bb9b
}
.goog-menu {
position:absolute;
background:#fff;
border:solid 1px #ccc;
box-shadow:0 1px 2px #ddd;
border-radius:3px;
outline:0;
overflow:hidden;
z-index:19
}
.goog-menuitem {
padding:8px 15px;
color:#999;
white-space:nowrap;
border-top:1px solid #ededed;
cursor:pointer
}
.goog-menuitem:first-child {
border-top:0
}
.setting-menu .goog-menuitem {
padding-left:33px;
border-top:0
}
.goog-menuitem-highlight {
background-color:#f5f5f5
}
.goog-menuitem-disabled {
cursor:default
}
.goog-menuseparator {
border-top:1px solid #ededed
}
.goog-menuitem-checkbox {
position:absolute;
left:10px;
background-position:-89px 1px
}
.goog-menu-button .goog-menu-button-dropdown {
display:none
}
.goog-menu-button-open {
outline:0
}
.modal-wrapper {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:99;
overflow:auto;
-webkit-overflow-scrolling:touch
}
html.modal-open.flexbox .modal-wrapper {
display:-webkit-flex;
display:-ms-flexbox;
display:-webkit-box;
display:flex;
-webkit-justify-content:center;
-ms-flex-pack:center;
-webkit-box-pack:center;
justify-content:center;
-webkit-align-items:flex-start;
-ms-flex-align:start;
-webkit-box-align:start;
align-items:flex-start
}
.modal-dialog {
position: absolute;
z-index: 99;
width: 420px;
max-width: 100%;
border-radius: 8px;
border: 1px solid #888;
box-shadow: 0 0 80px 0 rgba(0,0,0,.4);
background: #fff;
text-align: left;
left: 50%;
margin-left: -275px;
margin-top: 14%;
margin-top: 14vh;
}
html.modal-open .modal-wrapper .modal-dialog {
position:static;
margin-top:14%;
margin-top:14vh
}
html.modal-open.no-flexbox .modal-wrapper .modal-dialog {
margin-left:auto;
margin-right:auto
}
html.modal-open.mobile .modal-wrapper .modal-dialog {
margin-top:0
}
html.modal-open.no-flexbox .modal-wrapper .modal-dialog.centered {
margin-top:50%
}
html.modal-open.flexbox .modal-wrapper .modal-dialog.centered {
-ms-flex-item-align:center;
-webkit-align-self:center;
align-self:center
}
.modal-dialog-bg {
position:fixed;
left:0;
top:0;
z-index:95;
min-height:100%!important;
width:100%!important;
height:100%!important;
overflow:visible;
background:#666
}
.modal-dialog-title-close {
position:absolute;
top:50%;
_top:20px;
right:3px;
width:30px;
height:30px;
margin-top:-15px;
text-indent:-9999px;
cursor:pointer;
background-position:-60px -53px
}
.modal-dialog-title {
position:relative;
margin:-1px -1px 0;
padding:10px 15px;
line-height:14px;
background:#25bb9b;
background:-webkit-linear-gradient(top,#25bb9b,#00B091);
background:linear-gradient(to bottom,#25bb9b,#00B091);
border:1px solid #00B091;
border-radius:6px 6px 0 0;
box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 1px 1px rgba(0,0,0,.2)
}
.modal-dialog-title-draggable {
cursor:move
}
.modal-dialog-title-text {
color:#fff;
text-shadow:0 1px 1px rgba(0,0,0,.4);
font-size:15px;
font-weight:700
}
.modal-dialog-content {
padding:0 15px;
margin:17px 0
}
.modal-dialog-buttons {
padding:0 15px;
margin-bottom:15px;
text-align:right;
background:#fff
}
.modal-dialog-buttons button[name=cancel] {
border:0;
color:#25bb9b;
background:transparent;
cursor:pointer;
font-size:13px
}
html.no-touchevents .modal-dialog-buttons button[name=cancel]:hover {
text-decoration:underline
}
.modal-dialog-buttons button+button {
margin-left:1em
}
.modal-dialog .zm-command {
padding:20px 0 0
}
.modal-dialog.with-button .modal-dialog-content {
border-radius:0;
border-bottom:0;
font-size:14px
}
.modal-dialog.with-button .modal-dialog-buttons {
display:block;
padding:0 15px;
border-top:0
}
.goog-buttonset-default {
font-size:14px;
line-height:1.7;
text-decoration:none!important;
vertical-align:middle;
display:inline-block;
_display:inline!important;
text-align:center;
padding:4px 10px;
cursor:pointer;
border-radius:3px;
white-space:nowrap;
box-sizing:border-box;
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.5);
background:#1472cf;
background:-webkit-linear-gradient(top,#1d7fe2,#0865c2);
background:linear-gradient(to bottom,#1d7fe2,#0865c2);
border:1px solid #0D6EB8;
box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2);
*line-height:20px
}
.goog-buttonset-default.disabled,.goog-buttonset-default[disabled] {
background:#eee;
color:#888!important;
border:1px solid #ddd;
cursor:not-allowed;
text-shadow:none;
box-shadow:none!important
}
.goog-buttonset-default.disabled:active,.goog-buttonset-default[disabled]:active {
background:#eee;
border-color:#ccc
}
.goog-buttonset-default:active {
background:#1a70c7;
background:-webkit-linear-gradient(top,#1a79d9,#1a70c7);
background:linear-gradient(to bottom,#1a79d9,#1a70c7);
box-shadow:0 1px 2px rgba(255,255,255,.15) inset
}
.modal-dialog .textarea {
width:100%;
padding:8px 10px;
border:1px solid #ccc;
border-radius:4px;
box-shadow:inset 0 0 4px 0 rgba(0,0,0,.1);
box-sizing:border-box
}
.modal-dialog-cancelNoti {
float:left;
margin-top:20px;
font-size:13px
}
.modal-dialog-async-loading {
color:#999;
text-align:center
}
.goog-toolbar {
position:relative;
margin:0;
padding:4px;
background:#f1f1f1;
background:-webkit-linear-gradient(top,#f5f5f5,#efefef);
background:linear-gradient(to bottom,#f5f5f5,#efefef);
border:1px solid #ccc;
border-bottom:0;
border-radius:3px 3px 0 0;
box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
outline:0;
cursor:default;
zoom:1
}
.goog-toolbar-separator {
background-color:#C1C1C1;
width:1px;
margin:0 8px;
height:18px;
line-height:16px
}
.goog-inline-block {
display:inline-block;
position:relative;
*display:block;
*display:inline!important;
*zoom:1
}
.goog-toolbar-button,.goog-toolbar-menu-button {
border:0;
font-family:Arial,sans-serif;
color:#222;
text-decoration:none;
list-style:none;
vertical-align:middle;
cursor:default;
outline:0;
margin:0 1px;
padding:0
}
.goog-toolbar-button-outer-box,.goog-toolbar-button-inner-box,.goog-toolbar-menu-button-outer-box,.goog-toolbar-menu-button-inner-box {
border:0;
vertical-align:top
}
.goog-toolbar-button-outer-box,.goog-toolbar-menu-button-outer-box {
margin:0;
padding:1px 0
}
.goog-toolbar-button-inner-box,.goog-toolbar-menu-button-inner-box {
margin:0 -1px;
padding:3px 4px
}
.goog-toolbar-button-hover .goog-toolbar-button-outer-box,.goog-toolbar-button-active .goog-toolbar-button-outer-box,.goog-toolbar-button-checked .goog-toolbar-button-outer-box,.goog-toolbar-button-selected .goog-toolbar-button-outer-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,.goog-toolbar-menu-button-active .goog-toolbar-menu-button-outer-box,.goog-toolbar-menu-button-open .goog-toolbar-menu-button-outer-box,.goog-toolbar-select .goog-toolbar-menu-button-outer-box {
border-style:solid;
border-width:1px 0;
padding:0
}
.goog-toolbar-button-hover .goog-toolbar-button-inner-box,.goog-toolbar-button-active .goog-toolbar-button-inner-box,.goog-toolbar-button-checked .goog-toolbar-button-inner-box,.goog-toolbar-button-selected .goog-toolbar-button-inner-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box,.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box,.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
border-style:solid;
border-width:0 1px;
padding:3px
}
.goog-toolbar-button-hover .goog-toolbar-button-outer-box,.goog-toolbar-button-hover .goog-toolbar-button-inner-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box {
border-color:#d1d1d1!important
}
.goog-toolbar-button-checked .goog-toolbar-button-outer-box,.goog-toolbar-button-hover .goog-toolbar-button-outer-box {
margin:0;
padding:0;
border:0 none;
border-width:0
}
.goog-toolbar-button-outer-box,.goog-toolbar-menu-button-outer-box {
margin:0;
padding:0;
border:0 none
}
.goog-toolbar-button-inner-box,.goog-toolbar-menu-button-inner-box {
margin:0;
padding:5px;
border:solid 1px transparent
}
.goog-toolbar-button-hover .goog-toolbar-button-inner-box,.goog-toolbar-button-active .goog-toolbar-button-inner-box,.goog-toolbar-button-checked .goog-toolbar-button-inner-box,.goog-toolbar-button-selected .goog-toolbar-button-inner-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box,.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box,.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
border-width:1px;
padding:5px;
border-color:#D1D1D1;
border-radius:2px
}
.goog-toolbar-button.goog-toolbar-button-checked .goog-inline-block.goog-toolbar-button-inner-box {
border:1px solid #C1C1C1;
background-color:#ebebeb;
box-shadow:0 0 3px rgba(0,0,0,.1) inset
}
.goog-toolbar-button-active .goog-toolbar-button-inner-box {
background-color:#ebebeb;
box-shadow:0 0 3px rgba(0,0,0,.1) inset
}
.tr-icon {
width:16px;
height:16px;
display:block
}
.tr-inline-icon {
width:16px;
height:16px;
display:inline-block
}
.tr-bold {
background-position:0 -127px
}
.tr-italic {
background-position:-16px -127px
}
.tr-underline {
background-position:-32px -127px
}
.tr-mention {
background-position:0 -220px
}
.tr-link {
background-position:-66px -127px
}
.tr-blockquote {
background-position:-112px -127px
}
.tr-code {
background-position:-128px -127px
}
.tr-insertOrderedList {
background-position:-144px -127px
}
.tr-insertUnorderedList {
background-position:-160px -127px
}
.tr-image {
background-position:-80px -127px
}
.tr-video {
background-position:-96px -127px
}
.tr-removeFormat {
background-position:-176px -127px
}
.tr-max {
background-position:-192px -127px
}
.zm-editable-toolbar-container {
position:relative
}
.tr-spinner {
position:absolute;
top:12px;
right:40px;
opacity:.85;
-ms-filter:"alpha(Opacity=85)";
overflow:hidden
}
.tr-equation {
background-position:-240px -111px
}
#zu-distraction-free-editor .tr-max {
background-position:-208px -127px
}
#toggleFullScreen {
float:right;
margin:0
}
.goog-toolbar-button.goog-toolbar-button-hover .tr-icon,.goog-toolbar-button.goog-toolbar-button-active .tr-icon,.goog-toolbar-button.goog-toolbar-button-checked .tr-icon {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.tr-icon {
background-color:#f1f1f1;
-webkit-transition:opacity .2s ease-in-out;
transition:opacity .2s ease-in-out;
opacity:.85;
-ms-filter:"alpha(Opacity=85)"
}
.goog-toolbar-button-active .tr-icon {
background-color:#ebebeb!important
}
.goog-toolbar-button-checked .tr-icon {
background-color:#ebebeb!important
}
.goog-toolbar-button-disabled .tr-icon {
opacity:.3;
-ms-filter:"alpha(Opacity=30)"
}
.goog-checkbox {
display:inline-block;
width:16px;
height:16px;
cursor:pointer
}
.goog-date-picker,.goog-date-picker th,.goog-date-picker td {
font:12px Arial,sans-serif
}
.goog-date-picker {
-moz-user-focus:normal;
-moz-user-select:none;
position:relative;
border:1px solid #ccc;
float:left;
padding:2px;
color:#999;
background:#fff;
cursor:default
}
.goog-date-picker th {
text-align:center
}
.goog-date-picker td {
text-align:center;
vertical-align:middle;
padding:1px 4px
}
.goog-date-picker-menu {
position:absolute;
background:threedface;
border:1px solid gray;
-moz-user-focus:normal;
z-index:1;
outline:0
}
.goog-date-picker-menu ul {
list-style:none;
margin:0;
padding:0
}
.goog-date-picker-menu ul li {
cursor:default
}
.goog-date-picker-menu-selected {
background:#ccf
}
.goog-date-picker th {
font-size:.9em
}
.goog-date-picker td div {
float:left
}
.goog-date-picker button {
padding:0;
margin:1px 0;
border:0;
color:#999;
font-weight:700;
background:transparent
}
.goog-date-picker-date {
background:#fdfdfd;
border:1px solid #eee
}
.goog-date-picker-date:hover {
color:#999;
background-color:#eee
}
.goog-date-picker-week,.goog-date-picker-wday {
padding:1px 3px;
border:0
}
.goog-date-picker-week {
opacity:.5;
-ms-filter:"alpha(Opacity=50)";
border-right-width:1px
}
.goog-date-picker-head td {
text-align:center;
background:#f7f7f7
}
td.goog-date-picker-today-cont {
text-align:center
}
td.goog-date-picker-none-cont {
text-align:center
}
.goog-date-picker-month {
width:11ex
}
.goog-date-picker-year {
width:6ex
}
.goog-date-picker table {
outline:0;
border-collapse:collapse
}
.goog-date-picker-other-month {
color:#888
}
td.goog-date-picker-selected {
background:#ddd
}
.goog-date-picker-today {
background:#f1f1f1;
color:#999
}
.ui-datetime-picker {
position:relative
}
.ui-datetime-picker .date {
width:70px;
margin-right:1em
}
.ui-datetime-picker select {
line-height:1;
height:28px;
border:1px solid #ccc;
background:transparent
}
.ui-datetime-picker .colon {
margin:0 .4em
}
.ui-datetime-picker .goog-date-picker {
position:absolute;
z-index:10;
top:30px;
left:0
}
.zm-profile-section-item {
position:relative;
padding:12px 0
}
.zm-profile-section-item+.zm-profile-section-item {
border-top:1px dotted #EEE
}
.zm-profile-section-item .zm-item-link-avatar {
float:left
}
.zm-profile-section-item .zm-item-img-avatar {
float:left;
height:50px;
margin:2px 10px 0 0;
width:50px;
border:0 none;
border-radius:2px
}
.zm-profile-section-item .meta a {
color:#999
}
.zm-profile-section-item.inactive .zm-profile-item-text {
color:#999
}
.zm-profile-vote-count {
float:left;
padding:2px;
color:#25bb9b;
height:38px;
width:46px;
line-height:20px;
font-weight:700;
text-align:center;
border-radius:4px;
background:#eff6fa;
-webkit-text-size-adjust:none
}
.zm-profile-vote-num {
padding:2px 0 4px;
font-weight:700;
font-size:16px;
line-height:1
}
.zm-profile-vote-type {
line-height:1;
font-weight:400;
font-size:12px
}
.zm-profile-section-main {
margin-left:60px
}
.zm-item-answer a.collapse {
display:none
}
.zm-item-expanded a.collapse {
display:block
}
.toggle-expand.btn-toggle-question-detail {
padding:0;
display:none
}
.zm-item-expanded .toggle-expand.btn-toggle-question-detail {
display:block
}
.zm-item-answer-author-info a.collapse {
margin-left:10px
}
a.toggle-expand.btn-toggle-question-detail {
margin-bottom:5px;
text-decoration:none;
color:#999;
font-size:13px
}
a.toggle-expand.btn-toggle-question-detail span {
font-size:12px;
color:#25bb9b;
padding:3px;
border-radius:2px
}
.btn-toggle-question-detail:hover span {
background-color:#eff6fa
}
.feed-question-detail-item .question-description-plain {
display:none
}
.zm-item-expanded .feed-question-detail-item .question-description-plain {
display:block
}
.zm-item-expanded .feed-question-detail-item .question-description {
display:none
}
.zm-item-expanded .feed-question-detail-item.question-detail-expanded .btn-toggle-question-detail {
display:none
}
.zm-item-expanded .feed-question-detail-item.question-detail-expanded .question-description {
display:block
}
.awesome-answer-list .zm-item-meta {
display:none
}
.awesome-answer-list .zm-item-expanded .zm-item-meta {
display:block
}
.zm-item-rich-text ul,.zm-editable-content ul,.editable ul,.zm-item-rich-text ol,.zm-editable-content ol,.editable ol {
margin:.8em 0;
padding:0
}
.zm-item-rich-text ul ol,.zm-editable-content ul ol,.editable ul ol,.zm-item-rich-text ol ol,.zm-editable-content ol ol,.editable ol ol,.zm-item-rich-text ul ul,.zm-editable-content ul ul,.editable ul ul,.zm-item-rich-text ol ul,.zm-editable-content ol ul,.editable ol ul {
padding-left:2em
}
.zm-item-rich-text li,.zm-editable-content li,.editable li {
margin:0 0 5px;
list-style-position:inside
}
blockquote {
margin:.8em 0;
padding:0 0 0 10px;
font-style:normal;
font-size:100%;
line-height:22px;
border-left:3px solid #D0E5F2
}
a.external {
margin:0 4px 0 0;
word-break:break-all
}
a.external>.icon-external {
margin-left:4px
}
a>.ellipsis:after {
content:'...'
}
a>.invisible {
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0
}
.editable img,.zg-content-img-source-link,.origin_image,.content_image,.video_image,.play_video {
margin:6px 0;
display:block;
overflow:hidden;
max-width:100%;
height:auto;
width:auto\9;
-ms-interpolation-mode:bicubic
}
.editable a,.zm-comment-editable a {
text-decoration:none
}
.editable .img.zg-content-img-source-link:hover,.editable img.origin_image:hover {
cursor:default
}
.zu-top {
position:fixed;
top:0;
left:0;
z-index:20;
width:100%;
height:45px;
background:#3d444c;
/*background:-webkit-linear-gradient(top,#086ed5,#055db5);
background:linear-gradient(to bottom,#086ed5,#055db5);*/
border-bottom:1px solid #044e97;
box-shadow:0 1px 2px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.15)
}
.zu-top .zg-wrap {
position:relative;
height:inherit
}
@media (max-width:1024px) {
body.zhi {
padding-top:0!important
}
.zu-top {
position:static
}
.zu-top .modal-shifting {
position:static!important
}
}.zu-top-link-logo {
float:left;
width:61px;
height:100%;
background-image:url(../images/res/nk.png);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
color:#fff
}
.zu-top-link-logo:active {
opacity:.8;
-ms-filter:"alpha(Opacity=80)"
}
.zu-top-search {
position:relative;
float:left;
margin:7px 0 0 12px
}
.zu-top-search .zm-ac-gray {
margin-left:1px
}
.zu-top-search .ac-renderer {
top:32px;
z-index:20
}
.zu-top-search-x {
float:left
}
.zu-top-search-form {
position:relative;
width:367px
}
@media (max-width:959px) {
.zu-top-search-form {
width:240px
}
}.zu-top-search-form .zu-top-search-button {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 100%;
background: #00BC9B;
background: -webkit-linear-gradient(top,#00BC9B,#00BC9B);
background: linear-gradient(to bottom,#00BC9B,#00BC9B);
border: 1px solid #3d444c;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 1px rgba(255,255,255,.15);
box-sizing: border-box;
outline: 0;
cursor: pointer;
/* border-width: 0; */
}
.zu-top-search-form .zu-top-search-button:before {
content:'';
display:inline-block;
height:100%;
vertical-align:middle
}
.zu-top-search-input {
padding:7px 50px 7px 10px;
width:100%;
color:#49525c;
font-size:14px;
line-height:17px;
background-color:#e1eaf2;
border:1px solid #045bb2;
border-radius:4px;
box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.1);
outline:0;
box-sizing:border-box;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.zu-top-search-input::-webkit-input-placeholder {
color:#8d9ba8
}
.zu-top-search-input::-moz-placeholder {
color:#8d9ba8
}
.zu-top-search-input:-ms-input-placeholder {
color:#8d9ba8
}
.zu-top-search-input::placeholder {
color:#8d9ba8
}
.zu-top-search-input:focus {
background-color:#fff;
box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 1px 15px rgba(255,255,255,.3)
}
.zu-top-add-question {
float: right;
width: 66px;
height: 32px;
line-height: 30px;
margin-top: 7px;
border: 1px solid #00B091;
border-radius: 4px;
background: #00BC9B;
box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 1px rgba(255,255,255,.15);
color: #fff;
font-size: 14px;
text-align: center;
text-shadow: 0 1px 1px rgba(0,0,0,.12);
outline: 0;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
/*.zu-top-add-question:active {
background:#096ed5;
background:-webkit-gradient(linear,left top,left bottom,from(#0e7ceb),to(#0c6fd3));
background:-moz-linear-gradient(top,#0e7ceb,#0c6fd3);
border:1px solid #0659ac;
box-shadow:0 1px 0 rgba(255,255,255,.06),inset 0 1px 2px rgba(0,0,0,.2)
}*/
.top-nav-topic-selector {
position:relative;
z-index:10
}
.top-nav-topic-selector .top-nav-dropdown {
left:-95px
}
.top-nav-topic-selector .top-nav-dropdown li:last-child>a {
text-align:center
}
.open .top-nav-dropdown,html.no-touchevents .top-nav-topic-selector:hover .top-nav-dropdown {
display:block;
top:45px
}
.top-nav-dropdown {
display:none;
margin:0;
position:absolute;
left:0
}
.top-nav-dropdown li {
margin:0;
list-style:none
}
.top-nav-dropdown li a {
display: block;
width: 145px;
height: 40px;
line-height: 40px;
color: #888;
text-decoration: none;
box-shadow: 0 1px 1px rgba(0,0,0,.4);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
cursor: pointer;
}
html.no-touchevents .top-nav-dropdown a:hover {
background-color: #31363D;
color: #fff;
}
.top-nav-dropdown li:first-child>a {
border-top:0
}
.top-nav-dropdown a.all {
text-align:center
}
.top-nav-dropdown li:last-child>a {
border-radius:0 0 4px 4px
}
.top-nav-dropdown img {
margin:0 9px;
width:25px;
height:25px;
border-radius:2px;
box-shadow:0 1px 1px rgba(0,0,0,.2)
}
.top-nav-dropdown img,.top-nav-dropdown span {
vertical-align:middle
}
.mobile-top-nav-popup {
position:absolute;
left:0;
right:0;
width:100%;
z-index:11;
display:none;
border-top:1px solid #ddd;
box-shadow:0 1px 1px rgba(0,0,0,.2);
border-radius:0 0 6px 6px;
margin-top:-1px
}
.mobile-top-nav-popup .top-nav-dropdown {
display:block;
position:static;
overflow:hidden;
background-color:#f4f4f4
}
.mobile-top-nav-popup .top-nav-dropdown li {
position:relative;
float:left;
width:50%;
height:45px;
background-color:#e4e4e4;
overflow:hidden;
border:solid #eee;
border-width:0 1px 1px 0;
box-sizing:border-box
}
.mobile-top-nav-popup .top-nav-dropdown li:last-child:nth-child(odd) {
width:100%
}
.mobile-top-nav-popup .top-nav-dropdown a {
width:100%;
height:45px;
line-height:39px;
box-shadow:none;
text-shadow:none;
border:0!important;
border-radius:0!important;
color:#000;
background-color:#f4f4f4
}
html.no-touchevents .mobile-top-nav-popup .top-nav-dropdown a:hover {
background-color:#e4e4e4
}
.mobile-top-nav-popup .top-nav-dropdown img {
margin:0 9px 0 10px
}
.mobile-top-nav-popup .slide-up {
display:block;
height:36px;
width:100%;
border:0;
border-radius:0 0 6px 6px;
background:url(../images/img/sticky_header/arrow-icon.56368fe2.png) center #f4f4f4 no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
.mobile-top-nav-popup .slide-up {
background-image:url(../images/img/sticky_header/arrow-icon@2x.84546e8e.png);
background-size:11px 7px
}
}.mobile-top-nav-popup-profile {
left:auto;
width:140px
}
.mobile-top-nav-popup-profile .top-nav-dropdown li {
float:none;
width:auto;
text-indent:1em
}
.mobile-top-nav-popup-profile .top-nav-dropdown a {
line-height:43px
}
.mobile-top-nav-popup-profile .zg-icon {
display:none
}
.top-nav-profile {
float:right;
position:relative;
min-width:120px;
margin-left:15px;
z-index:10
}
.top-nav-profile a {
display: block;
width: 120px;
background-color: #31363D;
text-shadow: 0 1px 1px rgba(0,0,0,.12);
font-size: 14px;
}
.top-nav-profile .top-nav-dropdown {
top:46px
}
.top-nav-profile .top-nav-dropdown a {
width:120px
}
.open .top-nav-dropdown,html.no-touchevents .top-nav-profile:hover .top-nav-dropdown {
display:block
}
.top-nav-profile .zu-top-nav-userinfo {
position: relative;
height: 45px;
line-height: 45px;
text-indent: 46px;
color: #888;
text-decoration: none;
border-top: 0;
background: transparent;
box-shadow: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.zu-top-nav-userinfo.selected,html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
height: 46px!important;
background: #31363D;
box-shadow: inset 0 0 2px rgba(0,0,0,.12);
color: #fff;
}
html.no-touchevents .zu-top-nav-userinfo:hover {
background-color:#046dd6
}
.zu-top-nav-userinfo .Avatar {
position:absolute;
top:9px;
left:10px;
border:1px solid rgba(0,0,0,.1);
box-shadow:0 1px 0 rgba(255,255,255,.1);
background-color:transparent
}
.top-nav-dropdown .zg-icon {
width:20px;
height:20px;
margin:0 11px 0 15px;
vertical-align:-7px
}
.zg-icon-dd-home {
background-position:-6px -7px
}
.zg-icon-dd-pm {
background-position:-6px -34px
}
.zg-icon-dd-settings {
background-position:-6px -60px
}
.zg-icon-dd-logout {
background-position:-6px -87px
}
.zu-top-nav {
float:left;
position:relative
}
.zu-top-nav-live {
position:absolute;
left:108px;
top:45px;
width:290px;
z-index:9;
background:#fff;
outline:0
}
.zu-top-nav-ul {
padding:0;
margin:0 0 0 18px
}
.zu-top-nav-li {
position:relative;
float:left;
margin:0;
list-style:none
}
.zu-top-nav-li.current {
background:#31363d;
}
.zu-top-nav-link,.zu-top-nav-link:visited,.zu-top-nav-link:active {
color:#eee
}
.zu-top-nav-link:hover {
color:#fff;
text-decoration:none
}
.zu-top-nav-link {
width:54px;
height:45px;
line-height:45px;
text-align:center;
display:block;
color:#f2f4f5;
text-shadow:0 1px 1px rgba(0,0,0,.12);
font-size:14px
}
@media (max-width:959px) {
.zu-top-nav-link {
width:auto;
padding:0 10px
}
}.zg-noti-number {
background:#bf1031;
border:1px solid #b11331;
box-shadow:0 1px 2px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.15);
color:#fff;
display:inline-block;
font-size:11px;
font-weight:700;
-webkit-text-size-adjust:none;
padding:0 5px;
height:16px;
line-height:16px;
border-radius:16px;
text-indent:0;
text-align:center;
text-decoration:none
}
.zu-top-nav-count,.zu-top-nav-userinfo .zu-top-nav-pm-count {
z-index:12;
top:5px;
position:absolute
}
.zu-top-nav-count {
left:31px
}
.zu-top-nav-userinfo .zu-top-nav-pm-count {
left:29px
}
.top-nav-profile .top-nav-dropdown .zu-top-nav-pm-count {
vertical-align:1px;
margin-left:8px
}
.zu-top-nav-count:hover {
text-decoration:none
}
.zg-black-tip {
position:absolute;
top:40px;
left:93px;
padding:0 10px 10px;
width:260px;
font-size:12px;
background:#000;
background:-webkit-linear-gradient(top,rgba(66,69,72,.9),rgba(26,28,30,.9) 90%,rgba(51,55,59,.9));
background:linear-gradient(to bottom,rgba(66,69,72,.9),rgba(26,28,30,.9) 90%,rgba(51,55,59,.9));
border:1px solid rgba(0,0,0,.2);
opacity:1;
-ms-filter:"alpha(Opacity=100)";
box-shadow:0 0 1px rgba(255,255,255,.2) inset,0 1px 3px rgba(0,0,0,.8);
z-index:999
}
.zg-black-tip-icon {
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat scroll -46px -648px;
width:14px;
height:7px;
position:absolute;
top:-7px;
left:55px
}
.zg-black-tip-content {
padding:5px 0 0;
color:#fff;
font-size:13px;
text-shadow:0 1px 0 rgba(0,0,0,.8);
text-align:center
}
.zg-black-tip {
width:100%;
max-width:395px
}
.zg-black-tip-icon {
left:50px
}
.zu-top-search-form>.zg-input-label {
position:absolute;
left:8px;
color:#999;
cursor:text
}
.topnav-noauth {
float:right;
margin:0 0 0 15px;
line-height:46px
}
.topnav-noauth .zg-icon {
width:20px;
height:20px;
margin-right:6px
}
.topnav-noauth a {
padding:0 10px;
width:auto;
height:46px;
line-height:46px;
text-align:center;
display:block;
color:#eee;
text-shadow:0 1px 1px rgba(0,0,0,.12);
white-space:nowrap;
font-size:14px
}
.topnav-noauth a:hover {
color:#fff;
text-decoration:none
}
.topnav-noauth>li {
float:left;
list-style:none
}
[class*=sprite-sidebar-icon-] {
display:inline-block;
vertical-align:middle
}
.sprite-sidebar,[class*=sprite-sidebar-] {
background-image:url(../images/img/sidebar/sprites.auto.84426159.png);
background-repeat:no-repeat
}
.sprite-sidebar-icon-column-active {
background-position:0 0;
width:25px;
height:25px
}
.sprite-sidebar-icon-column-normal {
background-position:-27px 0;
width:25px;
height:25px
}
.sprite-sidebar-icon-column-write {
background-position:0 -27px;
width:24px;
height:25px
}
.sprite-sidebar-icon-fold {
background-position:-26px -27px;
width:13px;
height:8px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-sidebar,[class*=sprite-sidebar-] {
background-image:url(../images/img/sidebar/sprites@2x.auto.40df1bd9.png);
background-size:52px 52px
}
}.zu-main-sidebar h3,.zm-side-section h3,.zu-main-sidebar h2,.zm-side-section h2 {
margin-bottom:10px
}
.zm-side-section {
position:relative;
margin:15px 0;
}
.zm-side-section+.zm-side-section>.zm-side-section-inner {
padding:15px 0 0;
border-top:1px solid #eee
}
.zm-side-section-inner h3 {
margin-bottom:10px
}
.zm-side-nav {
margin-left:-10px
}
.zm-side-nav-group:first-child {
margin-top:-4px
}
.zm-side-nav-group {
margin-bottom:10px
}
.zm-side-nav-group.zm-side-nav-button-group {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
margin-bottom:20px
}
.zm-side-nav-group.zm-side-nav-button-group .zm-side-nav-button {
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1
}
.zm-side-nav-group.zm-side-nav-button-group .zm-side-nav-button+.zm-side-nav-button {
margin-left:20px
}
.zm-side-nav-group.zm-side-nav-button-group .zm-side-nav-button-icon {
margin-top:-4px;
margin-right:8px
}
.zm-side-nav-group.zm-side-nav-button-group .zm-side-nav-button-icon.sprite-global-icon-ask {
margin-top:-3px
}
.zm-side-nav-group+.zm-side-nav-group {
padding-top:10px;
border-top:1px solid #eee
}
.zm-side-nav-li {
display:block;
margin-bottom:3px;
list-style:none;
position:relative
}
.zm-side-nav-li-wide {
list-style:none;
display:block;
margin:0 0 3px
}
.zm-side-nav-link {
position:relative;
padding:0 0 0 10px;
display:block;
height:28px;
line-height:28px;
color:#666
}
.zm-side-nav-link .z-ico-community {
display:inline-block;
position:relative;
top:1px;
left:-1px;
margin-right:2px
}
.zm-side-nav-link .zg-num {
vertical-align:1px;
background:#888
}
.zm-side-nav-link.active .zg-num,html.no-touchevents .zm-side-nav-li:hover .zg-num {
background:#5781b7
}
.zm-side-nav-link.active,html.no-touchevents .zm-side-nav-link:hover {
color:#25bb9b;
background:#eff6fa;
border-radius:3px;
text-decoration:none
}
.zm-side-nav-link .zg-icon {
margin-right:2px;
width:14px;
height:14px;
vertical-align:-2px
}
.zg-icon-sidenav-roundtable {
background-position:-88px -232px
}
a.active>.zg-icon-sidenav-roundtable,html.no-touchevents a:hover>.zg-icon-sidenav-roundtable {
background-position:-106px -232px
}
.zg-icon-sidenav-draft {
background-position:-152px -4px
}
a.active>.zg-icon-sidenav-draft,html.no-touchevents a:hover>.zg-icon-sidenav-draft {
background-position:-152px -24px
}
.zg-icon-sidenav-fav {
background-position:-167px -4px
}
a.active>.zg-icon-sidenav-fav,html.no-touchevents a:hover>.zg-icon-sidenav-fav {
background-position:-167px -24px
}
.zg-icon-sidenav-follow {
background-position:-183px -4px
}
a.active>.zg-icon-sidenav-follow,html.no-touchevents a:hover>.zg-icon-sidenav-follow {
background-position:-183px -24px
}
.zg-icon-sidenav-invite {
background-position:-200px -4px
}
a.active>.zg-icon-sidenav-invite,html.no-touchevents a:hover>.zg-icon-sidenav-invite {
background-position:-200px -24px
}
.zg-icon-sidenav-all {
background-position:-217px -4px
}
a.active>.zg-icon-sidenav-all,html.no-touchevents a:hover>.zg-icon-sidenav-all {
background-position:-217px -24px
}
.zg-icon-sidenav-plaza {
background-position:-234px -4px
}
a.active>.zg-icon-sidenav-plaza,html.no-touchevents a:hover>.zg-icon-sidenav-plaza {
background-position:-234px -24px
}
.zg-icon-sidenav-find {
background-position:-251px -4px
}
a.active>.zg-icon-sidenav-find,html.no-touchevents a:hover>.zg-icon-sidenav-find {
background-position:-251px -24px
}
.zg-icon-sidenav-publicedit {
background-position:-269px -4px
}
a.active>.zg-icon-sidenav-publicedit,html.no-touchevents a:hover>.zg-icon-sidenav-publicedit {
background-position:-269px -24px
}
.zm-side-gray {
color:#999;
font-size:12px
}
.zm-side-link-avatar {
float:left;
height:25px;
margin:5px 5px 5px 0;
width:25px
}
.zm-side-my-columns .name,.zm-side-my-columns .Avatar {
vertical-align:middle
}
.zm-side-my-columns .Avatar {
margin-right:5px;
width:25px;
height:25px;
border-radius:3px
}
.zm-side-my-columns .column-homepage {
padding-bottom:6px;
margin:0 0 9px;
border-bottom:1px dotted #eee
}
.zm-side-my-columns .column-homepage .zm-side-nav-li {
margin-left:-10px
}
.zm-side-my-columns .column-link {
height:auto;
line-height:34px
}
.zm-side-my-columns .column-list.fold {
overflow:hidden
}
.zm-side-my-columns .icon-column-logo {
display:inline-block;
vertical-align:middle;
margin:0 5px 0 0
}
.zm-side-my-columns .icon-column-logo-active {
background-position:0 0;
width:25px;
height:25px
}
.zm-side-my-columns .sprite-sidebar-icon-fold {
margin:0 11px 0 6px
}
.icon-column-write {
margin:0 4px 0 2px;
width:24px;
height:22px;
vertical-align:-7px;
background-position:0 -228px
}
html.no-touchevents a:hover>.icon-column-write {
background-position:-36px -228px
}
.zm-side-nav li {
position:relative
}
.pin-topic-avatar-link {
float:left
}
.shameimaru-section {
position:relative;
width:100%;
max-width:272px;
margin-bottom:20px
}
.shameimaru-section .shameimaru-link,.shameimaru-section .shameimaru-link img {
display:block;
width:inherit;
border-radius:6px
}
.shameimaru-section .shameimaru-close {
position:absolute;
right:6px;
top:6px;
opacity:.7;
-ms-filter:"alpha(Opacity=70)";
cursor:pointer
}
html.no-touchevents .shameimaru-section .shameimaru-close {
display:none
}
.shameimaru-section .shameimaru-close:hover {
opacity:.9;
-ms-filter:"alpha(Opacity=90)"
}
.shameimaru-section:hover a.shameimaru-close {
display:block
}
.shameimaru-pixel {
position:absolute;
width:0;
height:0;
left:-100000px;
top:-100000px
}
.comment-app-holder,.zm-comment-box {
max-width:540px
}
.comment-app-holder .OrgIcon,.zm-comment-box .OrgIcon {
display:none
}
.zm-comment-box {
position:relative;
margin:10px 0 35px;
background:#fff;
border:1px solid #ddd;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.zm-comment-box .load-more {
padding:8px 0;
display:block;
font-size:13px;
height:22px;
text-align:center;
border:1px solid #eee;
border-width:1px 0 0;
color:#25bb9b;
box-shadow:0 0 5px rgba(180,180,180,.1) inset;
text-shadow:0 1px 0 #fff
}
.zm-comment-box .load-more .text {
position:relative
}
.zm-comment-box .load-more .spinner {
position:absolute;
top:0;
right:-20px;
display:none
}
.zm-comment-box .load-more.loading .spinner {
display:block
}
html.no-touchevents .zm-comment-box .load-more:hover {
background:#fefefe;
text-decoration:none
}
.zm-comment-box .load-more:active {
background:#fbfbfb;
box-shadow:0 0 5px rgba(180,180,180,.2) inset
}
.zm-comment-box .load-more+.zm-item-comment {
margin:0;
padding:8px 12px;
border-top:1px solid #eee
}
.zm-comment-box .zm-comment-bubble {
position:absolute;
top:-8px;
left:81px;
display:none
}
.zm-comment-box.empty {
border:0;
box-shadow:none
}
.zm-comment-box.empty.cannot-comment {
border:1px solid #ddd
}
.zm-comment-box.cannot-comment .editable,.zm-comment-box.cannot-comment .zm-command,.zm-comment-box.cannot-comment .zm-comment-op-link.reply {
display:none!important
}
.zm-comment-box.empty .zm-comment-bubble {
display:none!important
}
.zm-comment-box.empty.cannot-comment .zm-comment-bubble {
display:block!important
}
.zm-comment-box.empty .zm-comment-box-ft {
margin:0 30px 0 0;
padding:0;
border:0!important;
background:0 0
}
.zm-comment-box.empty.cannot-comment .zm-comment-form {
margin:0
}
.zm-comment-box.empty.cannot-comment .zm-comment-form,.zm-comment-box .zm-comment-form {
padding:15px
}
.zm-comment-box.empty.cannot-comment .zm-comment-box-ft,.zm-comment-box .zm-comment-box-ft {
background:#fbfbfb;
border-radius:0 0 4px 4px;
border-top:1px solid #EEE;
position:relative
}
.zm-comment-box.empty.cannot-comment .zm-comment-box-ft {
background:#fff
}
.zm-comment-box .zm-comment-spinner {
padding:6px 12px;
color:#999
}
.zm-item-comment {
position:relative;
margin:0 12px;
padding:8px 0;
outline:0
}
.zm-item-comment .zm-comment-content-wrap {
margin:0 0 0 35px
}
.zm-item-comment>.zm-item-link-avatar {
float:left;
margin:4px 0 0
}
.zm-item-comment .zm-item-img-avatar {
width:25px;
height:25px;
border-radius:2px
}
.zm-item-comment .zm-comment-content {
color:#222;
min-height:22px
}
.zm-item-comment .zm-comment-hd,.zm-item-comment .zm-comment-ft {
color:#999
}
.zm-item-comment .zm-comment-hd .desc,.zm-item-comment .zm-comment-ft .desc {
font-size:12px
}
.zm-item-comment .zm-comment-ft {
font-size:12px
}
.zm-item-comment .like-num {
float:right;
margin-top:-1px
}
.zm-item-comment .like-num>span,.zm-item-comment .like-num>em {
font-style:normal;
vertical-align:-2px
}
.zm-item-comment .like-num.nil {
visibility:hidden
}
.zm-item-comment.focusin .zm-comment-op-link,.zm-item-comment:hover .zm-comment-op-link {
visibility:visible
}
.zm-item-comment+.zm-item-comment {
border-top:solid 1px #eee
}
.zm-item-comment .zm-comment-form {
padding:15px 0
}
.zm-comment-info {
text-align:center
}
.zm-comment-form .zm-comment-textarea,.zm-comment-form .zm-comment-editable {
padding:7px 8px;
font-size:13px;
line-height:22px;
min-height:22px;
white-space:pre-wrap;
color:#222;
cursor:text;
border:1px solid #ddd;
border-radius:3px;
box-shadow:0 1px 3px rgba(0,0,0,.1) inset;
background-color:#fff
}
.zm-comment-form .zm-comment-textarea {
height:1em;
width:95%
}
.zm-comment-form .zm-comment-editable:focus {
border:1px solid #ccc
}
.zm-comment-form .signin-mask-tip-comment {
position:absolute;
top:0;
width:100%;
height:100%
}
.zm-comment-form .zm-command {
display:none;
padding-bottom:0
}
.zm-comment-form.expanded .zm-command {
display:block;
line-height:33px
}
.with-self-avatar .zm-comment-form .avatar {
display:block
}
.zm-comment-form .avatar {
float:left;
display:none;
margin:2px 10px 0 0;
width:34px;
height:34px;
border-radius:4px
}
.zm-comment-form .avatar+.editable {
overflow:hidden
}
.zm-comment-op-link {
margin-left:.5em;
color:#999;
font-size:12px;
visibility:hidden
}
html.touchevents .zm-comment-op-link {
visibility:visible!important
}
html.no-touchevents .zm-comment-op-link:hover {
color:#25bb9b;
text-decoration:none
}
.zg-icon-comment-like,.zm-comment-op-link .zg-icon {
margin-right:5px;
width:11px;
height:11px;
vertical-align:-1px
}
.zg-icon-comment-report {
width:10px;
height:10px;
background-position:-71px -183px
}
html.no-touchevents a:hover .zg-icon-comment-report,html.no-touchevents button:hover .zg-icon-comment-report {
background-position:-71px -170px
}
.zg-icon-comment-del {
background-position:-236px -92px
}
html.no-touchevents a:hover .zg-icon-comment-del,html.no-touchevents button:hover .zg-icon-comment-del {
background-position:-236px -79px
}
.zg-icon-comment-reply {
background-position:-250px -92px
}
html.no-touchevents a:hover .zg-icon-comment-reply,html.no-touchevents button:hover .zg-icon-comment-reply {
background-position:-250px -79px
}
.zg-icon-comment-like {
background-position:-222px -92px
}
.like-num.liked .zg-icon-comment-like,html.no-touchevents a:hover .zg-icon-comment-like,html.no-touchevents button:hover .zg-icon-comment-like {
background-position:-222px -79px
}
.login-reg-box {
*zoom:1
}
.login-reg-box:before,.login-reg-box:after {
display:table;
content:""
}
.login-reg-box:after {
clear:both
}
.login-reg-box:before,.login-reg-box:after {
display:table;
content:""
}
.login-reg-box:after {
clear:both
}
.login-reg-box .reg-box-inner {
float:right;
margin-top:6px;
margin-left:10px
}
.login-reg-box .reg-box-inner .zg-btn-red {
margin-right:8px
}
.zm-item-answer-owner .zm-item-vote {
display:block!important
}
.zm-item-answer-owner .zm-votebar {
display:none!important
}
.question-invited-by {
margin-bottom:20px;
padding:13px 20px;
color:#888;
background:rgba(243,245,247,.44);
border-radius:4px;
border:1px solid #ddd
}
.question-invited-by .invite-others {
float:right
}
.qi-box-mixin {
border:1px solid #ddd;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.question-invite-panel {
position:relative;
display:none;
margin:5px 0 35px;
color:#222;
border:1px solid #ddd;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.question-invite-panel.loading {
padding:6px 12px
}
.question-invite-panel .icon-spike {
left:157px
}
.question-invite-panel .spinner {
color:#999
}
.question-invite-panel .error-message {
padding:6px 12px;
color:#999;
text-align:center
}
.question-invite-panel .invite-title {
padding:12px
}
.question-invite-panel .invite-title .spinner-gray {
float:right;
display:none;
margin-top:9px
}
.question-invite-panel .invite-status {
margin-left:5px;
color:#999
}
@media (max-width:767px) {
.question-invite-panel .invite-status {
display:block;
margin:5px 0 0
}
}.question-invite-panel .input-wrapper {
position:relative;
display:inline-block
}
.question-invite-panel .input-wrapper .zg-icon {
position:absolute;
right:6px;
top:50%;
margin-top:-6px
}
.question-invite-panel .search-input {
padding-right:20px;
width:130px;
line-height:15px;
color:#777
}
.question-invite-panel .invited-shortlist {
position:relative;
display:inline-block
}
.question-invite-panel .invited-shortlist .zg-link {
font-size:13px;
color:#555
}
.question-invite-panel .invited-shortlist .zg-link-gray {
font-size:13px
}
.question-invite-panel .invited-hovercard {
display:none;
position:absolute;
left:50%;
z-index:11;
padding-top:8px;
margin-left:-100px;
width:200px
}
.question-invite-panel .invited-hovercard .icon-spike {
left:50%;
top:1px;
margin-left:-7px
}
.question-invite-panel .invited-hovercard.in {
display:block;
-webkit-animation:fadeIn .05s ease-in both;
animation:fadeIn .05s ease-in both
}
.question-invite-panel .invited-fulllist {
border:1px solid #ddd;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.05);
list-style:none;
white-space:nowrap;
background:#fff
}
.question-invite-panel .invited-fulllist li {
position:relative;
padding:0 65px 0 10px;
height:45px;
line-height:45px;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.question-invite-panel .invited-fulllist li+li {
border-top:1px solid #f5f5f5
}
.question-invite-panel .invited-fulllist .zm-item-link-avatar {
margin-right:.5em
}
.question-invite-panel .invited-fulllist .zm-item-link-avatar:hover {
text-decoration:none
}
.question-invite-panel .invited-fulllist .zm-item-img-avatar {
width:25px;
height:25px;
vertical-align:middle;
border-radius:2px
}
.question-invite-panel .invited-fulllist .cancel-button {
position:absolute;
right:10px;
line-height:45px;
color:#999;
font-size:13px;
outline:0
}
.question-invite-panel .suggest-persons {
list-style:none
}
.question-invite-panel .suggest-persons .person {
margin:0 12px;
padding-top:18px;
padding-bottom:18px;
height:36px;
overflow:hidden
}
.question-invite-panel .suggest-persons .person:first-child {
padding-top:6px
}
.question-invite-panel .suggest-persons .person em,.question-invite-panel .suggest-persons .person .ac-highlighted {
font-style:normal;
color:#c20a0a
}
.question-invite-panel .suggest-persons .person .zm-item-link-avatar {
float:left;
margin-right:12px;
width:36px;
height:36px
}
.question-invite-panel .suggest-persons .person .zm-item-img-avatar {
border-radius:3px
}
.question-invite-panel .suggest-persons .person .content {
min-height:30px;
overflow:hidden
}
.question-invite-panel .suggest-persons .person .invite-button {
outline:0
}
.question-invite-panel .suggest-persons .person .describe {
padding-right:12px;
line-height:1.2;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.question-invite-panel .suggest-persons .person .describe .zg-link {
float:left;
color:#25bb9b
}
.question-invite-panel .suggest-persons .person .reason {
margin-top:3px;
color:#999
}
.question-invite-panel .suggest-persons .person .reason a {
color:#666
}
.question-invite-panel .suggest-persons .person.ac-active {
background-color:#fff
}
@media (max-width:767px) {
.question-invite-panel .suggest-persons .person {
height:auto
}
.question-invite-panel .suggest-persons .reason {
line-height:1.2
}
}.question-invite-panel .suggest-persons .person+.person {
border-top:1px solid #eee
}
.question-invite-panel .suggest-persons .invite-button {
float:right;
padding:4px 10px
}
.question-invite-panel .js-more {
display:block;
padding-top:12px;
padding-bottom:12px;
color:#25bb9b;
text-align:center;
text-decoration:none;
border-top:1px solid #eee
}
.question-invite-panel .js-more:active {
box-shadow:0 0 5px rgba(180,180,180,.2) inset
}
.question-invite-panel .no-result-tips {
display:inline-block;
padding-right:12px;
padding-left:12px;
height:30px;
line-height:30px;
color:#999
}
.zh-question-answer-form-wrap {
margin-top:10px
}
.zh-question-answer-form-wrap .signin-mask-tip-answer {
position:absolute;
top:0;
width:100%;
height:100%
}
.zh-question-answer-form-wrap .submit-button {
margin-left:1em
}
.zh-answer-form {
margin-bottom:10px
}
.zu-answer-form-title {
font-weight:700
}
.zu-answer-form-disabled-wrap {
color:#999;
text-align:center;
margin:15px 0 0
}
.zh-question-answer-form-orgRule {
position:relative
}
.zh-question-answer-form-orgRule ol {
list-style-position:inside
}
.zh-question-answer-form-orgRule ol li {
margin:1em 0
}
.zh-question-answer-form-orgRule .knowMore {
position:relative;
top:43px;
font-size:13px;
color:#25bb9b
}
.zh-add-question-form {
padding:2px 2px 0
}
.zh-add-question-form #zh-question-suggest-detail-container .zm-command {
display:none
}
.zh-add-question-form .zg-section-big,.zh-add-question-form #zh-question-suggest-autocomplete-container,.zh-add-question-form #zh-question-suggest-autocomplete-container2 {
position:relative
}
.zh-add-question-form #zh-question-suggest-autocomplete-container>.ac-renderer,.zh-add-question-form #zh-question-suggest-autocomplete-container2>.ac-renderer {
top:0;
left:0;
z-index:100;
width:235px
}
.zh-add-question-form #zh-question-suggest-detail-trigger,.zh-add-question-form #zh-question-suggest-topic-trigger {
cursor:pointer
}
.zh-add-question-form .zu-question-suggest-topic-input {
border:0 none;
margin:0 0 5px 5px
}
.zh-add-question-form #zm-modal-dialog-warnmsg-wrapper>.zu-global-notify-close,.zh-add-question-form .zm-modal-dialog-warnmsg-wrapper>.zu-global-notify-close {
position:absolute;
right:7px;
top:7px;
float:none;
margin:0
}
.zh-add-question-form .zu-question-suggest-topic-input {
width:120px
}
.zh-add-question-form .zm-item-img-avatar {
margin:-2px 10px 0 0
}
.zh-add-question-form #zh-topic-desc .tr-spinner {
display:none
}
.zh-add-question-form .zm-tag-editor-edit-item {
margin:0 5px 5px 0
}
.zh-add-question-form .zm-tag-editor-edit-item span {
color:#25bb9b
}
.zh-add-question-form .zm-ac-topic-alias {
font-size:12px;
line-height:14px;
color:#999;
display:inline;
padding:10px
}
.zh-add-question-form .label-input-label {
line-height:23px;
color:#999!important
}
.zh-add-question-form .zm-add-question-form-topic-wrap .zm-tag-editor-editor.empty .zg-icon {
display:block
}
.zh-add-question-form .zm-add-question-form-topic-wrap .sug-con {
padding-top:10px
}
.zh-add-question-form .zm-add-question-form-topic-wrap .sug-con .tip {
padding-right:8px
}
.zh-add-question-form .zm-add-question-form-topic-wrap .sug-con img {
margin-top:4px;
margin-left:4px
}
.zh-add-question-form .sug-con .sugs span:after {
vertical-align:1px;
font-weight:700;
content:" +";
margin-left:1px;
line-height:18px
}
.zh-add-question-form .zm-question-form-hide-in-about-question-el {
color:#666;
margin:5px 0
}
.zh-add-question-form .zm-question-form-notice {
float:left;
margin-top:5px;
color:#999
}
.zh-add-question-form .zm-question-form-notice.zm-question-form-notice--warning {
color:#c33
}
.zh-add-question-form #zh-question-suggest-detail-trigger {
line-height:24px;
color:#25bb9b;
display:inline-block;
border-radius:4px
}
.zh-add-question-form .zm-add-question-detail-icon {
display:inline-block;
height:14px;
width:15px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -132px -46px transparent;
margin-left:2px;
vertical-align:0;
margin-right:2px
}
.zh-add-question-form #zh-question-form-tag-err,.zh-add-question-form #zh-question-form-detail-err {
font-size:13px;
color:#c33;
font-weight:400
}
.zh-add-question-form #zh-question-form-tag-err {
margin-left:10px;
float: left;
line-height: 30px;
}
.zh-add-question-form #zh-question-suggest-detail-trigger:hover {
background:#eff6fa;
text-decoration:none
}
.zh-add-question-form .zm-editable-editor-wrap {
margin-top:5px
}
.zh-add-question-form .add-question-section-title {
margin-bottom:5px
}
.zh-add-question-form .title-length-err-msg {
color:#999;
margin-top:5px
}
.zh-add-question-form .title-length-err-msg .error {
color:#c33;
font-size:1.2em
}
.zh-add-question-form .add-question-title-form textarea {
vertical-align:bottom;
min-height:1em
}
.zh-add-question-form .extra-editor-toolbar div {
margin-left:10px
}
.zh-add-question-form .editable {
min-height:66px
}
.zh-add-question-form .add-question-splash-page {
display:none
}
.zh-add-question-form .add-question-splash-page b {
font-size:14px
}
.zh-add-question-form .add-question-splash-page .before-ask-form {
margin-top:30px
}
.zh-add-question-form .add-question-splash-page .before-ask-form input {
width:100%;
border-radius:2px;
box-sizing:border-box
}
.zh-add-question-form .add-question-splash-page .before-ask-form .ac-row a {
color:inherit
}
.zh-add-question-form .add-question-splash-page p {
margin-bottom:18px
}
.zh-add-question-form .add-question-splash-page .ac-renderer {
position:static;
margin-top:-1px;
width:100%;
border:1px solid #ccc;
border-radius:0;
box-shadow:none;
box-sizing:border-box
}
.zh-add-question-form .add-question-splash-page .ac-renderer .ac-row {
cursor:default;
padding:4px 8px
}
.zh-add-question-form .add-question-splash-page .ac-renderer .ac-row.ac-first {
cursor:default
}
.zh-add-question-form .add-question-splash-page .ac-renderer .ac-row.ac-last {
text-align:center;
cursor:pointer;
background-color:#fafafa;
border-top:1px solid #ccc
}
.zh-add-question-form .question-suggest-ac-wrap {
margin-top:5px
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer {
position:static;
margin-top:-1px;
width:100%;
border-radius:0;
box-shadow:none;
box-sizing:border-box
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row {
margin-bottom:-1px;
padding:6px 8px;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
border-collapse:collapse;
*zoom:1
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:before,.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:after {
display:table;
content:""
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:after {
clear:both
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:before,.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:after {
display:table;
content:""
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:after {
clear:both
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:last-child,.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:first-child {
border-radius:0
}
html.no-touchevents .zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:hover {
background-color:#eff6fa
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-head {
padding:6px 8px;
font-size:13px;
font-weight:400!important
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-header {
cursor:pointer;
position:relative;
padding-right:20px!important
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-header>.zippy-indicator {
position:absolute;
right:8px
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-header.goog-zippy-expanded {
background-color:#eff6fa
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content {
padding:6px 0 2px
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item {
color:#222;
text-decoration:none
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .inline-block {
display:inline-block;
vertical-align:middle
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .inline-block+.inline-block {
margin-left:8px
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .summary {
max-width:65%
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .author,.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .anon-author {
font-weight:700
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .zippy-row {
padding:2px 8px
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor {
border-radius:4px;
box-shadow:0 1px 3px rgba(0,0,0,.1) inset;
border:1px solid #ccc!important;
padding:8px 8px 3px;
position:relative
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor.empty {
display:block;
padding-left:25px
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor .icon-magnify {
vertical-align:-1px
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor .err-tip {
color:#999
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor .err-tip.light {
color:#a02313
}
.zu-global-notify {
position:relative;
top:-2px;
padding:5px 0 3px;
color:#666;
background:#FBF9E5;
box-shadow:0 1px 1px rgba(0,0,0,.1)
}
.zu-global-notify.zu-global-notify-info {
z-index:2;
background:#eff6fa
}
.zu-global-notify a+a {
margin-left:5px
}
.zu-global-notify-close {
float:right;
margin:0 -30px 0 0;
width:20px;
height:20px;
opacity:.5;
-ms-filter:"alpha(Opacity=50)";
text-indent:-9999px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -245px -144px
}
.zu-global-notify-close:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.zu-global-notify-icon {
float:left;
margin:2px 0 0 -25px;
width:20px;
height:16px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -225px -146px
}
.zu-global-notify-icon.zu-global-notify-icon-warn {
background-position:0 -467px
}
.zh-summary {
-webkit-tap-highlight-color:rgba(225,225,225,.5);
position:relative;
cursor:pointer
}
.zh-summary .inline-img,.CardAdFeed-image {
float:left;
height:112px;
width:200px;
border-radius:4px;
margin:1px 10px 5px 0
}
a.toggle-expand,.CardAdFeed-button {
display:inline-block;
padding:0 3px;
border-radius:2px;
font-size:.9em;
color: #25bb9b;
}
html.no-touchevents .zh-summary:hover a.toggle-expand {
text-decoration:none;
color: #25bb9b
}
.item-collapse {
float:right;
display:none;
margin:0;
padding:1px 6px 0;
background:0 0;
border:0;
border-radius:3px;
outline:0;
cursor:pointer;
-webkit-transition:background-color .2s,visibility .2s,opacity .2s,-webkit-transform .2s;
transition:background-color .2s,visibility .2s,opacity .2s,-webkit-transform .2s;
transition:background-color .2s,visibility .2s,opacity .2s,transform .2s;
transition:background-color .2s,visibility .2s,opacity .2s,transform .2s,-webkit-transform .2s;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.zm-item-expanded .item-collapse {
display:inline-block
}
.item-collapse.is-sticky {
position:fixed;
right:auto;
z-index:1;
margin:0;
background-color:#25bb9b;
color:#fff;
opacity:.9;
-ms-filter:"alpha(Opacity=90)"
}
.item-collapse.is-sticky:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.page-search .item-collapse.is-sticky {
color:#fff
}
html.no-touchevents .item-collapse.is-sticky:hover {
color:#fff
}
.zh-question-answer-wrapper .item-collapse,.awesome-answer-list .item-collapse {
visibility:hidden;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
float:none;
position:absolute;
top:5px;
right:0;
margin:0;
background-color:#25bb9b;
color:#fff
}
.zh-question-answer-wrapper .item-collapse.is-sticky,.awesome-answer-list .item-collapse.is-sticky {
visibility:visible;
position:fixed;
right:auto;
opacity:.9;
-ms-filter:"alpha(Opacity=90)"
}
.zh-question-answer-wrapper .item-collapse.is-sticky:hover,.awesome-answer-list .item-collapse.is-sticky:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.feeds .item-actions li.item-collapse {
float:right;
margin-right:0
}
.feeds .item-actions li.item-collapse .button-text {
padding-right:0
}
.feeds .item-actions li.item-collapse.is-sticky .button-text,.feeds .item-actions li.item-collapse.is-sticky .button-text:hover {
color:#fff
}
.item-collapse .sprite-global-icon-fold-white {
margin-right:5px;
vertical-align:baseline
}
.item-collapse [class*=sprite-global-icon-fold-round-] {
margin-right:4px;
vertical-align:baseline
}
.zh-trendings>ul {
list-style:none;
margin-top:-7px
}
.zh-trendings>ul>li {
position:relative;
padding:7px 0
}
html.no-touchevents .zh-trendings>ul>li:hover .del {
visibility:visible
}
.zh-trendings>ul>li+li {
border-top:dotted 1px #eee
}
.zh-trendings .del {
position:absolute;
top:5px;
right:0;
visibility:hidden
}
html.touchevents .zh-trendings .del {
visibility:visible
}
.zh-trendings .avatar {
float:left;
margin:3px 9px 0 0
}
.zh-trendings .avatar>img {
width:25px;
height:25px;
border-radius:2px
}
.zh-trendings .headline {
color:#666;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.zh-trendings .bd {
overflow:hidden
}
.zh-trendings .ft,.zh-trendings .ft>.reason>a {
color:#999
}
.mutiview-dialog-bg {
position:fixed;
left:0;
top:0;
background-color:#fff;
opacity:0!important;
-ms-filter:"alpha(Opacity=0)";
z-index:95;
-webkit-transition:opacity .2s ease-out;
transition:opacity .2s ease-out
}
.mutiview-dialog-bg.show {
opacity:.9!important;
-ms-filter:"alpha(Opacity=90)"
}
@media (max-width:450px) {
.mutiview-dialog-bg.show {
opacity:1!important;
-ms-filter:"alpha(Opacity=100)"
}
}.mutiview-dialog {
margin-top:14vh;
width:300px;
color:#787878;
font-size:14px;
background-color:#fff;
border:1px solid #cbcbcb;
border-radius:5px;
box-shadow:0 0 15px 0 rgba(0,0,0,.3);
outline:0;
z-index:99;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
overflow:hidden;
-webkit-transform:translate(0,20px);
-ms-transform:translate(0,20px);
transform:translate(0,20px);
-webkit-transition:.3s ease-out;
transition:.3s ease-out
}
.mutiview-dialog.show {
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0)
}
html.modal-open.no-flexbox .modal-wrapper .mutiview-dialog {
margin:14% auto auto
}
.mutiview-dialog .mutiview-dialog-title {
position:relative;
height:92px
}
.mutiview-dialog .mutiview-dialog-title .title {
position:absolute;
padding-top:25px;
padding-bottom:25px;
width:100%;
height:42px;
text-align:center;
line-height:1;
-webkit-transition:.3s ease-out;
transition:.3s ease-out
}
.mutiview-dialog .mutiview-dialog-title .title.left {
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translate(-50px,0);
-ms-transform:translate(-50px,0);
transform:translate(-50px,0)
}
.mutiview-dialog .mutiview-dialog-title .title.right {
visibility:hidden;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translate(50px,0);
-ms-transform:translate(50px,0);
transform:translate(50px,0)
}
.mutiview-dialog .mutiview-dialog-title .title h1 {
font-size:16px;
line-height:18px;
font-weight:700;
margin-bottom:10px
}
.mutiview-dialog .mutiview-dialog-title .title h2 {
font-size:14px;
font-weight:400
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back,.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close {
position:absolute;
top:10px;
cursor:pointer;
-webkit-transition:opacity .2s ease-out;
transition:opacity .2s ease-out
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back {
visibility:hidden;
left:10px;
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back.show {
opacity:.2;
-ms-filter:"alpha(Opacity=20)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back.show:hover {
opacity:.3;
-ms-filter:"alpha(Opacity=30)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back.show:active {
opacity:.25;
-ms-filter:"alpha(Opacity=25)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close {
right:10px;
opacity:.2;
-ms-filter:"alpha(Opacity=20)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close:hover {
opacity:.3;
-ms-filter:"alpha(Opacity=30)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close:active {
opacity:.25;
-ms-filter:"alpha(Opacity=25)"
}
.mutiview-dialog .mutiview-dialog-content {
position:relative
}
.mutiview-dialog .mutiview-dialog-content.transition {
-webkit-transition:height .3s ease-out;
transition:height .3s ease-out
}
.mutiview-dialog .mutiview-dialog-content .view {
width:100%;
box-sizing:border-box;
-webkit-transition:.3s ease-out;
transition:.3s ease-out
}
.mutiview-dialog .mutiview-dialog-content .view.left {
position:absolute;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translate(-100%,0);
-ms-transform:translate(-100%,0);
transform:translate(-100%,0)
}
.mutiview-dialog .mutiview-dialog-content .view.right {
visibility:hidden;
position:absolute;
top:0;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translate(100%,0);
-ms-transform:translate(100%,0);
transform:translate(100%,0)
}
@media (max-width:450px) {
.mutiview-dialog {
width:100%;
height:100%;
border:0;
border-radius:none;
box-shadow:none
}
.mutiview-dialog .mutiview-dialog-title {
}.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close {
top:0;
right:0;
border:12px solid #fff
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back {
top:0;
left:0;
border:12px solid #fff
}
.mutiview-dialog .mutiview-dialog-content {
height:auto!important
}
html.modal-open .modal-wrapper .mutiview-dialog {
margin-top:0
}
}.SignFlow {
color:#787878;
font-size:14px
}
.SignFlow .title {
padding-top:25px;
padding-bottom:25px;
width:100%;
height:42px;
text-align:center;
line-height:1
}
.SignFlow .title h1 {
font-size:16px;
line-height:18px;
font-weight:700;
margin-bottom:10px
}
.SignFlow .title h2 {
font-size:14px;
font-weight:400
}
.SignFlow button {
padding:0;
font-size:14px;
color:#787878;
background:0 0;
border:0;
outline:0;
cursor:pointer
}
.SignFlow .blue-button {
display:inline-block;
background-color:#0077d9;
padding:8px 16px;
font-size:14px;
line-height:1;
color:#fff;
border:0;
border-radius:3px;
outline:0;
cursor:pointer
}
.SignFlow .blue-button:hover {
background-color:#0070CD
}
.SignFlow .blue-button:active {
background-color:#0077d9
}
.SignFlow .blue-button:btn-pending {
background-color:#A8B9C7
}
.SignFlow .input-wrapper {
position:relative;
border-bottom:1px solid #eee
}
.SignFlow .input-wrapper:first-child {
border-top:1px solid #eee
}
.SignFlow .input-wrapper input {
padding:15px 8px;
height:48px;
width:100%;
font-size:14px;
line-height:18px;
color:#787878;
border:0;
outline:0;
box-sizing:border-box
}
.SignFlow .input-wrapper input:-webkit-autofill {
-webkit-box-shadow:0 0 0 30px #fff inset;
-webkit-text-fill-color:#787878
}
.SignFlow .input-wrapper input::-webkit-input-placeholder {
line-height:18px;
color:#ccc;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.SignFlow .input-wrapper input::-moz-placeholder {
line-height:18px;
color:#ccc;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.SignFlow .input-wrapper input:-ms-input-placeholder {
line-height:18px;
color:#ccc;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.SignFlow .input-wrapper input::placeholder {
line-height:18px;
color:#ccc;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.SignFlow .input-wrapper input::-ms-clear {
display:none
}
.SignFlow .input-wrapper input::-ms-reveal {
display:none
}
.SignFlow .input-wrapper label.error {
position:absolute;
top:0;
right:0;
padding:0 8px;
line-height:48px;
color:#c33;
cursor:text;
background:#fff;
background:-webkit-linear-gradient(left,rgba(255,255,255,0),#fff 8px);
background:linear-gradient(to right,rgba(255,255,255,0),#fff 8px);
visibility:hidden;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transition:.25s ease-out;
transition:.25s ease-out;
-webkit-transform:translate(8px,0);
-ms-transform:translate(8px,0);
transform:translate(8px,0)
}
.SignFlow .input-wrapper label.error.is-visible {
visibility:visible;
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0)
}
.SignFlow .input-wrapper label.error.highlighted {
color:#ed707c;
-webkit-transition:none;
transition:none
}
.SignFlow .input-wrapper label.error a {
text-decoration:none
}
.SignFlow .input-wrapper label.error a,.SignFlow .input-wrapper label.error span {
color:#787878
}
.SignFlow .input-wrapper.toggle-password .z-ico-show-password {
position:absolute;
top:0;
right:0;
margin:auto;
border:solid #fff;
border-width:17px 8px 17px 0;
cursor:pointer
}
.SignFlow .input-wrapper.toggle-password input {
padding-right:41px
}
.SignFlow .input-wrapper.toggle-password label.error {
right:26px
}
.SignFlow .input-wrapper.captcha-module {
display:none
}
.SignFlow .input-wrapper.captcha-module .captcha-container {
position:absolute;
top:0;
right:10px;
bottom:0;
margin:auto;
height:30px;
border-radius:4px;
overflow:hidden;
cursor:pointer
}
.SignFlow .input-wrapper.captcha-module .captcha-container .captcha {
height:30px;
width:90px
}
.SignFlow .input-wrapper.captcha-module label.error {
right:98px
}
.SignFlow .input-wrapper.verification-code input {
width:200px
}
.SignFlow .input-wrapper.verification-code label.error {
right:94px
}
.SignFlow .input-wrapper.verification-code .send-code {
position:relative;
z-index:2;
float:right;
width:94px;
height:48px;
color:#ababab;
background-color:#f7f7f7
}
.SignFlow .submit-wrapper {
padding:22px 0;
text-align:center
}
.SignFlow--bordered {
border:1px solid #eee;
border-radius:3px
}
.SignupForm .actions,.LoginForm .actions {
margin-top:12px;
padding:0 8px;
line-height:30px
}
.SignupForm .actions .submit.zg-btn-blue,.LoginForm .actions .submit.zg-btn-blue {
width:100%;
outline:0
}
.SignupForm .actions button.submit,.LoginForm .actions button.submit {
width:100%;
padding:10px 0
}
.SignupForm .sns,.LoginForm .sns {
position:relative;
padding:0 8px;
line-height:54px
}
.SignupForm .sns button,.LoginForm .sns button {
padding:13px 0;
line-height:1
}
.SignupForm .sns button .ico,.LoginForm .sns button .ico {
display:inline-block;
margin-right:7px;
vertical-align:bottom
}
.SignupForm .sns button:hover,.LoginForm .sns button:hover {
color:#999
}
.SignupForm .sns button:hover .ico,.LoginForm .sns button:hover .ico {
opacity:.8;
-ms-filter:"alpha(Opacity=80)"
}
@media (max-width:450px) {
.SignupForm .sns button.wechat,.LoginForm .sns button.wechat {
display:none
}
html.ua-wechat .SignupForm .sns button.wechat,html.ua-wechat .LoginForm .sns button.wechat {
display:inline-block
}
}.SignupForm .sns .js-show-sns-buttons,.LoginForm .sns .js-show-sns-buttons {
float:right;
padding:20px 0;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateX(-8px);
-ms-transform:translateX(-8px);
transform:translateX(-8px);
-webkit-transition:.25s ease-out;
transition:.25s ease-out;
-webkit-transition-property:opacity,-webkit-transform;
transition-property:opacity,-webkit-transform;
transition-property:opacity,transform;
transition-property:opacity,transform,-webkit-transform
}
.SignupForm .sns .js-show-sns-buttons.is-visible,.LoginForm .sns .js-show-sns-buttons.is-visible {
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:none;
-ms-transform:none;
transform:none
}
.SignupForm .sns .sns-buttons,.LoginForm .sns .sns-buttons {
position:absolute;
top:0;
right:8px;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
visibility:hidden;
-webkit-transform:translateX(8px);
-ms-transform:translateX(8px);
transform:translateX(8px);
-webkit-transition:.25s ease-out .12s;
transition:.25s ease-out .12s;
-webkit-transition-property:opacity,-webkit-transform;
transition-property:opacity,-webkit-transform;
transition-property:opacity,transform;
transition-property:opacity,transform,-webkit-transform
}
.SignupForm .sns .sns-buttons.is-visible,.LoginForm .sns .sns-buttons.is-visible {
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:none;
-ms-transform:none;
transform:none;
visibility:visible
}
.SignupForm .sns .sns-buttons button,.LoginForm .sns .sns-buttons button {
padding:18px 0;
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0
}
.LoginForm input[type=checkbox] {
vertical-align:1px
}
.mutiview-dialog.unable-login .view.start {
padding:25px 0 50px
}
.mutiview-dialog.unable-login .view.start .blue-button {
display:block;
margin:auto;
padding:10px 0;
width:165px
}
.mutiview-dialog.unable-login .view.start .blue-button+.blue-button {
margin-top:25px
}
.mutiview-dialog.oauth-register .view.bound,.mutiview-dialog.oauth-register .view.registered {
text-align:center
}
.mutiview-dialog.oauth-register .view.bound img,.mutiview-dialog.oauth-register .view.registered img {
display:block;
margin:auto;
border-radius:50%
}
.mutiview-dialog.oauth-register .view.bound .name,.mutiview-dialog.oauth-register .view.registered .name {
display:block;
margin:12px auto 15px
}
.mutiview-dialog.oauth-register .view.bound button.register,.mutiview-dialog.oauth-register .view.registered button.register {
width:100%;
height:45px;
margin-top:30px;
background-color:#fafafa
}
.mutiview-dialog.oauth-register .view.bind-login .actions {
padding:20px 9px
}
.mutiview-dialog.oauth-register .view.bind-login input[name=account] {
background-color:#f7f7f7
}
.mutiview-dialog.oauth-register .view.bind-login button.submit {
float:right
}
.answer-share-tip {
margin-top:30px;
padding:32px 0;
font-size:14px;
font-weight:700;
text-align:center;
background-color:#f7f7f7;
border-radius:2px
}
.answer-share-tip button {
margin-left:15px;
font-size:14px;
border:0;
background:0 0;
cursor:pointer;
outline:0
}
.answer-share-tip button:hover {
text-decoration:underline
}
.answer-share-tip button.wechat {
position:relative
}
.answer-share-tip button.wechat:hover .qr-code {
display:block
}
.answer-share-tip .qr-code {
display:none;
position:absolute;
top:-148px;
left:-31px;
padding:0 12px 12px;
font-size:13px;
line-height:33px;
color:#999;
background-color:#fff;
border:1px solid #ccc;
border-radius:6px;
box-shadow:#ddd 0 1px 2px
}
.answer-share-tip .qr-code:before,.answer-share-tip .qr-code:after {
position:absolute;
top:100%;
left:50%;
height:0;
width:0;
border:solid transparent;
content:" "
}
.answer-share-tip .qr-code:before {
margin-left:-10px;
border-width:10px;
border-top-color:#aeaeae
}
.answer-share-tip .qr-code:after {
margin-left:-9px;
border-width:9px;
border-top-color:#fff
}
.answer-share-tip .qr-code img {
display:block;
width:90px;
height:90px
}
.answer-share-tip .ico {
display:inline-block;
margin-right:6px;
vertical-align:-3px
}
.wechat-share-tip {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.8);
background-image:url(../images/img/wechat_share_tips/bg.9cefd995.png);
background-size:250px 103px;
background-repeat:no-repeat;
background-position:85% 10px;
z-index:999;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transition:opacity .15s linear;
transition:opacity .15s linear
}
html.show-wechat-share-tip .wechat-share-tip {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3) {
.wechat-share-tip {
background-image:url(../images/img/wechat_share_tips/bg@3x.19faef19.png)
}
}#guidersv2-page-banner {
margin-bottom:1em;
padding:.5em .8em;
color:#5d7596;
border:1px solid #d4e1ec;
border-radius:4px;
background:#f2f7ff
}
.page-roundtable-list #guidersv2-page-banner {
margin:0 1em 2em
}
#guidersv2-page-banner .icon-close-8x8 {
margin-top:.5em
}
#guidersv2-page-banner .content {
vertical-align:middle
}
.guidev2-mask {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index:2;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
background:#fff;
-webkit-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out
}
.guidev2-mask.fx-show {
opacity:.5;
-ms-filter:"alpha(Opacity=50)"
}
.guide2-section-popover {
position:absolute;
z-index:99;
background:#fff;
width:250px;
border:1px solid #ddd;
border-radius:4px;
box-shadow:0 0 8px 0 rgba(0,0,0,.15);
color:#666;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transition:.3s all ease-in-out;
transition:.3s all ease-in-out
}
.guide2-section-popover .title,.guide2-section-popover .content {
padding:.8em
}
.guide2-section-popover .title,.guide2-section-popover .dismiss {
font-size:1.1em
}
.guide2-section-popover .title {
font-weight:700;
padding-bottom:0
}
.guide2-section-popover .skip-all {
position:absolute;
top:.5em;
right:.5em;
cursor:pointer
}
.guide2-section-popover .dismiss {
display:block;
margin:-1px;
color:#fff;
line-height:2.5;
text-align:center;
background:#58a1de;
cursor:pointer;
border-radius:0 0 4px 4px
}
html.no-touchevents .guide2-section-popover .dismiss:hover {
text-decoration:none
}
.guide2-section-popover.righttop {
top:0;
right:-270px;
-webkit-transform:translate(-20px,0);
-ms-transform:translate(-20px,0);
transform:translate(-20px,0)
}
.guide2-section-popover.lefttop {
top:0;
left:-270px;
-webkit-transform:translate(20px,0);
-ms-transform:translate(20px,0);
transform:translate(20px,0)
}
.guide2-section-popover.bottomcenter {
top:100%;
left:50%;
margin:20px 0 0 -125px
}
.guide2-section-popover.fx-show {
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0)
}
.guide2-section-popover:after,.guide2-section-popover:before {
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none
}
.guide2-section-popover.arrow-lefttop:after,.guide2-section-popover.arrow-lefttop:before {
right:100%;
top:20px
}
.guide2-section-popover.arrow-lefttop:after {
border-color:rgba(255,255,255,0);
border-right-color:#fff;
border-width:8px;
margin-top:-8px
}
.guide2-section-popover.arrow-lefttop:before {
border-color:rgba(221,221,221,0);
border-right-color:#ddd;
border-width:9px;
margin-top:-9px
}
.guide2-section-popover.arrow-righttop:after,.guide2-section-popover.arrow-righttop:before {
left:100%;
top:20px
}
.guide2-section-popover.arrow-righttop:after {
border-color:rgba(255,255,255,0);
border-left-color:#fff;
border-width:8px;
margin-top:-8px
}
.guide2-section-popover.arrow-righttop:before {
border-color:rgba(221,221,221,0);
border-left-color:#ddd;
border-width:9px;
margin-top:-9px
}
.guide2-section-popover.arrow-topcenter:after,.guide2-section-popover.arrow-topcenter:before {
bottom:100%;
left:50%
}
.guide2-section-popover.arrow-topcenter:after {
border-color:rgba(255,255,255,0);
border-bottom-color:#fff;
border-width:8px;
margin-left:-8px
}
.guide2-section-popover.arrow-topcenter:before {
border-color:rgba(221,221,221,0);
border-bottom-color:#ddd;
border-width:9px;
margin-left:-9px
}
.zm-voters-dialog {
width:520px
}
.zm-voters {
padding-right:.9em;
overflow-y:auto;
max-height:600px;
max-height:70vh;
-webkit-overflow-scrolling:touch
}
@media (min-height:900px) {
.zm-voters {
max-height:650px
}
}.zm-voters .empty-results {
color:#999;
text-align:center
}
.zm-voters .zm-profile-card {
padding:.9em 0
}
.zm-voters .zm-profile-card:first-child {
padding-top:0
}
.zm-voters .zm-profile-card+.zm-profile-card {
border-top:1px solid #eee
}
.zm-voters .zm-profile-card .zm-item-link-avatar {
float:left;
margin-right:1em
}
.zm-voters .zm-profile-card .zm-item-link-avatar,.zm-voters .zm-profile-card .zm-item-link-avatar img {
width:40px;
height:40px;
border-radius:2px
}
.zm-voters .zm-profile-card .body {
overflow:hidden;
color:#999
}
.zm-voters .zm-profile-card .author {
max-width:95%
}
.zm-voters .zm-profile-card .bio {
color:#999;
max-width:160px
}
.zm-voters .zm-profile-card .status {
margin:0;
font-size:.9em
}
.zm-voters .zm-profile-card .status li {
display:inline
}
.zm-voters .zm-profile-card .status li+li:before {
content:'/';
margin-right:.2em
}
.zm-voters .zm-profile-card .status span,.zm-voters .zm-profile-card .status a {
color:inherit;
text-decoration:none
}
.goog-menu.share-menu .ico {
display:inline-block;
vertical-align:-4px;
margin-right:6px
}
.goog-menu.share-menu .qrcode-image {
display:block;
margin:5px 0;
width:94px;
height:94px
}
.zm-light-box-fullscreen-image .zm-light-box-img-el {
cursor:-webkit-zoom-out;
cursor:zoom-out;
cursor:url(/static/img/zoom-out.cur)
}
.origin_image {
cursor:-webkit-zoom-in;
cursor:zoom-in;
cursor:url(/static/img/zoom-in.cur)
}
.zh-summary .origin_image {
cursor:pointer
}
.zh-lightbox-showing {
overflow:hidden
}
.zm-light-box.modal-dialog {
border-radius:0;
background:transparent url(../images/img/light_box_close.de97bb10.png) no-repeat 98% 16px;
width:100%;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
overflow-x:hidden;
overflow:auto;
padding:0
}
.zm-light-box .modal-dialog-title {
display:none
}
.zm-light-box .modal-dialog-content {
padding:0;
margin:0;
width:100%;
background:transparent
}
.zm-light-box:hover {
cursor:pointer
}
a.zm-light-box-show-origin {
color:#888;
padding:10px;
display:inline-block;
font-size:14px
}
.zm-light-box-footer {
text-align:center;
line-height:22px
}
.modal-dialog-bg.zm-light-box-background {
opacity:.9;
-ms-filter:"alpha(Opacity=90)";
background:#fff
}
.zm-light-box-img-el {
line-height:22px;
width:100%;
box-shadow:0 1px 4px rgba(0,0,0,.5);
display:block;
margin:0 auto
}
.zm-light-box-x1 {
font-size:0;
text-align:center
}
.zm-light-box-x2 {
display:inline-block;
vertical-align:middle;
padding:0 40px
}
.unblock-dialog-appeal,.unblock-dialog-success {
display:none
}
.unblock-dialog-text {
margin-bottom:10px
}
.unblock-dialog-timeout {
color:#999
}
.unblock-dialog-error {
visibility:hidden;
margin-bottom:5px;
color:#c33;
text-align:right
}
.unblock-dialog-error.is-visible {
visibility:visible
}
.unblock-dialog-menu {
line-height:33px
}
.unblock-dialog-btn {
float:right
}
.unblock-dialog-loading {
display:none;
float:right;
width:14px;
height:15px;
margin:9px 12px 0 0;
background-image:url(../images/img/spinner/grey-loading.b016b1c7.gif);
background-size:cover
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
.unblock-dialog-loading {
background-image:url(../images/img/spinner/grey-loading@2x.c8492b4b.gif)
}
}.unblock-dialog-captcha {
margin:12px 0;
line-height:30px;
text-align:center
}
.unblock-dialog-captcha input {
width:80px;
vertical-align:middle
}
.unblock-dialog-captcha img {
width:120px;
height:30px;
margin:0 4px;
vertical-align:middle
}
.unblock-dialog-captcha a {
color:#999;
vertical-align:middle
}
.unblock-dialog-success-icon {
display:block;
width:30px;
margin:30px auto 10px
}
.unblock-dialog-success-text {
text-align:center
}
.unblock-dialog-success-time {
display:none;
margin:20px 0;
color:#999;
font-size:11px;
text-align:center
}
html.enable-dark-theme.ios-dark-theme a {
color:#4380c3
}
html.enable-dark-theme.ios-dark-theme a.disabled {
color:#606476
}
html.enable-dark-theme.ios-dark-theme .zg-btn-blue {
background:#3a76d0;
background:-webkit-linear-gradient(top,#3a76d0,#064a8f);
background:linear-gradient(to bottom,#3a76d0,#064a8f);
border:1px solid #094f85
}
html.enable-dark-theme.ios-dark-theme body.zhi {
background-color:#1e1e29;
color:#858d9e
}
.Tipjar-entry {
text-align:center;
margin:44px 0 50px
}
.Tipjar-tagLine {
color:#666;
margin-bottom:26px
}
.Tipjar-entryButton {
width:60px;
height:36px;
line-height:36px;
display:inline-block;
text-align:center;
background:#e26d6d;
color:#fff;
border-radius:4px
}
.Tipjar-entryButton:hover {
text-decoration:none
}
.zm-fav-list-item-place-holder {
color:#ccc;
border:2px dashed #ddd;
padding:10px 0;
text-align:center
}
.zm-fav-list-item-lock {
margin-right:.5em
}
.zm-fav-list-item-lock .icon {
margin:0
}
.zm-favo-list-item-link-active {
background:url(../images/img/check4.18d29da3.png) no-repeat 96% center
}
.zm-favo-list-item-title {
color:#222
}
.zu-list-empyt-place-holder {
color:#ccc;
border:2px dashed #ddd;
padding:15px 0;
text-align:center;
margin:15px 0 0
}
.zm-favo-list-item-link {
display:block;
margin:0 12px;
border:solid 1px #DDD;
padding:8px 12px;
box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.zm-favo-list-item-link .meta {
display:block
}
.zm-favo-list-item-link+.zm-favo-list-item-link {
margin-top:12px
}
.zm-favo-list-item-link:hover {
text-decoration:none;
background-color:#F5F5F5
}
.zm-favo-list-content {
max-height:300px;
overflow:auto
}
.zm-favo-dialog-create {
padding:5px 0
}
.zm-favo-dialog-create.zg-btn-blue {
padding:4px 10px;
margin-left:15px
}
.zh-favo-add-form .zg-form-text-input {
width:100%;
box-sizing:border-box
}
.zh-favo-add-title-error {
font-size:13px;
color:#c33;
margin-left:10px
}
.zh-favo-error-message-label {
color:#c33;
margin:5px 0 0
}
.report-dialog.loading .modal-dialog-buttons {
display:none
}
.report-dialog .options {
margin-top:8px
}
.report-dialog .options li {
padding:4px 6px;
list-style:none;
line-height:2
}
.report-dialog .options li li {
padding:0 6px;
display:inline-block;
box-sizing:border-box;
width:50%
}
.report-dialog .options label {
cursor:pointer
}
.report-dialog .options input[type=radio] {
margin-right:10px
}
.report-dialog .options .description,.report-dialog .options .group-description {
padding-left:1em;
line-height:1.7;
color:#999
}
.report-dialog .options .group-options {
margin-left:10px
}
.report-dialog .options .visible-if-checked {
display:none
}
.report-dialog .options li.checked {
background-color:#eff6fa;
border-radius:3px
}
.report-dialog .options li.checked .visible-if-checked {
display:block
}
.report-dialog .reason-text {
width:100%;
margin:10px 0;
box-sizing:border-box
}
.report-dialog .error-container {
color:#fa8282;
text-align:right
}
.report-dialog .input-container {
position:relative
}
.report-dialog .headnote {
float:right;
color:#999
}
.report-dialog .footnote {
color:#999
}
.report-dialog .loading {
text-align:center;
color:#999
}
.report-success-dialog p {
position:relative;
line-height:35px;
font-size:13px
}
.report-success-dialog p a {
color:#25bb9b
}
@media (max-width:500px) {
.report-dialog .options li {
width:100%
}
}.draft-controls {
margin-top:5px
}
.draft-controls-mobile {
position:absolute;
left:0;
margin-left:20px;
margin-top:30px
}
.draft-saved-info {
margin:6px 0 0
}
.draft-saved-time,.draft-save-button {
vertical-align:-2px
}
.draft-saved-time {
margin-left:.5em;
color:#999
}
.draft-saved-time.warning {
color:#c33
}
.anno-box {
cursor:pointer;
margin-top:5px
}
.anno-box span {
padding-left:10px;
margin-left:10px;
border-left:1px solid #ccc
}
.copyright-box {
cursor:pointer;
margin-right:20px;
margin-top:5px
}
.zm-editable-editor-input {
margin:0 auto;
width:100%
}
div.zm-editable-editor-input {
min-height:66px
}
.zm-editable-disabled .zu-edit-button {
display:none
}
.zm-editable-tip-label {
cursor:pointer
}
.editable {
min-height:88px;
background:#fff;
font-size:13px;
cursor:text
}
.zu-edit-button {
color:#999;
display:inline-block;
font-size:11px;
-webkit-text-size-adjust:none;
font-weight:400;
padding:0 5px 0 2px;
margin:0 0 0 2px
}
html.no-touchevents .zu-edit-button:hover {
text-decoration:none;
background:#eff6fa;
border-radius:3px;
color:#25bb9b
}
.zu-edit-button-icon {
background-position:-118px -50px;
height:12px;
margin-right:4px;
outline:medium none;
overflow:hidden;
width:12px;
vertical-align:-3px
}
html.no-touchevents a:hover>.zu-edit-button-icon {
background-position:-131px -50px
}
.zg-icon-edit-button-gray {
height:12px;
width:10px;
background-position:-121px -50px
}
.zg-icon-edit-button-blue {
height:12px;
width:14px;
background-position:-135px -51px
}
.zm-editable-editor-wrap {
margin:8px 0 5px;
position:relative
}
.zm-editable-editor-outer {
position:relative;
background:#FFF
}
.zm-editable-editor-field-wrap {
position:relative;
padding:8px 10px;
border:1px solid #ccc;
border-radius:0 0 3px 3px;
box-shadow:0 0 4px 0 rgba(0,0,0,.1) inset;
-webkit-transition:min-height .25s ease-out;
background:#fff
}
#zh-question-suggest-detail-container .zm-editable-editor-field-wrap {
overflow-y:auto;
max-height:192px
}
#zh-question-suggest-detail-container embed {
max-width:392px
}
.zm-editable-editor-field-wrap-active {
border:1px solid #AAA
}
.rich-editable-loading-holder {
color:#999;
margin:10px 0
}
.rich-editable-loading-holder img {
vertical-align:text-top
}
.zm-editable-editor-wrap.no-toolbar .zm-editable-editor-field-wrap {
border-radius:4px
}
.editable-dropzone {
display:none;
position:absolute;
top:8px;
background-color:rgba(255,255,255,.5)
}
.editable-dropzone .row {
display:table-row
}
.editable-dropzone .row .cell {
display:table-cell;
color:#999;
font-size:20px;
text-align:center;
vertical-align:middle;
background-color:#fff;
border:3px dashed #999;
border-radius:4px;
opacity:.7;
-ms-filter:"alpha(Opacity=70)"
}
.mention-popup {
position:absolute;
top:0;
left:0;
z-index:201;
margin:0;
padding:0;
width:198px;
border-radius:4px 4px 0 0;
box-shadow:0 1px 5px rgba(0,0,0,.15);
border-bottom:1px solid #bbb
}
.mention-popup.activated {
border-radius:4px
}
.mention-popup .writing-bg {
border:1px solid #bbb;
border-bottom:0;
padding:4px 8px;
border-radius:4px 4px 0 0;
background:#fff
}
.mention-popup .writing-bg input {
width:100%;
outline:0;
border:0;
line-height:13px
}
.mention-popup .tip {
background:#f4f4f4;
min-width:180px;
padding:2px 0;
text-indent:10px;
border:1px solid #bbb;
border-bottom:0;
border-top:0;
color:#999
}
.mention-popup .name,.mention-popup .avatar {
vertical-align:middle
}
.mention-popup .body {
overflow:hidden;
line-height:1.4
}
.mention-popup .bio,.mention-popup .name {
display:block;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.mention-popup .name {
color:#222
}
.mention-popup .avatar {
float:left;
margin:5px 8px 0 0;
width:25px;
height:25px;
border-radius:2px
}
.mention-popup .ac-renderer {
position:static;
width:auto;
margin:0;
padding:0;
border:0!important;
background:#fff;
box-shadow:none;
border-radius:0 0 4px 4px
}
.mention-popup .ac-renderer .ac-row {
margin:0;
padding:5px 10px;
height:36px;
color:#999;
border:solid #bbb;
border-width:0 1px
}
.mention-popup .ac-renderer .ac-row:first-child {
border-radius:0
}
.mention-holder {
color:#222
}
.hc-lang-select {
position:absolute;
z-index:110;
text-shadow:0 1px rgba(255,255,255,.8)
}
.lang-select {
position:relative;
width:150px;
overflow:hidden;
border:1px solid #bebebe;
border-radius:3px;
background:#f0f0f0;
box-shadow:rgba(255,255,255,.4) 0 1px 0 inset,0 1px 1px rgba(0,0,0,.1)
}
.lang-select.collapsed .lang-list,.lang-select.collapsed .input-wrapper {
display:none
}
.lang-select.collapsed .title-button {
cursor:pointer
}
.lang-select .zg-icon-double-arrow {
position:absolute;
top:7px;
right:4px;
pointer-events:none
}
.lang-select .title-button {
display:block;
margin:0 10px;
padding-right:1em;
height:28px;
line-height:29px;
outline:0;
cursor:default;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.lang-select .input-wrapper {
margin:1px 0 8px
}
.lang-select .filter-input {
height:15px;
line-height:15px;
margin:0 auto;
display:block;
width:120px;
font-size:13px;
border-radius:3px;
box-shadow:0 1px 1px rgba(0,0,0,.1) inset,0 1px rgba(255,255,255,.4);
outline:0;
padding:6px!important
}
.lang-list {
margin:0;
padding:0;
height:auto!important;
max-height:300px;
overflow-x:auto
}
.lang-list>.lang-option {
padding:3px 10px;
cursor:pointer
}
.lang-list>.lang-option.active {
background:#fdfdfd
}
.lang-list>.lang-option.checked {
display:none
}
.lang-list>.lang-option .icon.checked {
display:none
}
.zh-backtotop {
position: fixed;
bottom: 113px;
z-index: 19;
right: 0;
margin-right: 90px;
}
.zh-backtotop .btn-action {
display:block;
width:38px;
height:38px;
background-color:#ddd;
border-radius:3px;
border:0;
cursor:pointer;
position:relative
}
.zh-backtotop .arrow,.zh-backtotop .stick {
position:absolute;
right:0;
left:0;
margin:auto
}
.zh-backtotop .arrow {
width:0;
height:0;
top:-1px;
border:9px solid transparent;
border-bottom-color:#aaa
}
.zh-backtotop .stick {
width:8px;
height:14px;
top:15px;
border-radius:1px;
background-color:#aaa
}
html.no-touchevents .zh-backtotop .btn-action:hover {
background-color:#e2e2e2
}
html.no-touchevents .zh-backtotop .btn-action:hover .arrow {
border-bottom-color:#bbb
}
html.no-touchevents .zh-backtotop .btn-action:hover .stick {
background-color:#bbb
}
.modal-dialog.shortcut-tips-dialog {
width:550px
}
.shortcut-tips {
margin:0;
overflow:hidden;
line-height:2;
color:#222
}
.shortcut-tips>.group {
width:50%;
display:inline-block;
vertical-align:top
}
.shortcut-tips h2 {
margin:0 0 0 130px;
text-align:left
}
.shortcut-tips dl {
margin:0 0 1em 20px;
font-size:14px;
line-height:28px
}
.shortcut-tips dt {
padding-right:5px;
float:left;
clear:left;
min-width:105px;
text-align:right
}
.shortcut-tips dd {
text-align:left
}
.shortcut-tips dt:after {
margin-left:4px;
content:':';
color:#999
}
kbd {
display:inline-block;
margin:0 1px;
padding:0 5px;
min-width:1em;
font:11px/22px Menlo,Monaco,monospace;
color:#888;
border:1px solid #C1C1C1;
border-radius:3px;
text-align:center;
box-shadow:inset 0 2px 2px #fff,0 1px 2px rgba(0,0,0,.1);
background:-webkit-linear-gradient(top,#fff 0,rgba(240,240,240,.92) 83%,rgba(250,250,250,.91) 89%,rgba(188,188,188,.9) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6bcbcbc',GradientType=0)
}
body.zu-editing-distraction-free {
overflow:hidden;
-webkit-font-smoothing:antialiased
}
#zu-distraction-free-editor {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:88;
display:none;
font:13px 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,'Hiragino Sans GB',sans-serif;
overflow-y:auto;
background-color:#fbfcf7
}
#zu-distraction-free-editor .tr-icon {
background-color:#fbfcf7
}
body.zu-editing-distraction-free #zu-distraction-free-editor {
display:block
}
#zu-distraction-free-editor .content {
margin-top:50px
}
#zu-distraction-free-editor .header,#zu-distraction-free-editor .header a,#zu-distraction-free-editor .goog-toolbar,#zu-distraction-free-editor .toolbar-info,#zu-distraction-free-editor .tools {
-webkit-transition:opacity .33s ease-in-out;
transition:opacity .33s ease-in-out
}
#zu-distraction-free-editor .header {
width:100%;
border-bottom:1px solid #e3e3e3;
opacity:.5;
-ms-filter:"alpha(Opacity=50)";
z-index:90
}
#zu-distraction-free-editor .header:hover,#zu-distraction-free-editor .goog-scrollfloater:hover .toolbar-info,#zu-distraction-free-editor .goog-toolbar:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
#zu-distraction-free-editor .title,#zu-distraction-free-editor .wrapper,#zu-distraction-free-editor .toolbar,#zu-distraction-free-editor .content {
width:600px;
margin:0 auto;
position:relative
}
#zu-distraction-free-editor .title {
font-size:18px;
font-weight:700;
color:#222;
padding:20px 0
}
#zu-distraction-free-editor .back,#zu-distraction-free-editor .publish {
text-indent:-9999px;
position:absolute;
display:block;
width:68px;
height:30px;
top:18px;
opacity:.8;
-ms-filter:"alpha(Opacity=80)"
}
html.no-touchevents #zu-distraction-free-editor .back:hover,html.no-touchevents #zu-distraction-free-editor .publish:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
#zu-distraction-free-editor .back {
background:url(../images/img/editor/back.da2c3b8c.png) no-repeat;
left:-150px
}
#zu-distraction-free-editor .publish {
background:url(../images/img/editor/publish.b50c5729.png) no-repeat;
right:-150px
}
@media (max-width:959px) {
#zu-distraction-free-editor .back {
left:-75px
}
#zu-distraction-free-editor .publish {
right:-75px
}
}#zu-distraction-free-editor .toolbar {
display:none;
height:50px;
padding:0 0 5px;
background:url(../images/img/editor/shadow.7fa75ac6.png) no-repeat center bottom
}
#zu-distraction-free-editor .tools {
height:50px;
background:0 0;
opacity:.5;
-ms-filter:"alpha(Opacity=50)";
position:relative
}
#zu-distraction-free-editor .tools span {
position:absolute;
right:0;
top:16px
}
#zu-distraction-free-editor .tools:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
#zu-distraction-free-editor .toolbar-info {
position:absolute;
right:4em;
top:15px;
height:16px;
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
#zu-distraction-free-editor .editable {
min-height:500px;
margin-top:20px;
padding:0 0 100px;
background:transparent;
font:16px/1.8 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,'Hiragino Sans GB',sans-serif!important
}
#zu-distraction-free-editor .editable pre {
font-size:14px;
border:1px solid rgba(0,0,0,.1);
background:rgba(255,255,255,.5)
}
#zu-distraction-free-editor .content ul,#zu-distraction-free-editor .content ol {
margin:0 0 0 30px
}
#zu-distraction-free-editor .content ul li,#zu-distraction-free-editor .content ol li {
margin:0
}
#zu-distraction-free-editor .content address,#zu-distraction-free-editor .content blockquote,#zu-distraction-free-editor .content sup {
line-height:36px;
border-left:3px solid #E5E6E1
}
#zu-distraction-free-editor .zm-editable-editor-outer {
margin-top:0
}
#zu-distraction-free-editor .goog-toolbar,#zu-distraction-free-editor .zm-editable-editor-outer,#zu-distraction-free-editor .zm-editable-editor-field-wrap {
padding:0!important;
border:0;
background:0 0;
box-shadow:none
}
#zu-distraction-free-editor .goog-toolbar {
height:40px;
opacity:.5;
-ms-filter:"alpha(Opacity=50)"
}
#zu-distraction-free-editor .sticky-goog-scrollfloater {
position:fixed;
top:0;
z-index:100
}
#zu-distraction-free-editor .sticky-goog-scrollfloater+div {
margin-top:55px
}
#zu-distraction-free-editor .goog-scrollfloater {
padding:10px 0 5px;
width:600px;
z-index:89;
height:40px;
background:url(../images/img/editor/shadow.7fa75ac6.png) no-repeat center bottom #fbfcf7
}
.zh-hovercard-arrow,.zu-top-live-icon {
height:15px;
width:23px;
z-index:101;
position:absolute
}
.zh-hovercard-arrow.bottom {
bottom:-11px;
left:25px;
background-position:-168px -185px
}
.zh-hovercard-arrow.top,.zu-top-live-icon {
top:-11px;
left:25px;
background-position:-168px -165px
}
.zu-top-live-icon {
top:-12px
}
#zh-tooltip {
position:absolute;
background:0 0;
z-index:100;
-webkit-animation:.05s ease-in both;
animation:.05s ease-in both
}
#zh-tooltip.in {
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}
#zh-tooltip.out {
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}
#zh-tooltip.goog-hovercard.popover {
z-index:90
}
.zh-profile-card {
width:380px
}
.zh-profile-card .upper,.zh-profile-card .lower {
border:14px solid transparent
}
.zh-profile-card .upper {
background:#fff;
padding-left:66px;
min-height:50px
}
.zh-profile-card .upper .icon {
margin-left:3px
}
.zh-profile-card .upper a.avatar-link {
position:relative
}
.zh-profile-card .upper img.Avatar {
position:absolute;
left:-66px
}
.zh-profile-card .upper span.name {
font-size:14px;
font-weight:700
}
.zh-profile-card .upper div.tagline {
font-size:13px;
color:#222;
padding-top:4px
}
.zh-profile-card .upper .personal {
padding-top:8px
}
.zh-profile-card .upper .personal .zg-icon {
vertical-align:-1px
}
.zh-profile-card .upper .personal .icon-profile-education,.zh-profile-card .upper .personal .icon-profile-company {
margin-right:6px
}
.zh-profile-card .upper .personal .info-wrap {
color:#999
}
.zh-profile-card .upper .personal .info-wrap .item+.item {
border-left:1px solid #EEE;
padding-left:10px;
margin-left:10px
}
.zh-profile-card .upper .secondary {
padding-top:8px;
color:#999;
border-top:1px solid #EEE;
margin-top:8px
}
.zh-profile-card .upper .secondary div span {
display:inline-block
}
.zh-profile-card .upper .secondary a,.zh-profile-card .upper .secondary a:visited {
color:#222
}
.zh-profile-card .upper .secondary .OrgIcon {
display:none
}
.zh-profile-card .upper .other span {
color:#999
}
.zh-profile-card .upper .hr {
border-top:1px solid #eee;
width:225px;
padding-top:6px;
margin-top:6px
}
.zh-profile-card .lower {
background:#fafafa
}
.zh-profile-card .lower .operation .self {
line-height:48px;
float:right;
color:#999
}
.zh-profile-card .lower .operation .zg-btn,.zh-profile-card .lower .operation .zg-btn-white,.zh-profile-card .lower .operation button {
float:right;
height:32px;
margin-top:8px;
vertical-align:middle
}
.zh-profile-card .lower .operation .zg-btn {
margin-left:15px;
font-size:13px
}
.zh-profile-card .lower .operation .zg-icon.pm {
background-position:0 -148px;
width:17px;
height:14px;
text-indent:-999em
}
.zh-profile-card .lower .meta .item {
float:left;
padding:0 16px;
border-right:1px solid #eee;
color:inherit;
text-decoration:none
}
.zh-profile-card .lower .meta .item:hover {
color:#25bb9b
}
.zh-profile-card .lower .meta .item:hover .key {
color:inherit
}
.zh-profile-card .lower .meta .item .value,.zh-profile-card .lower .meta .item .key {
display:block;
text-align:center
}
.zh-profile-card .lower .meta .item .value {
font-size:15px;
font-weight:700
}
.zh-profile-card .lower .meta .item .key {
font-size:14px;
color:#999
}
.zh-profile-card .lower .meta .item:first-child {
padding-left:0
}
.zh-profile-card .lower .meta .item:last-child {
border-right:0 none
}
.zu-top-nav-live {
border-radius:5px;
border:solid 1px #bbb
}
.zu-top-nav-live-inner {
padding:10px;
border-radius:5px;
border:solid 3px #f4f4f4;
background:#fff
}
.zh-hovercard-spinner {
width:45px;
height:30px;
background-image:url(../images/img/spinner2.8f60205d.gif);
background-repeat:no-repeat;
background-position:center
}
.zu-tooltip-arrow-bottom,.zh-tooltip-arrow-right {
position:absolute;
border:6px solid transparent;
width:0;
height:0
}
.zu-tooltip-arrow-bottom {
border-bottom-color:#222;
top:-10px;
left:8px
}
.zh-tooltip-arrow-right {
border-right-color:#222;
top:8px;
left:-10px
}
.tooltip {
position:absolute;
z-index:1050;
display:block;
visibility:visible;
padding:5px;
white-space:nowrap;
-webkit-animation:.05s ease-in both;
animation:.05s ease-in both
}
.tooltip.in {
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}
.tooltip.out {
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}
.tooltip.top {
margin-top:-8px
}
.tooltip.right {
margin-left:6px
}
.tooltip.bottom {
margin-top:8px
}
.tooltip.left {
margin-left:-6px
}
.tooltip.top .tooltip-arrow {
bottom:-3px;
left:50%;
margin-left:-8px;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-top:8px solid #000;
border-top-color:rgba(0,0,0,.75)
}
.tooltip.left .tooltip-arrow {
top:50%;
right:-3px;
margin-top:-8px;
border-top:8px solid transparent;
border-bottom:8px solid transparent;
border-left:8px solid #000;
border-left-color:rgba(0,0,0,.75)
}
.tooltip.bottom .tooltip-arrow {
top:-3px;
left:50%;
margin-left:-8px;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-bottom:8px solid #000;
border-bottom-color:rgba(0,0,0,.75)
}
.tooltip.right .tooltip-arrow {
top:50%;
left:-3px;
margin-top:-8px;
border-top:8px solid transparent;
border-bottom:8px solid transparent;
border-right:8px solid #000;
border-right-color:rgba(0,0,0,.75)
}
.tooltip .tooltip-inner {
max-width:300px;
padding:3px 8px;
color:#fff;
text-align:center;
text-decoration:none;
background-color:#000;
background-color:rgba(0,0,0,.75);
border-radius:4px
}
.tooltip .tooltip-arrow {
position:absolute;
width:0;
height:0
}
.tooltip .content-prewrap {
white-space:pre-wrap
}
.tooltip[data-theme=white].top .tooltip-inner {
position:relative;
background:#fff;
border:1px solid #ddd
}
.tooltip[data-theme=white].top .tooltip-inner:after,.tooltip[data-theme=white].top .tooltip-inner:before {
position:absolute;
height:0;
width:0;
content:' ';
border:solid transparent;
top:100%
}
.tooltip[data-theme=white].top .tooltip-inner:after {
border-width:8px;
border-top-color:#fff;
left:50%;
margin-left:-8px
}
.tooltip[data-theme=white].top .tooltip-inner:before {
border-width:9px;
border-top-color:#ddd;
left:50%;
margin-left:-9px
}
.tooltip[data-theme=white].left .tooltip-inner {
position:relative;
background:#fff;
border:1px solid #ddd
}
.tooltip[data-theme=white].left .tooltip-inner:after,.tooltip[data-theme=white].left .tooltip-inner:before {
position:absolute;
height:0;
width:0;
content:' ';
border:solid transparent;
left:100%
}
.tooltip[data-theme=white].left .tooltip-inner:after {
border-width:8px;
border-left-color:#fff;
top:50%;
margin-top:-8px
}
.tooltip[data-theme=white].left .tooltip-inner:before {
border-width:9px;
border-left-color:#ddd;
top:50%;
margin-top:-9px
}
.tooltip[data-theme=white].bottom .tooltip-inner {
position:relative;
background:#fff;
border:1px solid #ddd
}
.tooltip[data-theme=white].bottom .tooltip-inner:after,.tooltip[data-theme=white].bottom .tooltip-inner:before {
position:absolute;
height:0;
width:0;
content:' ';
border:solid transparent;
bottom:100%
}
.tooltip[data-theme=white].bottom .tooltip-inner:after {
border-width:8px;
border-bottom-color:#fff;
left:50%;
margin-left:-8px
}
.tooltip[data-theme=white].bottom .tooltip-inner:before {
border-width:9px;
border-bottom-color:#ddd;
left:50%;
margin-left:-9px
}
.tooltip[data-theme=white].right .tooltip-inner {
position:relative;
background:#fff;
border:1px solid #ddd
}
.tooltip[data-theme=white].right .tooltip-inner:after,.tooltip[data-theme=white].right .tooltip-inner:before {
position:absolute;
height:0;
width:0;
content:' ';
border:solid transparent;
right:100%
}
.tooltip[data-theme=white].right .tooltip-inner:after {
border-width:8px;
border-right-color:#fff;
top:50%;
margin-top:-8px
}
.tooltip[data-theme=white].right .tooltip-inner:before {
border-width:9px;
border-right-color:#ddd;
top:50%;
margin-top:-9px
}
.tooltip[data-theme=white] .tooltip-arrow {
display:none
}
.tooltip[data-theme=white] .tooltip-inner {
padding:10px;
color:#666;
text-align:left;
white-space:nowrap;
box-shadow:0 0 8px 0 rgba(0,0,0,.15)
}
.tooltip[data-theme=white] li {
list-style-position:inside
}
.popover {
position:absolute;
top:0;
left:0;
z-index:1050;
display:none;
padding:12px
}
.popover.top {
margin-top:-6px
}
.popover.right {
margin-left:6px
}
.popover.bottom {
margin-top:6px
}
.popover.left {
margin-left:-6px
}
.popover.top .arrow {
bottom:0;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-top:13px solid #ccc
}
.popover.top .arrow2 {
bottom:1px;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-top:13px solid #fafafa
}
.popover.top .arrow2.loading {
bottom:1px;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-top:13px solid #fff
}
.popover.right .arrow {
top:50%;
left:0;
margin-top:-13px;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-right:13px solid #ccc
}
.popover.right .arrow2 {
top:50%;
left:1px;
margin-top:-13px;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-right:13px solid #fff
}
.popover.bottom .arrow {
top:0;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-bottom:13px solid #ccc
}
.popover.bottom .arrow2 {
top:1px;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-bottom:13px solid #fff
}
.popover.left .arrow {
top:50%;
right:0;
margin-top:-13px;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-left:13px solid #ccc
}
.popover.left .arrow2 {
top:50%;
right:1px;
margin-top:-13px;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-left:13px solid #fff
}
.popover .arrow,.popover .arrow2 {
position:absolute;
width:0;
height:0
}
.popover .popover-title {
padding:9px 15px;
line-height:1;
background-color:#f5f5f5;
border-bottom:1px solid #eee;
border-radius:3px 3px 0 0
}
.popover .popover-content {
background:#fff;
border:solid 1px #ccc;
border-radius:5px;
overflow:hidden
}
.popover .popover-content p,.popover .popover-content ul,.popover .popover-content ol {
margin-bottom:0
}
.goog-hovercard.popover {
display:block
}
.well {
background:#F7F7F7;
border-radius:4px;
margin:0 0 20px;
padding:10px 15px;
color:#666
}
.zm-side-section-inner .well>span {
display:block;
margin-bottom:6px
}
.modal-dialog.activate-dialog .modal-dialog-content {
margin:0;
padding:12px 15px
}
.modal-dialog.activate-dialog .tip {
margin-bottom:17px;
padding:10px 13px;
color:#5B7BA0;
background:#ecf4f8;
border:1px solid #dbe6eb;
border-radius:4px
}
.modal-dialog.activate-dialog .describe,.modal-dialog.activate-dialog .email,.modal-dialog.activate-dialog .actions {
line-height:1;
text-align:center
}
.modal-dialog.activate-dialog .describe {
margin:22px 0 27px;
color:#999
}
.modal-dialog.activate-dialog .email {
color:#666;
font-size:15px
}
.modal-dialog.activate-dialog .actions {
color:#999;
margin-top:22px;
margin-bottom:15px
}
.modal-dialog.activate-dialog .actions .zg-bull {
padding:0;
color:#999
}
.modal-dialog.activate-dialog .actions a.resend-activation-email.disabled {
color:#999;
text-decoration:none
}
.modal-dialog.activate-dialog form.activate {
display:none
}
.modal-dialog.activate-dialog form .input-wrapper {
margin-bottom:15px
}
.modal-dialog.activate-dialog form .input-wrapper input.text {
width:165px
}
.modal-dialog.activate-dialog form .input-wrapper label.info {
display:inline-block;
width:88px
}
.modal-dialog.activate-dialog form .input-wrapper label.error {
display:block;
margin-top:15px;
margin-left:88px;
color:#c33
}
.modal-dialog.activate-dialog form .input-wrapper .resend-code {
margin-left:13px;
color:#999;
background:0 0;
border:0;
cursor:pointer
}
.modal-dialog.activate-dialog form .submit {
float:right;
margin-bottom:5px
}
.activate-mask-tip-answer {
width:100%;
height:100%;
padding:67px 50px 0 140px;
margin-bottom:25px;
box-sizing:border-box;
background-image:url(../images/img/activatemail.e6febda7.png);
background-size:64px 45px;
background-position:50px 67px;
background-repeat:no-repeat;
background-color:rgba(255,255,255,.5);
font-size:14px;
color:#999;
position:absolute;
top:0;
z-index:9;
overflow:hidden
}
@media (max-width:767px) {
.activate-mask-tip-answer {
background-image:none!important;
padding-left:50px
}
}.activate-mask-tip-answer-simple {
padding-top:20px;
background-position:50px 20px
}
.activate-mask-tip-comment {
padding:15px 50px 15px 140px;
border:1px solid #DDD;
border-radius:3px;
box-shadow:0 1px 3px rgba(0,0,0,.1) inset;
background-image:url(../images/img/activatemail.e6febda7.png);
background-size:64px 45px;
background-position:50px 15px;
background-repeat:no-repeat;
background-color:rgba(255,255,255,.5);
color:#999;
font-size:14px;
overflow:hidden
}
@media (max-width:767px) {
.activate-mask-tip-comment {
background-image:none!important;
padding-left:50px
}
}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
.activate-mask-tip-answer {
background-image:url(../images/img/activatemail@2x.ee1403f9.png)
}
.activate-mask-tip-comment {
background-image:url(../images/img/activatemailsent@2x.c95b894f.png)
}
}.hc-actionbar {
position:absolute;
z-index:110;
border:1px solid #b0b0b0;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.1);
background:#f0f0f0
}
.hc-actionbar>.button {
float:left;
padding:6px;
cursor:pointer;
border-right:1px solid #b0b0b0
}
.hc-actionbar>.button:hover {
background:#f8f8f8
}
.hc-actionbar>.button.checked,.hc-actionbar>.button:active {
background:#e3e3e3;
box-shadow:inset 0 0 3px rgba(0,0,0,.1)
}
.hc-actionbar>.button.first {
border-radius:4px 0 0 4px
}
.hc-actionbar>.button.last {
border-right:0;
border-radius:0 4px 4px 0
}
.hc-actionbar .icon {
display:block;
width:16px;
height:16px;
line-height:16px
}
.icon-actionbar-link {
background-position:-182px -202px
}
.icon-actionbar-text {
background-position:-166px -202px
}
.editable a[data-editable].hover,.editable a[data-editable]:hover {
background:#eff6fa
}
img[eeimg] {
max-width:100%;
vertical-align:middle
}
img[eeimg="1"] {
display:inline-block;
margin:0 3px
}
img[eeimg="2"] {
margin:10px auto;
display:block
}
.ee-modal-dialog {
width:475px
}
.ee-displaymath {
text-align:center
}
.ee-content {
background:#FFF;
border:1px solid #369;
overflow:auto;
padding:4px 8px
}
.ee-tex {
position:relative;
padding:8px 10px;
border:1px solid #ccc;
border-radius:0 0 3px 3px;
box-shadow:0 0 4px 0 rgba(0,0,0,.1) inset;
-webkit-transition:min-height .25s ease-out;
background:#fff;
width:94.8%!important;
display:block;
height:4.5em
}
.ee-section-title {
margin:10px 0;
font-weight:700
}
.ee-section-title:first-child {
margin-top:0
}
.ee-section-title-floating {
float:left
}
#ee-section-learn-more {
float:right
}
.ee-preview-container {
border:1px dashed #ccc;
height:80px;
margin:10px 0;
padding:8px;
overflow:auto
}
.ee-warning {
color:red
}
.ee-palette {
border:1px solid #aaa;
left:0;
outline:0;
position:absolute
}
.ee-palette-table {
border:0;
border-collapse:separate
}
.ee-palette-cell {
background:#fff;
border:1px solid #FFF;
margin:0;
padding:1px
}
.ee-palette-cell-hover {
background:#E2ECF9!important;
border:1px solid #8db5e8;
padding:1px
}
.ee-palette-cell-selected {
background:#F0F0F0;
border:1px solid #CCC!important;
padding:1px
}
.ee-menu-palette-table {
margin-right:10px
}
.ee-menu-palette {
position:relative;
margin:0;
padding:4px;
background:#f1f1f1;
background:-webkit-linear-gradient(top,#f5f5f5,#efefef);
background:linear-gradient(to bottom,#f5f5f5,#efefef);
border:1px solid #ccc;
border-bottom:0;
border-radius:3px 3px 0 0;
box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
cursor:default;
zoom:1;
outline:0;
padding-top:2px
}
.ee-menu-palette-cell {
background:#F0F0F0 none repeat scroll 0 0;
border-color:#ddd;
border-style:solid;
border-width:0;
padding-right:4px
}
.ee-menu-palette-cell-hover,.ee-menu-palette-cell-selected {
border-color:#d1d1d1!important;
background:#F0F0F0
}
.ee-menu-palette-cell-hover .ee-menu-palette-item {
border:1px solid #ccc
}
.ee-palette-item,.ee-menu-palette-item {
border-radius:2px;
padding:2px 0 0;
margin:2px 0 0;
border:1px solid rgba(0,0,0,0);
background-image:url(../images/img/ee-palettes.7f5a8ec7.png)
}
.zm-uploader-button-fix {
vertical-align:0
}
.zm-img-uploader a.browser {
margin:0 10px 10px 0
}
.zm-img-uploader .zg-form-text-input {
margin:0 15px 10px 0;
width:270px
}
.zm-img-uploader-tab {
color:#999
}
@media only screen and (max-device-width:450px) {
.zm-img-uploader .zg-form-text-input {
width:90%
}
.zm-uploader-button-fix {
margin:10px 0 0
}
}.zm-video-uploader-info {
height:24px;
overflow:hidden;
margin:6px 0 0
}
.zm-img-uploader-error {
color:#A02313;
vertical-align:3px
}
.zm-img-uploader-loading {
color:#999;
padding:0 0 0 20px;
background:url(../images/img/spinner2.8f60205d.gif) no-repeat;
vertical-align:3px
}
.zm-img-uploader form {
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #EEE
}
.zm-img-uploader .tab-content {
display:none
}
.zm-img-uploader .tab-content.selected {
display:block
}
.zm-img-uploader .tab-content.selected.inline {
display:inline-block
}
.zm-img-uploader .tab-nav {
font-weight:700
}
.zm-img-uploader .tab-nav.selected {
color:#222;
cursor:default;
text-decoration:none
}
.zm-noti7-popup-week {
font-size:12px;
line-height:1;
background-clip:padding-box;
background-color:#fff;
border-bottom:1px solid #ddd;
border-radius:3px 3px 0 0;
color:#222
}
.zm-noti7-popup-week-summary {
padding:8px 8px 6px;
text-align:left
}
.zm-noti7-popup-week-summary a {
color:#3b5998
}
.zm-noti7-frame {
width:100%;
height:300px;
overflow:hidden;
position:relative
}
.zm-noti7-frame-border {
height:1px;
width:100%;
position:relative;
background:#ddd;
background:-webkit-linear-gradient(left,rgba(250,250,250,.1) 0,rgba(240,240,240,.8) 1%,#ddd 4%,#ddd 96%,rgba(240,240,240,.8) 99%,rgba(250,250,250,.1) 100%);
background:linear-gradient(to right,rgba(250,250,250,.1) 0,rgba(240,240,240,.8) 1%,#ddd 4%,#ddd 96%,rgba(240,240,240,.8) 99%,rgba(250,250,250,.1) 100%)
}
.zm-noti7-frame-border.top::after {
content:"";
position:absolute;
top:0;
height:1px;
box-shadow:0 1px 1px rgba(0,0,0,.05);
left:4px;
right:4px;
z-index:10
}
.zm-noti7-frame-border.bottom::after {
content:"";
position:absolute;
top:0;
height:1px;
box-shadow:0 -1px 1px rgba(0,0,0,.05);
left:4px;
right:4px;
z-index:10
}
.zm-noti7-content {
width:315px;
height:100%;
overflow-y:scroll;
position:relative;
-webkit-overflow-scrolling:touch
}
.zm-noti7-content.message .OrgIcon,.zm-noti7-content.thanks .OrgIcon {
display:none
}
.zm-noti7-content-body .zm-noti7-sect:last-child .zm-noti7-content-item:last-child {
border-bottom:0
}
.zm-noti7-content-body .zm-noti7-sect .zm-noti7-expandable {
margin:0;
border:0;
padding:0
}
.zm-noti7-content-head-item {
padding:7px 11px 7px 23px;
border-bottom:1px solid #eee
}
.unread .zm-noti7-content-item {
border-bottom:1px solid #E5EEF7!important
}
.unread .zm-noti7-content-item:last-child {
border-bottom:1px solid #EEE!important
}
.zm-noti7-content-item {
padding:7px 11px;
position:relative
}
.zm-noti7-content-item .author-list .user-block {
word-break:break-all
}
.zu-noti7-popup .zm-noti7-popup-tab-container {
outline:0
}
.zu-noti7-popup .noti-spinner-loading {
width:24px;
height:24px;
display:inline-block;
background-repeat:no-repeat
}
.zu-noti7-popup.open .noti-spinner-loading {
background-image:url(../images/img/noti-loading.d4eba93d.gif)
}
.zu-noti7-popup .zm-noti7-content-item::after {
content:"";
position:absolute;
bottom:-1px;
left:0;
display:block;
width:100%;
height:1px;
background:-webkit-linear-gradient(left,#fff 0,rgba(255,255,255,.5) 1%,rgba(255,255,255,0) 6%,rgba(255,255,255,0) 94%,rgba(255,255,255,.5) 99%,#fff 100%);
background:linear-gradient(to right,#fff 0,rgba(255,255,255,.5) 1%,rgba(255,255,255,0) 6%,rgba(255,255,255,0) 94%,rgba(255,255,255,.5) 99%,#fff 100%)
}
.zm-noti7-popup-footer {
vertical-align:middle
}
.zm-noti7-popup-footer a {
color:#999;
display:inline-block;
padding:6px 12px
}
.zm-noti7-popup-footer a.current {
background-color:#ddd
}
.zm-noti7-popup-empty {
width:312px;
height:20px;
text-align:center;
vertical-align:middle;
color:#999;
position:absolute;
top:125px
}
.zu-noti7-popup .zu-top-nav-live-inner {
padding:0;
border:0;
box-shadow:0 1px 4px rgba(0,0,0,.3);
margin:0
}
.zu-noti7-popup .zu-home-noti-inner {
margin:0
}
.zu-noti7-popup.zu-top-nav-live {
width:315px;
left:52px;
top:48px;
border:1px solid #ddd;
display:none
}
.zu-noti7-popup .zu-top-live-icon {
left:144px;
width:25px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -228px -186px
}
.zm-noti7-popup-loading {
padding:119px 0;
vertical-align:middle;
text-align:center
}
.zm-noti7-popup-loading .icon {
display:inline-block;
width:24px;
line-height:22px;
text-indent:-9999px;
position:relative;
top:80px
}
.zm-noti7-wrap .zm-item-more-wrap {
border:0
}
.zm-noti7-popup-tab-item {
float:left;
width:33%;
text-align:center;
vertical-align:middle;
position:relative;
cursor:pointer;
background:0 0;
border:0;
outline:0
}
.zm-noti7-popup-tab-item+.zm-noti7-popup-tab-item {
border-left:1px solid #EEE
}
.zm-noti7-popup-tab-item .icon {
position:relative;
display:inline-block;
width:22px;
line-height:16px;
margin:9px;
text-indent:-9999px;
opacity:.6;
-ms-filter:"alpha(Opacity=60)"
}
.zm-noti7-popup-tab-item .icon.withdot:after {
position:absolute;
top:5px;
right:-10px;
display:block;
width:6px;
height:6px;
background:#3098EB;
border-radius:15px;
content:""
}
.zm-noti7-popup-tab-item:active .icon,html.no-touchevents .zm-noti7-popup-tab-item:hover .icon {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.zm-noti7-popup-tab-item.message .icon {
background-position:-94px -66px
}
.zm-noti7-popup-tab-item.message.current .icon {
background-position:-94px -87px;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.zm-noti7-popup-tab-item.user .icon {
background-position:-123px -65px
}
.zm-noti7-popup-tab-item.user.current .icon {
background-position:-123px -87px;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.zm-noti7-popup-tab-item.thanks .icon {
background-position:-151px -65px;
margin:10px 0 6px
}
.zm-noti7-popup-tab-item.thanks.current .icon {
background-position:-151px -87px;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.zm-noti7-content-item .zg-follow,.zm-noti7-content-item .zg-unfollow {
display:none
}
html.no-touchevents .zm-noti7-content-item:hover .zg-follow,html.no-touchevents .zm-noti7-content-item:hover .zg-unfollow {
display:block
}
.zu-noti7-popup .zm-noti7-sect {
width:100%
}
.zu-noti7-popup .zm-noti7-content-item {
border-bottom:1px solid #eee
}
.zm-noti7-sect.unread {
background:#eff6fa
}
.zm-noti7-content-body .zm-noti7-content-item.unread {
background:#eff6fa;
border-bottom:1px solid #d1e0e8
}
.zu-noti7-popup .zm-item-link-avatar {
float:left;
height:40px;
width:40px;
margin-top:2px
}
.zu-noti7-popup .zm-list-content-medium {
margin-left:50px
}
.zu-noti7-popup .zm-profile-section-item {
padding:0
}
.zu-noti7-popup .zm-profile-section-item .zg-btn {
display:none
}
.zu-noti7-popup .zm-profile-section-item .zm-item-link-avatar img {
width:40px;
height:40px;
border-radius:4px;
margin:0 10px 0 0
}
.avatar-edit-dialog {
width:340px
}
@media (max-height:470px) {
.avatar-edit-dialog>.modal-dialog-content {
padding:0
}
.avatar-edit-dialog>.modal-dialog-title {
display:none
}
}.avatar-editor-container {
overflow:hidden;
position:static
}
.avatar-editor-container .avatar-editor-container-inner {
position:relative;
overflow:hidden;
background-color:#fff;
cursor:move
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window {
position:static;
overflow:hidden;
margin:40px
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window .avatar-editor-window-inner {
position:relative
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window img {
position:absolute
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window-shadow {
box-shadow:0 0 15px rgba(0,0,0,.5) inset;
border:1px solid #EEE\0;
position:absolute;
z-index:1
}
.avatar-editor-container .avatar-editor-container-inner>img {
position:absolute;
top:0;
left:0;
opacity:.6;
-ms-filter:"alpha(Opacity=60)"
}
.avatar-editor-container .goog-slider-wrap {
margin:5px 30px 0
}
.avatar-editor-container .goog-slider-wrap .image-minus {
display:block;
background-position:-109px 0;
width:15px;
height:15px;
float:left;
margin:2px 0 0
}
.avatar-editor-container .goog-slider-wrap .image-plus {
display:block;
background-position:-128px 0;
width:19px;
height:19px;
float:right
}
.avatar-editor-container .goog-slider-wrap .goog-slider {
position:relative;
overflow:hidden;
height:20px;
outline:0;
margin:0 36px 0 29px
}
.avatar-editor-container .goog-slider-wrap .goog-slider-thumb {
position:absolute;
overflow:hidden;
background:#bbb;
cursor:pointer;
height:11px;
width:11px;
top:4px;
border-radius:6px
}
.avatar-editor-container .goog-slider-wrap .line {
position:absolute;
width:100%;
overflow:hidden;
top:7px;
height:5px;
background:#eee;
border-radius:2px;
cursor:pointer
}
.zm-entry-head-avatar-edit-button {
cursor:pointer
}
.file-upload:hover>.zm-entry-head-avatar-edit-button {
display:block
}
.new-avatar-editor-label {
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
height:100%;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
cursor:pointer
}
.new-avatar-editor-loading {
height:50px;
padding:150px 0;
text-align:center;
color:#999
}
.new-avatar-editor-loading span {
display:inline-block;
background:url(../images/img/spinner2.8f60205d.gif) no-repeat;
height:16px;
width:16px
}
.avatar-editor-form-ie {
display:inline!important;
position:static
}
.avatar-editor-form-ie input {
height:0;
width:0
}
.avatar-editor-form-ie label {
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
vertical-align:middle;
opacity:1;
-ms-filter:"alpha(Opacity=100)";
cursor:pointer
}
.profile-edit-avatar-btn form label {
padding:5px 0
}
.zm-entry-head-avatar-edit-button {
background:url(../images/img/ed_white.48efe02e.gif) no-repeat 6px 8px #000;
color:#fff;
display:none;
height:25px;
left:0;
padding:0;
position:absolute;
text-indent:19px;
bottom:0;
width:100%;
line-height:25px;
border-radius:0 0 4px 4px
}
.goog-menu.zh-answer-more-actions {
padding:0
}
.goog-menu.zh-answer-more-actions .goog-menuitem {
display:block;
text-align:center;
padding:5px;
margin:0;
width:86px;
text-shadow:0 1px 0 rgba(255,255,255,.8)
}
.goog-menu.zh-answer-more-actions .goog-menuseparator {
border-top:1px solid #eee;
margin:0
}
.zg-icon-ellipsis-mobi {
background-position:-282px -88px;
vertical-align:-1px
}
.zg-icon-ellipsis {
background-position:-50px -170px;
width:15px
}
.zm-item-meta .more-actions {
outline:0
}
.zm-item-meta .more-actions .goog-menu-button-dropdown {
display:none
}
html.no-touchevents .zm-item-meta .more-actions:hover .zg-icon-ellipsis {
background-position:-50px -182px
}
html.no-touchevents .zm-item-meta .more-actions:hover .lbl {
text-decoration:underline
}
.zm-votebar.goog-scrollfloater-floating {
display:block;
margin-top:10px;
margin-left:0
}
.zm-votebar .up,.zm-votebar .down {
display:block;
color:#25bb9b;
height:24px;
line-height:24px;
width:38px;
border-radius:3px;
border:0;
cursor:pointer;
background:#eff6fa;
font-weight:700;
font-weight:500;
text-align:center;
position:relative
}
.zm-votebar .up {
padding-top:18px;
height:44px
}
.zm-votebar .down {
margin:5px 0 0
}
.zm-votebar .count {
display:block
}
.zm-votebar .label {
bottom:1px
}
.zm-votebar .vote-arrow {
width:0;
height:0;
border:6px solid transparent;
font-size:0;
_border-style:dashed;
background-image:none
}
.zm-votebar .up .vote-arrow {
position:absolute;
top:11px;
left:50%;
margin-left:-6px;
border-top-width:0;
border-bottom-color:#25bb9b;
border-top-style:solid
}
.zm-votebar .down .vote-arrow {
border-bottom-width:0;
border-top-color:#25bb9b
}
html.no-touchevents .zm-votebar .up:hover .vote-arrow,.zm-votebar .up.pressed .vote-arrow {
border-bottom-color:#fff
}
html.no-touchevents .zm-votebar .down:hover .vote-arrow,.zm-votebar .down.pressed .vote-arrow {
border-top-color:#fff
}
html.no-touchevents .zm-votebar .up:hover,html.no-touchevents .zm-votebar .down:hover,.zm-votebar .up.pressed,.zm-votebar .down.pressed {
background:#25bb9b;
color:#fff
}
.zm-item-vote-count {
display:block;
color:#25bb9b;
height:24px;
line-height:24px;
width:38px;
border-radius:3px;
border:0;
cursor:pointer;
background:#eff6fa;
font-weight:700;
font-weight:500;
text-align:center;
text-decoration:none;
overflow:hidden;
-webkit-text-size-adjust:none
}
.zm-item-vote-count:hover {
text-decoration:none
}
html.no-touchevents .zm-item-vote-count:hover {
background:#25bb9b;
color:#fff
}
.zm-item-vote {
display:none;
position:absolute;
left:-48px
}
.zm-votebar {
float:left;
margin-left:-48px
}
.no-votebar .zm-item-vote {
display:block!important
}
.no-votebar .zm-votebar {
display:none!important
}
.votebar-mobile-dialog {
width:auto
}
.votebar-mobile-dialog .modal-dialog-content {
padding:35px 40px 20px;
margin:0
}
.votebar-mobile-dialog .modal-dialog-title {
background:#fff;
border:0;
box-shadow:none;
text-indent:-999em;
height:0;
padding:0
}
.votebar-mobile-dialog .modal-dialog-title-close {
position:absolute;
top:1px;
right:-14px;
background-position:-10px -167px;
width:30px;
height:30px
}
.votebar-mobile-dialog .text {
margin-top:10px;
color:#666
}
.votebar-mobile-dialog .text label {
width:50px;
text-align:center
}
.votebar-mobile-dialog .zm-votebar {
display:block;
position:relative;
height:50px;
width:140px;
float:none;
margin-left:0
}
.votebar-mobile-dialog .zm-votebar .count {
display:none
}
.votebar-mobile-dialog .zm-votebar .down,.votebar-mobile-dialog .zm-votebar .up {
float:left;
width:50px;
height:50px;
margin:0;
position:relative
}
.votebar-mobile-dialog .zm-votebar .down .vote-arrow,.votebar-mobile-dialog .zm-votebar .up .vote-arrow {
top:10px;
left:10px;
border-width:15px
}
.votebar-mobile-dialog .zm-votebar .down {
float:right
}
.votebar-mobile-dialog .zm-votebar .down .vote-arrow {
top:18px
}
.votebar-mobile-dialog .zm-votebar .up .vote-arrow {
top:3px;
margin-left:0
}
.votebar-mobile-dialog .votebar-post .up {
float:none;
margin:0 auto
}
.votebar-mobile-dialog .votebar-text-post {
text-align:center
}
.zm-item-vote-count.votenum-mobile {
width:auto;
margin-right:6px;
padding:0 5px;
font-size:14px;
color:#25bb9b;
display:inline-block
}
.zm-item-vote-count.votenum-mobile.owner .arrow {
display:none
}
.zm-item-vote-count.votenum-mobile .arrow {
margin-left:3px;
top:8px;
right:5px;
width:5px;
height:7px;
vertical-align:1px;
background-position:0 -169px
}
.tag-list {
list-style:none
}
.tag-list>li {
position:relative;
float:left
}
.tag-list>li.canedit .tag-link {
padding-right:35px
}
.tag-list .tag-link {
float:left;
display:inline-block;
margin:0 5px 5px 0;
padding:1px 10px 0;
border-radius:30px;
background:#eff6fa;
text-decoration:none
}
.tag-list .button {
position:absolute;
right:15px;
top:4px;
width:15px;
height:15px;
border-radius:3px;
cursor:pointer;
vertical-align:middle;
background-color:#25bb9b;
background-repeat:no-repeat;
background-image:url(../images/img/sprites-1.9.2.4c54885a.png)
}
.tag-list .remove-button {
background-position:-264px -103px
}
html.no-touchevents .tag-list .remove-button:hover {
background-color:#25bb9b
}
.zg-editor-simple-wrap {
border:1px solid #999;
padding:4px 4px 0
}
.zu-seamless-input-origin-element {
overflow:hidden
}
.zg-editor-input {
width:100%;
font-weight:400;
min-height:66px;
padding:0;
margin:0;
border:0
}
.x-c {
color:#999
}
.zm-item-tag,.zm-tag-editor-edit-item {
background:#eff6fa;
padding:1px 10px 0;
border-radius:30px;
text-decoration:none;
margin:0 5px 5px 0;
display:inline-block;
float:left;
white-space:nowrap
}
.zm-item-tag-x {
position:relative;
left:-7px;
padding:1px 5px;
background:#eff6fa;
border-radius:0 30px 30px 0;
text-decoration:none
}
html.no-touchevents .zm-item-tag:hover,html.no-touchevents .zm-item-tag-x:hover {
background:#25bb9b;
color:#fff;
text-decoration:none
}
.zm-tag-editor-edit-item {
float:left
}
.zm-tag-editor-edit-item>a,.zm-tag-editor-edit-item>span {
float:left!important
}
.zm-tag-editor-edit-item .zm-tag-editor-remove-button {
float:right;
margin:3px 0 0 5px;
visibility:visible
}
.zm-tag-editor-remove-button {
margin:3px 6px 0 0;
float:left;
width:15px;
height:15px;
cursor:pointer;
visibility:hidden;
overflow:hidden;
text-indent:-9000px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -264px -141px;
border-radius:8px
}
html.no-touchevents .zm-tag-editor-remove-button:hover {
background-position:-264px -103px;
background-color:#25bb9b
}
.video-box {
position:relative;
display:block;
padding:13px 15px;
margin:12px 0;
width:100%;
border:solid 1px #ddd;
border-radius:2px;
overflow:hidden;
cursor:pointer;
box-sizing:border-box
}
html.no-touchevents .video-box:hover {
border-color:#d2dcea;
text-decoration:none
}
html.no-touchevents .video-box:hover .title {
color:#25bb9b
}
html.no-touchevents .video-box:hover .title .z-ico-extern-gray {
display:none
}
html.no-touchevents .video-box:hover .title .z-ico-extern-blue {
display:inline-block
}
.video-box .thumbnail {
float:left;
width:75px;
height:56px
}
.video-box .content {
display:block;
padding-left:18px;
font-size:0;
overflow:hidden
}
.video-box .title {
position:relative;
display:inline-block;
margin-top:-2px;
padding-right:11px;
max-width:100%;
box-sizing:border-box;
font-size:16px;
color:#555;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.video-box .title .z-ico-extern-blue,.video-box .title .z-ico-extern-gray {
position:absolute;
top:11px;
right:0
}
.video-box .title .z-ico-extern-gray {
display:inline-block
}
.video-box .title .z-ico-extern-blue {
display:none
}
.video-box .url {
display:block;
margin-top:8px;
color:#a5a5a5;
font-size:13px;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.video-box .url .z-ico-video {
display:inline-block;
margin-right:9px;
vertical-align:-2px
}
.video-link {
display:block;
padding-left:20px;
background-image:url(../images/img/video/video.ae2ebded.png);
background-repeat:no-repeat;
background-position:0 center
}
.video-box-thumbnail {
float:left;
position:relative;
margin-right:10px
}
.video-box-thumbnail .thumbnail {
width:132px;
height:99px
}
.video-box-thumbnail .z-ico-play-video {
position:absolute;
margin:auto;
top:0;
right:0;
bottom:0;
left:0;
opacity:.8;
-ms-filter:"alpha(Opacity=80)"
}
.carousel {
width:462px;
height:248px;
background:#fff;
display:table;
margin:-17px 0 0 -15px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.carousel .carousel-content {
width:344px;
height:248px;
text-align:center;
margin:0 auto;
box-sizing:border-box
}
.carousel .carousel-inner-content {
position:relative;
width:100%;
overflow:hidden;
padding:0;
display:none
}
.carousel .carousel-navigation-dot-group {
box-sizing:border-box;
width:100%;
padding-top:16px
}
.carousel .carousel-navigation-btn {
display:table-cell;
vertical-align:middle;
width:60px
}
html.no-touchevents .carousel .carousel-navigation-btn {
visibility:hidden
}
html.no-touchevents .carousel:hover .carousel-navigation-btn {
visibility:visible
}
.carousel .carousel-left-btn {
margin-left:14px;
cursor:pointer
}
.carousel .carousel-left-btn:hover {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png);
background-repeat:no-repeat;
background-size:108px 92px;
background-position:-47px -1px;
width:44px;
height:44px
}
@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx) {
.carousel .carousel-left-btn:hover {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png)
}
}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx) {
.carousel .carousel-left-btn:hover {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons@2x_8b39c44a17.9ab11555.png)
}
}.carousel .carousel-right-btn {
margin-right:14px;
cursor:pointer
}
.carousel .carousel-right-btn:hover {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png);
background-repeat:no-repeat;
background-size:108px 92px;
background-position:-47px -47px;
width:44px;
height:44px
}
@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx) {
.carousel .carousel-right-btn:hover {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png)
}
}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx) {
.carousel .carousel-right-btn:hover {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons@2x_8b39c44a17.9ab11555.png)
}
}.carousel .carousel-dot {
margin:0 3px;
display:inline-block;
width:6px;
height:6px;
background-color:#dbdbdb;
border-radius:50%
}
.carousel .carousel-dot-selected {
background-color:#6c94ce
}
.copyright-notification {
z-index:999;
position:absolute;
left:100px;
top:50px;
width:350px;
height:100%;
display:none
}
.copyright-notification .user-image-container {
float:left;
padding:0;
height:30px
}
.copyright-notification .user-image-container .user-image {
border-radius:4px;
width:30px;
height:30px;
box-shadow:0 1px 2px 0 rgba(0,0,0,.3)
}
.copyright-notification .noty-tooltip {
height:30px;
width:186px;
margin-left:38px;
padding:0;
display:table
}
.copyright-notification .noty-tooltip .arrow {
left:-5px;
color:#404040;
border-right-color:#404040;
color:#e9e9e9
}
.copyright-notification .noty-tooltip .inner {
box-shadow:0 1px 2px 0 rgba(0,0,0,.3);
background-color:#404040;
font-size:13px;
text-align:center;
max-width:230px;
height:30px;
box-sizing:border-box;
color:#e9e9e9;
vertical-align:middle;
display:table-cell
}
.copyright-ico-prev,.copyright-ico-prev-on,.copyright-ico-next,.copyright-ico-next-on,.copyright-ico-pointer,.copyright-ico-indicator {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png);
background-repeat:no-repeat;
background-size:108px 92px
}
@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx) {
.copyright-ico-prev,.copyright-ico-prev-on,.copyright-ico-next,.copyright-ico-next-on,.copyright-ico-pointer,.copyright-ico-indicator {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png)
}
}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx) {
.copyright-ico-prev,.copyright-ico-prev-on,.copyright-ico-next,.copyright-ico-next-on,.copyright-ico-pointer,.copyright-ico-indicator {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons@2x_8b39c44a17.9ab11555.png)
}
}.copyright-ico-prev {
background-position:-1px -1px;
width:44px;
height:44px
}
.copyright-ico-prev-on {
background-position:-47px -1px;
width:44px;
height:44px
}
.copyright-ico-next {
background-position:-1px -47px;
width:44px;
height:44px
}
.copyright-ico-next-on {
background-position:-47px -47px;
width:44px;
height:44px
}
.copyright-ico-pointer {
background-position:-93px -1px;
width:14px;
height:20px
}
.copyright-ico-indicator {
background-position:-93px -23px;
width:7px;
height:14px
}
@-webkit-keyframes select-region {
0% {
box-shadow:inset 0 0 #c6e2ff
}
100% {
box-shadow:inset 300px 0 #c6e2ff
}
}@keyframes select-region {
0% {
box-shadow:inset 0 0 #c6e2ff
}
100% {
box-shadow:inset 300px 0 #c6e2ff
}
}@-webkit-keyframes move1 {
0% {
left:30px;
top:75px
}
100% {
left:309px;
top:75px
}
}@keyframes move1 {
0% {
left:30px;
top:75px
}
100% {
left:309px;
top:75px
}
}@-webkit-keyframes move2 {
0% {
top:75px
}
62.5% {
top:75px
}
100% {
top:100px
}
}@keyframes move2 {
0% {
top:75px
}
62.5% {
top:75px
}
100% {
top:100px
}
}@-webkit-keyframes move3 {
0% {
top:100px
}
100% {
top:125px
}
}@keyframes move3 {
0% {
top:100px
}
100% {
top:125px
}
}@-webkit-keyframes move4 {
0% {
top:125px
}
100% {
top:147px
}
}@keyframes move4 {
0% {
top:125px
}
100% {
top:147px
}
}@-webkit-keyframes noty-show {
0% {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
100% {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
}@keyframes noty-show {
0% {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
100% {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
}.copyright-demo .copyright-demo-title {
margin-top:24px;
margin-bottom:28px;
font-size:14px;
color:#707070
}
.copyright-demo .copyright-demo-region {
margin:0 auto 10px;
display:block;
width:280px;
height:14px;
background-color:#eee
}
.copyright-demo .copyright-demo-region-selected {
background-color:#c6e2ff
}
.copyright-demo .copyright-demo-region1-select-animation {
-webkit-animation:select-region .35s linear forwards;
animation:select-region .35s linear forwards
}
.copyright-demo #copyright-demo-indicator {
display:none;
position:absolute;
left:309px;
top:147px
}
.copyright-demo .indicator-move1 {
-webkit-animation:move1 .35s linear forwards;
animation:move1 .35s linear forwards
}
.copyright-demo .indicator-move2 {
-webkit-animation:move2 .4s linear forwards;
animation:move2 .4s linear forwards
}
.copyright-demo .indicator-move3 {
-webkit-animation:move3 .15s linear forwards;
animation:move3 .15s linear forwards
}
.copyright-demo .indicator-move4 {
-webkit-animation:move4 .15s linear forwards;
animation:move4 .15s linear forwards
}
.copyright-demo .copyright-demo-pointer {
position:absolute;
left:40px;
top:105px;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
display:block
}
.copyright-demo .copyright-demo-pointer-show-animation {
-webkit-animation:noty-show .5s linear forwards;
animation:noty-show .5s linear forwards
}
.copyright-demo .copyright-demo-noty {
top:114px;
left:58px;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
display:block
}
.copyright-demo .copyright-demo-noty-show-animation {
-webkit-animation:noty-show .5s .6s linear forwards;
animation:noty-show .5s .6s linear forwards
}
#copyright-demo-helper {
width:230px;
height:90px;
border:1px solid #ddd;
border-radius:3px;
z-index:99;
margin-top:-108px;
margin-left:-108px;
background-color:#fff
}
#copyright-demo-helper .copyright-demo-helper-intro {
height:44px;
padding:10px;
border-bottom:1px solid #ddd;
color:#666
}
#copyright-demo-helper .copyright-demo-helper-btn {
text-align:center;
background-color:#51a0e0;
color:#fff;
padding:5px;
border-radius:0 0 3px 3px;
cursor:pointer
}
#copyright-demo-helper .copyright-demo-helper-btn:after,#copyright-demo-helper .copyright-demo-helper-btn:before {
top:100%;
left:50%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none
}
#copyright-demo-helper .copyright-demo-helper-btn:after {
border-color:rgba(136,183,213,0);
border-top-color:#51a0e0;
border-width:8px;
margin-left:-8px
}
#copyright-demo-helper .copyright-demo-helper-btn:before {
border-color:rgba(194,225,245,0);
border-top-color:#51a0e0;
border-width:14px;
margin-left:-14px
}
.openinapp-instruction-page {
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
margin:0;
padding:0;
background-color:#efeff4;
text-align:center
}
.openinapp-instruction-page .inner {
position:relative;
margin:0 auto;
width:235px;
height:280px;
padding:0;
top:50%;
margin-top:-122px
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3) {
.openinapp-instruction-page .inner {
width:267px
}
}.openinapp-instruction-page .inner .instruction-title {
font-size:18px;
font-weight:700;
color:#333;
margin-bottom:35px
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3) {
.openinapp-instruction-page .inner .instruction-title {
margin-bottom:37px
}
}.openinapp-instruction-page .inner .instructions .icon-instruction {
margin-bottom:20px
}
.openinapp-instruction-page .inner .instructions .icon-middle {
margin-top:25px;
margin-left:10px
}
.openinapp-instruction-page .inner .instructions .instr-left {
float:left
}
.openinapp-instruction-page .inner .instructions .instr-right {
float:right
}
.openinapp-instruction-page .inner .instructions .step {
font-size:16px;
font-weight:700;
color:#666;
margin-bottom:10px
}
.openinapp-instruction-page .inner .instructions .step-content {
font-size:12px;
color:#666
}
================================================
FILE: wenda/src/main/resources/static/styles/index.css
================================================
@-webkit-keyframes fadeIn {
from {
opacity: 0;
-ms-filter: "alpha(Opacity=0)"
}
to {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
}
@keyframes fadeIn {
from {
opacity: 0;
-ms-filter: "alpha(Opacity=0)"
}
to {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
to {
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
to {
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
-webkit-transform: none;
transform: none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: .2s;
animation-duration: .2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
to {
opacity: 0;
-ms-filter: "alpha(Opacity=0)"
}
}
@keyframes fadeOut {
from {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
to {
opacity: 0;
-ms-filter: "alpha(Opacity=0)"
}
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
to {
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
to {
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
-webkit-animation-duration: .2s;
animation-duration: .2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
body,ul,ol,li,p,h1,h2,h3,h4,h5 {
margin: 0;
padding: 0
}
button,input,select,textarea {
margin: 0;
font-family: inherit;
font-size: 100%
}
img {
border: 0
}
a {
text-decoration: none
}
a:hover {
text-decoration: underline
}
html.touchevents a:hover {
text-decoration: none
}
object:not([data]) {
display: none
}[hidden] {
display: none!important
}
.zg-warn-message,.zg-error-message,.zg-info-message {
margin: 10px 0;
padding: 10px;
border: 1px solid;
text-align: center
}
.zg-warn-message {
border-color: #ccc9ac;
background: #fbf9e5
}
.zg-error-message {
border-color: #c3412f;
background: #fff5fa
}
.zg-info-message {
border-color: #adcf66;
background: #f2fddb
}
.hidden {
display: none
}
.centered-block {
text-align: center;
white-space: nowrap;
height: 100%
}
.centered-block:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -.25em
}
.centered-block-inner {
display: inline-block;
vertical-align: middle;
text-align: left;
white-space: normal
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.text-muted {
color: #999
}
.clearfix {
*zoom: 1
}
.clearfix:before,.clearfix:after {
display: table;
content: ""
}
.clearfix:after {
clear: both
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.ellipsis {
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0
}[ng-cloak] {
display: none
}
body.zhi {
padding-top: 46px;
_padding-top: 64px;
-webkit-font-smoothing: subpixel-antialiased
}
html.in-app body.zhi {
background-color: #fff;
padding-top: 0
}
a {
color: #333
}
a:hover {
color: #25bb9b;
}
a:active {
outline: 0
}
body {
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.placeholder-label-hilight {
color: #A02313!important
}
.placeholder-hilight::-webkit-input-placeholder,.placeholder-hilight::-moz-input-placeholder,.placeholder-hilight::input-placeholder {
color: #A02313!important
}
div[contentEditable],input,textarea,button,a:link {
-webkit-tap-highlight-color: rgba(225,225,225,.5)
}
small {
font-size: 12px
}
input[type=text]:focus,input[type=password]:focus,textarea:focus {
outline: 0
}
input[type=text],input[type=password]:focus {
-webkit-appearance: none
}
textarea {
border: 0;
border: 0;
-moz-outline: 0;
outline: 0;
overflow: auto;
resize: none;
-webkit-appearance: none
}
.modal-dialog,div[contentEditable] {
outline: 0;
-moz-outline: 0
}
.editable-wrapper {
position: relative;
padding: 8px 10px;
border: 1px solid #ccc;
border-radius: 0 0 3px 3px;
box-shadow: 0 0 4px 0 rgba(0,0,0,.1) inset;
-webkit-transition: min-height .25s ease-out;
background: #fff
}
html.no-js img.lazy {
display: none
}
.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content p {
margin: 12px 0
}
body {
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
font-size: 13px;
line-height: 1.7;
word-wrap: break-word;
color: #222;
background-color: #fff
}
button {
padding: 0;
line-height: 1.7
}
h1,h2,h3,h4,h5 {
font-weight: 700;
font-size: 14px;
outline: 0
}
i,em {
font-style: italic
}
ins {
text-decoration: none;
padding: 3px 0;
background: #EAF0DD;
color: #5B7918
}
del {
text-decoration: line-through;
padding: 3px 0;
background: #f5dfdf;
color: #ac1414
}
ins img {
margin: 6px 0;
display: block;
max-width: 300px!important
}
del.del-img,ins.ins-img {
display: inline-block;
width: 75px;
text-align: center;
background: 0 0
}
del.del-img span,ins.ins-img span {
padding: 3px 0
}
ins.ins-img span {
background: #EAF0DD;
color: #5B7918
}
del.del-img span {
background: #f5dfdf;
color: #ac1414
}
input[type=checkbox] {
margin: 0 5px 0 0;
vertical-align: 0
}
address,sup {
border-left: 3px solid #D0E5F2;
font-style: normal;
padding: 0 0 0 10px;
display: block;
line-height: 22px;
vertical-align: baseline;
font-size: 100%
}
.hilight {
color: #C20A0A
}
.cross {
width: 6px;
height: 6px;
display: inline-block;
position: relative
}
.cross span {
background-color: #25bb9b
}
.cross .vertical {
position: absolute;
width: 2px;
height: 6px;
top: 0;
left: 2px
}
.cross .horizontal {
position: absolute;
width: 6px;
height: 2px;
top: 2px;
left: 0
}
.zg-anchor-hidden {
top: -48px;
position: relative;
display: block;
width: 0;
font: 0/0 a
}
.zg-anchor-hidden.ac {
top: -100px
}
.zu-nav-page {
height: 35px;
text-align: right
}
.gray_link,.gray_link:visited {
color: #999
}
.zg-red {
color: #A02313
}
.zg-content-video-icon,.zg-content-img-icon {
margin: 0 5px -1px 1px;
display: inline-block;
width: 13px;
height: 11px;
background-repeat: no-repeat;
background-image: url(../images/img/sprites-1.9.2.4c54885a.png)
}
.zg-content-img-icon {
background-position: -28px -5px
}
.zg-content-video-icon {
background-position: -41px -5px
}
.zg-section {
margin: 0 0 10px;
display: block
}
.section-title {
border-bottom: 1px solid #ccc;
color: #666
}
.zg-section-title {
padding: 0 0 3px;
margin: 0 0 10px;
border-bottom: solid 1px #ddd
}
.zg-section-title.zg-section-title-wide {
padding: 0 0 10px
}
.zg-clear:before,.zg-clear:after {
content: "\0020";
display: block;
height: 0;
visibility: hidden
}
.zg-clear:after {
clear: both
}
.zg-clear {
height: 1%
}
.zg-r3px {
border-radius: 3px
}
.zg-r4px {
border-radius: 4px
}
.zg-r5px,.goog-tooltip {
border-radius: 5px
}
.zg-r10px {
border-radius: 10px
}
.zg-hide {
display: none
}
.zg-ml10 {
margin: 0 0 0 10px
}
.zg-ml20 {
margin: 0 0 0 20px
}
.zg-mr10 {
margin: 0 10px 0 0
}
.zg-mr15 {
margin: 0 15px 0 0
}
.zg-mb15 {
margin: 0 0 15px
}
.zg-locked {
background: transparent url(../images/img/lock.070c061d.gif) scroll no-repeat 0 5px;
color: #999;
padding: 0 0 0 15px
}
.zu-autohide {
display: none
}
.goog-inline-block.zu-autohide {
display: none
}
.zu-autohide {
_display: inline-block!important
}
.zg-14px {
font-size: 14px
}
.zg-gray {
color: #999;
font-size: 12px;
font-weight: 400
}
.zg-gray-darker {
color: #666
}
.zg-medium-gray {
color: #999;
font-size: 13px
}
.zg-gray-small {
color: #999;
font-size: 12px
}
.zg-big-gray {
color: #999;
font-size: 14px;
font-weight: 400
}
.zg-right {
float: right
}
.zg-left {
float: left
}
.zg-text-error {
color: #C3412F
}
.link-disabled {
color: #999;
font-weight: 400;
text-decoration: none;
cursor: default
}
.link-disabled:hover {
text-decoration: none
}
.zg-link {
cursor: pointer;
text-decoration: none
}
.zg-link:hover {
text-decoration: underline
}
.zg-link-disabled:hover {
text-decoration: none;
cursor: not-allowed
}
.zg-link-white {
color: #fff
}
.zg-link-black {
color: #222
}
.zg-link-litgray,.zg-link-litgray:hover {
color: #ddd!important;
font-size: 12px
}
.zg-bull {
padding: 0 3px;
color: #BBB;
font-family: Arial
}
.zg-bull-medium-lit {
padding: 0 5px;
color: #DDD
}
.zg-gray-normal,.zg-link-gray-normal,.zg-link-gray {
color: #999;
font-weight: 400
}
.zg-link-gray {
font-size: 12px
}
html.no-touchevents .zg-link-gray:hover,html.no-touchevents .zg-link-gray-normal:hover {
color: #25bb9b
}
.zg-link-litblue,.zg-link-litblue-normal {
color: #25bb9b;
font-weight: 400
}
.zg-link-litblue {
font-size: 12px
}
.zg-link-litblue:hover,.zg-link-litblue-normal:hover {
color: #25bb9b
}
.zg-blue-edit {
width: 15px;
height: 11px;
background: url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -20px -151px transparent;
display: inline-block;
margin-right: 3px
}
.zm-command {
padding: 10px 0;
text-align: right
}
.zm-command-cancel {
margin: 0 15px 0 0;
cursor: pointer
}
.zm-command-cancel:hover {
text-decoration: underline
}
.zg-num {
margin: 0 0 0 3px;
padding: 1px 5px;
background: #25bb9b;
color: #fff;
font-size: 11px;
-webkit-text-size-adjust: none;
vertical-align: top;
border-radius: 30px
}
.zg-item-log-detail {
*zoom: 1;
border-left: 3px solid #DDD;
padding: 5px 10px;
margin: 5px 0
}
.zg-item-log-detail:before,.zg-item-log-detail:after {
display: table;
content: ""
}
.zg-item-log-detail:after {
clear: both
}
.zg-item-log-detail:before,.zg-item-log-detail:after {
display: table;
content: ""
}
.zg-item-log-detail:after {
clear: both
}
.zg-item-log-detail ul,.zg-item-log-detail ol {
margin-left: 2em
}
.zg-error-text {
color: #C3412F
}
.zg-orange-message {
padding: 10px;
margin: 10px 0;
background: #FFFCDD;
color: #8D7745
}
.zg-simple-info {
text-align: center;
padding: 20px 0
}
.zg-avatar-big {
width: 100px;
height: 100px;
border: 0 none;
border-radius: 4px
}
.zg-avatar-medium {
width: 50px;
height: 50px;
border: 0 none;
border-radius: 4px
}
.zg-inline {
display: inline!important
}
.zg-c12,.zg-c16 {
margin-left: auto;
margin-right: auto;
width: 960px
}
.zg-g1,.zg-g2,.zg-g3,.zg-g4,.zg-g5,.zg-g6,.zg-g7,.zg-g8,.zg-g9,.zg-g10,.zg-g11,.zg-g12,.zg-g13,.zg-g14,.zg-g15,.zg-g16 {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px
}
.zg-push-1,.zg-pull-1,.zg-push-2,.zg-pull-2,.zg-push-3,.zg-pull-3,.zg-push-4,.zg-pull-4,.zg-push-5,.zg-pull-5,.zg-push-6,.zg-pull-6,.zg-push-7,.zg-pull-7,.zg-push-8,.zg-pull-8,.zg-push-9,.zg-pull-9,.zg-push-10,.zg-pull-10,.zg-push-11,.zg-pull-11,.zg-push-12,.zg-pull-12,.zg-push-13,.zg-pull-13,.zg-push-14,.zg-pull-14,.zg-push-15,.zg-pull-15 {
position: relative
}
.zg-c12 .zg-g3,.zg-c16 .zg-g4 {
width: 220px
}
.zg-c12 .zg-g6,.zg-c16 .zg-g8 {
width: 460px
}
.zg-c12 .zg-g9,.zg-c16 .zg-g12 {
width: 700px
}
.zg-c12 .zg-g12,.zg-c16 .zg-g16 {
width: 940px
}
.zg-alpha {
margin-left: 0
}
.zg-omega {
margin-right: 0
}
.zg-c12 .zg-g1 {
width: 60px
}
.zg-c12 .zg-g2 {
width: 140px
}
.zg-c12 .zg-g4 {
width: 300px
}
.zg-c12 .zg-g5 {
width: 380px
}
.zg-c12 .zg-g7 {
width: 540px
}
.zg-c12 .zg-g8 {
width: 620px
}
.zg-c12 .zg-g10 {
width: 780px
}
.zg-c12 .zg-g11 {
width: 860px
}
.zg-c16 .zg-g1 {
width: 40px
}
.zg-c16 .zg-g2 {
width: 100px
}
.zg-c16 .zg-g3 {
width: 160px
}
.zg-c16 .zg-g5 {
width: 280px
}
.zg-c16 .zg-g6 {
width: 340px
}
.zg-c16 .zg-g7 {
width: 400px
}
.zg-c16 .zg-g9 {
width: 520px
}
.zg-c16 .zg-g10 {
width: 580px
}
.zg-c16 .zg-g11 {
width: 640px
}
.zg-c16 .zg-g13 {
width: 760px
}
.zg-c16 .zg-g14 {
width: 820px
}
.zg-c16 .zg-g15 {
width: 880px
}
.zg-inline-block,.inline-block,.more {
display: inline-block!important
}
#zh-top-nav-btn-hide {
font-size: 12px;
font-weight: 700
}
.zg-fly-input-label {
color: #BEBEBE;
left: 7px;
position: absolute;
top: 7px;
cursor: text;
font-size: 14px
}
.zg-fly-input-label {
color: #BEBEBE;
left: 8px;
position: absolute;
top: 6px;
cursor: text
}
.zm-modal-dialog-guide-title,.zm-modal-dialog-guide-warn-message {
padding: 5px 9px;
margin: 0 0 15px;
position: relative
}
.zm-modal-dialog-guide-title {
background: none repeat scroll 0 0 #F7FBFD;
border: 1px solid #D2E1E8
}
.zm-modal-dialog-guide-warn-message {
background: none repeat scroll 0 0 #f8f6e2;
border: 1px solid #ccc9ac!important;
padding: 5px 30px 5px 9px!important;
margin: 0 0 15px!important
}
.zm-modal-dialog-guide-title-spin {
background: transparent url(../images/img/sprites-1.9.2.4c54885a.png) scroll no-repeat -38px -902px;
visibility: hidden;
position: absolute;
bottom: -11px;
left: 20px;
width: 16px;
height: 11px
}
.zm-modal-dialog-guide-title-msg {
background: transparent url(../images/img/sprites-1.9.2.4c54885a.png) scroll no-repeat -227px -174px;
visibility: hidden;
position: absolute;
bottom: -11px;
left: 20px;
width: 16px;
height: 11px
}
.zh-question-suggest-trigger {
color: #444
}
.zh-question-suggest-optional {
color: #aaa
}
#zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-spin,#zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-msg,.zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-spin,.zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-msg {
bottom: -10px;
z-index: 1;
visibility: visible;
left: 21px
}
.goog-zippy-expanded>.zm-modal-dialog-guide-title-spin {
visibility: visible
}
.zm-modal-dialog-guide-title-dropdown {
background: transparent url(../images/img/sprites-1.9.2.4c54885a.png) scroll no-repeat -46px -674px;
position: absolute;
top: 13px;
right: 10px;
width: 11px;
height: 6px
}
.goog-zippy-expanded>.zm-modal-dialog-guide-title-dropdown {
background-position: -39px -934px;
top: 12px
}
.goog-zippy-collapsed>.zm-modal-dialog-guide-title-dropdown {
background-position: -39px -928px;
top: 14px
}
.zh-question-topic-autocomplete-plaintext {
background-color: #EFEFEF;
color: #888;
font-size: .9em;
padding: 1px 8px
}
.zm-item-more-wrap {
border-top: solid 1px #ddd
}
.zu-edit-btn {
color: #999;
display: inline-block;
font-size: 11px;
-webkit-text-size-adjust: none;
font-weight: 400;
padding: 0 3px 0 0;
margin: 0 0 0 5px;
line-height: 130%
}
.zu-edit-btn:hover,.zu-edit-btn:visited {
color: #666;
background-color: #e1f0f7;
border-radius: 2px;
text-decoration: none
}
.zg-report-title {
padding-bottom: 10px
}
.zg-report-title .zg-report-msg {
color: #A02313
}
.zm-item-img-avatar {
border-radius: 2px
}
.zg-wrap {
width: 960px;
margin: 0 auto;
clear: both
}
.zu-main {
min-height: 340px;
padding: 25px 0 50px;
position: relative;
z-index: 2
}
.zu-main.no-sidebar .zu-main-content {
float: none
}
.zu-main.no-sidebar .zu-main-content-inner {
margin: 0
}
@media (max-width:959px) {
.zu-main.no-sidebar .zu-main-content-inner {
margin: 0 10px
}
}
.zu-main-content {
float: left;
width: 100%
}
.zu-main-content-inner {
position: relative;
}
.zu-main-sidebar {
position: relative;
float: left;
margin: 0 0 0 -270px;
width: 270px
}
@media (max-width:767px) {
.zg-wrap {
width: auto;
padding-left: 6px;
padding-right: 6px
}
.zu-main-content-inner {
margin: 0
}
.zu-main-content {
float: none
}
.zu-main-sidebar {
float: none;
margin: 0
}
}
@media (min-width:768px) and (max-width:959px) {
.zg-wrap {
width: auto;
padding-left: 6px;
padding-right: 6px
}
.zu-main-content-inner {
margin: 0 300px 0 0
}
}
.zh-footer {
clear: both;
text-align: right
}
.zh-footer,.zh-footer a {
color: #999
}
.zh-footer .content {
padding: 20px 15px;
border-top: 1px solid #ccc
}
.zh-footer ul,.zh-footer li {
display: inline
}
.zh-footer li {
list-style: none
}
.zh-footer li+li:before {
content: '鈥�';
margin-right: 3px;
padding: 0 3px;
font-family: Arial;
color: #bbb
}
.zh-footer .copy {
float: left
}
.zu-main-sidebar .zh-footer {
margin-top: 10px;
text-align: left
}
.zu-main-sidebar .zh-footer .content {
padding: 10px 0;
width: auto;
border-top-color: #eee
}
.zu-main-sidebar .zh-footer li:nth-child(5):before {
content: '';
margin: 0;
padding: 0;
display: block
}
.zu-main-sidebar .zh-footer .copy {
margin-left: 1px;
float: none
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
color: #999
}
input::-moz-placeholder,textarea::-moz-placeholder {
color: #999
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
color: #999
}
input::placeholder,textarea::placeholder {
color: #999
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type=number] {
-moz-appearance: textfield
}
.form-basic .group {
margin-bottom: 1em
}
.form-basic .lbl {
width: 5em;
float: left;
text-align: right;
line-height: 33px
}
.form-basic .controls {
margin-left: 6em
}
.form-basic label.error {
margin-left: 5px;
color: #c33
}
.form-basic label.error:first-child {
margin: 0
}
input.text,textarea.text {
padding: 8px 10px;
font-size: 13px;
line-height: 15px;
box-shadow: 0 1px 1px rgba(0,0,0,.1) inset;
border-radius: 3px;
background: #fff;
border: 1px solid #ccc;
color: #222;
box-sizing: border-box
}
input.text:focus,textarea.text:focus {
outline: 0;
box-shadow: 0 0 5px rgba(105,142,191,.4);
border: 1px solid #b0c4dd;
position: relative
}
.zm-form-table {
width: 100%;
margin: 0
}
.zm-form-table-head {
width: 43px;
float: left;
text-align: right
}
.zg-form-text-input,.zg-form-select {
padding: 8px 10px;
font-size: 13px;
line-height: 15px;
box-shadow: 0 1px 1px rgba(0,0,0,.1) inset;
border-radius: 3px;
background: #fff;
border: 1px solid #ccc;
color: #222
}
.zg-form-text-input:focus {
outline: 0;
box-shadow: 0 0 5px rgba(105,142,191,.4);
border: 1px solid #b0c4dd;
position: relative
}
.zg-form-select {
color: #666;
line-height: 1;
height: 32px;
min-width: 215px
}
.label-input-label {
color: #777!important
}
textarea.zg-form-text-input,.zg-form-text-input>textarea {
color: #222;
overflow: hidden;
min-height: 66px;
line-height: 22px;
font-size: 13px;
padding: 0!important;
margin: 0!important;
border: 0 none
}
.zm-form-btn-collapse {
vertical-align: middle;
margin-left: 5px
}
.zm-form-table-head-align-middle {
margin: 5px 0 0
}
.zg-form-table-count {
min-height: 27px;
padding-top: 5px!important
}
.zg-form-table-count label {
color: #999;
padding-right: 20px
}
.zm-form-table-field {
margin: 0 0 0 53px;
padding: 0 0 10px;
vertical-align: top
}
.zm-form-table-field-last {
padding: 0
}
.zm-form-table-wide>.zm-form-table-head {
width: 100px;
position: relative
}
.zm-form-table-wide>.zm-form-table-field {
margin: 0 0 0 125px
}
.zm-form-table-medium>.zm-form-table-head {
width: 3em;
clear: both
}
.zm-form-table-medium>.zm-form-table-field {
margin: 0 0 0 3.5em;
zoom: 1
}
.icon,.tr-icon,.tr-inline-icon,.goog-option-selected .goog-menuitem-checkbox,.zu-edit-button-icon,.zu-top-live-icon,.zh-global-backtotop,.zh-hovercard-arrow,.modal-dialog-title-close,.icon-external,.zg-icon,.zm-profile-icon,.zm-profile-header-icon,.icon-info,.icon-green-check,.icon-big-arrow-left,.icon-big-arrow-right,.icon-weibo,.icon-qzone,.icon-weibo-corner,.icon-big-white-sina,.icon-big-white-qq,.icon-big-white-mail,.icon-delete,.icon-edit {
width: 16px;
height: 16px;
background-image: url(../images/img/sprites-1.9.2.4c54885a.png);
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle
}
.icon-bubble,.icon-avatar {
width: 13px;
height: 13px
}
.icon-bubble {
background-position: -208px -46px
}
.icon-avatar {
background-position: -152px -46px
}
.icon-profile-company {
background-position: -92px -110px
}
.icon-profile-male {
background-position: -144px -110px
}
.icon-profile-female {
background-position: -127px -110px
}
.icon-profile-location {
background-position: -58px -110px
}
.icon-profile-education {
background-position: -111px -110px
}
.icon-weibo {
background-position: -194px -110px;
width: 16px;
height: 13px;
vertical-align: -2px
}
.icon-qzone {
background-position: -245px -167px;
width: 16px;
height: 16px;
vertical-align: -2px
}
.icon-big-arrow-left {
background-position: -210px -232px;
width: 90px;
height: 18px
}
.icon-big-arrow-right {
background-position: -210px -214px;
width: 90px;
height: 18px
}
.icon-help {
background-position: -284px -68px
}
.icon-disabled {
background-position: -124px -232px;
width: 14px;
height: 14px;
vertical-align: text-top
}
.icon-delete {
width: 15px;
height: 15px;
background-repeat: no-repeat;
background-position: -264px -103px;
background-color: #25bb9b;
border-radius: 3px;
cursor: pointer
}
html.no-touchevents .icon-delete:hover {
background-color: #25bb9b
}
.icon-edit {
width: 12px;
height: 12px;
background-position: -131px -50px
}
.spinner-gray,.spinner-lightgray {
display: inline-block;
margin: 0 5px;
width: 14px;
height: 15px;
vertical-align: -3px;
background-size: 14px 15px;
background-repeat: no-repeat;
background-image: url(../images/img/spinner/grey-loading.b016b1c7.gif)
}
.spinner-lightgray {
background-image: url(../images/img/spinner/lightgray-loading.e0eefd9c.gif)
}
.icon-weibo-corner {
background-position: -157px -222px;
width: 26px;
height: 28px;
position: absolute;
bottom: -12px;
right: -11px
}
.icon-green-check {
background-position: -284px -111px;
vertical-align: -4px;
width: 16px;
height: 16px;
margin-right: 5px
}
.icon-big-white-qq {
vertical-align: -5px;
background-position: -61px -230px;
margin-right: 7px;
width: 24px;
height: 20px
}
.view-sina .icon-big-white-qq {
margin: 0 13px 0 3px
}
.icon-big-white-sina {
vertical-align: -5px;
background-position: -284px -153px;
margin-right: 7px;
width: 24px;
height: 20px
}
.icon-big-white-mail {
background-position: -284px -180px;
vertical-align: -4px;
margin-right: 8px;
width: 20px;
height: 16px
}
.icon-spike {
position: absolute;
top: -8px;
left: 23px;
width: 13px;
height: 8px;
background-position: -200px -165px
}
.icon-ignore {
width: 20px;
height: 20px;
background-position: -261px -62px
}
html.no-touchevents a:hover>.icon-ignore {
background-position: -261px -42px
}
.icon-info {
background-position: -227px -146px;
width: 16px;
height: 16px
}
.icon-copyable,.icon-uncopyable {
width: 13px;
height: 13px;
vertical-align: -1px
}
.icon-copyable {
background-position: -75px -4px
}
.icon-uncopyable {
background-position: -58px -4px
}
.icon-validate-ok,.icon-validate-error {
margin-right: 3px;
width: 16px;
height: 16px;
vertical-align: -3px
}
.icon-validate-error {
background-position: -284px -131px
}
.icon-validate-ok {
background-position: -284px -111px
}
.icon-vote {
width: 20px;
height: 14px;
background-position: -123px -184px
}
.icon-voted {
width: 20px;
height: 14px;
background-position: -123px -166px
}
.zg-icon-topic-square {
background-position: -50px -88px
}
.zg-icon-topic-feed {
background-position: -28px -88px
}
.zg-icon-dropdown-menu {
margin: 2px;
height: 18px;
width: 28px;
vertical-align: bottom;
background-position: -53px -146px
}
.zg-icon-topic-square,.zg-icon-topic-feed {
width: 17px;
height: 17px;
margin-right: 8px;
vertical-align: -4px
}
.icon-magnify {
width: 12px;
height: 12px;
background-position: -45px -52px;
vertical-align: -3px
}
.icon-magnify-q {
width: 13px;
height: 15px;
background-position: -239px -60px
}
.icon-magnify-active {
background-position: -222px -62px
}
.icon-lock {
background-position: -47px -67px;
width: 9px;
height: 11px;
vertical-align: -1px;
margin-right: 6px
}
.zg-icon-settings {
width: 16px;
height: 16px;
background-position: -88px -148px;
margin-right: 1px;
vertical-align: -5px
}
.icon-external {
width: 7px;
height: 7px;
vertical-align: 0;
background-position: 0 -204px
}
.icon-close-circle {
background-position: -247px -146px
}
.icon-close-8x8 {
width: 8px;
height: 8px;
background-position: -267px -68px;
cursor: pointer;
vertical-align: 0
}
html.no-touchevents .icon-close-8x8:hover {
background-position: -267px -48px
}
.icon-close-16x16 {
width: 16px;
height: 16px;
background-position: -263px -63px;
cursor: pointer;
vertical-align: -2px
}
html.no-touchevents .icon-close-16x16:hover {
background-position: -263px -43px
}
.zg-icon-bin {
width: 10px;
height: 11px;
vertical-align: -3px;
background-position: -236px -92px
}
.zg-icon-trash {
background-position: -240px -127px;
width: 16px;
height: 16px
}
.zg-icon-pen {
background-position: -224px -127px;
width: 16px;
height: 16px
}
html.no-touchevents a:hover .zg-icon-bin {
background-position: -236px -79px
}
i[class^=z-icon-],i[class*=" z-icon-"] {
display: inline-block;
*margin-right: .3em;
line-height: 10px;
vertical-align: 0;
background-image: url(../images/img/sprites-1.9.2.4c54885a.png);
background-repeat: no-repeat;
margin-right: 5px
}
.z-icon-x {
width: 8px;
height: 8px;
background-position: -130px -206px
}
.z-icon-x:hover {
background-position: -110px -206px
}
.z-icon-comment {
width: 9px;
height: 10px;
background-position: -28px -22px
}
.z-icon-collect {
width: 7px;
height: 10px;
background-position: -56px -22px
}
.z-icon-thank {
width: 10px;
height: 10px;
background-position: -41px -22px
}
.z-icon-share {
width: 11px;
height: 10px;
background-position: -67px -22px
}
.z-icon-report-o {
width: 10px;
height: 10px;
background-position: -82px -22px
}
.z-icon-follow {
width: 8px;
height: 9px;
background-position: -97px -23px
}
.z-icon-fold {
width: 8px;
height: 9px;
background-position: -135px -22px
}
.meta-item {
margin-left: 7px;
color: #999
}
.meta-item.meta-item-black {
color: inherit
}
.meta-item:first-child,.zg-bull+.meta-item {
margin-left: 0
}
html.no-touchevents .meta-item:hover {
color: #25bb9b
}
html.no-touchevents .meta-item:hover .goog-menu-button-caption {
color: #25bb9b;
text-decoration: underline
}
.meta-item.disabled,html.no-touchevents .meta-item.disabled:hover {
color: #bbb;
cursor: default;
text-decoration: none
}
html.no-touchevents .meta-item:hover .z-icon-fold {
background-position: -135px -37px
}
html.no-touchevents .meta-item:hover .z-icon-follow,html.no-touchevents .topic-follow:hover .z-icon-follow {
background-position: -97px -38px
}
html.no-touchevents .meta-item:hover .z-icon-share {
background-position: -67px -37px
}
html.no-touchevents .meta-item:hover .z-icon-thank {
background-position: -41px -37px
}
html.no-touchevents .meta-item.disabled:hover .z-icon-thank {
background-position: -41px -22px
}
html.no-touchevents .meta-item:hover .z-icon-collect {
background-position: -56px -37px
}
html.no-touchevents .meta-item:hover .z-icon-comment {
background-position: -28px -37px
}
.zg-icon-feedlist {
width: 16px;
height: 16px;
vertical-align: -4px;
margin-right: 5px;
background-position: -71px -88px
}
.zg-icon-question-mark {
width: 16px;
height: 16px;
vertical-align: -3px;
background-position: -284px -68px;
opacity: .5;
-ms-filter: "alpha(Opacity=50)"
}
.zg-icon-question-mark:hover {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.zu-entry-focus-single-way,.zu-entry-focus-each {
width: 18px;
height: 14px;
display: none;
vertical-align: -2px
}
.zu-entry-focus-single-way {
padding-right: 4px;
background-position: -57px -202px
}
.zg-btn-green>.zu-entry-focus-single-way,.zg-btn-follow>.zu-entry-focus-single-way {
display: inline-block
}
.zu-entry-focus-each {
background-position: -82px -202px
}
.zg-btn-white>.zu-entry-focus-each,.zg-btn-unfollow>.zu-entry-focus-each {
display: inline-block
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
.icon,i[class^=z-icon-],.modal-dialog-title-close,.goog-option-selected .goog-menuitem-checkbox,.zg-content-img-icon,.zg-content-video-icon,.tr-icon,.tr-inline-icon,.zg-icon,.icon-external,.feed-item .ignore,.side-topic-item .up,.side-topic-item .delete,.zu-edit-button-icon,.zg-blue-edit,.zm-add-question-detail-icon,.zh-hovercard-arrow,.zu-top-live-icon,.zm-item-top-btn,.zm-profile-icon,.zm-profile-header-icon,.zm-profile-empty-icon,.zu-global-notify-icon,.zu-global-notify-close,.zm-modal-dialog-guide-title-msg,.zm-modal-dialog-guide-title-dropdown,.zm-noti7-popup-tab-item .icon,.zu-noti7-popup .zu-top-live-icon,.icon-info,.icon-green-check,.icon-big-arrow-left,.icon-big-arrow-right,.icon-weibo,.icon-qzone,.icon-weibo-corner,.icon-big-white-sina,.icon-big-white-qq,.icon-big-white-mail,.icon-delete,.icon-edit {
background-image: url(../images/img/sprites-1.9.2@2x.6e638473.png);
background-size: 308px 250px
}
.spinner-gray {
background-image: url(../images/img/spinner/grey-loading@2x.c8492b4b.gif)
}
.spinner-lightgray {
background-image: url(../images/img/spinner/lightgray-loading@2x.0ac3edf8.gif)
}
}
.zg-icon-rare {
width: 16px;
height: 16px;
background-image: url(../images/img/sprites-rare-0.1.42f52e35.png);
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
.zg-icon-rare {
background-image: url(../images/img/sprites-rare-0.1@2x.4c1b03dc.png);
background-size: 256px 30px
}
}
.zg-btn-blue,.zg-btn-green,.zg-btn-red,.zg-btn-white,.zg-btn-disabled {
font-size: 14px;
line-height: 1.7;
text-decoration: none!important;
vertical-align: middle;
display: inline-block;
_display: inline!important;
text-align: center;
padding: 4px 10px;
cursor: pointer;
border-radius: 3px;
white-space: nowrap;
box-sizing: border-box
}
.zg-btn-blue.disabled,.zg-btn-green.disabled,.zg-btn-red.disabled,.zg-btn-white.disabled,.zg-btn-disabled.disabled,.zg-btn-blue[disabled],.zg-btn-green[disabled],.zg-btn-red[disabled],.zg-btn-white[disabled],.zg-btn-disabled[disabled] {
background: #eee;
color: #888!important;
border: 1px solid #ddd;
cursor: not-allowed;
text-shadow: none;
box-shadow: none!important
}
.zg-btn-blue.disabled:active,.zg-btn-green.disabled:active,.zg-btn-red.disabled:active,.zg-btn-white.disabled:active,.zg-btn-disabled.disabled:active,.zg-btn-blue[disabled]:active,.zg-btn-green[disabled]:active,.zg-btn-red[disabled]:active,.zg-btn-white[disabled]:active,.zg-btn-disabled[disabled]:active {
background: #eee;
border-color: #ccc
}
.zg-btn {
display: block;
text-align: center;
min-width: 78px;
font-size: 12px;
text-decoration: none!important;
padding: 1px;
font-weight: 400;
line-height: 18px;
border-radius: 3px;
cursor: pointer;
box-sizing: border-box
}
.zg-btn-disabled {
cursor: default!important
}
.zg-btn-white.zu-button-more {
display: block;
font-size: 13px;
margin: 20px 0;
padding: 5px 1px
}
.zu-button-more.loading {
cursor: not-allowed
}
.zm-command>.zg-btn-blue,.zm-command>.zg-btn-green,.zm-command>.zg-btn-white,.zm-command>.zg-btn-disabled {
vertical-align: baseline
}
.zg-btn-blue {
color: #fff!important;
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
background: #1472cf;
background: -webkit-linear-gradient(top,#1d7fe2,#0865c2);
background: linear-gradient(to bottom,#1d7fe2,#0865c2);
border: 1px solid #0D6EB8;
box-shadow: 0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2)
}
.zg-btn-blue:active {
background: #1a70c7;
background: -webkit-linear-gradient(top,#1a79d9,#1a70c7);
background: linear-gradient(to bottom,#1a79d9,#1a70c7);
box-shadow: 0 1px 2px rgba(255,255,255,.15) inset
}
.zg-btn-red {
color: #fff!important;
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
background: #e55345;
background: -webkit-linear-gradient(top,#e96249,#e03c40);
background: linear-gradient(to bottom,#e96249,#e03c40);
border: 1px solid #cf2b28;
box-shadow: 0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2)
}
.zg-btn-red:active {
background: #e55039;
background: -webkit-linear-gradient(top,#e7563b,#e04735);
background: linear-gradient(to bottom,#e7563b,#e04735);
box-shadow: 0 1px 2px #9C3522 inset
}
.zg-btn-green,.zg-btn-follow {
width: auto;
_width: 78px;
min-width: 78px;
color: #eee!important;
text-shadow: 0 1px 0 rgba(255,255,255,.3);
background: #8ab923;
background: -webkit-linear-gradient(top,#25bb9b,#00B091);
background: linear-gradient(to bottom,#25bb9b,#00B091);
border: 1px solid #25bb9b;
box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,0 1px 0 rgba(0,0,0,.2)
}
.zg-btn-green:active,.zg-btn-follow:active {
background: #25bb9b;
background: -webkit-linear-gradient(top,#9ac244,#78a53e);
background: linear-gradient(to bottom,#9ac244,#78a53e);
box-shadow: 0 1px 2px rgba(0,0,0,.3) inset
}
.zg-btn-white {
color: #fff!important;
/*text-shadow: 0 1px 0 #fff;*/
background: #25bb9b;
/* background: -webkit-linear-gradient(top,#25bb9b,#00B091);
background: linear-gradient(to bottom,#25bb9b,#00B091);*/
/*border: 1px solid #bbb;*/
box-shadow: 0 1px 0 #fff inset,0 1px 0 rgba(0,0,0,.1)
}
.zg-btn-white:hover {
background: #00B091;
}
.zg-btn-white:active {
background: #ddd;
box-shadow: none
}
.zg-btn-unfollow,.zg-btn-disabled {
background: #eee;
color: #888;
border: 1px solid #ddd
}
.zg-btn-unfollow:active,.zg-btn-disabled:active {
border-color: #ccc
}
.zg-unfollow {
color: #999
}
.zg-unfollow>.z-icon-follow {
display: none
}
.zg-follow {
color: #25bb9b
}
html.no-touchevents .zg-follow:hover {
color: #25bb9b
}
.zg-btn-blue.zg-btn-justify,.zg-btn-green.zg-btn-justify,.zg-btn-white.zg-btn-justify {
font-size: 13px!important;
line-height: 18px!important
}
.zg-btn-blue,.zg-btn-green,.zg-btn-white,a.follow {
*line-height: 20px
}
.small {
*line-height: 18px!important
}
.goog-link-button {
position: relative;
color: #25bb9b;
text-decoration: underline;
cursor: pointer
}
.goog-link-button-disabled {
color: #999;
text-decoration: none;
cursor: default
}
.btn-pending {
opacity: .85;
-ms-filter: "alpha(Opacity=85)"
}
.zg-link-btn {
border: 0;
color: #25bb9b;
background: transparent;
cursor: pointer
}
html.no-touchevents .zg-link-btn:hover {
text-decoration: underline
}
.z-ico-play-video,.z-ico-wechat-right-panel,.z-ico-show-password,.z-ico-hide-password,.z-ico-weibo,.z-ico-wechat-unlogin-page,.z-ico-weibo-share,.z-ico-wechat-share,.z-ico-green-check,.z-ico-gray-check,.z-ico-daily-share,.z-ico-qq,.z-ico-wechat,.z-ico-textedit,.z-ico-shameimaru-close,.z-ico-left,.z-ico-close,.z-ico-community:hover,.z-ico-community,.z-ico-video,.z-ico-extern-gray,.z-ico-extern-blue {
background-image: url(../images/img/compiled/icons_a9b07ecead.261e7c3b.png);
background-repeat: no-repeat;
background-size: 108px 93px
}
@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx) {
.z-ico-play-video,.z-ico-wechat-right-panel,.z-ico-show-password,.z-ico-hide-password,.z-ico-weibo,.z-ico-wechat-unlogin-page,.z-ico-weibo-share,.z-ico-wechat-share,.z-ico-green-check,.z-ico-gray-check,.z-ico-daily-share,.z-ico-qq,.z-ico-wechat,.z-ico-textedit,.z-ico-shameimaru-close,.z-ico-left,.z-ico-close,.z-ico-community:hover,.z-ico-community,.z-ico-video,.z-ico-extern-gray,.z-ico-extern-blue {
background-image: url(../images/img/compiled/icons_a9b07ecead.261e7c3b.png)
}
}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx) {
.z-ico-play-video,.z-ico-wechat-right-panel,.z-ico-show-password,.z-ico-hide-password,.z-ico-weibo,.z-ico-wechat-unlogin-page,.z-ico-weibo-share,.z-ico-wechat-share,.z-ico-green-check,.z-ico-gray-check,.z-ico-daily-share,.z-ico-qq,.z-ico-wechat,.z-ico-textedit,.z-ico-shameimaru-close,.z-ico-left,.z-ico-close,.z-ico-community:hover,.z-ico-community,.z-ico-video,.z-ico-extern-gray,.z-ico-extern-blue {
background-image: url(../images/img/compiled/icons@2x_a9b07ecead.58bad5a6.png)
}
}
.z-ico-play-video {
background-position: -1px -1px;
width: 38px;
height: 38px
}
.z-ico-wechat-right-panel {
background-position: -41px -1px;
width: 24px;
height: 22px
}
.z-ico-show-password {
background-position: -41px -25px;
width: 21px;
height: 13px
}
.z-ico-hide-password {
background-position: -1px -41px;
width: 21px;
height: 13px
}
.z-ico-weibo {
background-position: -67px -1px;
width: 20px;
height: 16px
}
.z-ico-wechat-unlogin-page {
background-position: -67px -19px;
width: 20px;
height: 18px
}
.z-ico-weibo-share {
background-position: -1px -56px;
width: 18px;
height: 18px
}
.z-ico-wechat-share {
background-position: -21px -56px;
width: 18px;
height: 18px
}
.z-ico-green-check {
background-position: -41px -56px;
width: 18px;
height: 18px
}
.z-ico-gray-check {
background-position: -61px -56px;
width: 18px;
height: 18px
}
.z-ico-daily-share {
background-position: -89px -1px;
width: 18px;
height: 18px
}
.z-ico-qq {
background-position: -89px -21px;
width: 17px;
height: 16px
}
.z-ico-wechat {
background-position: -89px -39px;
width: 16px;
height: 15px
}
.z-ico-textedit {
background-position: -89px -56px;
width: 16px;
height: 16px
}
.z-ico-shameimaru-close {
background-position: -1px -76px;
width: 16px;
height: 16px
}
.z-ico-left {
background-position: -19px -76px;
width: 16px;
height: 16px
}
.z-ico-close {
background-position: -37px -76px;
width: 16px;
height: 16px
}
.z-ico-container:hover .z-ico-community,.z-ico-community:hover {
background-position: -67px -39px;
width: 14px;
height: 13px
}
.z-ico-community {
background-position: -24px -41px;
width: 14px;
height: 13px
}
.z-ico-video {
background-position: -40px -41px;
width: 13px;
height: 12px
}
.z-ico-extern-gray {
background-position: -55px -41px;
width: 7px;
height: 7px
}
.z-ico-extern-blue {
background-position: -55px -76px;
width: 7px;
height: 7px
}
@media (min-width:980px) {
.visible-phone {
display: none
}
.visible-tablet {
display: none
}
.hidden-desktop {
display: none
}
}
@media (max-width:767px) {
.hidden-phone {
display: none!important
}
.visible-desktop {
display: none
}
}
@media (min-width:768px) and (max-width:979px) {
.hidden-tablet {
display: none
}
.visible-desktop {
display: none
}
}
html.in-app .hidden-in-app {
display: none
}
.z-link-lit {
color: #25bb9b
}
.z-text-muted {
color: #999
}
.tab-navs {
*zoom: 1;
margin: 0 0 10px;
padding: 0;
text-align: center;
list-style: none;
border-bottom: 1px solid #ccc
}
.tab-navs:before,.tab-navs:after {
display: table;
content: ""
}
.tab-navs:after {
clear: both
}
.tab-navs:before,.tab-navs:after {
display: table;
content: ""
}
.tab-navs:after {
clear: both
}
.tab-navs .tab-nav {
position: relative;
float: left;
margin-right: 5px;
margin-bottom: -1px
}
.tab-navs .tab-nav>a {
display: block;
padding: 5px 15px;
min-width: 45px;
color: #25bb9b;
text-decoration: none;
border: 1px solid transparent;
border-radius: 2px 2px 0 0
}
html.no-touchevents .tab-navs .tab-nav>a:hover {
background: #eff6fa;
text-decoration: none;
border-bottom-color: #ccc
}
.tab-navs .tab-nav.active>a,html.no-touchevents .tab-navs .tab-nav.active>a:hover {
background: #fff!important;
border: 1px solid #ccc;
border-bottom-color: transparent;
cursor: default
}
.tab-navs .tab-nav.active>a {
color: #666!important
}
@media (max-width:480px) {
.tab-navs {
margin-right: 2px
}
.tab-navs .tab-nav>a {
min-width: initial
}
}[class*=sprite-global-icon-] {
display: inline-block;
vertical-align: middle
}
.sprite-global,[class*=sprite-global-] {
background-image: url(../images/img/sprites.auto.915a539c.png);
background-repeat: no-repeat
}
.sprite-global-icon-ask {
background-position: -60px -20px;
width: 20px;
height: 16px
}
.sprite-global-icon-checked {
background-position: 0 -50px;
width: 16px;
height: 16px
}
.sprite-global-icon-close {
background-position: -44px -30px;
width: 11px;
height: 11px
}
html.no-touchevents a:hover .sprite-global-icon-enter-default,html.no-touchevents button:hover .sprite-global-icon-enter-default,html.no-touchevents .sprite-global-icon-enter-default:hover,.sprite-global-icon-enter-hover {
background-position: 0 -82px;
width: 8px;
height: 13px
}
.sprite-global-icon-enter {
background-position: -72px -50px;
width: 8px;
height: 13px
}
.sprite-global-icon-fold-round-default {
background-position: -12px -68px;
width: 10px;
height: 11px
}
html.no-touchevents a:hover .sprite-global-icon-fold-round-default,html.no-touchevents button:hover .sprite-global-icon-fold-round-default,html.no-touchevents .sprite-global-icon-fold-round-default:hover,.sprite-global-icon-fold-round-hover {
background-position: -24px -68px;
width: 10px;
height: 11px
}
.sprite-global-icon-fold-round-white {
background-position: -36px -68px;
width: 10px;
height: 11px
}
.sprite-global-icon-fold-white {
background-position: -70px -38px;
width: 8px;
height: 9px
}
.sprite-global-icon-go {
background-position: -48px -68px;
width: 7px;
height: 10px
}
.sprite-global-icon-gray-check {
background-position: -30px 0;
width: 28px;
height: 28px
}
.sprite-global-icon-green-check {
background-position: 0 0;
width: 28px;
height: 28px
}
.sprite-global-icon-industry {
background-position: -18px -50px;
width: 16px;
height: 16px
}
.sprite-global-icon-lock {
background-position: -60px -38px;
width: 8px;
height: 10px
}
.sprite-global-icon-magnifier-dark {
background-position: -82px -34px;
width: 15px;
height: 15px
}
.sprite-global-icon-magnifier-light {
background-position: -82px -17px;
width: 15px;
height: 15px
}
.sprite-global-icon-marked {
background-position: 0 -68px;
width: 10px;
height: 12px
}
.sprite-global-icon-org-14 {
background-position: -82px -51px;
width: 14px;
height: 14px
}
.sprite-global-icon-org-16 {
background-position: -36px -50px;
width: 16px;
height: 16px
}
.sprite-global-icon-qq-gray {
background-position: -60px 0;
width: 20px;
height: 18px
}
.sprite-global-icon-select-arrow {
background-position: -10px -82px;
width: 6px;
height: 12px
}
.sprite-global-icon-wechat-gray {
background-position: -22px -30px;
width: 20px;
height: 18px
}
.sprite-global-icon-wechat {
background-position: -82px 0;
width: 16px;
height: 15px
}
.sprite-global-icon-weibo-gray {
background-position: 0 -30px;
width: 20px;
height: 18px
}
.sprite-global-icon-write {
background-position: -54px -50px;
width: 16px;
height: 15px
}
[class*=sprite-rare-icon-] {
display: inline-block;
vertical-align: middle
}
.sprite-rare,[class*=sprite-rare-] {
background-image: url(../images/img/sprites.auto.768f71ae.png);
background-repeat: no-repeat
}
.sprite-rare-icon-ok {
background-position: 0 0;
width: 30px;
height: 30px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-rare,[class*=sprite-rare-] {
background-image: url(../images/img/rare/sprites@2x.auto.375a8003.png);
background-size: 30px 30px
}
}
.editable pre {
display: block;
white-space: pre-wrap
}
.editable pre div {
*display: inline
}
.editable pre br {
*display: block
}
pre.code-diff {
white-space: pre-wrap
}
pre.code-diff,body .highlight,.editable pre {
margin: .5em 0;
padding: .4em .6em;
font-size: 12px;
line-height: 1.5;
border-radius: 2px;
background: #f8f8f8
}
code,.editable pre,.highlight pre {
font-family: Menlo,Monaco,Consolas,"Andale Mono","lucida console","Courier New",monospace
}
body .highlight {
width: auto;
overflow: auto;
word-wrap: normal
}
.highlight pre {
margin: 0
}
.highlight::-webkit-scrollbar {
width: 6px;
height: 6px
}
.highlight::-webkit-scrollbar-thumb:horizontal {
border-radius: 6px;
background-color: rgba(0,0,0,.5)
}
.highlight::-webkit-scrollbar-thumb:horizontal:hover {
background-color: rgba(0,0,0,.6)
}
.highlight code {
overflow: auto
}
.highlight .hll {
background-color: #ffc
}
.highlight {
background: #fff
}
.highlight .c {
color: #998;
font-style: italic
}
.highlight .err {
color: #a61717;
background-color: #e3d2d2
}
.highlight .k {
font-weight: 700
}
.highlight .o {
font-weight: 700
}
.highlight .cm {
color: #998;
font-style: italic
}
.highlight .cp {
color: #999;
font-weight: 700
}
.highlight .c1 {
color: #998;
font-style: italic
}
.highlight .cs {
color: #999;
font-weight: 700;
font-style: italic
}
.highlight .gd {
color: #000;
background-color: #fdd
}
.highlight .ge {
font-style: italic
}
.highlight .gr {
color: #a00
}
.highlight .gh {
color: #999
}
.highlight .gi {
color: #000;
background-color: #dfd
}
.highlight .go {
color: #888
}
.highlight .gp {
color: #555
}
.highlight .gs {
font-weight: 700
}
.highlight .gu {
color: #aaa
}
.highlight .gt {
color: #a00
}
.highlight .kc {
font-weight: 700
}
.highlight .kd {
font-weight: 700
}
.highlight .kn {
font-weight: 700
}
.highlight .kp {
font-weight: 700
}
.highlight .kr {
font-weight: 700
}
.highlight .kt {
color: #458;
font-weight: 700
}
.highlight .m {
color: #099
}
.highlight .s {
color: #d32
}
.highlight .na {
color: teal
}
.highlight .nb {
color: teal
}
.highlight .nc {
color: #458;
font-weight: 700
}
.highlight .no {
color: teal
}
.highlight .ni {
color: purple
}
.highlight .ne {
color: #900;
font-weight: 700
}
.highlight .nf {
color: #900;
font-weight: 700
}
.highlight .nn {
color: #555
}
.highlight .nt {
color: navy
}
.highlight .nv {
color: teal
}
.highlight .ow {
font-weight: 700
}
.highlight .w {
color: #bbb
}
.highlight .mf {
color: #099
}
.highlight .mh {
color: #099
}
.highlight .mi {
color: #099
}
.highlight .mo {
color: #099
}
.highlight .sb {
color: #d32
}
.highlight .sc {
color: #d32
}
.highlight .sd {
color: #d32
}
.highlight .s2 {
color: #d32
}
.highlight .se {
color: #d32
}
.highlight .sh {
color: #d32
}
.highlight .si {
color: #d32
}
.highlight .sx {
color: #d32
}
.highlight .sr {
color: olive
}
.highlight .s1 {
color: #d32
}
.highlight .ss {
color: #d32
}
.highlight .bp {
color: #999
}
.highlight .vc {
color: teal
}
.highlight .vg {
color: teal
}
.highlight .vi {
color: teal
}
.highlight .il {
color: #099
}
.Dot {
padding: 0 2px
}
.Link--light {
color: #25bb9b
}
.Button {
display: inline-block;
padding: 4px 10px;
font-size: 14px;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
background: #1472cf;
background: -webkit-linear-gradient(top,#1d7fe2,#0865c2);
background: linear-gradient(to bottom,#1d7fe2,#0865c2);
border: 1px solid #0d6eb8;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2);
outline: 0;
cursor: pointer
}
.Button:hover {
text-decoration: none;
background: #1a70c7;
background: -webkit-linear-gradient(top,#1a79d9,#1a70c7);
background: linear-gradient(to bottom,#1a79d9,#1a70c7);
box-shadow: 0 1px 2px rgba(255,255,255,.15) inset
}
.Button-flatPrimary {
color: #fff;
background: #0077d9;
box-shadow: none;
border: 0;
text-shadow: none
}
.Button-flatPrimary:focus,.Button-flatPrimary:hover {
background: #0171ce
}
.Button-flatPrimary.disabled,.Button-flatPrimary[disabled] {
background: #b3c1cd
}
.Button--large {
padding: 10px 55px;
font-size: 15px;
line-height: 24px
}
.Button--green {
text-shadow: none;
background: #50c87e;
border: 0;
box-shadow: none
}
.Button--green:hover {
background: #50c87e;
box-shadow: none
}
.Button--link {
color: #25bb9b;
text-shadow: none;
background: 0 0;
border: 0;
box-shadow: none
}
.Button--link:hover {
background: 0 0;
box-shadow: none;
text-decoration: underline
}
.Button--text {
padding: 0;
color: inherit;
text-shadow: none;
background: 0 0;
border: 0;
box-shadow: none
}
.Button--text:hover {
background: 0 0;
box-shadow: none
}
.Button-icon {
vertical-align: 0;
margin-right: .5em
}
.Button-icon--right {
margin-left: .5em;
margin-right: 0
}
.Button .sprite-global-icon-wechat {
vertical-align: -2px
}
.IconButton {
display: inline-block;
padding: 0 5px;
height: 20px;
color: #25bb9b;
font-size: 12px;
border: 0;
outline: 0;
background: 0 0;
cursor: pointer
}
html.no-touchevents .IconButton:hover {
background: #eff6fa;
border-radius: 3px
}
.IconButton-icon {
margin-right: 4px;
vertical-align: -1px!important
}
.Input {
padding: 8px 10px;
width: 100%;
color: inherit;
font-size: 13px;
line-height: 15px;
box-shadow: 0 1px 1px rgba(0,0,0,.1) inset;
border-radius: 3px;
background: transparent;
border: 1px solid #ccc;
box-sizing: border-box;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.Input:focus {
border: 1px solid #b0c4dd;
box-shadow: 0 0 5px rgba(105,142,191,.4)
}
textarea.Input {
vertical-align: bottom
}
.Input-selectWrapper {
position: relative;
display: inline-block
}
.Input-selectArrow {
position: absolute;
top: 0;
bottom: 0;
right: 10px;
margin: auto
}
.Avatar {
width: 25px;
height: 25px;
border-radius: 3px;
background-color: #eee
}
.Avatar--is {
width: 34px;
height: 34px
}
.Avatar--xs {
width: 50px;
height: 50px
}
.Avatar--m {
width: 75px;
height: 75px;
border-radius: 4px
}
.Avatar--l {
width: 100px;
height: 100px;
border-radius: 4px
}
.avatar.\34 0 {
width: 40px;
height: 40px;
border-radius: 4px
}
.avatar.\35 0 {
width: 50px;
height: 50px;
border-radius: 4px
}
.avatar.\36 0 {
width: 60px;
height: 60px;
border-radius: 4px
}
.Spinner {
display: inline-block;
width: 14px;
height: 15px;
background-image: url(../images/img/spinner/grey-loading.b016b1c7.gif)
}
.Spinner--light {
background-image: url(../images/img/spinner/lightgray-loading.e0eefd9c.gif)
}
.Sorter {
overflow: hidden;
height: 24px;
position: absolute;
right: -9px;
background: #fff
}
.Sorter:hover,.Sorter.activated {
margin-top: -1px;
right: -10px;
z-index: 1;
height: auto;
border: 1px solid #ddd;
border-color: #ddd;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-decoration: none
}
.Sorter .zg-icon-double-arrow {
position: absolute;
top: 4px;
right: 3px
}
.Sorter .lbl,.Sorter a.lbl {
padding: 0 19px 0 7px;
text-decoration: none;
display: block;
color: #999
}
.Sorter a.lbl:hover {
background-color: #eee
}
.SidebarSection {
padding-top: 15px;
margin-bottom: 15px;
border-top: 1px solid #eee
}
.SidebarListNav {
position: relative
}
.SidebarListNav-list {
margin-left: -10px
}
.SidebarListNav-itemLink {
display: block;
height: 25px;
line-height: 25px;
padding: 5px 0;
padding-left: 10px;
color: #666
}
.SidebarListNav-itemLink:active,html.no-touchevents .SidebarListNav-listItem .follow-link:hover+.SidebarListNav-itemLink,html.no-touchevents .SidebarListNav-itemLink:hover {
color: #25bb9b;
background: #eff6fa;
border-radius: 3px;
text-decoration: none
}
.SidebarListNav-sideLink {
font-weight: 400;
font-size: 12px;
float: right;
margin-top: 1px
}
.SidebarListNav-listItem {
position: relative;
display: block;
margin-bottom: 3px;
list-style: none
}
html.no-touchevents .SidebarListNav-listItem:hover .follow-link {
display: inline;
text-decoration: none
}
.SidebarListNav-listItem .follow-link {
position: absolute;
right: 12px;
top: 5px;
line-height: 25px;
display: none
}
.SidebarListNav-listItem .follow-link:hover {
color: #25bb9b!important
}
.SidebarListNav-listItem .follow-link .z-icon-follow {
display: none
}
.SidebarListNav-avatar {
vertical-align: top;
margin-right: 5px
}
.SidebarListNav-hint {
float: right;
padding-right: 12px;
color: #999
}
.SidebarListNav-label {
max-width: 170px;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
html.no-touchevents .SidebarListNav-listItem:hover .SidebarListNav-hint {
color: #25bb9b
}
html.no-touchevents .SidebarListNav-listItem:hover .SidebarListNav-hint--hoverHidden {
display: none
}
.Message {
position: relative;
margin-bottom: 10px;
padding: 22px;
font-size: 15px;
text-align: center;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px
}
.Message--withMargin {
margin: 12px 10px 0
}
.Message--roundtable {
margin-bottom: 2em
}
.Message-actions {
margin-top: 22px
}
.Message-actions+.Message-actions {
color: #999
}
.Message-close {
position: absolute;
top: 8px;
right: 8px;
margin: 0;
padding: 0 4px;
line-height: 18px;
background: 0 0;
border: 0;
outline: 0;
cursor: pointer
}
.GaussianBlur {
background-color: rgba(255,255,255,.96);
box-shadow: 0 -1px 0 0 rgba(0,0,0,.08)
}
@supports (-webkit-backdrop-filter:blur(18px)) {
.GaussianBlur {
-webkit-backdrop-filter: blur(18px);
background-color: rgba(255,255,255,.68)
}
}
.AppPromotionBar {
position: fixed;
bottom: 0;
z-index: 3;
display: none;
width: 100%;
height: 60px;
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out
}
html.is-AppPromotionBarVisible .AppPromotionBar {
display: block
}
.AppPromotionBar.is-hidden {
opacity: 0;
-ms-filter: "alpha(Opacity=0)"
}
.AppPromotionBar-closeButton {
float: left;
width: 21px;
height: 21px;
padding: 19px 12px 20px;
background-image: url(../images/img/app_promotion_bar/close.d37dfef8.png);
background-position: center;
background-repeat: no-repeat;
background-size: 21px
}
.AppPromotionBar-icon {
float: left;
margin: 9.5px 10px 0;
width: 41px;
height: 41px;
background-image: url(../images/img/app_promotion_bar/icon.926a6569.png);
background-position: center;
background-size: 41px
}
.AppPromotionBar-closeButton+.AppPromotionBar-icon {
margin-left: 0
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
.AppPromotionBar-icon {
background-image: url(../images/img/app_promotion_bar/icon@3x.6362b806.png)
}
}
.AppPromotionBar-title,.AppPromotionBar-describe {
margin-right: 84px;
line-height: 1;
color: rgba(12,26,62,.48)
}
.AppPromotionBar-title {
margin-top: 12px;
margin-bottom: 0;
font-size: 19px
}
.AppPromotionBar-describe {
margin-top: 3px;
font-size: 14px
}
.AppPromotionBar-downloadButton {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
width: 74px;
height: 23px;
padding-top: 10px;
margin: auto;
font-size: 13px;
line-height: 1;
text-align: center;
color: #fff;
background-color: #0084ff;
border-radius: 4px;
box-shadow: inset 0 -2px #006acc
}
@media (min-width:500px) {
.AppPromotionBar {
height: 90px
}
.AppPromotionBar-closeButton {
width: 30px;
height: 30px;
padding: 30px 25px;
background-image: url(../images/img/app_promotion_bar/close_large.be2e2c35.png);
background-size: 30px
}
.AppPromotionBar-icon {
margin: 14.5px 15px 0 25px;
left: 80px;
width: 61px;
height: 61px;
background-image: url(../images/img/app_promotion_bar/icon_large.e71ae6e3.png);
background-size: 61px
}
.AppPromotionBar-title,.AppPromotionBar-describe {
margin-right: 135px
}
.AppPromotionBar-title {
margin-top: 20px;
font-size: 27px
}
.AppPromotionBar-describe {
margin-top: 7px;
font-size: 16px
}
.AppPromotionBar-downloadButton {
right: 25px;
width: 110px;
height: 36px;
padding-top: 19px;
font-size: 18px;
border-radius: 6px;
box-shadow: inset 0 -3px #006acc
}
}
.OrgIcon {
margin-left: 3px;
vertical-align: -2px
}
.OrgIcon.sprite-global-icon-org-16 {
vertical-align: -1px
}
.SquareBlock {
position: relative
}
.SquareBlock:before {
content: '';
display: block;
padding-top: 100%
}
.SquareBlock-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.Guide.modal-dialog {
position: absolute;
margin: 0!important;
width: 100%;
height: 100%;
box-shadow: none;
border: 0;
border-radius: 0;
overflow-x: hidden;
color: #444;
background: rgba(255,255,255,.95);
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline
}
.Guide.modal-dialog .modal-dialog-title {
display: none
}
.Guide.modal-dialog .modal-dialog-content {
margin: 0;
padding: 0
}
.Guide.modal-dialog .Guide-header,.Guide.modal-dialog .Guide-content,.Guide.modal-dialog .Guide-TopicsFooter {
-webkit-animation: .3s fadeInUp ease-in;
animation: .3s fadeInUp ease-in
}
.Guide.modal-dialog.fx-hide .Guide-header,.Guide.modal-dialog.fx-hide .Guide-content,.Guide.modal-dialog.fx-hide .Guide-TopicsFooter {
-webkit-animation: .3s fadeOutDown ease-in;
animation: .3s fadeOutDown ease-in
}
.Guide-header {
text-align: center
}
@media (max-width:767px) {
.Guide-header {
padding: 0 20px
}
}
.Guide-title {
margin: 40px 0 20px;
color: #222;
font-size: 24px;
font-weight: 400
}
@media (max-width:767px) {
.Guide-title {
margin: 31px 0 20px;
font-size: 22px
}
}
.Guide-subtitle {
font-size: 14px;
color: #999
}
.Guide-content {
margin: 40px auto 0
}
@media (max-width:767px) {
.Guide-content {
margin-top: 31px
}
}
.Guide-BioEditor {
text-align: center
}
@media (max-width:767px) {
.Guide-BioEditor {
padding: 0 20px
}
}
.Guide-BioEditorForm {
margin: auto;
height: 40px;
max-width: 388px
}
.Guide-BioEditorButton {
float: right;
margin-left: 18px;
height: 100%;
line-height: 1
}
.Guide-BioEditorInputWrapper {
height: 100%;
overflow: hidden
}
.Guide-BioEditorInput {
width: 100%;
height: 100%;
font-size: 14px
}
.Guide-BioEditorUsers {
margin: 63px 0;
font-size: 16px
}
@media (max-width:767px) {
.Guide-BioEditorUsers {
margin-top: 74px;
text-align: left
}
}
.Guide-BioEditorDescription {
margin-bottom: 44px;
color: #666
}
@media (max-width:767px) {
.Guide-BioEditorDescription {
margin-bottom: 32px
}
}
.Guide-BioEditorItem {
position: relative;
left: 50%;
text-align: left;
list-style: none
}
@media (max-width:767px) {
.Guide-BioEditorItem {
left: 0
}
.Guide-BioEditorItem+.Guide-BioEditorItem {
margin-top: 24px
}
}
.Guide-BioEditorItem--first {
margin-left: -190px
}
.Guide-BioEditorItem--second {
margin-left: 36px
}
.Guide-BioEditorItem--third {
margin-left: -280px
}
.Guide-BioEditorItem--fourth {
margin-top: 9px;
margin-left: -34px
}
.Guide-BioEditorItem--fifth {
margin-top: 50px;
margin-left: -190px
}
.Guide-BioEditorItem--sixth {
margin-top: 32px;
margin-left: -34px
}
@media (max-width:767px) {
.Guide-BioEditorItem--first,.Guide-BioEditorItem--second,.Guide-BioEditorItem--third,.Guide-BioEditorItem--fourth,.Guide-BioEditorItem--fifth,.Guide-BioEditorItem--sixth {
margin-left: 0
}
}
.Guide-BioEditorAvatar {
float: left;
margin-right: 16px;
display: block;
width: 50px;
height: 50px;
border-radius: 50%
}
.Guide-BioEditorBio {
font-size: 14px;
color: #999;
line-height: 50px
}
@media (max-width:767px) {
.Guide-BioEditorBio {
display: block;
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
}
.Guide-Topics {
position: relative
}
.Guide-fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.Guide-TopicsList {
margin: -14px auto 0;
max-width: 968px;
*zoom: 1
}
.Guide-TopicsList:before,.Guide-TopicsList:after {
display: table;
content: ""
}
.Guide-TopicsList:after {
clear: both
}
.Guide-TopicsList:before,.Guide-TopicsList:after {
display: table;
content: ""
}
.Guide-TopicsList:after {
clear: both
}
.Guide-topicsLoading {
padding-top: 100px;
color: #999;
font-size: 14px;
text-align: center
}
.Guide-TopicsItem {
float: left;
list-style: none;
margin: 14px 1.44628099%;
width: 16.52892562%;
cursor: pointer;
border-radius: 8px;
overflow: hidden
}
.Guide-TopicsItem:nth-child(5n+1) {
margin-left: 2.89256198%
}
.Guide-TopicsList--narrow .Guide-TopicsItem {
margin: 7.5px 2.04918033%;
width: 27.86885246%
}
.Guide-TopicsList--narrow .Guide-TopicsItem:nth-child(5n+1) {
margin-left: 2.04918033%
}
.Guide-TopicsList--narrow .Guide-TopicsItem:nth-child(3n+1) {
margin-left: 4.09836066%
}
.Guide-TopicsMask {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
background-image: -webkit-linear-gradient(top,rgba(0,0,0,.32),rgba(0,0,0,.6));
background-image: linear-gradient(to bottom,rgba(0,0,0,.32),rgba(0,0,0,.6));
-webkit-transition: .1s opacity ease-in-out;
transition: .1s opacity ease-in-out;
border-radius: 8px
}
html.no-touchevents .Guide-TopicsItem:hover .Guide-TopicsMask {
opacity: .6;
-ms-filter: "alpha(Opacity=60)"
}
.Guide-TopicsAvatar {
width: 100%;
height: 100%;
border-radius: 8px
}
.Guide-TopicsIcon {
position: absolute;
top: 14px;
right: 14px
}
@media (max-width:767px) {
.Guide-TopicsIcon {
top: 8px;
right: 8px
}
}
.Guide-TopicsName {
position: absolute;
bottom: 7.7px;
padding: 0 14px;
width: 100%;
font-size: 18px;
color: #fff;
box-sizing: border-box;
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
@media (max-width:767px) {
.Guide-TopicsName {
font-size: 16px;
bottom: 2.4px;
padding: 0 8px
}
}
.Guide-TopicsCheckedIcon {
display: none
}
.Guide-TopicsItem.is-checked .Guide-TopicsCheckedIcon {
display: block
}
.Guide-TopicsItem.is-checked .Guide-TopicsUnCheckedIcon {
display: none
}
.Guide-TopicsHint {
padding: 40px 0 160px;
text-align: center;
color: #999
}
@media (max-width:767px) {
.Guide-TopicsHint {
margin: 32px 20px 112px
}
}
.Guide-TopicsFooter {
position: fixed;
bottom: 0;
width: 100%;
height: 120px;
line-height: 120px;
text-align: center
}
@media (max-width:767px) {
.Guide-TopicsFooter {
height: 80px;
line-height: 80px
}
}
.Guide-TopicsSubmit {
position: relative;
padding: 9px 24px;
font-size: 18px
}
@media (max-width:767px) {
.Guide-TopicsSubmit {
padding: 6px 24px
}
}
.zm-middle-hilight-box {
border: solid 1px #c8c49d;
background: #f8f9e7 url(../images/img/home_enforce_real_name.a274a7bc.png) scroll no-repeat 14px 14px
}
.zm-middle-hilight-box-content {
padding: 20px 10px 10px 70px;
min-height: 30px
}
#zh-single-answer-author-info {
min-height: 55px
}
#zh-home-list-title {
font-size: 14px;
color: #666;
font-weight: 700
}
.zu-global-nitify-inner {
margin: 0 30px 0 25px
}
.zm-item-meta .zg-unfollow {
color: #999!important
}
.zu-home-sub-noti {
list-style: none;
padding: 0 0 0 20px;
border-left: 5px solid #eff6fa;
padding: 0 0 0 5px;
margin: 5px 0;
font-size: 12px;
color: #666;
line-height: 18px;
clear: both
}
.zu-home-noti-item-inner>.x-d>.x-a {
color: #25bb9b
}
.zu-home-noti-item {
list-style: none!important;
border-bottom: 1px solid #E7E7E7;
list-style-type: none!important;
margin-bottom: 8px;
padding: 0 0 8px;
zoom: 1
}
.x-m {
float: right;
display: inline;
text-indent: -9999px;
width: 18px;
height: 16px;
background: url(../images/img/close.c9ff4447.gif) no-repeat 100% center;
opacity: .1;
-ms-filter: "alpha(Opacity=10)";
margin: 3px 0 0 8px;
visibility: hidden
}
.zh-question-suggest-info .x-m {
background-position: 100% 5px;
margin: 2px 4px 0 0;
visibility: visible;
width: 14px
}
.x-e {
float: right;
color: #96B7DE;
visibility: hidden
}
html.touchevents .x-m,html.touchevents .x-e {
visibility: visible
}
.x-d {
display: block;
margin: 0
}
.zu-top-nav-live .x-m {
margin: 2px 0 0 3px
}
.zu-home-noti-item:hover>.x-m {
visibility: visible
}
.zu-home-noti-item:hover>.x-e {
color: #999;
visibility: visible
}
.x-m:hover {
opacity: .5;
-ms-filter: "alpha(Opacity=50)"
}
.zu-home-noti-sep {
border: 0;
border-top: 1px solid #e7e7e7;
clear: both;
height: 0;
margin: 5px 0
}
.zu-home-noti-inner {
margin: 0 0 10px;
padding: 0
}
.goog-scrollfloater {
z-index: 9
}
.zm-simple-list-item:hover>.x-m {
visibility: visible
}
.zm-simple-list-item:hover>.x-e {
color: #999;
visibility: visible
}
.zu-simple-item-list {
margin: 10px 0 0;
padding: 10px 0 0
}
.zm-simple-list-item .x-m {
display: none
}
.zm-simple-list-item-hilited {
background: #D6ECFA;
font-weight: 700
}
.zm-list-avatar {
float: left;
height: 25px;
width: 25px;
border: 0 none;
border-radius: 2px
}
.zm-list-avatar-medium {
float: left;
height: 50px;
margin: 2px 10px 0 0;
width: 50px;
border: 0 none;
border-radius: 5px
}
.zm-list-avatar-topic {
float: left;
height: 50px;
margin: 3px 15px 0 0;
width: 50px;
border: 0 none
}
.zm-list-avatar-link {
float: left
}
.zm-list-content {
margin: 0 0 0 35px
}
.zm-list-content-topic {
margin-left: 66px
}
.zm-list-content-maxheight {
max-height: 62px
}
.zm-list-content-topic {
margin-left: 66px
}
.zg-link-topic {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
max-height: 44px
}
.zm-list-title {
display: block;
overflow: hidden
}
.zm-list-content-medium {
margin: 0 0 0 64px
}
.zm-list-focus-button-wrap {
margin: 7px 0 0
}
.zm-list-content-title {
margin: 0
}
.zu-main-nav-current>.zg-title16 {
color: #eee
}
.zu-main-nav-a>.zg-title16 {
padding: 13px 0 0;
line-height: 20px
}
.zu-main-feed-con {
position: relative;
border-top: 1px solid #ccc
}
.zm-item-container {
padding: 15px 0 0
}
.zm-item {
margin: 6px 0 0
}
.zm-item-answer,.zm-item {
position: relative;
padding: 0;
outline: 0
}
.zm-item-answer {
margin-left: 48px
}
.zm-item-answer .answer-head {
min-height: 25px
}
#zh-question-log-list-wrap .zm-item {
padding: 10px 0 5px;
margin: 0
}
#zh-question-answer-collestions .zm-item {
padding: 8px 0 3px;
margin: 0
}
.zm-item .zm-item-answer-author-info .zm-item-link-avatar {
display: none
}
#zh-question-answer-wrap .zm-item-answer,.zm-item-answer+.zm-item-answer,.zm-item+.zm-item {
border-top: 1px solid #eee
}
.zm-item+.zm-item {
padding-top: 7px
}
#zh-question-collapsed-wrap>.zm-item-answer,#zh-question-answer-wrap>.zm-item-answer {
padding: 10px 0 5px
}
.zm-item.zm-item-h60 {
min-height: 60px
}
.zm-item.zm-item-h50 {
min-height: 50px
}
.zm-item.zm-item-h25 {
min-height: 25px
}
.zm-item.zm-item-collapsed {
background: #ccc!important
}
.zg-section-big {
margin: 0 0 15px
}
.zm-item-tag .cross {
margin-left: 6px;
margin-bottom: 2px
}
.zm-item-tag:hover .cross span {
background: #fff
}
.zm-meta-panel {
padding: 5px 0;
margin-bottom: -5px;
background: #fff
}
.zm-meta-panel a.collapse {
visibility: hidden
}
.zm-meta-panel .zg-follow {
color: #999
}
.zm-meta-panel .zg-follow:hover {
color: #58b
}
.zm-meta-panel>a,.zm-meta-panel>span {
color: #999;
vertical-align: middle
}
.zm-item-meta {
position: relative;
margin-bottom: 5px
}
.zm-item-meta .zm-meta-panel {
background: transparent
}
.zm-item-meta .zm-meta-panel a.collapse {
visibility: visible
}
.zm-item-meta .zm-item-meta-actions {
color: #999
}
.zm-item-meta .zm-item-meta-actions a {
color: #999
}
html.no-touchevents .zm-item-meta .zm-item-meta-actions a:hover {
color: #25bb9b
}
#zh-question-meta-wrap {
margin-bottom: 10px
}
#zh-question-meta-wrap>a.comment,#zh-question-meta-wrap>a.report {
margin: 0
}
.zm-item-answer .zm-item-link-avatar,.zm-item .zm-item-link-avatar,.zm-editable-editor-wrap .zm-item-link-avatar {
float: right;
height: 25px;
width: 25px
}
.zm-editable-editor-wrap .zm-item-link-avatar {
margin-top: -1px
}
.zm-item-link-avatar50 {
float: left;
height: 50px;
width: 50px;
margin: 0 10px 0 0
}
.zm-item-answer .zm-item-img-avatar,.zm-item .zm-item-img-avatar {
max-height: 25px;
max-width: 25px;
overflow: hidden;
border: 0 none;
float: left
}
.zm-item-img-avatar-left {
float: left;
margin: 2px 10px 0 0
}
.zm-item-img-avatar50 {
height: 50px;
width: 50px;
overflow: hidden;
border: 0;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0,0,0,.2)
}
.zm-item-title {
margin: 0 30px 3px 0
}
.zm-item-answer-owner .zm-item-vote {
display: block!important
}
.zm-item .zm-item-btn-collapse a {
display: inline;
padding-right: 14px;
background: url(../images/img/fold-video.eb40a520.png) no-repeat right center
}
.zm-item-answer-cc {
display: inline-block
}
.zm-item-answer-summary {
display: none
}
.zm-item-vote-info {
margin: 3px 0;
color: #999;
font-size: 0
}
.zm-item-vote-info .text {
font-size: 12px
}
.zm-item-vote-info .zm-item-vote-info {
font-size: inherit
}
.zm-item-vote-info .voters {
display: inline
}
.zm-item-vote-info .voters span {
display: inline-block;
white-space: nowrap
}
.zm-item-vote-info .voters .js-voteCount {
text-decoration: inherit
}
.zm-item-vote-info .voters .OrgIcon {
display: none
}
.zm-item-vote-info a {
color: inherit;
font-size: inherit
}
html.no-touchevents .zm-item-vote-info a:hover {
color: #25bb9b
}
.zm-item-answer-creator {
font-size: 13px
}
.zm-item-answer-author-info {
margin: 0 0 1px
}
.zm-item-answer-author-info a {
/*color: inherit*/
}
.zm-item-answer-author-info .author-link {
font-weight: 700
}
.zm-item-answer-author-info .cancel-anon {
margin-left: 8px
}
.zu-seamless-input-mock-element {
position: absolute;
top: 0;
left: 0;
z-index: -1;
text-align: left;
visibility: hidden
}
.zm-modal-dialog-warnmsg {
margin: 5px 0 5px 5px;
border-left: 3px solid #C3412F;
padding: 0 0 0 10px
}
#zh-global-spinner {
position: fixed;
top: 130px;
left: 0;
z-index: 101;
margin: 0;
width: 105px;
height: 30px;
line-height: 30px;
text-indent: 45px;
opacity: .5;
-ms-filter: "alpha(Opacity=50)";
filter: alpha(opacity=50);
color: #fff;
font-size: 90%;
font-weight: 700;
text-shadow: 0 1px #222;
border-radius: 0 5px 5px 0;
background: url(../images/img/ld.46a2f063.gif) #999 10px center no-repeat
}
.zm-settings-account .zm-form-table-wide {
width: 530px
}
.zm-settings-form-zippy .goog-zippy-expanded .zm-form-btn-expand {
display: none
}
.zm-settings-form-zippy-header {
margin-bottom: 5px
}
.zm-settings-form-pwd .goog-zippy-expanded {
display: none
}
.zm-settings-account .zm-form-hidden dt {
clear: left
}
.zm-pm-wrap {
position: relative
}
.zm-pm-wrap .zm-profile-email-history-link {
float: right
}
.zm-pm-wrap .zm-command {
line-height: 33px
}
.zm-pm-wrap .ac-renderer {
left: 62px;
top: 33px;
width: 196px
}
.zm-person-item {
overflow: hidden;
padding: 12px 0
}
.zm-person-item+.zm-person-item {
border-top: 1px solid #eee
}
.zh-settings-noti-form-wrapper .intro .img {
float: left
}
#zh-question-title>.zm-editable-editor-wrap {
clear: both
}
.zg-mt10 {
margin: 10px 0 0
}
iframe {
border: 0;
min-height: 60px
}
.zm-question-collapsed-list-loading {
height: 60px;
background: url(../images/img/spinner2.8f60205d.gif) no-repeat center
}
.navigable-focusin {
outline: 0
}
.zm-item-expanded .zu-autohide,
.navigable-focusin .zu-autohide,
.focusin .zu-autohide {
display: inline-block
}
html.no-touchevents .zm-item-meta>.zg-link-gray:hover {
color: #25bb9b!important
}
.topic-story-item h2 {
margin: 0
}
.zu-question-big-title {
font-size: 18px;
margin: 0 0 30px
}
#zh-question-title .zm-editable-editor-input {
font-size: 18px;
font-weight: 700;
line-height: 1.7;
min-height: 90px
}
.zu-bio-editor-wrap .zm-editable-editor-outer {
padding: 0
}
.zu-question-notify-wrap {
list-style: none;
padding: 0;
margin: 0
}
.zu-question-notify-item {
margin: 0
}
.zu-question-notify-wrap em {
color: #25bb9b;
font-style: normal;
cursor: pointer
}
.zu-question-notify-wrap em:hover {
text-decoration: underline
}
.zu-question-notify-wrap a {
color: #25bb9b;
font-style: normal;
cursor: pointer
}
.zu-question-notify-wrap a:hover {
text-decoration: underline
}
#zh-question-title>.zm-item-title {
display: inline;
margin: 0
}
#zh-question-title {
margin: 0 0 5px
}
.QuestionPage-titleButton {
vertical-align: 1px;
font-size: 12px;
line-height: 14px;
opacity: .7;
-ms-filter: "alpha(Opacity=70)"
}
.QuestionPage-titleButton:hover {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.QuestionPage-titleButton .sprite-global-icon-lock {
vertical-align: -1px
}
.zm-tag-editor {
margin: 0 0 5px
}
#zh-question-redirect-diag-content {
position: relative;
margin: 10px 0
}
#zh-question-redirect-diag-content .ac-renderer {
left: 1px;
top: 32px;
width: 398px
}
.zu-question-related-redirect-question>.zg-section {
margin: 0 0 5px
}
#zh-question-redirect-diag-content>.zg-form-text-input {
width: 374px
}
.zg-simple-editor-wrap {
padding: 4px;
border: solid 1px #aaa
}
#zh-question-title>.zm-item-title {
font-size: 18px
}
#zh-question-title>.zm-item-title .zm-editable-editor-wrap {
font-size: 13px
}
.zu-modify-reason-menu {
position: absolute
}
.sidebar-author-info .zm-profile-card {
padding: 0
}
.sidebar-author-info .zm-rich-follow-btn.nth-0 {
width: 60px
}
.sidebar-author-info .zm-profile-card .details {
display: none
}
#zh-question-side-header-wrap {
position: relative;
z-index: 2
}
#zh-question-side-header-wrap .follow-button {
margin-right: 10px
}
.zu-question-collap-title {
padding: 10px 0;
color: #999;
border-bottom: 1px solid #EEE
}
#zh-question-collapsed-wrap,#zh-question-answer-wrap {
border-bottom: 1px solid #EEE
}
.zu-small-avatar-list>.zm-item-link-avatar {
float: left;
margin: 3px 3px 0 0;
width: 25px;
height: 25px
}
.zm-tag-editor-command-buttons-wrap {
position: relative
}
.zm-tag-editor-command-buttons-wrap>.ac-renderer {
width: 235px;
top: 33px;
left: 1px
}
.zm-tag-editor-maxcount {
color: #999
}
.zm-tag-editor-maxcount span {
margin-right: 15px
}
.zh-question-suggest-info {
background: none repeat scroll 0 0 #FFF!important;
border-bottom: 1px solid #D2E1E8;
color: #888;
padding: 5px
}
#zh-question-suggest-info-close {
float: right;
color: #ccc
}
#zh-question-suggest-info-close:hover {
float: right;
color: #888;
text-decoration: none
}
#zh-question-suggest-info-close:hover>.x-m {
opacity: .5;
-ms-filter: "alpha(Opacity=50)"
}
.zh-question-censor-tip {
position: relative;
margin-top: 1em;
padding: 5px 0 5px 1em;
line-height: 2;
border: 1px solid #b9b481;
background: #fbf9e5;
border-radius: 4px;
color: #666
}
.zh-question-censor-tip .arrow-tip {
width: 13px;
height: 7px;
position: absolute;
top: -7px;
left: 1.5em;
background: url(../images/img/icon_warning_arrow_up.b143ed4f.png) no-repeat 0 50%
}
.zu-question-devider {
margin-top: 10px;
width: 100%;
border-bottom: solid 1px #ddd
}
.zh-answers-title {
position: relative;
padding: 10px 0;
line-height: 24px;
border-top: 1px solid #EEE
}
.zh-answers-title h3 {
margin: 0;
display: inline
}
.zh-answers-title h3 a {
font-size: 13px
}
.zh-answers-filter {
height: 24px;
border: 1px solid #fff;
cursor: pointer
}
html.no-touchevents .zh-answers-filter:hover {
border-color: #ddd;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-decoration: none
}
.zh-answers-filter,.zh-answers-filter-popup {
position: absolute;
right: -9px;
top: 50%;
margin-top: -13px
}
.zh-answers-filter-popup {
display: none;
z-index: 2;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-decoration: none;
background: #fff
}
.zh-answers-filter,.zh-answers-filter-popup>div {
height: 24px;
padding: 0 19px 0 7px;
color: #999;
outline: 0
}
.zh-answers-filter-popup>div {
position: relative;
display: block;
-webkit-user-select: none
}
.zh-answers-filter-popup>.selectable {
cursor: pointer
}
html.no-touchevents .zh-answers-filter-popup>.selectable:hover {
background: #eee;
text-decoration: none
}
.zh-answers-filter-popup>.selectable .zg-icon {
display: none
}
.zh-answers-filter .zg-icon-double-arrow,.zh-answers-filter-popup .zg-icon-double-arrow {
position: absolute;
right: 3px;
top: 4px
}
.zg-icon-double-arrow {
background-position: -191px -229px;
width: 14px;
height: 14px
}
.zm-menu {
border-radius: 3px;
min-width: 200px;
padding: 5px 0;
background: #fff;
border: solid 1px #ccc;
z-index: 100;
box-shadow: 0 1px 2px #ddd
}
.zm-menu-title {
color: #999;
margin: 0 0 10px;
padding: 0 0 0 10px
}
.zm-menu-item-link,.zm-menu-item-link:visited {
color: #999;
display: block;
padding: 3px 0 3px 9px;
text-decoration: none
}
.zm-menu-item-link:hover {
background: #d6e9f8;
text-decoration: none;
color: #444
}
.zm-menu-disabled:hover {
background: #fff
}
.question-item {
padding: 10px 0
}
.question-item-title {
margin: 0 0 4px
}
.question-item-meta {
color: #999
}
.question-item-meta .zg-follow {
color: #999
}
.question-item+.question-item {
border-top: 1px solid #eee
}
#zh-current-topic-bio .zm-editable-editor-outer {
padding: 0;
margin: 0
}
#zh-list-title>.zm-item-title {
font-size: 18px
}
#zh-list-title .zm-editable-editor-input {
font-size: 18px;
font-weight: 700
}
#zh-fav-list-side-related .zm-item-title {
font-size: 13px;
font-weight: 400;
margin: 0 30px 0 0
}
#zh-fav-list-side-related .zm-item-meta {
margin: 0
}
.zh-document {
font-size: 14px;
line-height: 2
}
.zh-document ol,.zh-document ul {
margin-left: 2em
}
.zh-document ol ol {
list-style-type: lower-alpha
}
.zh-document h1,.zh-document h2,.zh-document p,.zh-document li {
margin-bottom: 1em
}
.zh-document h1,.zh-document h2 {
font-size: 16px
}
.zh-document-sidenav {
position: fixed;
font-size: 14px;
list-style: none
}
.zh-document-sidenav li {
margin-bottom: 10px
}
.zh-document-sidenav a,.zh-document-sidenav a:hover,.zh-document-sidenav a:visited {
color: #333
}
.zg-star {
float: left;
margin: 4px 0 0;
width: 13px;
height: 13px;
overflow: hidden;
text-indent: -100px;
background: url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -108px -49px
}
a.zg-star:hover {
cursor: default;
text-decoration: none
}
#zh-virgin-answer-list .ignore {
display: none!important
}
.zm-profile-desc-label {
margin-left: 0!important
}
.zm-noti-header {
font-weight: 700;
font-size: 14px;
padding-bottom: 10px;
border-bottom: 1px solid #CCC;
position: relative
}
.zm-noti-cleaner-setting {
font-weight: 400;
font-size: 13px
}
.close {
float: right;
width: 16px;
height: 16px;
background: transparent url(../images/img/light_box_close.de97bb10.png) no-repeat;
opacity: .2;
-ms-filter: "alpha(Opacity=20)";
filter: alpha(opacity=20)
}
html.no-touchevents .close:hover {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: .4;
-ms-filter: "alpha(Opacity=40)";
filter: alpha(opacity=40)
}
button.close {
padding: 0;
cursor: pointer;
border: 0;
-webkit-appearance: none
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
.feed-item .time {
float: none
}
.feed-item .collapse {
display: none!important
}
.feed-item .hide-in-iphone {
display: none!important
}
}
html.touchevents .zu-autohide {
display: inline-block
}
html.touchevents .feed-item .more_opt,html.touchevents .feed-item .ignore {
visibility: hidden!important;
display: none!important
}
.zm-invite-title {
margin-bottom: 10px
}
.zm-invite-title select {
float: right;
margin-top: 2px
}
.zm-invite-sort {
float: left;
padding: 5px 10px;
background-color: #FBFBFB;
margin-bottom: 15px
}
.zm-invite-sort-item {
padding: 0 10px;
color: #07B;
cursor: pointer
}
.zm-invite-sort-item.active {
font-weight: 700;
color: #444
}
.zm-invite-ignore-all {
display: block;
float: right;
cursor: pointer;
padding: 5px 14px;
color: #666
}
.zm-invite-item {
padding: 10px 0
}
.zm-invite-item+.zm-invite-item {
border-top: 1px solid #eee
}
.zm-invite-page-empty-msg {
padding: 20px;
text-align: center;
vertical-align: middle
}
.zm-invite-item-info {
margin-right: 60px
}
.zm-invite-item-meta a {
color: #222
}
.zm-invite-item-info h3 {
margin: 0 0 4px
}
.border-pager {
margin-bottom: 10px;
margin-top: 10px;
border-top: 1px solid #eee;
padding-top: 10px
}
.zm-invite-pager {
text-align: center
}
.zm-invite-pager span {
padding: 0 10px;
font-size: 14px
}
html.touchevents .topic-item .pin,html.touchevents .topic-item .unpin {
visibility: visible!important
}
html.touchevents .topic-item .unfollow {
display: none!important
}
.zm-item-fav .zm-item-meta-extra {
margin-left: 48px
}
.page-explore .page-title {
padding-bottom: 10px;
color: #666;
border-bottom: 1px solid #ccc
}
.page-explore .page-title .subtitle {
font-size: 12px
}
.page-explore .page-title>a {
margin-top: 3px
}
.page-explore .top-recommend-feed .zh-summary {
cursor: default
}
.page-explore .pagination {
margin-top: 5px;
padding-top: 8px;
border-top: 1px solid #ccc
}
.explore-side-section.zm-side-section {
margin: 0
}
.explore-side-section .section-title {
border: 0
}
.explore-side-section .list {
list-style: none
}
.explore-side-section .list>li {
padding-bottom: 1em
}
.explore-side-section .list>li+li {
padding-top: 1em;
border-top: 1px solid #eee
}
.explore-side-section .avatar-link {
float: left;
margin-right: 10px
}
.explore-side-section .content {
overflow: hidden
}
.explore-side-section .meta {
color: #999
}
.explore-side-section .bottom {
margin-top: 5px;
clear: both
}
.explore-feed-meta>a,.explore-feed-meta {
color: #999
}
.explore-editor-recommends .feed-title {
font-weight: 400
}
.explore-editor-recommends .top-recommend-feed>.feed-title {
font-size: 17px
}
.explore-editor-recommends .top-recommend-feed .zm-votebar,.explore-editor-recommends .top-recommend-feed .zm-item-vote {
top: 42px
}
.explore-editor-recommends .recommend-feed>.feed-title {
font-size: 15px
}
.explore-editor-recommends .recommend-feed .feed-meta {
padding-top: 3px
}
.explore-tab {
margin-top: 10px
}
.explore-tab .tab-navs .tab-nav>a {
color: #999
}
html.no-touchevents .explore-tab .tab-navs .tab-nav>a:hover {
background: #eee
}
.explore-tab .tab-navs .tab-nav.active>a {
color: inherit
}
.zm-item-post {
position: relative;
margin-left: 48px;
outline: 0
}
.zm-item-post .collapse {
display: none
}
.zm-item-post .author-info {
font-weight: 700
}
.zm-item-post .author-info a {
color: inherit
}
.segment {
position: relative;
padding: 10px 12px;
border: 1px solid #eee;
border-radius: 2px;
overflow: hidden
}
html.flexbox .segment {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: visible
}
.feed-item .segment .avatar {
float: left;
margin: 0 15px 0 0
}
html.flexbox .feed-item .segment .avatar {
float: none
}
.segment-content {
position: relative;
overflow: hidden
}
html.flexbox .segment-content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: visible
}
.segment-content-centered {
text-align: center
}
.segment-header,.segment-meta {
margin-right: 120px
}
@media (max-width:480px) {
.segment-header,.segment-meta {
margin-right: 0
}
}
.segment-header {
font-weight: 400
}
.segment-meta {
margin-top: 4px;
color: #999
}
.segment-paragraph {
margin-top: 1em
}
.segment-extra {
position: absolute;
top: 50%;
right: 0;
margin-top: -11px
}
@media (max-width:480px) {
.segment-extra {
position: static;
margin-top: 4px
}
}
.validation-reminder-segment {
padding: 25px 12px 25px 140px;
background-image: url(../images/img/topstory/actioncard-validation-bg.9f55ea4e.png);
background-size: 100px 57px;
background-position: 20px bottom;
background-repeat: no-repeat
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
.validation-reminder-segment {
background-image: url(../images/img/topstory/actioncard-validation-bg@2x.dd6f3009.png)
}
}
@media (max-width:480px) {
.validation-reminder-segment {
padding: 10px 12px;
background: 0 0
}
}
.headline-reminder-form {
position: relative
}
html.flexbox .headline-reminder-form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.headline-reminder-fields {
padding-right: 62px
}
html.flexbox .headline-reminder-fields {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 0
}
.headline-reminder-input {
box-sizing: border-box;
width: 100%
}
.headline-reminder-input::-webkit-input-placeholder {
color: #ccc
}
.headline-reminder-input::-moz-placeholder {
color: #ccc
}
.headline-reminder-input:-ms-input-placeholder {
color: #ccc
}
.headline-reminder-input::placeholder {
color: #ccc
}
.headline-reminder-actions {
position: absolute;
top: 0;
right: 0;
margin-left: 12px
}
html.flexbox .headline-reminder-actions {
position: static
}
.headline-reminder-instruction {
display: none;
margin-top: 18px
}
.headline-reminder-examples {
line-height: 25px
}
html.flexbox .headline-reminder-examples {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media (max-width:767px) {
html.flexbox .headline-reminder-examples {
display: block
}
}
@media (max-width:767px) {
.headline-reminder-examples-title {
display: block;
margin-bottom: 18px
}
}
html.flexbox .headline-reminder-users {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
@media (max-width:767px) {
.headline-reminder-users {
display: inline-block
}
}
.headline-reminder-user {
padding: 0 10px
}
.feed-item .headline-reminder-user .avatar {
display: inline-block;
vertical-align: top;
float: none;
margin: 0 5px 0 0
}
.headline-reminder-name {
color: #999
}
.avatar-reminder-avatar-wrapper {
position: relative
}
.avatar-reminder-avatar-wrapper .spinner {
display: inline-block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: url(../images/img/spinner2.8f60205d.gif) 44px no-repeat
}
.actioncard {
}
.actioncard-content,.actioncard .items {
margin: .5em 0 .6em
}
.actioncard-button {
margin: 0;
padding: 0;
font-size: inherit;
color: #999;
background: 0 0;
border: 0;
cursor: pointer
}
html.no-touchevents .actioncard-button:hover {
color: #58b;
text-decoration: underline
}
.actioncard .pager.mobile {
margin-top: .5em;
text-align: center
}
.actioncard .pager.mobile a {
margin: 0
}
.actioncard .pager.mobile a[href] {
color: #999
}
.actioncard .pager a {
margin-left: .5em;
cursor: pointer;
color: #25bb9b;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.actioncard .pager a:hover {
text-decoration: none
}
.actioncard .pager .disabled {
cursor: default;
color: #999
}
.actioncard h2 {
font-weight: 400;
font-size: 13px;
color: #999
}
.actioncard .topic-list-popular .topic {
margin-right: 5%;
float: left;
width: 21.25%
}
.actioncard .topic-list-popular .topic:last-child {
margin: 0
}
.actioncard .topic-list-popular .topic .meta {
margin-bottom: 3px;
letter-spacing: -1px
}
.actioncard .topic-list-popular .name-link {
display: inline-block;
max-width: 100%;
line-height: 1
}
.actioncard .topic-list-popular .avatar-link {
display: block
}
.actioncard .topic-list-popular .avatar-link img {
width: 100%;
border-radius: 4px
}
.actioncard .topic-list-popular button[data-follow] {
width: 100%
}
@media (max-width:480px) {
.actioncard .topic-list-popular .topic {
margin-bottom: 1em;
float: none;
width: 100%
}
.actioncard .topic-list-popular .item-body {
padding: 0 1em
}
.actioncard .topic-list-popular .avatar-link,.actioncard .topic-list-popular .item-body {
float: left
}
.actioncard .topic-list-popular .avatar-link {
width: 48px;
height: 48px
}
.actioncard .topic-list-popular button[data-follow] {
float: right;
width: auto
}
}
.actioncard .topic-list-suggested {
border: 1px solid #eee;
border-radius: 2px
}
.actioncard .topic-list-suggested .topic {
float: left;
box-sizing: border-box;
width: 33.33%;
padding: 10px 16px
}
.actioncard .topic-list-suggested .topic+.topic {
border-left: 1px solid #eee
}
.actioncard .topic-list-suggested .topic .topic-img-wrap {
float: left;
position: relative
}
.actioncard .topic-list-suggested .topic .topic-img-wrap .topic-img {
width: 45px;
height: 45px;
border-radius: 2px;
vertical-align: bottom
}
.actioncard .topic-list-suggested .topic .topic-img-wrap:after {
content: '';
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
border: 1px solid rgba(80,80,80,.1);
border-radius: 2px
}
.actioncard .topic-list-suggested .topic .topic-intro {
box-sizing: border-box;
height: 45px;
padding: 4px 0 4px 17px;
line-height: 1.35;
overflow: hidden
}
.actioncard .topic-list-suggested .topic .topic-intro .topic-name {
display: inline-block;
max-width: 100%;
color: inherit;
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.actioncard .topic-list-suggested .topic .topic-intro .topic-follow {
color: #999
}
.actioncard .topic-list-suggested .topic .topic-intro .topic-follow:hover {
color: #58b
}
@media (max-width:767px) {
.actioncard .topic-list-suggested .topic {
width: 50%
}
.actioncard .topic-list-suggested .topic:last-child {
display: none
}
}[class*=sprite-topstory-icon-] {
display: inline-block;
vertical-align: middle
}
.sprite-topstory,[class*=sprite-topstory-] {
background-image: url(../images/img/topstory/sprites.auto.ebf39759.png);
background-repeat: no-repeat
}
.sprite-topstory-icon-ad-menu-down {
background-position: 0 0;
width: 10px;
height: 6px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-topstory,[class*=sprite-topstory-] {
background-image: url(../images/img/topstory/sprites@2x.auto.d5ba6ef4.png);
background-size: 10px 6px
}
}
.AdFeed-menuBtn {
position: absolute!important;
top: 11px;
right: 0;
padding: 1px 8px;
border: 0;
border-radius: 3px;
background: #eff6fa;
color: #25bb9b;
font-size: 100%;
cursor: pointer;
outline: 0
}
.AdFeed-impression {
position: absolute;
width: 0;
height: 0;
left: -100000px;
top: -100000px
}
.ImageAdFeed-attachment,.CardAdFeed-attachment {
display: block
}
.ImageAdFeed-image {
width: 100%;
border-radius: 4px
}
.CardAdFeed-attachment {
-webkit-tap-highlight-color: rgba(225,225,225,.5);
position: relative;
cursor: pointer;
*zoom: 1;
color: inherit
}
.CardAdFeed-attachment .inline-img {
float: left;
height: 112px;
width: 200px;
border-radius: 4px;
margin: 1px 10px 5px 0
}
.CardAdFeed-attachment:before,.CardAdFeed-attachment:after {
display: table;
content: ""
}
.CardAdFeed-attachment:after {
clear: both
}
.CardAdFeed-attachment:before,.CardAdFeed-attachment:after {
display: table;
content: ""
}
.CardAdFeed-attachment:after {
clear: both
}
.CardAdFeed-attachment:hover {
text-decoration: none
}
.CardAdFeed-button {
color: #25bb9b
}
.CardAdFeed-attachment:hover .CardAdFeed-button {
text-decoration: none;
background-color: #eff6fa
}
.HomeTopics {
padding-bottom: 8px;
border-bottom: 1px solid #eee
}
.HomeTopics-title {
float: left;
color: #666
}
.HomeTopics-list {
margin-top: 10px;
*zoom: 1
}
.HomeTopics-list:before,.HomeTopics-list:after {
display: table;
content: ""
}
.HomeTopics-list:after {
clear: both
}
.HomeTopics-list:before,.HomeTopics-list:after {
display: table;
content: ""
}
.HomeTopics-list:after {
clear: both
}
.HomeTopics-item.zm-item-tag {
margin: 0 8px 8px 0
}
.HomeTopics-moreLink {
float: left;
margin-left: 3px;
color: #999
}
.feed-item.topic-story-item .entry-body {
margin-left: 48px
}
.feed-item.topic-story-item .ignore {
top: 9px
}
.zm-item-expanded .question-description+.entry-body {
border-top: solid 1px #eee;
margin-top: 0;
padding-top: 6px
}
a.zu-main-feed-fresh-button {
display: block;
background-color: #eff6fa;
text-align: center;
margin: 12px 0 2px;
padding: 4px 10px;
border-radius: 4px;
color: #777;
text-shadow: 0 1px 0 #fff;
text-decoration: none!important;
cursor: pointer;
border: 1px solid #cce1ef
}
a.zu-main-feed-fresh-button:hover,a.zu-main-feed-fresh-button:active {
background: #daedf5;
border: 1px solid #c7dff0;
color: #666
}
.feed-item.combine {
margin-left: 48px
}
.feed-item.combine .feed-content h2,.feed-item.combine .avatar,.feed-item.combine .feed-question-detail-item,.feed-item.combine .feed-source {
display: none
}
.feed-item.combine .feed-main {
margin-left: 0
}
.feed-item.combine .feed-content,.feed-item.combine .entry-body {
margin-top: 0
}
.feed-item.combine .ignore {
display: none
}
.feed-item.combine.first-combine {
margin-left: 0
}
.feed-item.combine.first-combine .feed-content,.feed-item.combine.first-combine .entry-body {
margin-top: 2px
}
.feed-item.combine.first-combine .feed-content h2,.feed-item.combine.first-combine .avatar,.feed-item.combine.first-combine .feed-question-detail-item,.feed-item.combine.first-combine .feed-source {
display: block
}
.feed-item.combine.first-combine .feed-main {
margin-left: 48px
}
.feed-item.combine.first-combine .ignore {
display: block
}
#home-settings-page-wrap .home-settings-content {
border-top: 1px solid #CCC
}
#home-settings-page-wrap .home-settings-section {
padding: 15px 0 10px
}
#home-settings-page-wrap .home-settings-section+.home-settings-section {
border-top: 1px solid #eee
}
.feed-item .zm-item-btn-collapse a {
display: inline;
padding-left: 14px;
background: url(../images/img/fold-video.eb40a520.png) no-repeat left center
}
.feed-item .text-summary ol,.feed-item .text-summary ul {
}
.feed-item .text-summary {
position: relative
}
.feed-item {
padding: 10px 0;
position: relative;
margin-left: 0;
outline: 0
}
.feed-item .zm-votebar {
display: none;
margin-top: -1px
}
.feed-item .zm-item-vote {
margin-top: -1px
}
.feed-item .time {
display: inline-block;
font-size: 12px;
color: #999;
margin-left: 2px;
float: right
}
.feed-item .entry-body,.feed-item .zm-item-answer {
margin-top: 3px
}
h2+.meta {
margin: 0
}
.feed-item .avatar {
float: left;
margin: 3px 0 0
}
.feed-item .avatar,.feed-item .avatar a,.feed-item .avatar img {
display: block;
width: 38px;
height: 38px
}
.feed-item .avatar img {
border-radius: 3px
}
.feed-main {
margin-left: 48px;
position: relative;
}
.feed-main>.title {
color: #999
}
.feed-main>.title>.zg-link {
color: #999
}
.feed-item .entry-body {
/*position: relative*/
}
.entry-body .zm-item-vote,.zm-item-answer .zm-item-vote,.zm-item-feed .zm-item-vote,.zm-item-answer .zm-item-answer-summary {
display: block
}
.entry-body .zm-item-vote-info,.entry-body .full-content,.zm-item-answer .zm-votebar,.zm-item-feed .zm-votebar,.zm-item-answer .zm-item-vote-info,.zm-item-feed .zm-item-vote-info {
display: none
}
.zm-item-expanded .zm-item-vote,.zh-question-answer-wrapper .zm-item-vote,.zm-item-expanded div.text-summary,.zm-item-expanded .zm-item-answer-summary {
display: none
}
.zm-item-expanded .zm-votebar,.zh-question-answer-wrapper .zm-votebar,.zh-question-answer-wrapper .zm-item-vote-info,.zm-item-expanded .zm-item-vote-info,.zm-item-expanded .zm-item-meta,.zm-item-expanded a.collapse,.zm-item-expanded .full-content {
display: block
}
.expandable .visible-expanded {
display: none
}
.expandable.zm-item-expanded .visible-expanded,.zm-item-expanded .expandable .visible-expanded {
display: block
}
.feed-item .hidden-default {
display: none
}
.feed-item.zm-item-expanded .hidden-default {
display: block
}
.feed-item .entry-link {
color: #999
}
.feed-source,.feed-source a {
color: #999
}
.feed-source .zg-bull {
font-size: 12px
}
.feed-source .OrgIcon {
display: none
}
.feed-source a.follow-topic {
color: #25bb9b
}
html.no-touchevents .feed-source a.follow-topic:hover {
padding: 0 2px;
text-decoration: none
}
html.no-touchevents .feed-source a:hover {
color: #25bb9b
}
.question-description+.toggle-expand:hover {
text-decoration: none
}
.feed-item .zm-tag-editor-labels {
margin: 5px 0 0;
display: none
}
.feed-item .question-description {
display: none;
padding-bottom: 6px
}
.feed-item.zm-item-expanded .zm-tag-editor-labels,.feed-item.zm-item-expanded .question-description {
display: block
}
.feed-summary {
overflow: auto
}
.feed-summary b {
font-weight: 400
}
.feed-thumbnail {
display: inline;
max-height: 100px;
max-width: 120px;
float: left;
margin: 4px 10px 5px 0
}
.feed-item .ignore {
position: absolute;
right: 0;
top: 35px;
display: inline-block;
text-indent: -9999px;
width: 20px;
height: 20px;
background-image: url(../images/img/sprites-1.9.2.4c54885a.png);
background-repeat: no-repeat;
background-position: -261px -62px
}
.feed-item .ignore:hover {
background-position: -261px -42px
}
.feed-item .feed-content h2 {
margin-right: 20px
}
.feed-item .more_opt {
cursor: pointer
}
.feed-item .more_opt:hover .options {
display: block
}
.feed-item .ssep {
border-top: 1px solid #EEE;
margin: 3px 10px
}
.feed-item .options {
position: absolute;
display: block;
right: 15px;
top: 18px;
border: 1px solid #DDD;
padding: 3px 0;
box-shadow: 0 1px 2px #EEE;
border-radius: 4px 0 4px 4px;
z-index: 1;
background: #fff;
display: none
}
.feed-item .options a {
color: #666;
padding: 2px 10px;
display: block
}
.feed-item .options a:hover {
text-decoration: none;
background: #d6e9f8
}
.feed-item .dot {
margin: 0 2px;
color: #ddd;
font-family: Arial
}
.feed-item .sep {
font-size: 10px;
display: inline-block;
height: 10px;
border-left: 1px solid #EEE
}
.feed-item .zm-item-vote-info,.feed-item .zm-item-answer-author-info {
margin-bottom: 2px
}
.feed-item .zm-item-vote-info.empty {
margin: 0
}
.feed-item .zm-item-meta {
margin-bottom: 0
}
.feed-item .answer-head {
min-height: 0
}
.feed-item .author {
font-weight: 700
}
.feed-item .author a {
color: #222;
font-weight: 700
}
.feed-item .author a:hover {
color: #25bb9b
}
.feed-item a.question {
font-size: 14px;
font-weight: 700;
display: inline-block
}
.feed-item .meta {
color: #999;
margin-bottom: 0
}
.feed-item .downvote {
padding-left: 6px
}
.feed-item .upvote {
}
.feed-item .upvote i,.feed-item .downvote i {
margin-right: 5px
}
.feed-item .collapse {
display: none;
float: right
}
.feed-item .comment,.feed-item .collect,.feed-item .vote_actions,.feed-item .follow {
}
.feed-item .comment i,.feed-item .collect i,.feed-item .share i,.feed-item .collapse i,.feed-item .follow i {
margin-right: 5px
}
.feed-item .more_opt {
visibility: hidden
}
.feed-item:hover .more_opt {
visibility: visible
}
.answer_snippet {
margin-top: 4px
}
.answer_snippet {
}
.feed-item+.feed-item {
border-top: 1px solid #eee
}
.feed-divider {
margin-bottom: 12px;
text-align: center;
font-size: 12px;
line-height: 1;
border-bottom: 1px solid #ddd
}
.feed-divider span {
position: relative;
padding: 0 13px;
top: 6px;
color: #aaa;
background-color: #fff
}
#zh-question-collapsed-wrap .zm-item-answer:first-child .zm-item-answer-detail {
border-top: 0
}
.manage-menu .goog-menuitem-content {
color: #999
}
.manage-menu .goog-menuitem-accel {
color: #ccc;
direction: ltr;
left: auto;
padding: 0 6px;
position: absolute;
right: 0;
text-align: right
}
.manage-menu .goog-menuitem {
color: #000;
font: 400 13px Arial,sans-serif;
list-style: none;
margin: 0;
padding: 4px 2em 4px 10px;
white-space: nowrap
}
.manage-menu .goog-submenu-arrow {
left: auto;
padding-right: 6px;
position: absolute;
right: 0;
text-align: right
}
.maybe-intrests {
padding: 8px 15px
}
.maybe-intrests .feed-item+.feed-item {
border-top: 1px dotted #EEE
}
.maybe-intrests .feed-item {
margin-left: 0
}
.maybe-intrests .feed-item .feed-main {
margin-left: 0
}
.maybe-intrests .feed-item .feed-main .feed-source a {
color: #000
}
.maybe-intrests .feed-item .entry-body {
margin-left: 48px
}
.maybe-intrests .feed-item h2 {
margin-bottom: 2px
}
.maybe-intrests .feed-item .feed-meta {
margin-left: 48px
}
.maybe-intrests .feed-item .feed-meta .ignore {
display: none
}
.maybe-intrests .ignore,.maybe-intrests .avatar {
display: none
}
.maybe-intrests .header {
border-bottom: 1px dotted #eee;
margin: 0 -15px;
padding: 0 15px 8px
}
.feed-item .feed-topic-detail {
margin-top: 10px;
*zoom: 1
}
.feed-item .feed-topic-detail:before,.feed-item .feed-topic-detail:after {
display: table;
content: ""
}
.feed-item .feed-topic-detail:after {
clear: both
}
.feed-item .feed-topic-detail:before,.feed-item .feed-topic-detail:after {
display: table;
content: ""
}
.feed-item .feed-topic-detail:after {
clear: both
}
.feed-item .feed-topic-detail .topic-name {
font-size: 14px
}
.feed-item .feed-topic-detail .topic-avatar {
float: left;
width: 75px;
height: 75px;
margin-right: 10px
}
.feed-item .feed-topic-detail .topic-avatar img {
border-radius: 3px;
width: 75px;
height: 75px
}
.feed-item .feed-topic-detail .summary {
color: #999
}
.feed-item .author-info a {
/*color: inherit;*/
font-weight: 700
}
.feed-hide-options {
margin-left: 48px;
color: #999
}
.feed-hide-options .close-button {
position: absolute;
right: 0;
top: 10px
}
.feed-hide-options .line+.line {
margin-top: 6px
}
.feed-hide-options .revert-button {
color: #999
}
.feed-hide-options .option-more a {
color: #222
}
.feed-hide-options .option-more .icon {
margin-right: 8px
}
.post-body a.collapse {
margin-top: 23px;
margin-left: 10px
}
.feed-item .undo-dislike-options {
margin-left: 48px;
position: relative;
display: none;
color: #999
}
.feed-item .undo-dislike-options .close {
position: absolute;
right: 0;
top: 0;
display: inline-block;
text-indent: -9999px;
width: 20px;
height: 20px;
background-image: url(../images/img/sprites-1.9.2.4c54885a.png);
background-repeat: no-repeat;
background-position: -261px -62px;
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.feed-item .roundtable,.feed-item .column {
padding-top: 5px;
overflow: hidden
}
.feed-item .roundtable .left,.feed-item .column .left {
float: left;
margin-right: 15px
}
.feed-item .roundtable .left img,.feed-item .column .left img {
width: 100px
}
.feed-item .roundtable .right,.feed-item .column .right {
position: relative;
overflow: hidden
}
.feed-item .roundtable .content,.feed-item .column .content {
padding: 0 0 5px
}
.feed-item .roundtable .info,.feed-item .column .info {
border-top: 1px solid #eee;
padding: 6px 0 0
}
.feed-item .roundtable .left img {
border-radius: 4px
}
.feed-item .roundtable .info-organization,.feed-item .roundtable .info-guest {
color: #999
}
.feed-item .column[data-entry-url] {
cursor: pointer
}
.feed-item .column .left img {
border-radius: 50%
}
.feed-item .column .info-title,.feed-item .column .info-time {
color: #999
}
.feed-item .column .info-content {
color: #222;
cursor: pointer
}
.zh-general-list.topstory .feed-source .time {
margin-left: 0;
float: none
}
.zh-general-list.topstory .feed-meta .ignore {
top: 11px
}
.rq3-publiceditlink {
position: relative
}
.rq3-publiceditlink>.tour {
padding-left: 35px;
position: absolute;
left: 106px;
top: -21px;
width: 180px;
height: 70px;
color: #666;
line-height: 70px;
background: url(../images/img/2013/publiceditlink-tour-card.d1795431.png) 0 0 no-repeat
}
.rq3-publiceditlink>.tour>.icon {
margin-left: 4px
}
@media only screen and (max-device-width:450px) {
.rq3-publiceditlink>.tour {
display: none
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
.rq3-publiceditlink>.tour {
background-image: url(../images/img/2013/publiceditlink-tour-card@2x.bf26f53e.png);
background-size: contain
}
}
hr.devider {
margin: 22px 0;
border: 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #fff
}
.devider.hr-medium {
margin: 11px 0
}
.home-suggest-block {
margin: 0 0 20px
}
.bordered-block {
border: solid 1px #ddd;
border-radius: 4px
}
.bordered-block .head {
border-bottom: 1px solid #DDD
}
.bordered-block .head-inner {
padding: 10px 15px;
font-size: 14px;
color: #666
}
.home-suggest-block .head-inner {
text-align: center;
padding: 10px 15px;
font-size: 14px;
color: #666;
margin: 10px 0
}
.bordered-block .close {
margin: 4px 0 0
}
.suggest-list {
position: relative;
margin: 0;
padding: 0;
min-height: 172px
}
.suggest-list .bubble-loading {
position: absolute;
top: 50%;
left: 50%;
margin-top: -12px;
margin-left: -12px
}
.suggest-item {
width: 33.2%;
display: block;
zoom: 1;
float: left;
margin: 0
}
.avatar-img-25 {
width: 25px;
height: 25px;
border-radius: 1px
}
.avatar-img-40 {
width: 40px;
height: 40px;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.1)
}
.avatar-img-50 {
width: 50px;
height: 50px;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.1)
}
.suggest-item+.suggest-item {
border-left: solid 1px #ddd
}
.suggest-item-inner {
padding: 12px 15px
}
.suggest-item-inner .image-link {
float: left;
width: 40px;
height: 40px;
margin: 2px 0 0
}
.suggest-item-inner .item-link {
font-size: 14px;
font-weight: 700
}
.item-info-major {
color: #666
}
.item-info-minor {
color: #999
}
.suggest-item-inner .details {
margin: 8px 0 0;
height: 22px;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.suggest-item-inner .item-main {
overflow: hidden;
padding: 0 0 0 12px
}
.suggest-item-inner .zm-item-link-avatar img {
width: 35px;
position: absolute
}
.suggest-item-inner .suggest-item-main {
overflow: hidden;
padding: 0 0 0 40px
}
.suggest-item-inner .item-extra {
line-height: 22px
}
.suggest-list+.zu-button-more {
margin: 10px 15px 15px
}
.suggest-item-inner .summary {
height: 26px
}
.suggest-list.vertical {
min-height: 400px
}
.suggest-list.vertical .suggest-item {
width: 100%;
float: none
}
.suggest-list.vertical .suggest-item+.suggest-item {
border-left: 0;
border-top: solid 1px #eee
}
.bordered-block-menu {
margin: -1px 0 0 0;
float: left;
border-right: solid 1px #ddd
}
.bordered-block-menu-item {
display: block;
zoom: 1;
margin: 0
}
.bordered-block-menu-link {
color: #333;
display: block;
border-bottom: solid 1px transparent;
border-top: solid 1px transparent
}
.bordered-block-menu-link:hover {
text-decoration: none
}
html.no-touchevents .bordered-block-menu-link:hover {
margin: 0
}
html.no-touchevents .bordered-block-menu-link:hover .bordered-block-menu-text {
background: #fafafa;
color: #222
}
.goog-tab-selected .bordered-block-menu-link {
border: solid 1px #ccc;
margin: 0 -1px
}
.goog-tab-selected .bordered-block-menu-text,html.no-touchevents .goog-tab-selected .bordered-block-menu-link:hover .bordered-block-menu-text {
background: #FBFBFB;
box-shadow: inset 0 0 10px #EAEAEA;
color: #222
}
.bordered-block-menu-text {
display: block;
padding: 10px 15px;
color: #666
}
.suggest-people-by-class .suggest-list {
border-left: solid 1px #ddd;
overflow: hidden;
margin-left: -1px
}
.zu-main.with-indention-votebar .zu-main-content-inner {
margin-left: 48px
}
@media (max-width:480px) {
.zu-main.with-indention-votebar .zu-main-content-inner {
margin: 0 10px
}
}
.zu-main.with-indention-votebar .zu-main-content-inner .zm-item-answer {
margin-left: 0
}
.zh-question-related-questions li {
list-style: none;
margin-bottom: 8px
}
.zh-question-related-questions .num {
display: inline-block;
color: #999
}
.zh-question-related-questions .next {
margin-top: 1px;
color: #999;
cursor: pointer;
text-decoration: none
}
.question-status {
background: #f6f6f6;
border-radius: 4px;
margin: 0 0 20px;
padding: 14px 20px;
box-shadow: 0 1px 0 rgba(0,0,0,.06)
}
.question-status h4 {
font-size: 18px
}
.question-status .reason {
margin-top: 4px
}
.question-status .note {
color: #999;
margin-top: 4px
}
.question-tip-box-bottom {
margin-top: 15px;
border-top: 1px solid #eee;
padding: 10px 0;
color: #666
}
.question-tip-box-bottom a[name=cancel] {
margin-right: 10px
}
.first-question-tip {
margin-bottom: 20px;
padding: 10px;
color: #666;
line-height: 1.9;
border: 1px solid #eee;
border-radius: 4px
}
.first-question-tip h4 {
color: #222
}
.first-question-tip ul {
list-style-position: inside
}
.question-page-pager {
margin-top: 10px
}
.user-guiding-dialog ol {
margin-left: 18px
}
.user-guiding-dialog .command {
overflow: hidden;
margin-top: 15px;
background-size: contain;
background-repeat: no-repeat
}
.user-guiding-dialog .command a {
display: block;
float: right
}
.user-guiding-dialog .modal-dialog-content {
margin: 20px 0
}
.user-guiding-dialog .view-firsttip .command {
background-image: url(../images/img/user_guiding/tips-search.a5c9d0d8.png)
}
.user-guiding-dialog .view-firsttip .command a {
margin-top: 95px
}
@media (max-width:480px) {
.user-guiding-dialog .view-firsttip .command a {
margin-top: 140px
}
}
.user-guiding-dialog .view-secondtip .command {
background-image: url(../images/img/user_guiding/tips-topic.71d765fe.png)
}
.user-guiding-dialog .view-secondtip .command a {
margin-top: 65px
}
@media (max-width:480px) {
.user-guiding-dialog .view-secondtip .command a {
margin-top: 100px
}
}
.user-guiding-dialog .view-thirdtip .command {
background-image: url(../images/img/user_guiding/tips-invite.6f61c0e2.png)
}
.user-guiding-dialog .view-thirdtip .command a {
margin-top: 55px
}
@media (max-width:480px) {
.user-guiding-dialog .view-thirdtip .command a {
margin-top: 106px
}
}[class*=sprite-topic-exprience-icon-] {
display: inline-block;
vertical-align: middle
}
.sprite-topic-exprience,[class*=sprite-topic-exprience-] {
background-image: url(../images/img/topic-exprience/sprites.auto.7b1b5bb9.png);
background-repeat: no-repeat
}
.sprite-topic-exprience-icon-add {
background-position: 0 0;
width: 14px;
height: 14px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-topic-exprience,[class*=sprite-topic-exprience-] {
background-image: url(../images/img/topic-exprience/sprites@2x.auto.466997a6.png);
background-size: 14px 14px
}
}
.modal-dialog.bio-editor-modal {
width: 500px
}
.modal-dialog.bio-editor-modal .modal-dialog-content {
margin: 24px 0;
padding: 0 24px
}
.modal-dialog.bio-editor-modal .modal-dialog-content .bio-editor-modal-title {
margin-bottom: 24px
}
.zm-bio-item {
position: relative;
padding: 12px 18px;
margin-bottom: 20px;
border: 1px solid #ddd;
border-radius: 3px
}
.zm-bio-item .zm-bio-item-title {
margin-bottom: 12px;
font-size: 100%;
color: #999
}
.zm-bio-item .zm-bio-item-checkbox {
position: absolute;
top: 50%;
right: 18px;
margin: -6px 0 0
}
.zm-bio-item .avatar {
width: 24px;
margin-right: 10px;
vertical-align: top;
border-radius: 2px
}
.zm-bio-item .zm-bio-item-empty-tip {
display: inline-block
}
.zm-bio-item .zm-bio-item-empty-tip .sprite-topic-exprience-icon-add {
margin-right: 10px
}
.zm-bio-item .zm-bio-item-content {
display: inline-block;
width: 90%;
vertical-align: middle
}
.zm-bio-item .zm-bio-item-content .username {
color: #25bb9b;
font-weight: 700
}
.zm-bio-item .zm-bio-item-editor {
position: relative;
width: 90%;
display: inline-block
}
.zm-bio-item .zm-bio-item-editor .zg-form-text-input {
position: relative;
top: -3px;
padding: 0 5px
}
.zm-bio-item .zm-bio-item-editor .zg-form-text-input textarea {
position: relative;
top: 2px;
width: 100%;
height: 24px;
min-height: 24px;
line-height: 24px
}
.zm-bio-item .zm-bio-item-editor .zm-command {
padding: 0;
margin-top: 5px
}
.zm-bio-item .zm-bio-item-editor .zm-command a {
margin-left: 10px
}
.zm-bio-item .zm-bio-item-editor .limitTip {
position: absolute;
left: 0;
bottom: 10px;
color: #999
}
.zm-bio-item .zm-bio-item-editor .limitTip.exceed {
color: #c33
}
.zm-bio-item.normal .zm-bio-item-empty-tip,.zm-bio-item.normal .zm-bio-item-editor {
display: none
}
.zm-bio-item.normal .zm-bio-item-content {
width: 80%
}
.zm-bio-item.empty {
cursor: pointer
}
.zm-bio-item.empty .zm-bio-item-empty-tip>a {
vertical-align: middle
}
.zm-bio-item.empty .zm-bio-item-content,.zm-bio-item.empty .zm-bio-item-editor,.zm-bio-item.empty .zm-bio-item-checkbox,.zm-bio-item.empty .zm-bio-item-title,.zm-bio-item.empty .avatar {
display: none
}
.zm-bio-item.empty:hover a {
text-decoration: underline
}
.zm-bio-item.editing .zm-bio-item-checkbox,.zm-bio-item.editing .zm-bio-item-content,.zm-bio-item.editing .zm-bio-item-empty-tip {
display: none
}
#zh-question-answer-form-wrap {
margin-top: 30px;
border-radius: 4px
}
#zh-question-answer-form-wrap .zu-edit-button {
color: #25bb9b
}
#zh-question-answer-form-wrap .zu-edit-button .zu-edit-button-icon {
background-position: -131px -50px
}
#zh-question-answer-form-wrap .zm-editable-editor-wrap {
margin: 0
}
#zh-question-answer-form-wrap .zm-editable-editor-wrap .zm-command {
padding: 10px 0 0
}
.QuestionBookPromotionTest {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
padding: 15px 0;
margin-bottom: 15px
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd {
overflow: hidden
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .pic {
float: left;
margin-right: 15px
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .pic img {
width: 80px
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .info {
overflow: hidden;
zoom: 1
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .info h4 {
margin-bottom: 8px
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .info p {
color: #666;
margin-bottom: 8px
}
.QuestionOrgBanner {
padding: 10px 0;
border-top: 1px solid #eee;
height: 32px;
line-height: 32px;
color: #999
}
.QuestionOrgBanner>.zm-item-link-avatar {
display: inline-block;
vertical-align: top;
width: 32px;
height: 32px
}
.QuestionOrgBanner>.zm-item-link-avatar>.zm-item-img-avatar {
width: inherit;
height: inherit
}
.QuestionOrgBanner>.zg-link {
margin-left: 12px;
color: inherit;
font-weight: 700
}
.QuestionOrgBanner-more {
float: right;
color: inherit
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
.user-guiding-dialog .view-firsttip .command {
background-image: url(../images/img/user_guiding/tips-search@2x.28ae690a.png)
}
.user-guiding-dialog .view-secondtip .command {
background-image: url(../images/img/user_guiding/tips-topic@2x.7d5f5979.png)
}
.user-guiding-dialog .view-thirdtip .command {
background-image: url(../images/img/user_guiding/tips-invite@2x.a3a80f7b.png)
}
}
.stretch-to {
width: 175px;
-webkit-transition-property: width;
transition-property: width;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.pin-topic-moving {
cursor: move;
z-index: 9999;
box-shadow: 0 0 10px rgba(0,0,0,.2)
}
.topic-feed-title {
font-size: 14px;
font-weight: 700;
color: #666;
border-bottom: 1px solid #ccc;
padding-bottom: 8px
}
.topic-feed-title a {
margin-top: 3px
}
.title-meta-info {
color: #999;
font-size: 13px;
font-weight: 400;
float: right
}
.topic-children-wrapper {
overflow: hidden;
border-bottom: 1px solid #eee;
padding: 18px 0 8px
}
.topic-children-wrapper>* {
float: left
}
.topic-children-title {
color: #999;
margin: 1px 0 11px
}
.topic-children-list {
margin-left: 5px
}
.topic-children-list.zm-topic-cat-main {
border-bottom: 0;
padding: 0
}
.topic-feed-container {
border-top: 1px solid #ccc
}
.topic-item+.topic-item {
border-top: 1px solid #eee
}
.topic-item {
padding: 15px 0
}
.topic-avatar {
float: left;
position: relative;
margin-top: 4px;
width: 50px;
height: 50px
}
.topic-avatar-img {
border-radius: 3px;
width: 50px;
height: 50px
}
.topic-item-content {
margin: -3px 0 0 64px
}
.topic-item-title {
margin-bottom: 6px;
word-break: break-all
}
.topic-item-title-link {
color: #222
}
.topic-feed-item {
margin-bottom: 6px
}
.no-topics {
color: #999;
font-size: 12px;
font-weight: 400;
margin-top: 58px;
text-align: center
}
.no-topics h6 {
margin-top: 0;
margin-bottom: 10px;
color: #666;
font-size: 13px;
font-weight: 400
}
.no-pin-topics {
color: #999
}
.topic-recommend {
margin-top: 66px;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 1px 0 #f2f4f5
}
.topic-recommend .topic-recommend-head {
overflow: hidden;
padding: 7px 14px;
border-bottom: 1px solid #EEE
}
.topic-recommend .topic-recommend-name {
float: left;
font-size: 14px;
font-weight: 700;
color: #666;
margin-bottom: 0
}
.topic-recommend .topic-recommend-list {
padding: 0 14px
}
.topic-recommend .topic-avatar,.topic-recommend .Avatar {
width: 50px;
height: 50px
}
.zu-main-sidebar .topic-recommend {
border-radius: 0;
border-width: 1px 0 0;
padding-bottom: 10px;
box-shadow: none;
margin-top: 25px
}
.zu-main-sidebar .topic-recommend .topics-pager {
float: right
}
.zu-main-sidebar .topic-recommend .topic-recommend-head {
border-bottom: 0;
padding: 15px 0 9px
}
.zu-main-sidebar .topic-recommend .topic-recommend-list {
padding: 0
}
.zu-main-sidebar .topic-recommend .topic-item {
padding: 0 0 10px;
border-top: 0
}
.zu-main-sidebar .topic-recommend .topic-item .topic-avatar,.zu-main-sidebar .topic-recommend .topic-item .Avatar {
width: 40px;
height: 40px;
margin-top: 0
}
.zu-main-sidebar .topic-recommend .topic-item-content {
margin: 0 0 0 56px;
line-height: 40px;
position: relative
}
.zu-main-sidebar .topic-recommend .topic-item-content h3 {
margin: 0 60px 0 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.zu-main-sidebar .topic-recommend .topic-item-content a[data-follow] {
position: absolute;
right: 0;
top: 0
}
.topic-recommend:hover .topics-nomore-recommend {
display: block
}
.topics-pager {
position: relative;
margin-left: 12px;
top: 2px
}
.topics-pager.disabled {
display: none
}
.hidden-topics-plaza {
border-top: 1px solid #eee;
padding: 16px 0;
text-align: center;
background: #f7f7f7;
color: #666;
font-size: 14px
}
.new-follow-topics {
display: block;
width: 261px;
padding: 5px 0;
margin: 67px auto 75px;
border: 1px solid #cce1ef;
border-radius: 4px;
background: #eff6fA;
text-align: center;
color: #5488b4
}
.new-follow-topics:hover {
text-decoration: none
}
.topics-plaza {
margin-bottom: 20px;
padding: 34px 0;
border: 1px solid #cce1ef;
border-radius: 4px;
background: #eff6fA;
text-align: center
}
.topics-plaza a.text {
display: block;
margin-top: 20px;
font-size: 13px;
color: #5488b4
}
.bull {
margin: 0 3px;
color: #bbb
}
.side-topic-item.cursor-move {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: move
}
.ui-sortable-helper {
box-shadow: 0 1px 3px rgba(0,0,0,.1);
z-index: 1;
margin: 0
}
.ui-sortable-placeholder {
border: 3px dashed #EEE;
height: 57px;
visibility: visible!important
}
.z-icon-unpin {
background-position: -27px -52px;
width: 14px;
height: 11px;
vertical-align: -1px;
margin-right: 3px
}
a.unpin,a.pin {
margin-left: 3px
}
.z-icon-pin {
background-position: -25px -67px;
width: 14px;
height: 11px;
vertical-align: -1px;
margin-right: 3px
}
.topic-hover-content {
display: inline-block;
visibility: hidden
}
html.no-touchevents .topic-item:hover .topic-hover-content,html.no-touchevents .topic-info:hover .topic-hover-content {
visibility: visible
}
.topic-name {
position: relative
}
.topic-name .topic-hover-content {
position: absolute;
top: 0;
right: 0;
z-index: 100
}
.side-topic-item .up {
background: url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -263px -84px;
background-color: #25bb9b;
border-radius: 3px;
width: 15px;
height: 15px;
display: block;
position: absolute;
right: 10px;
top: 10px;
visibility: hidden
}
.side-topic-item .delete {
background: url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -264px -103px;
background-color: #25bb9b;
border-radius: 3px;
width: 15px;
height: 15px;
position: absolute;
right: 30px;
top: 10px;
visibility: hidden
}
html.no-touchevents .side-topic-item .up:hover {
background-color: #25bb9b
}
html.no-touchevents .side-topic-item .delete:hover {
background-color: #25bb9b
}
.side-topic-item {
border-radius: 4px;
border: 1px solid #DDD;
padding: 10px;
width: 242px;
background: #fff;
position: relative
}
.side-topic-avatar {
width: 38px;
height: 38px;
border-radius: 4px
}
.side-topic-content {
margin-left: 50px;
white-space: nowrap;
text-overflow: ellipsis
}
.side-topic-content .topic-link {
display: inline-block;
font-weight: 700;
max-width: 145px;
margin-right: 35px;
overflow: hidden;
text-overflow: ellipsis
}
.side-topic-meta {
color: #999;
line-height: 16px
}
.side-topic-more {
display: none;
color: #25bb9b;
font-size: 12px;
line-height: 16px
}
.side-topic-item {
margin-bottom: 15px
}
.side-title {
color: #555
}
.side-topic-item:hover .up,.side-topic-item:hover .delete {
visibility: visible
}
.topic-pages,.topic-feed-page {
}
.topic-pages .feed-switcher,.topic-feed-page .feed-switcher {
border-bottom: 1px solid #eee;
text-align: right;
padding: 10px 0;
color: #999;
font-size: 12px
}
.topic-pages .feed-switcher span,.topic-feed-page .feed-switcher span,.topic-pages .feed-switcher a,.topic-feed-page .feed-switcher a {
margin: 0 3px
}
.topic-pages .feed-switcher-tip,.topic-feed-page .feed-switcher-tip {
float: left
}
.topic-pages .feed-item .feed-content h2,.topic-feed-page .feed-item .feed-content h2 {
margin-right: 0
}
.topic-pages .ignore,.topic-feed-page .ignore {
display: none
}
.topic-pages .time,.topic-feed-page .time {
font-weight: 400
}
.topic-pages .zu-top-feed-list .feed-item h2,.topic-feed-page .zu-top-feed-list .feed-item h2 {
margin-bottom: 2px
}
.topic-pages .zu-top-feed-list .feed-item .feed-meta,.topic-feed-page .zu-top-feed-list .feed-item .feed-meta {
margin-left: 48px
}
.topic-pages .zu-top-feed-list .feed-item .feed-meta .ignore,.topic-feed-page .zu-top-feed-list .feed-item .feed-meta .ignore {
display: none
}
.topic-pages .zu-top-feed-list .feed-item.combine.first-combine,.topic-feed-page .zu-top-feed-list .feed-item.combine.first-combine {
margin-left: 0
}
.topic-pages .zu-top-feed-list .feed-item.combine.first-combine .feed-main,.topic-feed-page .zu-top-feed-list .feed-item.combine.first-combine .feed-main {
margin-left: 0
}
.topic-pages .zu-top-feed-list .feed-item.combine,.topic-feed-page .zu-top-feed-list .feed-item.combine {
margin-left: 32px
}
.topic-pages .zu-top-feed-list .feed-item.combine .feed-main,.topic-feed-page .zu-top-feed-list .feed-item.combine .feed-main {
margin-left: -30px
}
.topic-pages .zu-top-feed-list .feed-item+.feed-item.combine,.topic-feed-page .zu-top-feed-list .feed-item+.feed-item.combine {
border-top: 1px dotted #EEE
}
.topic-pages .zu-top-feed-list .feed-item+.feed-item.combine.first-combine,.topic-feed-page .zu-top-feed-list .feed-item+.feed-item.combine.first-combine {
border-top: 1px solid #EEE
}
.topic-pages .feed-item .zg-bull,.topic-feed-page .feed-item .zg-bull,.topic-pages .zm-item-answer .zg-bull,.topic-feed-page .zm-item-answer .zg-bull {
margin-left: 0
}
.topic-pages .topic-avatar .zm-entry-head-side,.topic-feed-page .topic-avatar .zm-entry-head-side {
width: 50px
}
.topic-pages .topic-avatar .zm-entry-head-avatar-link,.topic-feed-page .topic-avatar .zm-entry-head-avatar-link {
display: block;
position: relative;
width: 50px;
height: 50px
}
.topic-pages .topic-avatar .zm-entry-head-avatar-link img.zm-avatar-editor-preview,.topic-feed-page .topic-avatar .zm-entry-head-avatar-link img.zm-avatar-editor-preview {
width: 50px;
height: 50px;
border-radius: 4px
}
.topic-pages .topic-info .topic-name,.topic-feed-page .topic-info .topic-name {
margin: 0 0 8px 65px
}
.topic-pages .topic-info .topic-name h1,.topic-feed-page .topic-info .topic-name h1 {
font-size: 18px
}
.topic-pages .topic-info .zm-topic-topbar-nav,.topic-feed-page .topic-info .zm-topic-topbar-nav {
margin-left: 65px
}
.topic-pages .topic-info .share-button,.topic-feed-page .topic-info .share-button {
position: relative;
top: 4px
}
.topic-pages .topic-header-side .zm-entry-head-side,.topic-feed-page .topic-header-side .zm-entry-head-side {
width: 68px
}
.topic-pages .topic-header-side .zm-entry-head-avatar-link,.topic-feed-page .topic-header-side .zm-entry-head-avatar-link {
display: block;
position: relative;
width: 68px;
height: 68px
}
.topic-pages .topic-header-side .zm-entry-head-avatar-link img.zm-avatar-editor-preview,.topic-feed-page .topic-header-side .zm-entry-head-avatar-link img.zm-avatar-editor-preview {
width: 68px;
height: 68px;
border-radius: 4px
}
.topic-pages .topic-header-side #zh-topic-desc,.topic-feed-page .topic-header-side #zh-topic-desc {
margin-top: 15px
}
.topic-pages .topic-header-side .zm-entry-head-main,.topic-feed-page .topic-header-side .zm-entry-head-main {
margin: 0 0 0 80px
}
.topic-pages .topic-header-side #zh-topic-title,.topic-feed-page .topic-header-side #zh-topic-title {
height: 68px;
position: relative
}
.topic-pages .topic-header-side #zh-topic-side-head .zu-entry-focus-button,.topic-feed-page .topic-header-side #zh-topic-side-head .zu-entry-focus-button {
margin-right: 13px
}
.topic-pages .topic-header-side #zh-topic-side-head .zm-topic-side-followers-info,.topic-feed-page .topic-header-side #zh-topic-side-head .zm-topic-side-followers-info {
line-height: 32px;
margin-left: 0
}
.topic-pages .zm-topic-topbar,.topic-feed-page .zm-topic-topbar {
margin-top: 4px
}
.topic-pages .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item,.topic-feed-page .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item {
padding-right: 15px;
margin-right: 15px;
border-right: 1px solid #eee
}
.topic-pages .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item:last-child,.topic-feed-page .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item:last-child {
border-right: 0
}
.topic-pages .zm-topic-list-container .feed-main,.topic-feed-page .zm-topic-list-container .feed-main {
margin-left: 0
}
.topic-pages .zm-topic-list-container .feed-item .entry-body,.topic-feed-page .zm-topic-list-container .feed-item .entry-body {
margin-left: 48px
}
.topic-pages .zm-topic-list-container .feed-item .more_opt,.topic-feed-page .zm-topic-list-container .feed-item .more_opt {
display: none!important
}
.topic-pages .child-topic .zm-topic-side-title-link,.topic-feed-page .child-topic .zm-topic-side-title-link {
display: inline-block;
margin-top: 5px
}
.topic-pages .related-news,.topic-feed-page .related-news {
color: #666
}
.topic-pages .related-news .news_source,.topic-feed-page .related-news .news_source {
color: #999;
text-align: right
}
.topic-pages .related-news h3,.topic-feed-page .related-news h3 {
font-weight: 700;
color: #222
}
.topic-pages .related-news li,.topic-feed-page .related-news li {
list-style: none
}
.topic-pages .related-news li+li,.topic-feed-page .related-news li+li {
margin-top: 5px;
border-top: 1px dotted #EEE;
padding-top: 10px
}
.topic-pages .related-news a,.topic-feed-page .related-news a {
font-weight: 700
}
.topic-pages .stock-info,.topic-feed-page .stock-info,.topic-pages .company-info,.topic-feed-page .company-info {
color: #555
}
.topic-pages .stock-info h3,.topic-feed-page .stock-info h3,.topic-pages .company-info h3,.topic-feed-page .company-info h3 {
color: #222
}
.topic-pages .stock-info table,.topic-feed-page .stock-info table {
border-spacing: 0
}
.topic-pages .stock-info table td,.topic-feed-page .stock-info table td {
padding: 0
}
.topic-pages .stock-info .divide,.topic-feed-page .stock-info .divide {
border-right: 1px solid #EEE
}
.topic-feed-page .topic-title {
padding-top: 15px;
line-height: 40px;
margin-bottom: 16px
}
.topic-feed-page .topic-title .Avatar {
width: 40px;
height: 40px;
margin-right: 16px
}
.topic-feed-page .topic-title .topic-title-name {
color: #555;
font-weight: 700;
font-size: 14px;
max-width: 40%;
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.topic-feed-page .topic-title .feed-switcher {
padding: 0 0 15px
}
.topic-feed-page .topic-title .feed-switcher a.current {
color: #999;
cursor: text
}
.topic-feed-page .topic-title .feed-switcher a.current:hover {
text-decoration: none
}
.zm-topic-list-container .subtopic {
margin-bottom: 2px;
color: #999
}
.zm-topic-list-container .subtopic a {
color: #555
}
.topic-header-bar-search .icon-magnify {
vertical-align: -1px
}
#zh-current-topic-bio .zm-editable-editor-outer {
padding: 0
}
.zm-topic-tree ul,.zu-topic-organize-list-parent {
margin: 0 0 10px 1.6em;
list-style: circle outside
}
.zm-topic-tree li,.zu-topic-organize-list-item {
margin: 0 0 5px
}
.zm-entry-head-wrap {
overflow: hidden
}
.zm-entry-head-side {
float: left;
width: 100px
}
.topic-avatar:hover>.zm-entry-head-avatar-edit-button {
display: block
}
.topic-avatar.disabled:hover>.zm-entry-head-avatar-edit-button {
display: none
}
.zm-entry-head-main {
margin: 0 0 0 115px
}
.zm-topic-top,.zm-topic-wait {
float: left;
width: 280px;
padding: 20px 0
}
.zm-topic-top {
margin-right: 50px
}
.zm-topic-top-container {
border-top: 2px solid #ddd
}
.zm-topic-top-list {
margin: 0;
padding: 0
}
.zm-topic-top-list-item {
margin-bottom: 10px;
list-style: none
}
.zm-topic-main-module {
padding: 12px 0
}
.zm-topic-main-module+.zm-topic-main-module {
border-top: 1px solid #eee
}
.zm-topic-organize-loadmore a {
color: #999
}
#zh-current-topic-bio {
min-height: 25px
}
.zh-question-followers-sidebar {
margin: 15px 0
}
.zh-question-followers-sidebar>.list {
margin: 10px 0 20px
}
.zh-question-followers-sidebar>.list .zm-item-img-avatar {
border-radius: 2px;
width: 25px;
height: 25px
}
.zm-topic-side-title-link {
margin-left: 5px;
font-weight: 400
}
.zm-topic-side-person-item {
overflow: hidden;
padding: 10px 0
}
.zm-topic-side-person-item+.zm-topic-side-person-item {
border-top: 1px solid #eee
}
.zm-topic-side-person-item-content {
padding: 0 0 0 35px
}
.zm-topic-side-person-item .zm-list-avatar-link {
margin: 2px 0 0
}
.zm-topic-side-person-item .zm-topic-side-person-item-content .zm-list-avatar-medium {
width: 34px;
height: 34px
}
.zm-topic-side-bio {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.zm-topic-common {
border-top: 1px solid #EEE;
padding: 20px 0
}
#zh-topic-list-title {
margin-top: 10px
}
.zm-topic-follow-wrap {
font-size: 13px;
margin-left: 10px
}
.zm-topic-side-nav .zg-link-litblue {
font-size: 13px
}
#zh-topic-admin-page-wrap {
padding: 0
}
.zm-topic-manage-item {
padding: 12px 0
}
.zm-topic-manage-item:after {
content: '';
display: table;
clear: both
}
.zm-topic-manage-item .zg-gray {
font-size: 13px
}
.zm-topic-manage-item+.zm-topic-manage-item {
border-top: 1px solid #eee
}
.zm-topic-manage-item-title {
float: left
}
.zm-topic-manage-item-inner {
margin-left: 90px
}
.zm-topic-manage-item-inner ul {
list-style-position: inside;
margin: 5px 0 0 1.6em
}
.zm-topic-manage-item .zg-btn-blue {
margin-top: -5px
}
.zm-topic-side-followers-container {
margin-top: 15px
}
.zm-topic-faq-container .zg-gray {
font-size: 13px
}
.zm-topic-side-locked {
margin-top: 10px
}
.zm-topic-manage-info-select {
display: inline-block;
height: 32px;
line-height: 32px;
border: 1px solid #ccc
}
.zm-topic-topbar {
margin-top: 25px;
border-bottom: 1px solid #ccc
}
.zm-topic-topbar-nav {
overflow: hidden;
margin-bottom: 12px;
font-size: 14px;
line-height: 24px;
font-weight: 700;
color: #555
}
.zm-topic-topbar-nav .meta-item {
font-weight: 400
}
.zm-topic-topbar-nav-list {
margin: 0
}
.zm-topic-topbar-nav-list-item {
list-style: none;
display: inline-block;
float: left;
margin: 0 25px 0 0
}
.topic-header-bar-search {
margin-top: -4px
}
.zm-topic-feed-item {
padding: 10px 0;
position: relative
}
.zm-topic-feed-item+.zm-topic-feed-item {
border-top: 1px solid #EEE
}
.zm-topic-feed-time {
position: absolute;
right: 0;
top: 10px
}
.zm-topic-feed-question {
font-size: 14px;
margin: 0;
padding-right: 45px
}
.zm-topic-feed-meta {
margin: 4px 0 0;
color: #999
}
.zm-topic-feed-badge {
color: #555;
display: inline-block;
background: #F4F4F4;
padding: 0 5px;
border-radius: 2px;
cursor: pointer;
float: left;
margin-right: 8px;
line-height: 21px
}
html.no-touchevents .zm-topic-feed-badge:hover {
background: #E8E8E8;
text-decoration: none
}
.zm-topic-feed-page-turner {
background: #F4F4F4;
border-radius: 4px;
margin-top: 5px;
display: inline-block
}
.zm-topic-feed-page-item {
color: #555;
display: inline-block;
padding: 5px 12px;
cursor: pointer;
float: left
}
html.no-touchevents .zm-topic-feed-page-item:hover {
text-decoration: none
}
.zm-topic-feed-page-turner .invalid {
cursor: default;
color: #CCC
}
.zm-topic-feed-page-item.left {
border-radius: 4px 0 0 4px
}
.zm-topic-feed-page-item.right {
border-radius: 0 4px 4px 0
}
.zm-topic-feed-page-item+.zm-topic-feed-page-item {
border-left: 1px solid #EEE
}
.zm-topic-feed-page-item.current {
background: #E8E8E8
}
.zm-topic-feed-page-item.current,.zm-topic-feed-page-item.current+.zm-topic-feed-page-item {
border-left: 1px solid #E6E6E6
}
html.no-touchevents .zm-topic-feed-page-item:hover {
background: #E8E8E8
}
.zm-topic-feed-page-item.invalid {
background: #F4F4F4
}
.zm-topic-manage-info-msg {
margin-left: 10px
}
.zm-topic-manage-loading {
display: inline-block;
height: 16px;
width: 16px;
vertical-align: middle;
background: url(../images/img/spinner2.8f60205d.gif) no-repeat
}
#zh-topic-side-head .zu-entry-focus-button {
float: left
}
.zm-topic-side-followers-info {
display: inline-block;
margin-left: 8px;
line-height: 32px;
color: #999
}
.zm-topic-cat-title {
border-bottom: 1px solid #ccc;
padding-bottom: 10px
}
.zm-topic-cat-title h2 {
margin: 0;
color: #666
}
.zm-topic-cat-main {
padding: 18px 0 8px;
border-bottom: 1px solid #eee
}
.zm-topic-cat-main li {
float: left;
margin: 0 10px 10px 0;
list-style: none
}
.zm-topic-cat-main .zm-topic-cat-item a {
display: block;
padding: 0 10px;
border-radius: 30px;
text-decoration: none;
border: 1px solid #daecf5
}
html.no-touchevents .zm-topic-cat-main .zm-topic-cat-item:hover a,.zm-topic-cat-main .zm-topic-cat-item.current a {
background: #25bb9b;
border-color: #25bb9b;
color: #fff
}
.zm-topic-cat-main .zm-topic-cat-more a {
display: block;
margin-top: 1px;
line-height: 22px
}
.zm-topic-cat-main .zm-topic-cat-more .sprite-global-icon-enter {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
margin: -2px 0 0 6px
}
.zm-topic-cat-main .zm-topic-cat-more a:hover .sprite-global-icon-enter {
background-position: 0 -82px;
width: 8px;
height: 13px
}
.zm-topic-cat-sub .item {
position: relative;
float: left;
width: 50%;
list-style: none;
border-bottom: 1px dotted #eee
}
.zm-topic-cat-sub .item.no-border {
border-color: transparent
}
.zm-topic-cat-sub .item:nth-child(even) .blk {
margin-left: 15px;
margin-right: 0
}
.zm-topic-cat-sub .item:nth-child(even) .follow {
right: 0
}
.zm-topic-cat-sub .item:nth-child(even) img {
left: 15px
}
.zm-topic-cat-sub .item.even .blk {
margin-left: 15px;
margin-right: 0
}
.zm-topic-cat-sub .item.even .follow {
right: 0
}
.zm-topic-cat-sub .item.even img {
left: 15px
}
.zm-topic-cat-sub strong {
max-width: 12em
}
.zm-topic-cat-sub img {
top: 23px
}
.zm-topic-cat-sub p {
height: 40px;
overflow: hidden
}
.zm-topic-cat-sub .blk {
padding-left: 62px;
margin: 18px 15px 18px 0
}
.zm-topic-cat-sub .follow {
position: absolute;
top: 18px;
right: 15px
}
.zm-topic-cat-hot .section {
margin-bottom: 12px;
padding: 10px;
border: 1px solid #d5d5d5;
border-radius: 3px;
box-shadow: 0 1px 0 #f2f2f2
}
.zm-topic-cat-hot .head {
position: relative;
padding-left: 62px;
height: 60px
}
.zm-topic-cat-hot .head strong {
max-width: 14em
}
.zm-topic-cat-hot li {
padding: 8px 0;
list-style: none;
border-top: 1px dotted #eee
}
.zm-topic-cat-sub strong,.zm-topic-cat-hot strong {
display: inline-block;
height: 1.5em;
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
html.no-touchevents .zm-topic-cat-sub a:hover strong,html.no-touchevents .zm-topic-cat-hot a:hover strong {
text-decoration: underline
}
.zm-topic-cat-sub img,.zm-topic-cat-hot img {
position: absolute;
left: 0;
width: 50px;
height: 50px;
border-radius: 3px
}
.zm-topics-page-link {
color: #666
}
.zm-topics-page-link:hover {
color: #25bb9b
}
.zm-topics-page-link .zg-icon {
width: 14px;
height: 14px;
vertical-align: -2px;
margin-right: 5px
}
.zh-answer-status p {
color: #999
}
.zh-answer-status .copyright .icon {
margin-right: 5px
}
.zh-answer-status .copyright>a {
color: #999
}
.autohide-false .zu-autohide {
display: inline-block
}
.more-awesome {
color: #999;
font-size: 14px;
text-align: center;
border-bottom: 1px solid #eee;
margin-bottom: 15px;
margin-top: 15px
}
.more-awesome span {
position: relative;
top: 13px;
background-color: #fff;
padding: 0 20px
}
.answer-status {
background: #f6f6f6;
border-radius: 4px;
margin: 10px 0;
padding: 14px 20px;
box-shadow: 0 1px 0 rgba(0,0,0,.06)
}
.answer-status .reason {
margin-top: 4px
}
.answer-status .note {
color: #999;
margin-top: 4px
}
.page-search .text-muted {
color: #999
}
.page-search .text-centered {
text-align: center
}
.page-search .title em,.page-search .summary em,.page-search .name-link em,.page-search .text-highlight {
font-style: normal;
color: #c20a0a
}
.page-search .entry-left {
float: left
}
.page-search .entry-body {
position: relative;
margin-left: 53px
}
@media (max-width:767px) {
.page-search .entry-body {
margin-left: 0
}
}
.page-search .entry-content ul,.page-search .entry-content ol {
margin: .8em 0;
padding-left: 2em
}
.page-search .zm-votebar {
position: static;
float: none;
margin-left: 0
}
.page-search .visible-expanded {
display: none
}
.page-search .visible-expanded .zm-item-vote-info {
display: block
}
.page-search .numbers .number-item {
color: #999;
margin: 0 .3em
}
.page-search .numbers .number-item:first-child {
margin-left: 0
}
.page-search .actions .action-item {
color: #999;
margin: 0 .3em
}
.page-search .actions .action-item:first-child {
margin-left: 0
}
.page-search .actions .votenum-mobile {
color: #25bb9b;
display: inline-block;
vertical-align: bottom
}
.page-search .range-selector {
position: relative;
height: 33px;
border-bottom: 1px solid #eee
}
.page-search .secondary-tabs {
display: inline-block;
color: #999
}
.page-search .secondary-tab-divider {
padding: 0 6px
}
.page-search .secondary-tab-divider::before {
content: '|'
}
.page-search .Sorter {
top: 0
}
.page-search .summary {
margin: .5em 0;
display: block;
color: inherit;
cursor: pointer
}
.page-search .summary:hover {
text-decoration: none
}
.page-search .summary img {
max-width: 120px;
max-height: 80px;
display: inline;
margin-right: 1em;
float: left
}
html.no-touchevents .page-search .summary:hover .toggle-expand {
text-decoration: none;
background-color: #eff6fa
}
.page-search .entry.article .author,.page-search .entry.answer .author {
font-weight: 700
}
.page-search .entry.article .author,.page-search .entry.answer .author,.page-search .entry.article .author a,.page-search .entry.answer .author a {
color: inherit
}
html.no-touchevents .page-search .entry.article .visible-focusin,html.no-touchevents .page-search .entry.answer .visible-focusin {
display: none
}
html.no-touchevents .page-search .entry.article:hover .visible-focusin,html.no-touchevents .page-search .entry.answer:hover .visible-focusin {
display: inline-block
}
.page-search .entry.article .title,.page-search .entry.answer .title {
font-size: 1.1em
}
.page-search .entry.article .toggle-expand,.page-search .entry.answer .toggle-expand {
display: inline-block;
padding: 0 3px;
color: #25bb9b;
border-radius: 2px;
font-size: .9em
}
.page-search .zm-item-expanded .entry-content {
min-height: 55px
}
.page-search .zm-item-expanded .hidden-expanded {
display: none
}
.page-search .zm-item-expanded .visible-expanded {
display: block
}
.page-search .list {
margin: 0;
padding: 0;
list-style: none
}
.page-search .list .item {
padding: 15px 0
}
.page-search .list .item+.item {
border-top: 1px solid #eee
}
.page-search .list .left {
float: left
}
.page-search .list .right {
float: right
}
.page-search .list .avatar-link {
float: left
}
.page-search .list .avatar {
margin-right: 1em
}
.page-search .list .muted,.page-search .list .muted a,.page-search .list .meta a {
color: #999
}
.page-search .list .meta a+a {
margin-left: 1em
}
.page-search .list .meta .icon {
margin-right: 4px
}
.page-search .list.topics .name {
font-size: 1.1em
}
.page-search .list.topics .desc a {
color: inherit
}
.page-search .list.topics .content {
overflow: hidden
}
.page-search .list.users .item-card .body {
float: left
}
@media (max-width:600px) {
.page-search .list.users .item-card .extra {
float: none;
clear: both
}
.page-search .list.users .item-card .extra .grid {
float: left
}
.page-search .list.users .item-card .extra button {
float: right
}
}
.page-search .related-items .item-card .content {
float: none;
overflow: hidden
}
.page-search .related-items .item-card .extra {
float: none;
clear: both
}
.page-search .related-items .item-card .extra,.page-search .related-items .item-card .extra button {
margin-top: 1em
}
.page-search .related-items .item-card .grid {
float: left
}
.page-search .item-card {
list-style: none
}
.page-search .item-card .content {
float: left
}
.page-search .item-card .body {
overflow: hidden
}
.page-search .item-card .extra {
float: right
}
.page-search .item-card .extra button {
min-width: 64px;
margin-top: .5em
}
.page-search .item-card .grid {
text-align: center
}
.page-search .item-card .grid .col {
float: left;
padding: 0 1em;
color: #999
}
.page-search .item-card .grid .col+.col {
border-left: 1px solid #eee
}
.page-search .item-card .grid .col:first-child {
padding-left: 0
}
.page-search .item-card .grid .col strong {
display: block;
white-space: nowrap;
color: #222
}
html.no-touchevents .page-search .item-card .grid .col:hover {
text-decoration: none
}
html.no-touchevents .page-search .item-card .grid .col:hover,html.no-touchevents .page-search .item-card .grid .col:hover strong {
color: #25bb9b
}
.page-search .user-card .bio {
max-width: 300px
}
.page-search .user-card .location,.page-search .user-card .company {
padding-right: .6em
}
.page-search .user-card .title {
padding: 0 .6em
}
.page-search .user-card .company+.title {
border-left: 1px solid #eee
}
.page-search .user-card .icon:last-child {
margin-left: .5em
}
.page-search .user-card .icon:first-child {
margin-right: .5em
}
.page-search .list.contents .title {
font-size: 1.1em;
font-weight: 700
}
.page-search .list.contents .answers {
margin: 0 0 -15px;
padding: 0;
list-style: none
}
.page-search .list.contents .answer-item {
padding: .5em 0
}
.page-search .list.contents .answer-item+.answer-item {
border-top: 1px solid #eee
}
.page-search .list.contents .article-item .content {
padding: .5em 0
}
.page-search .empty-result {
margin: 0 auto;
padding-top: 1em;
max-width: 380px
}
.page-search .empty-result p {
margin: 1em 0;
font-size: 1.1em
}
.page-search .question-form {
margin-top: 1em
}
.page-search .question-form textarea {
width: 100%;
box-sizing: border-box
}
.page-search .question-form .actions {
line-height: 2.5em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.page-search .question-form .actions .submit {
float: right
}
.page-search .related {
margin: 1em 0
}
.page-search .related .list {
padding: 0 15px;
border: 1px solid #cbcbcb;
border-radius: 3px
}
.page-search .related .related-foot {
padding: .5em 0;
text-align: right
}
.page-search .powered-by-sogou {
color: #999
}
.page-search .powered-by-sogou span {
vertical-align: middle
}
.page-search .powered-by-sogou .sogou-logo {
width: 69px;
height: 19px;
margin: 0 .5em;
vertical-align: middle
}
.ac-renderer {
position: absolute;
top: 35px;
left: 1px;
z-index: 10;
width: 600px;
background: #fff;
border: solid 1px #999\0;
border: 0 none rgba(0,0,0,0);
border-radius: 5px;
box-shadow: 0 1px 4px rgba(0,0,0,.5)
}
.ac-renderer .ac-row:first-child {
border-radius: 5px 5px 0 0
}
.ac-renderer .ac-row:last-child {
border-radius: 0 0 5px 5px
}
.ac-renderer>.ac-row>.zm-item-tag {
margin: 0 10px 0 0
}
.ac-row {
cursor: pointer;
padding: 8px;
zoom: 1;
clear: both
}
.ac-row .zm-item-img-avatar {
margin: 2px 10px 0 0;
width: 25px;
height: 25px
}
.zm-ac-gray {
color: #999;
margin: 0;
font-size: 12px;
display: inline-block
}
.zm-ac-topic-alias {
font-size: 12px;
line-height: 14px;
color: #999;
display: block;
margin-left: 10px
}
.ac-active {
background-color: #d6e9f8
}
.zm-ac-link,html.no-touchevents .zm-ac-link:hover,.zm-ac-link:visited,.zm-ac-link:focus {
color: #222;
line-height: 1;
margin: 0 10px 0 0
}
.zm-ac-link:hover {
text-decoration: none
}
.zm-ac-link-people {
display: block
}
.zu-autocomplete-row-name {
margin: 0 0 1px 35px;
display: block;
height: 1.2em;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.zu-autocomplete-row-name.zu-autocomplete-row-name-info {
margin: -1px 0 2px 0
}
.zu-autocomplete-row-description {
color: #999;
display: block;
font-size: 12px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 14px;
height: 14px;
zoom: 1
}
.zu-autocomplete-row-label,.ac-row.zu-autocomplete-row-search-link {
background: #f6f6f6;
color: inherit
}
.zu-autocomplete-row-search-link a {
color: inherit
}
.zu-autocomplete-row-search-link.active {
background: #d6e9f8
}
.zu-autocomplete-row-search-link.active a {
color: #25bb9b;
text-decoration: none
}
.zu-autocomplete-row-label {
padding: 2px 8px;
cursor: default
}
.zu-autocomplete-empty {
color: #666;
padding: 10px;
text-align: left;
vertical-align: middle
}
.zu-autocomplete-row-search-link {
text-align: center
}
.zu-autocomplete-row-search-link .arrow {
display: inline-block;
width: 5px;
height: 8px;
margin-top: -3px;
margin-left: 10px;
background-position: -107px -821px
}
.ac-active .zu-autocomplete-row-description {
color: #25bb9b
}
.goog-menu {
position: absolute;
background: #fff;
border: solid 1px #ccc;
box-shadow: 0 1px 2px #ddd;
border-radius: 3px;
outline: 0;
overflow: hidden;
z-index: 19
}
.goog-menuitem {
padding: 8px 15px;
color: #999;
white-space: nowrap;
border-top: 1px solid #ededed;
cursor: pointer
}
.goog-menuitem:first-child {
border-top: 0
}
.setting-menu .goog-menuitem {
padding-left: 33px;
border-top: 0
}
.goog-menuitem-highlight {
background-color: #f5f5f5
}
.goog-menuitem-disabled {
cursor: default
}
.goog-menuseparator {
border-top: 1px solid #ededed
}
.goog-menuitem-checkbox {
position: absolute;
left: 10px;
background-position: -89px 1px
}
.goog-menu-button .goog-menu-button-dropdown {
display: none
}
.goog-menu-button-open {
outline: 0
}
.modal-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
overflow: auto;
-webkit-overflow-scrolling: touch
}
html.modal-open.flexbox .modal-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start
}
.modal-dialog {
position: absolute;
z-index: 99;
width: 420px;
max-width: 100%;
border-radius: 8px;
border: 1px solid #888;
box-shadow: 0 0 80px 0 rgba(0,0,0,.4);
background: #fff;
text-align: left
}
html.modal-open .modal-wrapper .modal-dialog {
position: static;
margin-top: 14%;
margin-top: 14vh
}
html.modal-open.no-flexbox .modal-wrapper .modal-dialog {
margin-left: auto;
margin-right: auto
}
html.modal-open.mobile .modal-wrapper .modal-dialog {
margin-top: 0
}
html.modal-open.no-flexbox .modal-wrapper .modal-dialog.centered {
margin-top: 50%
}
html.modal-open.flexbox .modal-wrapper .modal-dialog.centered {
-ms-flex-item-align: center;
-webkit-align-self: center;
align-self: center
}
.modal-dialog-bg {
position: fixed;
left: 0;
top: 0;
z-index: 95;
min-height: 100%!important;
width: 100%!important;
height: 100%!important;
overflow: visible;
background: #666
}
.modal-dialog-title-close {
position: absolute;
top: 50%;
_top: 20px;
right: 3px;
width: 30px;
height: 30px;
margin-top: -15px;
text-indent: -9999px;
cursor: pointer;
background-position: -60px -53px
}
.modal-dialog-title {
position: relative;
margin: -1px -1px 0;
padding: 10px 15px;
line-height: 14px;
background: #1D7FE2;
background: -webkit-linear-gradient(top,#1D7FE2,#0865C2);
background: linear-gradient(to bottom,#1D7FE2,#0865C2);
border: 1px solid #0D6EB8;
border-radius: 6px 6px 0 0;
box-shadow: 0 1px 0 rgba(255,255,255,.1) inset,0 1px 1px rgba(0,0,0,.2)
}
.modal-dialog-title-draggable {
cursor: move
}
.modal-dialog-title-text {
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.4);
font-size: 15px;
font-weight: 700
}
.modal-dialog-content {
padding: 0 15px;
margin: 17px 0
}
.modal-dialog-buttons {
padding: 0 15px;
margin-bottom: 15px;
text-align: right;
background: #fff
}
.modal-dialog-buttons button[name=cancel] {
border: 0;
color: #25bb9b;
background: transparent;
cursor: pointer;
font-size: 13px
}
html.no-touchevents .modal-dialog-buttons button[name=cancel]:hover {
text-decoration: underline
}
.modal-dialog-buttons button+button {
margin-left: 1em
}
.modal-dialog .zm-command {
padding: 20px 0 0
}
.modal-dialog.with-button .modal-dialog-content {
border-radius: 0;
border-bottom: 0;
font-size: 14px
}
.modal-dialog.with-button .modal-dialog-buttons {
display: block;
padding: 0 15px;
border-top: 0
}
.goog-buttonset-default {
font-size: 14px;
line-height: 1.7;
text-decoration: none!important;
vertical-align: middle;
display: inline-block;
_display: inline!important;
text-align: center;
padding: 4px 10px;
cursor: pointer;
border-radius: 3px;
white-space: nowrap;
box-sizing: border-box;
color: #fff!important;
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
background: #1472cf;
background: -webkit-linear-gradient(top,#1d7fe2,#0865c2);
background: linear-gradient(to bottom,#1d7fe2,#0865c2);
border: 1px solid #0D6EB8;
box-shadow: 0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2);
*line-height: 20px
}
.goog-buttonset-default.disabled,.goog-buttonset-default[disabled] {
background: #eee;
color: #888!important;
border: 1px solid #ddd;
cursor: not-allowed;
text-shadow: none;
box-shadow: none!important
}
.goog-buttonset-default.disabled:active,.goog-buttonset-default[disabled]:active {
background: #eee;
border-color: #ccc
}
.goog-buttonset-default:active {
background: #1a70c7;
background: -webkit-linear-gradient(top,#1a79d9,#1a70c7);
background: linear-gradient(to bottom,#1a79d9,#1a70c7);
box-shadow: 0 1px 2px rgba(255,255,255,.15) inset
}
.modal-dialog .textarea {
width: 100%;
padding: 8px 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 0 4px 0 rgba(0,0,0,.1);
box-sizing: border-box
}
.modal-dialog-cancelNoti {
float: left;
margin-top: 20px;
font-size: 13px
}
.modal-dialog-async-loading {
color: #999;
text-align: center
}
.goog-toolbar {
position: relative;
margin: 0;
padding: 4px;
background: #f1f1f1;
background: -webkit-linear-gradient(top,#f5f5f5,#efefef);
background: linear-gradient(to bottom,#f5f5f5,#efefef);
border: 1px solid #ccc;
border-bottom: 0;
border-radius: 3px 3px 0 0;
box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
outline: 0;
cursor: default;
zoom: 1
}
.goog-toolbar-separator {
background-color: #C1C1C1;
width: 1px;
margin: 0 8px;
height: 18px;
line-height: 16px
}
.goog-inline-block {
display: inline-block;
position: relative;
*display: block;
*display: inline!important;
*zoom: 1
}
.goog-toolbar-button,.goog-toolbar-menu-button {
border: 0;
font-family: Arial,sans-serif;
color: #222;
text-decoration: none;
list-style: none;
vertical-align: middle;
cursor: default;
outline: 0;
margin: 0 1px;
padding: 0
}
.goog-toolbar-button-outer-box,.goog-toolbar-button-inner-box,.goog-toolbar-menu-button-outer-box,.goog-toolbar-menu-button-inner-box {
border: 0;
vertical-align: top
}
.goog-toolbar-button-outer-box,.goog-toolbar-menu-button-outer-box {
margin: 0;
padding: 1px 0
}
.goog-toolbar-button-inner-box,.goog-toolbar-menu-button-inner-box {
margin: 0 -1px;
padding: 3px 4px
}
.goog-toolbar-button-hover .goog-toolbar-button-outer-box,.goog-toolbar-button-active .goog-toolbar-button-outer-box,.goog-toolbar-button-checked .goog-toolbar-button-outer-box,.goog-toolbar-button-selected .goog-toolbar-button-outer-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,.goog-toolbar-menu-button-active .goog-toolbar-menu-button-outer-box,.goog-toolbar-menu-button-open .goog-toolbar-menu-button-outer-box,.goog-toolbar-select .goog-toolbar-menu-button-outer-box {
border-style: solid;
border-width: 1px 0;
padding: 0
}
.goog-toolbar-button-hover .goog-toolbar-button-inner-box,.goog-toolbar-button-active .goog-toolbar-button-inner-box,.goog-toolbar-button-checked .goog-toolbar-button-inner-box,.goog-toolbar-button-selected .goog-toolbar-button-inner-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box,.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box,.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
border-style: solid;
border-width: 0 1px;
padding: 3px
}
.goog-toolbar-button-hover .goog-toolbar-button-outer-box,.goog-toolbar-button-hover .goog-toolbar-button-inner-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box {
border-color: #d1d1d1!important
}
.goog-toolbar-button-checked .goog-toolbar-button-outer-box,.goog-toolbar-button-hover .goog-toolbar-button-outer-box {
margin: 0;
padding: 0;
border: 0 none;
border-width: 0
}
.goog-toolbar-button-outer-box,.goog-toolbar-menu-button-outer-box {
margin: 0;
padding: 0;
border: 0 none
}
.goog-toolbar-button-inner-box,.goog-toolbar-menu-button-inner-box {
margin: 0;
padding: 5px;
border: solid 1px transparent
}
.goog-toolbar-button-hover .goog-toolbar-button-inner-box,.goog-toolbar-button-active .goog-toolbar-button-inner-box,.goog-toolbar-button-checked .goog-toolbar-button-inner-box,.goog-toolbar-button-selected .goog-toolbar-button-inner-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box,.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box,.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
border-width: 1px;
padding: 5px;
border-color: #D1D1D1;
border-radius: 2px
}
.goog-toolbar-button.goog-toolbar-button-checked .goog-inline-block.goog-toolbar-button-inner-box {
border: 1px solid #C1C1C1;
background-color: #ebebeb;
box-shadow: 0 0 3px rgba(0,0,0,.1) inset
}
.goog-toolbar-button-active .goog-toolbar-button-inner-box {
background-color: #ebebeb;
box-shadow: 0 0 3px rgba(0,0,0,.1) inset
}
.tr-icon {
width: 16px;
height: 16px;
display: block
}
.tr-inline-icon {
width: 16px;
height: 16px;
display: inline-block
}
.tr-bold {
background-position: 0 -127px
}
.tr-italic {
background-position: -16px -127px
}
.tr-underline {
background-position: -32px -127px
}
.tr-mention {
background-position: 0 -220px
}
.tr-link {
background-position: -66px -127px
}
.tr-blockquote {
background-position: -112px -127px
}
.tr-code {
background-position: -128px -127px
}
.tr-insertOrderedList {
background-position: -144px -127px
}
.tr-insertUnorderedList {
background-position: -160px -127px
}
.tr-image {
background-position: -80px -127px
}
.tr-video {
background-position: -96px -127px
}
.tr-removeFormat {
background-position: -176px -127px
}
.tr-max {
background-position: -192px -127px
}
.zm-editable-toolbar-container {
position: relative
}
.tr-spinner {
position: absolute;
top: 12px;
right: 40px;
opacity: .85;
-ms-filter: "alpha(Opacity=85)";
overflow: hidden
}
.tr-equation {
background-position: -240px -111px
}
#zu-distraction-free-editor .tr-max {
background-position: -208px -127px
}
#toggleFullScreen {
float: right;
margin: 0
}
.goog-toolbar-button.goog-toolbar-button-hover .tr-icon,.goog-toolbar-button.goog-toolbar-button-active .tr-icon,.goog-toolbar-button.goog-toolbar-button-checked .tr-icon {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.tr-icon {
background-color: #f1f1f1;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
opacity: .85;
-ms-filter: "alpha(Opacity=85)"
}
.goog-toolbar-button-active .tr-icon {
background-color: #ebebeb!important
}
.goog-toolbar-button-checked .tr-icon {
background-color: #ebebeb!important
}
.goog-toolbar-button-disabled .tr-icon {
opacity: .3;
-ms-filter: "alpha(Opacity=30)"
}
.goog-checkbox {
display: inline-block;
width: 16px;
height: 16px;
cursor: pointer
}
.goog-date-picker,.goog-date-picker th,.goog-date-picker td {
font: 12px Arial,sans-serif
}
.goog-date-picker {
-moz-user-focus: normal;
-moz-user-select: none;
position: relative;
border: 1px solid #ccc;
float: left;
padding: 2px;
color: #999;
background: #fff;
cursor: default
}
.goog-date-picker th {
text-align: center
}
.goog-date-picker td {
text-align: center;
vertical-align: middle;
padding: 1px 4px
}
.goog-date-picker-menu {
position: absolute;
background: threedface;
border: 1px solid gray;
-moz-user-focus: normal;
z-index: 1;
outline: 0
}
.goog-date-picker-menu ul {
list-style: none;
margin: 0;
padding: 0
}
.goog-date-picker-menu ul li {
cursor: default
}
.goog-date-picker-menu-selected {
background: #ccf
}
.goog-date-picker th {
font-size: .9em
}
.goog-date-picker td div {
float: left
}
.goog-date-picker button {
padding: 0;
margin: 1px 0;
border: 0;
color: #999;
font-weight: 700;
background: transparent
}
.goog-date-picker-date {
background: #fdfdfd;
border: 1px solid #eee
}
.goog-date-picker-date:hover {
color: #999;
background-color: #eee
}
.goog-date-picker-week,.goog-date-picker-wday {
padding: 1px 3px;
border: 0
}
.goog-date-picker-week {
opacity: .5;
-ms-filter: "alpha(Opacity=50)";
border-right-width: 1px
}
.goog-date-picker-head td {
text-align: center;
background: #f7f7f7
}
td.goog-date-picker-today-cont {
text-align: center
}
td.goog-date-picker-none-cont {
text-align: center
}
.goog-date-picker-month {
width: 11ex
}
.goog-date-picker-year {
width: 6ex
}
.goog-date-picker table {
outline: 0;
border-collapse: collapse
}
.goog-date-picker-other-month {
color: #888
}
td.goog-date-picker-selected {
background: #ddd
}
.goog-date-picker-today {
background: #f1f1f1;
color: #999
}
.ui-datetime-picker {
position: relative
}
.ui-datetime-picker .date {
width: 70px;
margin-right: 1em
}
.ui-datetime-picker select {
line-height: 1;
height: 28px;
border: 1px solid #ccc;
background: transparent
}
.ui-datetime-picker .colon {
margin: 0 .4em
}
.ui-datetime-picker .goog-date-picker {
position: absolute;
z-index: 10;
top: 30px;
left: 0
}
.zm-profile-section-item {
position: relative;
padding: 12px 0
}
.zm-profile-section-item+.zm-profile-section-item {
border-top: 1px dotted #EEE
}
.zm-profile-section-item .zm-item-link-avatar {
float: left
}
.zm-profile-section-item .zm-item-img-avatar {
float: left;
height: 50px;
margin: 2px 10px 0 0;
width: 50px;
border: 0 none;
border-radius: 2px
}
.zm-profile-section-item .meta a {
color: #999
}
.zm-profile-section-item.inactive .zm-profile-item-text {
color: #999
}
.zm-profile-vote-count {
float: left;
padding: 2px;
color: #25bb9b;
height: 38px;
width: 46px;
line-height: 20px;
font-weight: 700;
text-align: center;
border-radius: 4px;
background: #eff6fa;
-webkit-text-size-adjust: none
}
.zm-profile-vote-num {
padding: 2px 0 4px;
font-weight: 700;
font-size: 16px;
line-height: 1
}
.zm-profile-vote-type {
line-height: 1;
font-weight: 400;
font-size: 12px
}
.zm-profile-section-main {
margin-left: 60px
}
.zm-item-answer a.collapse {
display: none
}
.zm-item-expanded a.collapse {
display: block
}
.toggle-expand.btn-toggle-question-detail {
padding: 0;
display: none
}
.zm-item-expanded .toggle-expand.btn-toggle-question-detail {
display: block
}
.zm-item-answer-author-info a.collapse {
margin-left: 10px
}
a.toggle-expand.btn-toggle-question-detail {
margin-bottom: 5px;
text-decoration: none;
color: #999;
font-size: 13px
}
a.toggle-expand.btn-toggle-question-detail span {
font-size: 12px;
color: #25bb9b;
padding: 3px;
border-radius: 2px
}
.btn-toggle-question-detail:hover span {
background-color: #eff6fa
}
.feed-question-detail-item .question-description-plain {
display: none
}
.zm-item-expanded .feed-question-detail-item .question-description-plain {
display: block
}
.zm-item-expanded .feed-question-detail-item .question-description {
display: none
}
.zm-item-expanded .feed-question-detail-item.question-detail-expanded .btn-toggle-question-detail {
display: none
}
.zm-item-expanded .feed-question-detail-item.question-detail-expanded .question-description {
display: block
}
.awesome-answer-list .zm-item-meta {
display: none
}
.awesome-answer-list .zm-item-expanded .zm-item-meta {
display: block
}
.zm-item-rich-text ul,.zm-editable-content ul,.editable ul,.zm-item-rich-text ol,.zm-editable-content ol,.editable ol {
margin: .8em 0;
padding: 0
}
.zm-item-rich-text ul ol,.zm-editable-content ul ol,.editable ul ol,.zm-item-rich-text ol ol,.zm-editable-content ol ol,.editable ol ol,.zm-item-rich-text ul ul,.zm-editable-content ul ul,.editable ul ul,.zm-item-rich-text ol ul,.zm-editable-content ol ul,.editable ol ul {
padding-left: 2em
}
.zm-item-rich-text li,.zm-editable-content li,.editable li {
margin: 0 0 5px;
list-style-position: inside
}
blockquote {
margin: .8em 0;
padding: 0 0 0 10px;
font-style: normal;
font-size: 100%;
line-height: 22px;
border-left: 3px solid #D0E5F2
}
a.external {
margin: 0 4px 0 0;
word-break: break-all
}
a.external>.icon-external {
margin-left: 4px
}
a>.ellipsis:after {
content: '...'
}
a>.invisible {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.editable img,.zg-content-img-source-link,.origin_image,.content_image,.video_image,.play_video {
margin: 6px 0;
display: block;
overflow: hidden;
max-width: 100%;
height: auto;
width: auto\9;
-ms-interpolation-mode: bicubic
}
.editable a,.zm-comment-editable a {
text-decoration: none
}
.editable .img.zg-content-img-source-link:hover,.editable img.origin_image:hover {
cursor: default
}
.zu-top {
position: fixed;
top: 0;
left: 0;
z-index: 20;
width: 100%;
height: 45px;
background: #3d444c;
/*background: -webkit-linear-gradient(top,#086ed5,#055db5);
background: linear-gradient(to bottom,#086ed5,#055db5);
border-bottom: 1px solid #044e97;
box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.15)*/
}
.zu-top .zg-wrap {
position: relative;
height: inherit
}
@media (max-width:1024px) {
body.zhi {
padding-top: 0!important
}
.zu-top {
position: static
}
.zu-top .modal-shifting {
position: static!important
}
}
.zu-top-link-logo {
float: left;
width: 61px;
height: 100%;
background-image: url(../images/res/nk.png);
background-repeat: no-repeat;
background-position: center;
text-indent: -9999px;
color: #fff
}
.zu-top-link-logo:active {
opacity: .8;
-ms-filter: "alpha(Opacity=80)"
}
.zu-top-search {
position: relative;
float: left;
margin: 7px 0 0 12px
}
.zu-top-search .zm-ac-gray {
margin-left: 1px
}
.zu-top-search .ac-renderer {
top: 32px;
z-index: 20
}
.zu-top-search-x {
float: left
}
.zu-top-search-form {
position: relative;
width: 367px
}
@media (max-width:959px) {
.zu-top-search-form {
width: 240px
}
}
.zu-top-search-form .zu-top-search-button {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 100%;
background: #00BC9B;
background: -webkit-linear-gradient(top,#00BC9B,#00BC9B);
background: linear-gradient(to bottom,#00BC9B,#00BC9B);
border: 1px solid #3d444c;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 1px rgba(255,255,255,.15);
box-sizing: border-box;
outline: 0;
cursor: pointer;
/*border-width:0;*/
}
.zu-top-search-form .zu-top-search-button:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.zu-top-search-input {
padding: 7px 50px 7px 10px;
width: 100%;
color: #49525c;
font-size: 14px;
line-height: 17px;
background-color: #e1eaf2;
border: 1px solid #045bb2;
border-radius: 4px;
box-shadow: inset 0 1px 3px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.1);
outline: 0;
box-sizing: border-box;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.zu-top-search-input::-webkit-input-placeholder {
color: #8d9ba8
}
.zu-top-search-input::-moz-placeholder {
color: #8d9ba8
}
.zu-top-search-input:-ms-input-placeholder {
color: #8d9ba8
}
.zu-top-search-input::placeholder {
color: #8d9ba8
}
.zu-top-search-input:focus {
background-color: #fff;
box-shadow: inset 0 1px 3px rgba(0,0,0,.2),0 1px 15px rgba(255,255,255,.3)
}
.zu-top-add-question {
float: right;
width: 66px;
height: 32px;
line-height: 30px;
margin-top: 7px;
border: 1px solid #00B091;
border-radius: 4px;
background: #00BC9B;
/*background: -webkit-linear-gradient(top,#0e7bef,#0d73da);
background: linear-gradient(to bottom,#0e7bef,#0d73da);*/
box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 1px rgba(255,255,255,.15);
color: #fff;
font-size: 14px;
text-align: center;
text-shadow: 0 1px 1px rgba(0,0,0,.12);
outline: 0;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.zu-top-add-question:active {
background: #00BC9B;
/*background: -webkit-gradient(linear,left top,left bottom,from(#0e7ceb),to(#0c6fd3));
background: -moz-linear-gradient(top,#0e7ceb,#0c6fd3);*/
border: 1px solid #0659ac;
box-shadow: 0 1px 0 rgba(255,255,255,.06),inset 0 1px 2px rgba(0,0,0,.2)
}
.top-nav-topic-selector {
position: relative;
z-index: 10
}
.top-nav-topic-selector .top-nav-dropdown {
left: -95px
}
.top-nav-topic-selector .top-nav-dropdown li:last-child>a {
text-align: center
}
.open .top-nav-dropdown,html.no-touchevents .top-nav-topic-selector:hover .top-nav-dropdown {
display: block;
top: 45px
}
.top-nav-dropdown {
display: none;
margin: 0;
position: absolute;
left: 0
}
.top-nav-dropdown li {
margin: 0;
list-style: none
}
.top-nav-dropdown li a {
display: block;
width: 145px;
height: 40px;
line-height: 40px;
color: #888;
text-decoration: none;
box-shadow: 0 1px 1px rgba(0,0,0,.4);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
cursor: pointer
}
html.no-touchevents .top-nav-dropdown a:hover {
background-color: #31363D;
color: #fff;
}
.top-nav-dropdown li:first-child>a {
border-top: 0
}
.top-nav-dropdown a.all {
text-align: center
}
.top-nav-dropdown li:last-child>a {
border-radius: 0 0 4px 4px
}
.top-nav-dropdown img {
margin: 0 9px;
width: 25px;
height: 25px;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0,0,0,.2)
}
.top-nav-dropdown img,.top-nav-dropdown span {
vertical-align: middle
}
.mobile-top-nav-popup {
position: absolute;
left: 0;
right: 0;
width: 100%;
z-index: 11;
display: none;
border-top: 1px solid #ddd;
box-shadow: 0 1px 1px rgba(0,0,0,.2);
border-radius: 0 0 6px 6px;
margin-top: -1px
}
.mobile-top-nav-popup .top-nav-dropdown {
display: block;
position: static;
overflow: hidden;
background-color: #f4f4f4
}
.mobile-top-nav-popup .top-nav-dropdown li {
position: relative;
float: left;
width: 50%;
height: 45px;
background-color: #e4e4e4;
overflow: hidden;
border: solid #eee;
border-width: 0 1px 1px 0;
box-sizing: border-box
}
.mobile-top-nav-popup .top-nav-dropdown li:last-child:nth-child(odd) {
width: 100%
}
.mobile-top-nav-popup .top-nav-dropdown a {
width: 100%;
height: 45px;
line-height: 39px;
box-shadow: none;
text-shadow: none;
border: 0!important;
border-radius: 0!important;
color: #000;
background-color: #f4f4f4
}
html.no-touchevents .mobile-top-nav-popup .top-nav-dropdown a:hover {
background-color: #e4e4e4
}
.mobile-top-nav-popup .top-nav-dropdown img {
margin: 0 9px 0 10px
}
.mobile-top-nav-popup .slide-up {
display: block;
height: 36px;
width: 100%;
border: 0;
border-radius: 0 0 6px 6px;
background: url(../images/img/sticky_header/arrow-icon.56368fe2.png) center #f4f4f4 no-repeat
}
.mobile-top-nav-popup-profile {
left: auto;
width: 140px
}
.mobile-top-nav-popup-profile .top-nav-dropdown li {
float: none;
width: auto;
text-indent: 1em
}
.mobile-top-nav-popup-profile .top-nav-dropdown a {
line-height: 43px
}
.mobile-top-nav-popup-profile .zg-icon {
display: none
}
.top-nav-profile {
float: right;
position: relative;
min-width: 120px;
margin-left: 15px;
z-index: 10
}
.top-nav-profile a {
display: block;
width: 120px;
background-color: #31363D;
text-shadow: 0 1px 1px rgba(0,0,0,.12);
font-size: 14px
}
.top-nav-profile .top-nav-dropdown {
top: 46px
}
.top-nav-profile .top-nav-dropdown a {
width: 120px
}
.open .top-nav-dropdown,html.no-touchevents .top-nav-profile:hover .top-nav-dropdown {
display: block
}
.top-nav-profile .zu-top-nav-userinfo {
position: relative;
height: 45px;
line-height: 45px;
text-indent: 46px;
color: #888;
text-decoration: none;
border-top: 0;
background: transparent;
box-shadow: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.zu-top-nav-userinfo.selected,html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
height: 46px!important;
background: #31363D;
/*background: -webkit-linear-gradient(top,#055fb8,#095fb3);
background: linear-gradient(to bottom,#055fb8,#095fb3);*/
box-shadow: inset 0 0 2px rgba(0,0,0,.12);
color: #fff;
}
html.no-touchevents .zu-top-nav-userinfo:hover {
background-color: #31363D
}
.zu-top-nav-userinfo .Avatar {
position: absolute;
top: 9px;
left: 10px;
border: 1px solid rgba(0,0,0,.1);
box-shadow: 0 1px 0 rgba(255,255,255,.1);
background-color: transparent
}
.top-nav-dropdown .zg-icon {
width: 20px;
height: 20px;
margin: 0 11px 0 15px;
vertical-align: -7px
}
.zg-icon-dd-home {
background-position: -6px -7px
}
.zg-icon-dd-pm {
background-position: -6px -34px
}
.zg-icon-dd-settings {
background-position: -6px -60px
}
.zg-icon-dd-logout {
background-position: -6px -87px
}
.zu-top-nav {
float: left;
position: relative
}
.zu-top-nav-live {
position: absolute;
left: 108px;
top: 45px;
width: 290px;
z-index: 9;
background: #fff;
outline: 0
}
.zu-top-nav-ul {
padding: 0;
margin: 0 0 0 18px
}
.zu-top-nav-li {
position: relative;
float: left;
margin: 0;
list-style: none
}
.zu-top-nav-li.current {
/*background: #075fb6;
background: -webkit-linear-gradient(top,#055fb8,#095fb3);
background: linear-gradient(to bottom,#055fb8,#095fb3);
box-shadow: inset 0 0 2px rgba(0,0,0,.12)*/
background: #31363d;
}
.zu-top-nav-link,.zu-top-nav-link:visited,.zu-top-nav-link:active {
color: #eee
}
.zu-top-nav-link:hover {
color: #fff;
text-decoration: none
}
.zu-top-nav-link {
width: 54px;
height: 45px;
line-height: 45px;
text-align: center;
display: block;
color: #888;
text-shadow: 0 1px 1px rgba(0,0,0,.12);
font-size: 14px
}
@media (max-width:959px) {
.zu-top-nav-link {
width: auto;
padding: 0 10px
}
}
.zg-noti-number {
background: #bf1031;
border: 1px solid #b11331;
box-shadow: 0 1px 2px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.15);
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
-webkit-text-size-adjust: none;
padding: 0 5px;
height: 16px;
line-height: 16px;
border-radius: 16px;
text-indent: 0;
text-align: center;
text-decoration: none
}
.zu-top-nav-count,.zu-top-nav-userinfo .zu-top-nav-pm-count {
z-index: 12;
top: 5px;
position: absolute
}
.zu-top-nav-count {
left: 31px
}
.zu-top-nav-userinfo .zu-top-nav-pm-count {
left: 29px
}
.top-nav-profile .top-nav-dropdown .zu-top-nav-pm-count {
vertical-align: 1px;
margin-left: 8px
}
.zu-top-nav-count:hover {
text-decoration: none
}
.zg-black-tip {
position: absolute;
top: 40px;
left: 93px;
padding: 0 10px 10px;
width: 260px;
font-size: 12px;
background: #000;
background: -webkit-linear-gradient(top,rgba(66,69,72,.9),rgba(26,28,30,.9) 90%,rgba(51,55,59,.9));
background: linear-gradient(to bottom,rgba(66,69,72,.9),rgba(26,28,30,.9) 90%,rgba(51,55,59,.9));
border: 1px solid rgba(0,0,0,.2);
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
box-shadow: 0 0 1px rgba(255,255,255,.2) inset,0 1px 3px rgba(0,0,0,.8);
z-index: 999
}
.zg-black-tip-icon {
background: url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat scroll -46px -648px;
width: 14px;
height: 7px;
position: absolute;
top: -7px;
left: 55px
}
.zg-black-tip-content {
padding: 5px 0 0;
color: #fff;
font-size: 13px;
text-shadow: 0 1px 0 rgba(0,0,0,.8);
text-align: center
}
.zg-black-tip {
width: 100%;
max-width: 395px
}
.zg-black-tip-icon {
left: 50px
}
.zu-top-search-form>.zg-input-label {
position: absolute;
left: 8px;
color: #999;
cursor: text
}
.topnav-noauth {
float: right;
margin: 0 0 0 15px;
line-height: 46px
}
.topnav-noauth .zg-icon {
width: 20px;
height: 20px;
margin-right: 6px
}
.topnav-noauth a {
padding: 0 10px;
width: auto;
height: 46px;
line-height: 46px;
text-align: center;
display: block;
color: #eee;
text-shadow: 0 1px 1px rgba(0,0,0,.12);
white-space: nowrap;
font-size: 14px
}
.topnav-noauth a:hover {
color: #fff;
text-decoration: none
}
.topnav-noauth>li {
float: left;
list-style: none
}[class*=sprite-sidebar-icon-] {
display: inline-block;
vertical-align: middle
}
.sprite-sidebar,[class*=sprite-sidebar-] {
background-image: url(../images/img/sidebar/sprites.auto.84426159.png);
background-repeat: no-repeat
}
.sprite-sidebar-icon-column-active {
background-position: 0 0;
width: 25px;
height: 25px
}
.sprite-sidebar-icon-column-normal {
background-position: -27px 0;
width: 25px;
height: 25px
}
.sprite-sidebar-icon-column-write {
background-position: 0 -27px;
width: 24px;
height: 25px
}
.sprite-sidebar-icon-fold {
background-position: -26px -27px;
width: 13px;
height: 8px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-sidebar,[class*=sprite-sidebar-] {
background-image: url(../images/img/sidebar/sprites@2x.auto.40df1bd9.png);
background-size: 52px 52px
}
}
.zu-main-sidebar h3,.zm-side-section h3,.zu-main-sidebar h2,.zm-side-section h2 {
margin-bottom: 10px
}
.zm-side-section {
position: relative;
margin-bottom: 15px
}
.zm-side-section+.zm-side-section>.zm-side-section-inner {
padding: 15px 0 0;
border-top: 1px solid #eee
}
.zm-side-section-inner h3 {
margin-bottom: 10px
}
.zm-side-nav {
margin-left: -10px
}
.zm-side-nav-group:first-child {
margin-top: -4px
}
.zm-side-nav-group {
margin-bottom: 10px
}
.zm-side-nav-group.zm-side-nav-button-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px
}
.zm-side-nav-group.zm-side-nav-button-group .zm-side-nav-button {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.zm-side-nav-group.zm-side-nav-button-group .zm-side-nav-button+.zm-side-nav-button {
margin-left: 20px
}
.zm-side-nav-group.zm-side-nav-button-group .zm-side-nav-button-icon {
margin-top: -4px;
margin-right: 8px
}
.zm-side-nav-group.zm-side-nav-button-group .zm-side-nav-button-icon.sprite-global-icon-ask {
margin-top: -3px
}
.zm-side-nav-group+.zm-side-nav-group {
padding-top: 10px;
border-top: 1px solid #eee
}
.zm-side-nav-li {
display: block;
margin-bottom: 3px;
list-style: none;
position: relative
}
.zm-side-nav-li-wide {
list-style: none;
display: block;
margin: 0 0 3px
}
.zm-side-nav-link {
position: relative;
padding: 0 0 0 10px;
display: block;
height: 28px;
line-height: 28px;
color: #666
}
.zm-side-nav-link .z-ico-community {
display: inline-block;
position: relative;
top: 1px;
left: -1px;
margin-right: 2px
}
.zm-side-nav-link .zg-num {
vertical-align: 1px;
background: #888
}
.zm-side-nav-link.active .zg-num,html.no-touchevents .zm-side-nav-li:hover .zg-num {
background: #5781b7
}
.zm-side-nav-link.active,html.no-touchevents .zm-side-nav-link:hover {
color: #25bb9b;
background: #eff6fa;
border-radius: 3px;
text-decoration: none
}
.zm-side-nav-link .zg-icon {
margin-right: 2px;
width: 14px;
height: 14px;
vertical-align: -2px
}
.zg-icon-sidenav-roundtable {
background-position: -88px -232px
}
a.active>.zg-icon-sidenav-roundtable,html.no-touchevents a:hover>.zg-icon-sidenav-roundtable {
background-position: -106px -232px
}
.zg-icon-sidenav-draft {
background-position: -152px -4px
}
a.active>.zg-icon-sidenav-draft,html.no-touchevents a:hover>.zg-icon-sidenav-draft {
background-position: -152px -24px
}
.zg-icon-sidenav-fav {
background-position: -167px -4px
}
a.active>.zg-icon-sidenav-fav,html.no-touchevents a:hover>.zg-icon-sidenav-fav {
background-position: -167px -24px
}
.zg-icon-sidenav-follow {
background-position: -183px -4px
}
a.active>.zg-icon-sidenav-follow,html.no-touchevents a:hover>.zg-icon-sidenav-follow {
background-position: -183px -24px
}
.zg-icon-sidenav-invite {
background-position: -200px -4px
}
a.active>.zg-icon-sidenav-invite,html.no-touchevents a:hover>.zg-icon-sidenav-invite {
background-position: -200px -24px
}
.zg-icon-sidenav-all {
background-position: -217px -4px
}
a.active>.zg-icon-sidenav-all,html.no-touchevents a:hover>.zg-icon-sidenav-all {
background-position: -217px -24px
}
.zg-icon-sidenav-plaza {
background-position: -234px -4px
}
a.active>.zg-icon-sidenav-plaza,html.no-touchevents a:hover>.zg-icon-sidenav-plaza {
background-position: -234px -24px
}
.zg-icon-sidenav-find {
background-position: -251px -4px
}
a.active>.zg-icon-sidenav-find,html.no-touchevents a:hover>.zg-icon-sidenav-find {
background-position: -251px -24px
}
.zg-icon-sidenav-publicedit {
background-position: -269px -4px
}
a.active>.zg-icon-sidenav-publicedit,html.no-touchevents a:hover>.zg-icon-sidenav-publicedit {
background-position: -269px -24px
}
.zm-side-gray {
color: #999;
font-size: 12px
}
.zm-side-link-avatar {
float: left;
height: 25px;
margin: 5px 5px 5px 0;
width: 25px
}
.zm-side-my-columns .name,.zm-side-my-columns .Avatar {
vertical-align: middle
}
.zm-side-my-columns .Avatar {
margin-right: 5px;
width: 25px;
height: 25px;
border-radius: 3px
}
.zm-side-my-columns .column-homepage {
padding-bottom: 6px;
margin: 0 0 9px;
border-bottom: 1px dotted #eee
}
.zm-side-my-columns .column-homepage .zm-side-nav-li {
margin-left: -10px
}
.zm-side-my-columns .column-link {
height: auto;
line-height: 34px
}
.zm-side-my-columns .column-list.fold {
overflow: hidden
}
.zm-side-my-columns .icon-column-logo {
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0
}
.zm-side-my-columns .icon-column-logo-active {
background-position: 0 0;
width: 25px;
height: 25px
}
.zm-side-my-columns .sprite-sidebar-icon-fold {
margin: 0 11px 0 6px
}
.icon-column-write {
margin: 0 4px 0 2px;
width: 24px;
height: 22px;
vertical-align: -7px;
background-position: 0 -228px
}
html.no-touchevents a:hover>.icon-column-write {
background-position: -36px -228px
}
.zm-side-nav li {
position: relative
}
.pin-topic-avatar-link {
float: left
}
.shameimaru-section {
position: relative;
width: 100%;
max-width: 272px;
margin-bottom: 20px
}
.shameimaru-section .shameimaru-link,.shameimaru-section .shameimaru-link img {
display: block;
width: inherit;
border-radius: 6px
}
.shameimaru-section .shameimaru-close {
position: absolute;
right: 6px;
top: 6px;
opacity: .7;
-ms-filter: "alpha(Opacity=70)";
cursor: pointer
}
html.no-touchevents .shameimaru-section .shameimaru-close {
display: none
}
.shameimaru-section .shameimaru-close:hover {
opacity: .9;
-ms-filter: "alpha(Opacity=90)"
}
.shameimaru-section:hover a.shameimaru-close {
display: block
}
.shameimaru-pixel {
position: absolute;
width: 0;
height: 0;
left: -100000px;
top: -100000px
}
.comment-app-holder,.zm-comment-box {
max-width: 540px
}
.comment-app-holder .OrgIcon,.zm-comment-box .OrgIcon {
display: none
}
.zm-comment-box {
position: relative;
margin: 10px 0 35px;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0,0,0,.05)
}
.zm-comment-box .load-more {
padding: 8px 0;
display: block;
font-size: 13px;
height: 22px;
text-align: center;
border: 1px solid #eee;
border-width: 1px 0 0;
color: #25bb9b;
box-shadow: 0 0 5px rgba(180,180,180,.1) inset;
text-shadow: 0 1px 0 #fff
}
.zm-comment-box .load-more .text {
position: relative
}
.zm-comment-box .load-more .spinner {
position: absolute;
top: 0;
right: -20px;
display: none
}
.zm-comment-box .load-more.loading .spinner {
display: block
}
html.no-touchevents .zm-comment-box .load-more:hover {
background: #fefefe;
text-decoration: none
}
.zm-comment-box .load-more:active {
background: #fbfbfb;
box-shadow: 0 0 5px rgba(180,180,180,.2) inset
}
.zm-comment-box .load-more+.zm-item-comment {
margin: 0;
padding: 8px 12px;
border-top: 1px solid #eee
}
.zm-comment-box .zm-comment-bubble {
position: absolute;
top: -8px;
left: 81px;
display: none
}
.zm-comment-box.empty {
border: 0;
box-shadow: none
}
.zm-comment-box.empty.cannot-comment {
border: 1px solid #ddd
}
.zm-comment-box.cannot-comment .editable,.zm-comment-box.cannot-comment .zm-command,.zm-comment-box.cannot-comment .zm-comment-op-link.reply {
display: none!important
}
.zm-comment-box.empty .zm-comment-bubble {
display: none!important
}
.zm-comment-box.empty.cannot-comment .zm-comment-bubble {
display: block!important
}
.zm-comment-box.empty .zm-comment-box-ft {
margin: 0 30px 0 0;
padding: 0;
border: 0!important;
background: 0 0
}
.zm-comment-box.empty.cannot-comment .zm-comment-form {
margin: 0
}
.zm-comment-box.empty.cannot-comment .zm-comment-form,.zm-comment-box .zm-comment-form {
padding: 15px
}
.zm-comment-box.empty.cannot-comment .zm-comment-box-ft,.zm-comment-box .zm-comment-box-ft {
background: #fbfbfb;
border-radius: 0 0 4px 4px;
border-top: 1px solid #EEE;
position: relative
}
.zm-comment-box.empty.cannot-comment .zm-comment-box-ft {
background: #fff
}
.zm-comment-box .zm-comment-spinner {
padding: 6px 12px;
color: #999
}
.zm-item-comment {
position: relative;
margin: 0 12px;
padding: 8px 0;
outline: 0
}
.zm-item-comment .zm-comment-content-wrap {
margin: 0 0 0 35px
}
.zm-item-comment>.zm-item-link-avatar {
float: left;
margin: 4px 0 0
}
.zm-item-comment .zm-item-img-avatar {
width: 25px;
height: 25px;
border-radius: 2px
}
.zm-item-comment .zm-comment-content {
color: #222;
min-height: 22px
}
.zm-item-comment .zm-comment-hd,.zm-item-comment .zm-comment-ft {
color: #999
}
.zm-item-comment .zm-comment-hd .desc,.zm-item-comment .zm-comment-ft .desc {
font-size: 12px
}
.zm-item-comment .zm-comment-ft {
font-size: 12px
}
.zm-item-comment .like-num {
float: right;
margin-top: -1px
}
.zm-item-comment .like-num>span,.zm-item-comment .like-num>em {
font-style: normal;
vertical-align: -2px
}
.zm-item-comment .like-num.nil {
visibility: hidden
}
.zm-item-comment.focusin .zm-comment-op-link,.zm-item-comment:hover .zm-comment-op-link {
visibility: visible
}
.zm-item-comment+.zm-item-comment {
border-top: solid 1px #eee
}
.zm-item-comment .zm-comment-form {
padding: 15px 0
}
.zm-comment-info {
text-align: center
}
.zm-comment-form .zm-comment-textarea,.zm-comment-form .zm-comment-editable {
padding: 7px 8px;
font-size: 13px;
line-height: 22px;
min-height: 22px;
white-space: pre-wrap;
color: #222;
cursor: text;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
background-color: #fff
}
.zm-comment-form .zm-comment-textarea {
height: 1em;
width: 95%
}
.zm-comment-form .zm-comment-editable:focus {
border: 1px solid #ccc
}
.zm-comment-form .signin-mask-tip-comment {
position: absolute;
top: 0;
width: 100%;
height: 100%
}
.zm-comment-form .zm-command {
display: none;
padding-bottom: 0
}
.zm-comment-form.expanded .zm-command {
display: block;
line-height: 33px
}
.with-self-avatar .zm-comment-form .avatar {
display: block
}
.zm-comment-form .avatar {
float: left;
display: none;
margin: 2px 10px 0 0;
width: 34px;
height: 34px;
border-radius: 4px
}
.zm-comment-form .avatar+.editable {
overflow: hidden
}
.zm-comment-op-link {
margin-left: .5em;
color: #999;
font-size: 12px;
visibility: hidden
}
html.touchevents .zm-comment-op-link {
visibility: visible!important
}
html.no-touchevents .zm-comment-op-link:hover {
color: #25bb9b;
text-decoration: none
}
.zg-icon-comment-like,.zm-comment-op-link .zg-icon {
margin-right: 5px;
width: 11px;
height: 11px;
vertical-align: -1px
}
.zg-icon-comment-report {
width: 10px;
height: 10px;
background-position: -71px -183px
}
html.no-touchevents a:hover .zg-icon-comment-report,html.no-touchevents button:hover .zg-icon-comment-report {
background-position: -71px -170px
}
.zg-icon-comment-del {
background-position: -236px -92px
}
html.no-touchevents a:hover .zg-icon-comment-del,html.no-touchevents button:hover .zg-icon-comment-del {
background-position: -236px -79px
}
.zg-icon-comment-reply {
background-position: -250px -92px
}
html.no-touchevents a:hover .zg-icon-comment-reply,html.no-touchevents button:hover .zg-icon-comment-reply {
background-position: -250px -79px
}
.zg-icon-comment-like {
background-position: -222px -92px
}
.like-num.liked .zg-icon-comment-like,html.no-touchevents a:hover .zg-icon-comment-like,html.no-touchevents button:hover .zg-icon-comment-like {
background-position: -222px -79px
}
.login-reg-box {
*zoom: 1
}
.login-reg-box:before,.login-reg-box:after {
display: table;
content: ""
}
.login-reg-box:after {
clear: both
}
.login-reg-box:before,.login-reg-box:after {
display: table;
content: ""
}
.login-reg-box:after {
clear: both
}
.login-reg-box .reg-box-inner {
float: right;
margin-top: 6px;
margin-left: 10px
}
.login-reg-box .reg-box-inner .zg-btn-red {
margin-right: 8px
}
.zm-item-answer-owner .zm-item-vote {
display: block!important
}
.zm-item-answer-owner .zm-votebar {
display: none!important
}
.question-invited-by {
margin-bottom: 20px;
padding: 13px 20px;
color: #888;
background: rgba(243,245,247,.44);
border-radius: 4px;
border: 1px solid #ddd
}
.question-invited-by .invite-others {
float: right
}
.qi-box-mixin {
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0,0,0,.05)
}
.question-invite-panel {
position: relative;
display: none;
margin: 5px 0 35px;
color: #222;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0,0,0,.05)
}
.question-invite-panel.loading {
padding: 6px 12px
}
.question-invite-panel .icon-spike {
left: 157px
}
.question-invite-panel .spinner {
color: #999
}
.question-invite-panel .error-message {
padding: 6px 12px;
color: #999;
text-align: center
}
.question-invite-panel .invite-title {
padding: 12px
}
.question-invite-panel .invite-title .spinner-gray {
float: right;
display: none;
margin-top: 9px
}
.question-invite-panel .invite-status {
margin-left: 5px;
color: #999
}
@media (max-width:767px) {
.question-invite-panel .invite-status {
display: block;
margin: 5px 0 0
}
}
.question-invite-panel .input-wrapper {
position: relative;
display: inline-block
}
.question-invite-panel .input-wrapper .zg-icon {
position: absolute;
right: 6px;
top: 50%;
margin-top: -6px
}
.question-invite-panel .search-input {
padding-right: 20px;
width: 130px;
line-height: 15px;
color: #777
}
.question-invite-panel .invited-shortlist {
position: relative;
display: inline-block
}
.question-invite-panel .invited-shortlist .zg-link {
font-size: 13px;
color: #555
}
.question-invite-panel .invited-shortlist .zg-link-gray {
font-size: 13px
}
.question-invite-panel .invited-hovercard {
display: none;
position: absolute;
left: 50%;
z-index: 11;
padding-top: 8px;
margin-left: -100px;
width: 200px
}
.question-invite-panel .invited-hovercard .icon-spike {
left: 50%;
top: 1px;
margin-left: -7px
}
.question-invite-panel .invited-hovercard.in {
display: block;
-webkit-animation: fadeIn .05s ease-in both;
animation: fadeIn .05s ease-in both
}
.question-invite-panel .invited-fulllist {
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0,0,0,.05);
list-style: none;
white-space: nowrap;
background: #fff
}
.question-invite-panel .invited-fulllist li {
position: relative;
padding: 0 65px 0 10px;
height: 45px;
line-height: 45px;
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.question-invite-panel .invited-fulllist li+li {
border-top: 1px solid #f5f5f5
}
.question-invite-panel .invited-fulllist .zm-item-link-avatar {
margin-right: .5em
}
.question-invite-panel .invited-fulllist .zm-item-link-avatar:hover {
text-decoration: none
}
.question-invite-panel .invited-fulllist .zm-item-img-avatar {
width: 25px;
height: 25px;
vertical-align: middle;
border-radius: 2px
}
.question-invite-panel .invited-fulllist .cancel-button {
position: absolute;
right: 10px;
line-height: 45px;
color: #999;
font-size: 13px;
outline: 0
}
.question-invite-panel .suggest-persons {
list-style: none
}
.question-invite-panel .suggest-persons .person {
margin: 0 12px;
padding-top: 18px;
padding-bottom: 18px;
height: 36px;
overflow: hidden
}
.question-invite-panel .suggest-persons .person:first-child {
padding-top: 6px
}
.question-invite-panel .suggest-persons .person em,.question-invite-panel .suggest-persons .person .ac-highlighted {
font-style: normal;
color: #c20a0a
}
.question-invite-panel .suggest-persons .person .zm-item-link-avatar {
float: left;
margin-right: 12px;
width: 36px;
height: 36px
}
.question-invite-panel .suggest-persons .person .zm-item-img-avatar {
border-radius: 3px
}
.question-invite-panel .suggest-persons .person .content {
min-height: 30px;
overflow: hidden
}
.question-invite-panel .suggest-persons .person .invite-button {
outline: 0
}
.question-invite-panel .suggest-persons .person .describe {
padding-right: 12px;
line-height: 1.2;
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.question-invite-panel .suggest-persons .person .describe .zg-link {
float: left;
color: #25bb9b
}
.question-invite-panel .suggest-persons .person .reason {
margin-top: 3px;
color: #999
}
.question-invite-panel .suggest-persons .person .reason a {
color: #666
}
.question-invite-panel .suggest-persons .person.ac-active {
background-color: #fff
}
@media (max-width:767px) {
.question-invite-panel .suggest-persons .person {
height: auto
}
.question-invite-panel .suggest-persons .reason {
line-height: 1.2
}
}
.question-invite-panel .suggest-persons .person+.person {
border-top: 1px solid #eee
}
.question-invite-panel .suggest-persons .invite-button {
float: right;
padding: 4px 10px
}
.question-invite-panel .js-more {
display: block;
padding-top: 12px;
padding-bottom: 12px;
color: #25bb9b;
text-align: center;
text-decoration: none;
border-top: 1px solid #eee
}
.question-invite-panel .js-more:active {
box-shadow: 0 0 5px rgba(180,180,180,.2) inset
}
.question-invite-panel .no-result-tips {
display: inline-block;
padding-right: 12px;
padding-left: 12px;
height: 30px;
line-height: 30px;
color: #999
}
.zh-question-answer-form-wrap {
margin-top: 10px
}
.zh-question-answer-form-wrap .signin-mask-tip-answer {
position: absolute;
top: 0;
width: 100%;
height: 100%
}
.zh-question-answer-form-wrap .submit-button {
margin-left: 1em
}
.zh-answer-form {
margin-bottom: 10px
}
.zu-answer-form-title {
font-weight: 700
}
.zu-answer-form-disabled-wrap {
color: #999;
text-align: center;
margin: 15px 0 0
}
.zh-question-answer-form-orgRule {
position: relative
}
.zh-question-answer-form-orgRule ol {
list-style-position: inside
}
.zh-question-answer-form-orgRule ol li {
margin: 1em 0
}
.zh-question-answer-form-orgRule .knowMore {
position: relative;
top: 43px;
font-size: 13px;
color: #25bb9b
}
.zh-add-question-form {
padding: 2px 2px 0
}
.zh-add-question-form #zh-question-suggest-detail-container .zm-command {
display: none
}
.zh-add-question-form .zg-section-big,.zh-add-question-form #zh-question-suggest-autocomplete-container,.zh-add-question-form #zh-question-suggest-autocomplete-container2 {
position: relative
}
.zh-add-question-form #zh-question-suggest-autocomplete-container>.ac-renderer,.zh-add-question-form #zh-question-suggest-autocomplete-container2>.ac-renderer {
top: 0;
left: 0;
z-index: 100;
width: 235px
}
.zh-add-question-form #zh-question-suggest-detail-trigger,.zh-add-question-form #zh-question-suggest-topic-trigger {
cursor: pointer
}
.zh-add-question-form .zu-question-suggest-topic-input {
border: 0 none;
margin: 0 0 5px 5px
}
.zh-add-question-form #zm-modal-dialog-warnmsg-wrapper>.zu-global-notify-close,.zh-add-question-form .zm-modal-dialog-warnmsg-wrapper>.zu-global-notify-close {
position: absolute;
right: 7px;
top: 7px;
float: none;
margin: 0
}
.zh-add-question-form .zu-question-suggest-topic-input {
width: 120px
}
.zh-add-question-form .zm-item-img-avatar {
margin: -2px 10px 0 0
}
.zh-add-question-form #zh-topic-desc .tr-spinner {
display: none
}
.zh-add-question-form .zm-tag-editor-edit-item {
margin: 0 5px 5px 0
}
.zh-add-question-form .zm-tag-editor-edit-item span {
color: #25bb9b
}
.zh-add-question-form .zm-ac-topic-alias {
font-size: 12px;
line-height: 14px;
color: #999;
display: inline;
padding: 10px
}
.zh-add-question-form .label-input-label {
line-height: 23px;
color: #999!important
}
.zh-add-question-form .zm-add-question-form-topic-wrap .zm-tag-editor-editor.empty .zg-icon {
display: block
}
.zh-add-question-form .zm-add-question-form-topic-wrap .sug-con {
padding-top: 10px
}
.zh-add-question-form .zm-add-question-form-topic-wrap .sug-con .tip {
padding-right: 8px
}
.zh-add-question-form .zm-add-question-form-topic-wrap .sug-con img {
margin-top: 4px;
margin-left: 4px
}
.zh-add-question-form .sug-con .sugs span:after {
vertical-align: 1px;
font-weight: 700;
content: " +";
margin-left: 1px;
line-height: 18px
}
.zh-add-question-form .zm-question-form-hide-in-about-question-el {
color: #666;
margin: 5px 0
}
.zh-add-question-form .zm-question-form-notice {
float: left;
margin-top: 5px;
color: #999
}
.zh-add-question-form .zm-question-form-notice.zm-question-form-notice--warning {
color: #c33
}
.zh-add-question-form #zh-question-suggest-detail-trigger {
line-height: 24px;
color: #25bb9b;
display: inline-block;
border-radius: 4px
}
.zh-add-question-form .zm-add-question-detail-icon {
display: inline-block;
height: 14px;
width: 15px;
background: url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -132px -46px transparent;
margin-left: 2px;
vertical-align: 0;
margin-right: 2px
}
.zh-add-question-form #zh-question-form-tag-err,.zh-add-question-form #zh-question-form-detail-err {
font-size: 13px;
color: #c33;
font-weight: 400
}
.zh-add-question-form #zh-question-form-tag-err {
margin-left: 10px
}
.zh-add-question-form #zh-question-suggest-detail-trigger:hover {
background: #eff6fa;
text-decoration: none
}
.zh-add-question-form .zm-editable-editor-wrap {
margin-top: 5px
}
.zh-add-question-form .add-question-section-title {
margin-bottom: 5px
}
.zh-add-question-form .title-length-err-msg {
color: #999;
margin-top: 5px
}
.zh-add-question-form .title-length-err-msg .error {
color: #c33;
font-size: 1.2em
}
.zh-add-question-form .add-question-title-form textarea {
vertical-align: bottom;
min-height: 1em
}
.zh-add-question-form .extra-editor-toolbar div {
margin-left: 10px
}
.zh-add-question-form .editable {
min-height: 66px
}
.zh-add-question-form .add-question-splash-page {
display: none
}
.zh-add-question-form .add-question-splash-page b {
font-size: 14px
}
.zh-add-question-form .add-question-splash-page .before-ask-form {
margin-top: 30px
}
.zh-add-question-form .add-question-splash-page .before-ask-form input {
width: 100%;
border-radius: 2px;
box-sizing: border-box
}
.zh-add-question-form .add-question-splash-page .before-ask-form .ac-row a {
color: inherit
}
.zh-add-question-form .add-question-splash-page p {
margin-bottom: 18px
}
.zh-add-question-form .add-question-splash-page .ac-renderer {
position: static;
margin-top: -1px;
width: 100%;
border: 1px solid #ccc;
border-radius: 0;
box-shadow: none;
box-sizing: border-box
}
.zh-add-question-form .add-question-splash-page .ac-renderer .ac-row {
cursor: default;
padding: 4px 8px
}
.zh-add-question-form .add-question-splash-page .ac-renderer .ac-row.ac-first {
cursor: default
}
.zh-add-question-form .add-question-splash-page .ac-renderer .ac-row.ac-last {
text-align: center;
cursor: pointer;
background-color: #fafafa;
border-top: 1px solid #ccc
}
.zh-add-question-form .question-suggest-ac-wrap {
margin-top: 5px
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer {
position: static;
margin-top: -1px;
width: 100%;
border-radius: 0;
box-shadow: none;
box-sizing: border-box
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row {
margin-bottom: -1px;
padding: 6px 8px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border-collapse: collapse;
*zoom: 1
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:before,.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:after {
display: table;
content: ""
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:after {
clear: both
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:before,.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:after {
display: table;
content: ""
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:after {
clear: both
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:last-child,.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:first-child {
border-radius: 0
}
html.no-touchevents .zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:hover {
background-color: #eff6fa
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-head {
padding: 6px 8px;
font-size: 13px;
font-weight: 400!important
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-header {
cursor: pointer;
position: relative;
padding-right: 20px!important
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-header>.zippy-indicator {
position: absolute;
right: 8px
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-header.goog-zippy-expanded {
background-color: #eff6fa
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content {
padding: 6px 0 2px
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item {
color: #222;
text-decoration: none
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .inline-block {
display: inline-block;
vertical-align: middle
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .inline-block+.inline-block {
margin-left: 8px
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .summary {
max-width: 65%
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .author,.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .anon-author {
font-weight: 700
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .zippy-row {
padding: 2px 8px
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor {
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
border: 1px solid #ccc!important;
padding: 8px 8px 3px;
position: relative
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor.empty {
display: block;
padding-left: 25px
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor .icon-magnify {
vertical-align: -1px
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor .err-tip {
color: #999
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor .err-tip.light {
color: #a02313
}
.zu-global-notify {
position: relative;
top: -2px;
padding: 5px 0 3px;
color: #666;
background: #FBF9E5;
box-shadow: 0 1px 1px rgba(0,0,0,.1)
}
.zu-global-notify.zu-global-notify-info {
z-index: 2;
background: #eff6fa
}
.zu-global-notify a+a {
margin-left: 5px
}
.zu-global-notify-close {
float: right;
margin: 0 -30px 0 0;
width: 20px;
height: 20px;
opacity: .5;
-ms-filter: "alpha(Opacity=50)";
text-indent: -9999px;
background: url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -245px -144px
}
.zu-global-notify-close:hover {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.zu-global-notify-icon {
float: left;
margin: 2px 0 0 -25px;
width: 20px;
height: 16px;
background: url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -225px -146px
}
.zu-global-notify-icon.zu-global-notify-icon-warn {
background-position: 0 -467px
}
.zh-summary {
-webkit-tap-highlight-color: rgba(225,225,225,.5);
position: relative;
cursor: pointer
}
.zh-summary .inline-img,.CardAdFeed-image {
float: left;
height: 112px;
width: 200px;
border-radius: 4px;
margin: 1px 10px 5px 0
}
a.toggle-expand,.CardAdFeed-button {
display: inline-block;
padding: 0 3px;
border-radius: 2px;
font-size: .9em;
color: #25bb9b;
}
html.no-touchevents .zh-summary:hover a.toggle-expand {
text-decoration: none;
color: #25bb9b;
}
.item-collapse {
float: right;
display: none;
margin: 0;
padding: 1px 6px 0;
background: 0 0;
border: 0;
border-radius: 3px;
outline: 0;
cursor: pointer;
-webkit-transition: background-color .2s,visibility .2s,opacity .2s,-webkit-transform .2s;
transition: background-color .2s,visibility .2s,opacity .2s,-webkit-transform .2s;
transition: background-color .2s,visibility .2s,opacity .2s,transform .2s;
transition: background-color .2s,visibility .2s,opacity .2s,transform .2s,-webkit-transform .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.zm-item-expanded .item-collapse {
display: inline-block
}
.item-collapse.is-sticky {
position: fixed;
right: auto;
z-index: 1;
margin: 0;
background-color: #25bb9b;
color: #fff;
opacity: .9;
-ms-filter: "alpha(Opacity=90)"
}
.item-collapse.is-sticky:hover {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.page-search .item-collapse.is-sticky {
color: #fff
}
html.no-touchevents .item-collapse.is-sticky:hover {
color: #fff
}
.zh-question-answer-wrapper .item-collapse,.awesome-answer-list .item-collapse {
visibility: hidden;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
float: none;
position: absolute;
top: 5px;
right: 0;
margin: 0;
background-color: #25bb9b;
color: #fff
}
.zh-question-answer-wrapper .item-collapse.is-sticky,.awesome-answer-list .item-collapse.is-sticky {
visibility: visible;
position: fixed;
right: auto;
opacity: .9;
-ms-filter: "alpha(Opacity=90)"
}
.zh-question-answer-wrapper .item-collapse.is-sticky:hover,.awesome-answer-list .item-collapse.is-sticky:hover {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.feeds .item-actions li.item-collapse {
float: right;
margin-right: 0
}
.feeds .item-actions li.item-collapse .button-text {
padding-right: 0
}
.feeds .item-actions li.item-collapse.is-sticky .button-text,.feeds .item-actions li.item-collapse.is-sticky .button-text:hover {
color: #fff
}
.item-collapse .sprite-global-icon-fold-white {
margin-right: 5px;
vertical-align: baseline
}
.item-collapse [class*=sprite-global-icon-fold-round-] {
margin-right: 4px;
vertical-align: baseline
}
.zh-trendings>ul {
list-style: none;
margin-top: -7px
}
.zh-trendings>ul>li {
position: relative;
padding: 7px 0
}
html.no-touchevents .zh-trendings>ul>li:hover .del {
visibility: visible
}
.zh-trendings>ul>li+li {
border-top: dotted 1px #eee
}
.zh-trendings .del {
position: absolute;
top: 5px;
right: 0;
visibility: hidden
}
html.touchevents .zh-trendings .del {
visibility: visible
}
.zh-trendings .avatar {
float: left;
margin: 3px 9px 0 0
}
.zh-trendings .avatar>img {
width: 25px;
height: 25px;
border-radius: 2px
}
.zh-trendings .headline {
color: #666;
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.zh-trendings .bd {
overflow: hidden
}
.zh-trendings .ft,.zh-trendings .ft>.reason>a {
color: #999
}
.mutiview-dialog-bg {
position: fixed;
left: 0;
top: 0;
background-color: #fff;
opacity: 0!important;
-ms-filter: "alpha(Opacity=0)";
z-index: 95;
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out
}
.mutiview-dialog-bg.show {
opacity: .9!important;
-ms-filter: "alpha(Opacity=90)"
}
@media (max-width:450px) {
.mutiview-dialog-bg.show {
opacity: 1!important;
-ms-filter: "alpha(Opacity=100)"
}
}
.mutiview-dialog {
margin-top: 14vh;
width: 300px;
color: #787878;
font-size: 14px;
background-color: #fff;
border: 1px solid #cbcbcb;
border-radius: 5px;
box-shadow: 0 0 15px 0 rgba(0,0,0,.3);
outline: 0;
z-index: 99;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
overflow: hidden;
-webkit-transform: translate(0,20px);
-ms-transform: translate(0,20px);
transform: translate(0,20px);
-webkit-transition: .3s ease-out;
transition: .3s ease-out
}
.mutiview-dialog.show {
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0)
}
html.modal-open.no-flexbox .modal-wrapper .mutiview-dialog {
margin: 14% auto auto
}
.mutiview-dialog .mutiview-dialog-title {
position: relative;
height: 92px
}
.mutiview-dialog .mutiview-dialog-title .title {
position: absolute;
padding-top: 25px;
padding-bottom: 25px;
width: 100%;
height: 42px;
text-align: center;
line-height: 1;
-webkit-transition: .3s ease-out;
transition: .3s ease-out
}
.mutiview-dialog .mutiview-dialog-title .title.left {
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translate(-50px,0);
-ms-transform: translate(-50px,0);
transform: translate(-50px,0)
}
.mutiview-dialog .mutiview-dialog-title .title.right {
visibility: hidden;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translate(50px,0);
-ms-transform: translate(50px,0);
transform: translate(50px,0)
}
.mutiview-dialog .mutiview-dialog-title .title h1 {
font-size: 16px;
line-height: 18px;
font-weight: 700;
margin-bottom: 10px
}
.mutiview-dialog .mutiview-dialog-title .title h2 {
font-size: 14px;
font-weight: 400
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back,.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close {
position: absolute;
top: 10px;
cursor: pointer;
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back {
visibility: hidden;
left: 10px;
opacity: 0;
-ms-filter: "alpha(Opacity=0)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back.show {
opacity: .2;
-ms-filter: "alpha(Opacity=20)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back.show:hover {
opacity: .3;
-ms-filter: "alpha(Opacity=30)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back.show:active {
opacity: .25;
-ms-filter: "alpha(Opacity=25)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close {
right: 10px;
opacity: .2;
-ms-filter: "alpha(Opacity=20)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close:hover {
opacity: .3;
-ms-filter: "alpha(Opacity=30)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close:active {
opacity: .25;
-ms-filter: "alpha(Opacity=25)"
}
.mutiview-dialog .mutiview-dialog-content {
position: relative
}
.mutiview-dialog .mutiview-dialog-content.transition {
-webkit-transition: height .3s ease-out;
transition: height .3s ease-out
}
.mutiview-dialog .mutiview-dialog-content .view {
width: 100%;
box-sizing: border-box;
-webkit-transition: .3s ease-out;
transition: .3s ease-out
}
.mutiview-dialog .mutiview-dialog-content .view.left {
position: absolute;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translate(-100%,0);
-ms-transform: translate(-100%,0);
transform: translate(-100%,0)
}
.mutiview-dialog .mutiview-dialog-content .view.right {
visibility: hidden;
position: absolute;
top: 0;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translate(100%,0);
-ms-transform: translate(100%,0);
transform: translate(100%,0)
}
@media (max-width:450px) {
.mutiview-dialog {
width: 100%;
height: 100%;
border: 0;
border-radius: none;
box-shadow: none
}
.mutiview-dialog .mutiview-dialog-title {
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close {
top: 0;
right: 0;
border: 12px solid #fff
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back {
top: 0;
left: 0;
border: 12px solid #fff
}
.mutiview-dialog .mutiview-dialog-content {
height: auto!important
}
html.modal-open .modal-wrapper .mutiview-dialog {
margin-top: 0
}
}
.SignFlow {
color: #787878;
font-size: 14px
}
.SignFlow .title {
padding-top: 25px;
padding-bottom: 25px;
width: 100%;
height: 42px;
text-align: center;
line-height: 1
}
.SignFlow .title h1 {
font-size: 16px;
line-height: 18px;
font-weight: 700;
margin-bottom: 10px
}
.SignFlow .title h2 {
font-size: 14px;
font-weight: 400
}
.SignFlow button {
padding: 0;
font-size: 14px;
color: #787878;
background: 0 0;
border: 0;
outline: 0;
cursor: pointer
}
.SignFlow .blue-button {
display: inline-block;
background-color: #0077d9;
padding: 8px 16px;
font-size: 14px;
line-height: 1;
color: #fff;
border: 0;
border-radius: 3px;
outline: 0;
cursor: pointer
}
.SignFlow .blue-button:hover {
background-color: #0070CD
}
.SignFlow .blue-button:active {
background-color: #0077d9
}
.SignFlow .blue-button:btn-pending {
background-color: #A8B9C7
}
.SignFlow .input-wrapper {
position: relative;
border-bottom: 1px solid #eee
}
.SignFlow .input-wrapper:first-child {
border-top: 1px solid #eee
}
.SignFlow .input-wrapper input {
padding: 15px 8px;
height: 48px;
width: 100%;
font-size: 14px;
line-height: 18px;
color: #787878;
border: 0;
outline: 0;
box-sizing: border-box
}
.SignFlow .input-wrapper input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px #fff inset;
-webkit-text-fill-color: #787878
}
.SignFlow .input-wrapper input::-webkit-input-placeholder {
line-height: 18px;
color: #ccc;
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.SignFlow .input-wrapper input::-moz-placeholder {
line-height: 18px;
color: #ccc;
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.SignFlow .input-wrapper input:-ms-input-placeholder {
line-height: 18px;
color: #ccc;
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.SignFlow .input-wrapper input::placeholder {
line-height: 18px;
color: #ccc;
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.SignFlow .input-wrapper input::-ms-clear {
display: none
}
.SignFlow .input-wrapper input::-ms-reveal {
display: none
}
.SignFlow .input-wrapper label.error {
position: absolute;
top: 0;
right: 0;
padding: 0 8px;
line-height: 48px;
color: #c33;
cursor: text;
background: #fff;
background: -webkit-linear-gradient(left,rgba(255,255,255,0),#fff 8px);
background: linear-gradient(to right,rgba(255,255,255,0),#fff 8px);
visibility: hidden;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
-webkit-transform: translate(8px,0);
-ms-transform: translate(8px,0);
transform: translate(8px,0)
}
.SignFlow .input-wrapper label.error.is-visible {
visibility: visible;
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0)
}
.SignFlow .input-wrapper label.error.highlighted {
color: #ed707c;
-webkit-transition: none;
transition: none
}
.SignFlow .input-wrapper label.error a {
text-decoration: none
}
.SignFlow .input-wrapper label.error a,.SignFlow .input-wrapper label.error span {
color: #787878
}
.SignFlow .input-wrapper.toggle-password .z-ico-show-password {
position: absolute;
top: 0;
right: 0;
margin: auto;
border: solid #fff;
border-width: 17px 8px 17px 0;
cursor: pointer
}
.SignFlow .input-wrapper.toggle-password input {
padding-right: 41px
}
.SignFlow .input-wrapper.toggle-password label.error {
right: 26px
}
.SignFlow .input-wrapper.captcha-module {
display: none
}
.SignFlow .input-wrapper.captcha-module .captcha-container {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
margin: auto;
height: 30px;
border-radius: 4px;
overflow: hidden;
cursor: pointer
}
.SignFlow .input-wrapper.captcha-module .captcha-container .captcha {
height: 30px;
width: 90px
}
.SignFlow .input-wrapper.captcha-module label.error {
right: 98px
}
.SignFlow .input-wrapper.verification-code input {
width: 200px
}
.SignFlow .input-wrapper.verification-code label.error {
right: 94px
}
.SignFlow .input-wrapper.verification-code .send-code {
position: relative;
z-index: 2;
float: right;
width: 94px;
height: 48px;
color: #ababab;
background-color: #f7f7f7
}
.SignFlow .submit-wrapper {
padding: 22px 0;
text-align: center
}
.SignFlow--bordered {
border: 1px solid #eee;
border-radius: 3px
}
.SignupForm .actions,.LoginForm .actions {
margin-top: 12px;
padding: 0 8px;
line-height: 30px
}
.SignupForm .actions .submit.zg-btn-blue,.LoginForm .actions .submit.zg-btn-blue {
width: 100%;
outline: 0
}
.SignupForm .actions button.submit,.LoginForm .actions button.submit {
width: 100%;
padding: 10px 0
}
.SignupForm .sns,.LoginForm .sns {
position: relative;
padding: 0 8px;
line-height: 54px
}
.SignupForm .sns button,.LoginForm .sns button {
padding: 13px 0;
line-height: 1
}
.SignupForm .sns button .ico,.LoginForm .sns button .ico {
display: inline-block;
margin-right: 7px;
vertical-align: bottom
}
.SignupForm .sns button:hover,.LoginForm .sns button:hover {
color: #999
}
.SignupForm .sns button:hover .ico,.LoginForm .sns button:hover .ico {
opacity: .8;
-ms-filter: "alpha(Opacity=80)"
}
@media (max-width:450px) {
.SignupForm .sns button.wechat,.LoginForm .sns button.wechat {
display: none
}
html.ua-wechat .SignupForm .sns button.wechat,html.ua-wechat .LoginForm .sns button.wechat {
display: inline-block
}
}
.SignupForm .sns .js-show-sns-buttons,.LoginForm .sns .js-show-sns-buttons {
float: right;
padding: 20px 0;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translateX(-8px);
-ms-transform: translateX(-8px);
transform: translateX(-8px);
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
transition-property: opacity,transform;
transition-property: opacity,transform,-webkit-transform
}
.SignupForm .sns .js-show-sns-buttons.is-visible,.LoginForm .sns .js-show-sns-buttons.is-visible {
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.SignupForm .sns .sns-buttons,.LoginForm .sns .sns-buttons {
position: absolute;
top: 0;
right: 8px;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
visibility: hidden;
-webkit-transform: translateX(8px);
-ms-transform: translateX(8px);
transform: translateX(8px);
-webkit-transition: .25s ease-out .12s;
transition: .25s ease-out .12s;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
transition-property: opacity,transform;
transition-property: opacity,transform,-webkit-transform
}
.SignupForm .sns .sns-buttons.is-visible,.LoginForm .sns .sns-buttons.is-visible {
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
-webkit-transform: none;
-ms-transform: none;
transform: none;
visibility: visible
}
.SignupForm .sns .sns-buttons button,.LoginForm .sns .sns-buttons button {
padding: 18px 0;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.LoginForm input[type=checkbox] {
vertical-align: 1px
}
.mutiview-dialog.unable-login .view.start {
padding: 25px 0 50px
}
.mutiview-dialog.unable-login .view.start .blue-button {
display: block;
margin: auto;
padding: 10px 0;
width: 165px
}
.mutiview-dialog.unable-login .view.start .blue-button+.blue-button {
margin-top: 25px
}
.mutiview-dialog.oauth-register .view.bound,.mutiview-dialog.oauth-register .view.registered {
text-align: center
}
.mutiview-dialog.oauth-register .view.bound img,.mutiview-dialog.oauth-register .view.registered img {
display: block;
margin: auto;
border-radius: 50%
}
.mutiview-dialog.oauth-register .view.bound .name,.mutiview-dialog.oauth-register .view.registered .name {
display: block;
margin: 12px auto 15px
}
.mutiview-dialog.oauth-register .view.bound button.register,.mutiview-dialog.oauth-register .view.registered button.register {
width: 100%;
height: 45px;
margin-top: 30px;
background-color: #fafafa
}
.mutiview-dialog.oauth-register .view.bind-login .actions {
padding: 20px 9px
}
.mutiview-dialog.oauth-register .view.bind-login input[name=account] {
background-color: #f7f7f7
}
.mutiview-dialog.oauth-register .view.bind-login button.submit {
float: right
}
.answer-share-tip {
margin-top: 30px;
padding: 32px 0;
font-size: 14px;
font-weight: 700;
text-align: center;
background-color: #f7f7f7;
border-radius: 2px
}
.answer-share-tip button {
margin-left: 15px;
font-size: 14px;
border: 0;
background: 0 0;
cursor: pointer;
outline: 0
}
.answer-share-tip button:hover {
text-decoration: underline
}
.answer-share-tip button.wechat {
position: relative
}
.answer-share-tip button.wechat:hover .qr-code {
display: block
}
.answer-share-tip .qr-code {
display: none;
position: absolute;
top: -148px;
left: -31px;
padding: 0 12px 12px;
font-size: 13px;
line-height: 33px;
color: #999;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 6px;
box-shadow: #ddd 0 1px 2px
}
.answer-share-tip .qr-code:before,.answer-share-tip .qr-code:after {
position: absolute;
top: 100%;
left: 50%;
height: 0;
width: 0;
border: solid transparent;
content: " "
}
.answer-share-tip .qr-code:before {
margin-left: -10px;
border-width: 10px;
border-top-color: #aeaeae
}
.answer-share-tip .qr-code:after {
margin-left: -9px;
border-width: 9px;
border-top-color: #fff
}
.answer-share-tip .qr-code img {
display: block;
width: 90px;
height: 90px
}
.answer-share-tip .ico {
display: inline-block;
margin-right: 6px;
vertical-align: -3px
}
.wechat-share-tip {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.8);
background-image: url(../images/img/wechat_share_tips/bg.9cefd995.png);
background-size: 250px 103px;
background-repeat: no-repeat;
background-position: 85% 10px;
z-index: 999;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear
}
html.show-wechat-share-tip .wechat-share-tip {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3) {
.wechat-share-tip {
background-image: url(../images/img/wechat_share_tips/bg@3x.19faef19.png)
}
}
#guidersv2-page-banner {
margin-bottom: 1em;
padding: .5em .8em;
color: #5d7596;
border: 1px solid #d4e1ec;
border-radius: 4px;
background: #f2f7ff
}
.page-roundtable-list #guidersv2-page-banner {
margin: 0 1em 2em
}
#guidersv2-page-banner .icon-close-8x8 {
margin-top: .5em
}
#guidersv2-page-banner .content {
vertical-align: middle
}
.guidev2-mask {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
background: #fff;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.guidev2-mask.fx-show {
opacity: .5;
-ms-filter: "alpha(Opacity=50)"
}
.guide2-section-popover {
position: absolute;
z-index: 99;
background: #fff;
width: 250px;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 0 8px 0 rgba(0,0,0,.15);
color: #666;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transition: .3s all ease-in-out;
transition: .3s all ease-in-out
}
.guide2-section-popover .title,.guide2-section-popover .content {
padding: .8em
}
.guide2-section-popover .title,.guide2-section-popover .dismiss {
font-size: 1.1em
}
.guide2-section-popover .title {
font-weight: 700;
padding-bottom: 0
}
.guide2-section-popover .skip-all {
position: absolute;
top: .5em;
right: .5em;
cursor: pointer
}
.guide2-section-popover .dismiss {
display: block;
margin: -1px;
color: #fff;
line-height: 2.5;
text-align: center;
background: #58a1de;
cursor: pointer;
border-radius: 0 0 4px 4px
}
html.no-touchevents .guide2-section-popover .dismiss:hover {
text-decoration: none
}
.guide2-section-popover.righttop {
top: 0;
right: -270px;
-webkit-transform: translate(-20px,0);
-ms-transform: translate(-20px,0);
transform: translate(-20px,0)
}
.guide2-section-popover.lefttop {
top: 0;
left: -270px;
-webkit-transform: translate(20px,0);
-ms-transform: translate(20px,0);
transform: translate(20px,0)
}
.guide2-section-popover.bottomcenter {
top: 100%;
left: 50%;
margin: 20px 0 0 -125px
}
.guide2-section-popover.fx-show {
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0)
}
.guide2-section-popover:after,.guide2-section-popover:before {
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.guide2-section-popover.arrow-lefttop:after,.guide2-section-popover.arrow-lefttop:before {
right: 100%;
top: 20px
}
.guide2-section-popover.arrow-lefttop:after {
border-color: rgba(255,255,255,0);
border-right-color: #fff;
border-width: 8px;
margin-top: -8px
}
.guide2-section-popover.arrow-lefttop:before {
border-color: rgba(221,221,221,0);
border-right-color: #ddd;
border-width: 9px;
margin-top: -9px
}
.guide2-section-popover.arrow-righttop:after,.guide2-section-popover.arrow-righttop:before {
left: 100%;
top: 20px
}
.guide2-section-popover.arrow-righttop:after {
border-color: rgba(255,255,255,0);
border-left-color: #fff;
border-width: 8px;
margin-top: -8px
}
.guide2-section-popover.arrow-righttop:before {
border-color: rgba(221,221,221,0);
border-left-color: #ddd;
border-width: 9px;
margin-top: -9px
}
.guide2-section-popover.arrow-topcenter:after,.guide2-section-popover.arrow-topcenter:before {
bottom: 100%;
left: 50%
}
.guide2-section-popover.arrow-topcenter:after {
border-color: rgba(255,255,255,0);
border-bottom-color: #fff;
border-width: 8px;
margin-left: -8px
}
.guide2-section-popover.arrow-topcenter:before {
border-color: rgba(221,221,221,0);
border-bottom-color: #ddd;
border-width: 9px;
margin-left: -9px
}
.zm-voters-dialog {
width: 520px
}
.zm-voters {
padding-right: .9em;
overflow-y: auto;
max-height: 600px;
max-height: 70vh;
-webkit-overflow-scrolling: touch
}
@media (min-height:900px) {
.zm-voters {
max-height: 650px
}
}
.zm-voters .empty-results {
color: #999;
text-align: center
}
.zm-voters .zm-profile-card {
padding: .9em 0
}
.zm-voters .zm-profile-card:first-child {
padding-top: 0
}
.zm-voters .zm-profile-card+.zm-profile-card {
border-top: 1px solid #eee
}
.zm-voters .zm-profile-card .zm-item-link-avatar {
float: left;
margin-right: 1em
}
.zm-voters .zm-profile-card .zm-item-link-avatar,.zm-voters .zm-profile-card .zm-item-link-avatar img {
width: 40px;
height: 40px;
border-radius: 2px
}
.zm-voters .zm-profile-card .body {
overflow: hidden;
color: #999
}
.zm-voters .zm-profile-card .author {
max-width: 95%
}
.zm-voters .zm-profile-card .bio {
color: #999;
max-width: 160px
}
.zm-voters .zm-profile-card .status {
margin: 0;
font-size: .9em
}
.zm-voters .zm-profile-card .status li {
display: inline
}
.zm-voters .zm-profile-card .status li+li:before {
content: '/';
margin-right: .2em
}
.zm-voters .zm-profile-card .status span,.zm-voters .zm-profile-card .status a {
color: inherit;
text-decoration: none
}
.goog-menu.share-menu .ico {
display: inline-block;
vertical-align: -4px;
margin-right: 6px
}
.goog-menu.share-menu .qrcode-image {
display: block;
margin: 5px 0;
width: 94px;
height: 94px
}
.zm-light-box-fullscreen-image .zm-light-box-img-el {
cursor: -webkit-zoom-out;
cursor: zoom-out;
cursor: url(/static/img/zoom-out.cur)
}
.origin_image {
cursor: -webkit-zoom-in;
cursor: zoom-in;
cursor: url(/static/img/zoom-in.cur)
}
.zh-summary .origin_image {
cursor: pointer
}
.zh-lightbox-showing {
overflow: hidden
}
.zm-light-box.modal-dialog {
border-radius: 0;
background: transparent url(../images/img/light_box_close.de97bb10.png) no-repeat 98% 16px;
width: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow-x: hidden;
overflow: auto;
padding: 0
}
.zm-light-box .modal-dialog-title {
display: none
}
.zm-light-box .modal-dialog-content {
padding: 0;
margin: 0;
width: 100%;
background: transparent
}
.zm-light-box:hover {
cursor: pointer
}
a.zm-light-box-show-origin {
color: #888;
padding: 10px;
display: inline-block;
font-size: 14px
}
.zm-light-box-footer {
text-align: center;
line-height: 22px
}
.modal-dialog-bg.zm-light-box-background {
opacity: .9;
-ms-filter: "alpha(Opacity=90)";
background: #fff
}
.zm-light-box-img-el {
line-height: 22px;
width: 100%;
box-shadow: 0 1px 4px rgba(0,0,0,.5);
display: block;
margin: 0 auto
}
.zm-light-box-x1 {
font-size: 0;
text-align: center
}
.zm-light-box-x2 {
display: inline-block;
vertical-align: middle;
padding: 0 40px
}
.unblock-dialog-appeal,.unblock-dialog-success {
display: none
}
.unblock-dialog-text {
margin-bottom: 10px
}
.unblock-dialog-timeout {
color: #999
}
.unblock-dialog-error {
visibility: hidden;
margin-bottom: 5px;
color: #c33;
text-align: right
}
.unblock-dialog-error.is-visible {
visibility: visible
}
.unblock-dialog-menu {
line-height: 33px
}
.unblock-dialog-btn {
float: right
}
.unblock-dialog-loading {
display: none;
float: right;
width: 14px;
height: 15px;
margin: 9px 12px 0 0;
background-image: url(../images/img/spinner/grey-loading.b016b1c7.gif);
background-size: cover
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
.unblock-dialog-loading {
background-image: url(../images/img/spinner/grey-loading@2x.c8492b4b.gif)
}
}
.unblock-dialog-captcha {
margin: 12px 0;
line-height: 30px;
text-align: center
}
.unblock-dialog-captcha input {
width: 80px;
vertical-align: middle
}
.unblock-dialog-captcha img {
width: 120px;
height: 30px;
margin: 0 4px;
vertical-align: middle
}
.unblock-dialog-captcha a {
color: #999;
vertical-align: middle
}
.unblock-dialog-success-icon {
display: block;
width: 30px;
margin: 30px auto 10px
}
.unblock-dialog-success-text {
text-align: center
}
.unblock-dialog-success-time {
display: none;
margin: 20px 0;
color: #999;
font-size: 11px;
text-align: center
}
html.enable-dark-theme.ios-dark-theme a {
color: #4380c3
}
html.enable-dark-theme.ios-dark-theme a.disabled {
color: #606476
}
html.enable-dark-theme.ios-dark-theme .zg-btn-blue {
background: #3a76d0;
background: -webkit-linear-gradient(top,#3a76d0,#064a8f);
background: linear-gradient(to bottom,#3a76d0,#064a8f);
border: 1px solid #094f85
}
html.enable-dark-theme.ios-dark-theme body.zhi {
background-color: #1e1e29;
color: #858d9e
}
.Tipjar-entry {
text-align: center;
margin: 44px 0 50px
}
.Tipjar-tagLine {
color: #666;
margin-bottom: 26px
}
.Tipjar-entryButton {
width: 60px;
height: 36px;
line-height: 36px;
display: inline-block;
text-align: center;
background: #e26d6d;
color: #fff;
border-radius: 4px
}
.Tipjar-entryButton:hover {
text-decoration: none
}
.zm-fav-list-item-place-holder {
color: #ccc;
border: 2px dashed #ddd;
padding: 10px 0;
text-align: center
}
.zm-fav-list-item-lock {
margin-right: .5em
}
.zm-fav-list-item-lock .icon {
margin: 0
}
.zm-favo-list-item-link-active {
background: url(../images/img/check4.18d29da3.png) no-repeat 96% center
}
.zm-favo-list-item-title {
color: #222
}
.zu-list-empyt-place-holder {
color: #ccc;
border: 2px dashed #ddd;
padding: 15px 0;
text-align: center;
margin: 15px 0 0
}
.zm-favo-list-item-link {
display: block;
margin: 0 12px;
border: solid 1px #DDD;
padding: 8px 12px;
box-shadow: 0 1px 1px rgba(0,0,0,.05)
}
.zm-favo-list-item-link .meta {
display: block
}
.zm-favo-list-item-link+.zm-favo-list-item-link {
margin-top: 12px
}
.zm-favo-list-item-link:hover {
text-decoration: none;
background-color: #F5F5F5
}
.zm-favo-list-content {
max-height: 300px;
overflow: auto
}
.zm-favo-dialog-create {
padding: 5px 0
}
.zm-favo-dialog-create.zg-btn-blue {
padding: 4px 10px;
margin-left: 15px
}
.zh-favo-add-form .zg-form-text-input {
width: 100%;
box-sizing: border-box
}
.zh-favo-add-title-error {
font-size: 13px;
color: #c33;
margin-left: 10px
}
.zh-favo-error-message-label {
color: #c33;
margin: 5px 0 0
}
.report-dialog.loading .modal-dialog-buttons {
display: none
}
.report-dialog .options {
margin-top: 8px
}
.report-dialog .options li {
padding: 4px 6px;
list-style: none;
line-height: 2
}
.report-dialog .options li li {
padding: 0 6px;
display: inline-block;
box-sizing: border-box;
width: 50%
}
.report-dialog .options label {
cursor: pointer
}
.report-dialog .options input[type=radio] {
margin-right: 10px
}
.report-dialog .options .description,.report-dialog .options .group-description {
padding-left: 1em;
line-height: 1.7;
color: #999
}
.report-dialog .options .group-options {
margin-left: 10px
}
.report-dialog .options .visible-if-checked {
display: none
}
.report-dialog .options li.checked {
background-color: #eff6fa;
border-radius: 3px
}
.report-dialog .options li.checked .visible-if-checked {
display: block
}
.report-dialog .reason-text {
width: 100%;
margin: 10px 0;
box-sizing: border-box
}
.report-dialog .error-container {
color: #fa8282;
text-align: right
}
.report-dialog .input-container {
position: relative
}
.report-dialog .headnote {
float: right;
color: #999
}
.report-dialog .footnote {
color: #999
}
.report-dialog .loading {
text-align: center;
color: #999
}
.report-success-dialog p {
position: relative;
line-height: 35px;
font-size: 13px
}
.report-success-dialog p a {
color: #25bb9b
}
@media (max-width:500px) {
.report-dialog .options li {
width: 100%
}
}
.draft-controls {
margin-top: 5px
}
.draft-controls-mobile {
position: absolute;
left: 0;
margin-left: 20px;
margin-top: 30px
}
.draft-saved-info {
margin: 6px 0 0
}
.draft-saved-time,.draft-save-button {
vertical-align: -2px
}
.draft-saved-time {
margin-left: .5em;
color: #999
}
.draft-saved-time.warning {
color: #c33
}
.anno-box {
cursor: pointer;
margin-top: 5px
}
.anno-box span {
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #ccc
}
.copyright-box {
cursor: pointer;
margin-right: 20px;
margin-top: 5px
}
.zm-editable-editor-input {
margin: 0 auto;
width: 100%
}
div.zm-editable-editor-input {
min-height: 66px
}
.zm-editable-disabled .zu-edit-button {
display: none
}
.zm-editable-tip-label {
cursor: pointer
}
.editable {
min-height: 88px;
background: #fff;
font-size: 13px;
cursor: text
}
.zu-edit-button {
color: #999;
display: inline-block;
font-size: 11px;
-webkit-text-size-adjust: none;
font-weight: 400;
padding: 0 5px 0 2px;
margin: 0 0 0 2px
}
html.no-touchevents .zu-edit-button:hover {
text-decoration: none;
background: #25bb9b;
border-radius: 3px;
color: #fff!important;
}
.zu-edit-button-icon {
background-position: -118px -50px;
height: 12px;
margin-right: 4px;
outline: medium none;
overflow: hidden;
width: 12px;
vertical-align: -3px
}
html.no-touchevents a:hover>.zu-edit-button-icon {
background-position: -131px -50px
}
.zg-icon-edit-button-gray {
height: 12px;
width: 10px;
background-position: -121px -50px
}
.zg-icon-edit-button-blue {
height: 12px;
width: 14px;
background-position: -135px -51px
}
.zm-editable-editor-wrap {
margin: 8px 0 5px;
position: relative
}
.zm-editable-editor-outer {
position: relative;
background: #FFF
}
.zm-editable-editor-field-wrap {
position: relative;
padding: 8px 10px;
border: 1px solid #ccc;
border-radius: 0 0 3px 3px;
box-shadow: 0 0 4px 0 rgba(0,0,0,.1) inset;
-webkit-transition: min-height .25s ease-out;
background: #fff
}
#zh-question-suggest-detail-container .zm-editable-editor-field-wrap {
overflow-y: auto;
max-height: 192px
}
#zh-question-suggest-detail-container embed {
max-width: 392px
}
.zm-editable-editor-field-wrap-active {
border: 1px solid #AAA
}
.rich-editable-loading-holder {
color: #999;
margin: 10px 0
}
.rich-editable-loading-holder img {
vertical-align: text-top
}
.zm-editable-editor-wrap.no-toolbar .zm-editable-editor-field-wrap {
border-radius: 4px
}
.editable-dropzone {
display: none;
position: absolute;
top: 8px;
background-color: rgba(255,255,255,.5)
}
.editable-dropzone .row {
display: table-row
}
.editable-dropzone .row .cell {
display: table-cell;
color: #999;
font-size: 20px;
text-align: center;
vertical-align: middle;
background-color: #fff;
border: 3px dashed #999;
border-radius: 4px;
opacity: .7;
-ms-filter: "alpha(Opacity=70)"
}
.mention-popup {
position: absolute;
top: 0;
left: 0;
z-index: 201;
margin: 0;
padding: 0;
width: 198px;
border-radius: 4px 4px 0 0;
box-shadow: 0 1px 5px rgba(0,0,0,.15);
border-bottom: 1px solid #bbb
}
.mention-popup.activated {
border-radius: 4px
}
.mention-popup .writing-bg {
border: 1px solid #bbb;
border-bottom: 0;
padding: 4px 8px;
border-radius: 4px 4px 0 0;
background: #fff
}
.mention-popup .writing-bg input {
width: 100%;
outline: 0;
border: 0;
line-height: 13px
}
.mention-popup .tip {
background: #f4f4f4;
min-width: 180px;
padding: 2px 0;
text-indent: 10px;
border: 1px solid #bbb;
border-bottom: 0;
border-top: 0;
color: #999
}
.mention-popup .name,.mention-popup .avatar {
vertical-align: middle
}
.mention-popup .body {
overflow: hidden;
line-height: 1.4
}
.mention-popup .bio,.mention-popup .name {
display: block;
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.mention-popup .name {
color: #222
}
.mention-popup .avatar {
float: left;
margin: 5px 8px 0 0;
width: 25px;
height: 25px;
border-radius: 2px
}
.mention-popup .ac-renderer {
position: static;
width: auto;
margin: 0;
padding: 0;
border: 0!important;
background: #fff;
box-shadow: none;
border-radius: 0 0 4px 4px
}
.mention-popup .ac-renderer .ac-row {
margin: 0;
padding: 5px 10px;
height: 36px;
color: #999;
border: solid #bbb;
border-width: 0 1px
}
.mention-popup .ac-renderer .ac-row:first-child {
border-radius: 0
}
.mention-holder {
color: #222
}
.hc-lang-select {
position: absolute;
z-index: 110;
text-shadow: 0 1px rgba(255,255,255,.8)
}
.lang-select {
position: relative;
width: 150px;
overflow: hidden;
border: 1px solid #bebebe;
border-radius: 3px;
background: #f0f0f0;
box-shadow: rgba(255,255,255,.4) 0 1px 0 inset,0 1px 1px rgba(0,0,0,.1)
}
.lang-select.collapsed .lang-list,.lang-select.collapsed .input-wrapper {
display: none
}
.lang-select.collapsed .title-button {
cursor: pointer
}
.lang-select .zg-icon-double-arrow {
position: absolute;
top: 7px;
right: 4px;
pointer-events: none
}
.lang-select .title-button {
display: block;
margin: 0 10px;
padding-right: 1em;
height: 28px;
line-height: 29px;
outline: 0;
cursor: default;
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.lang-select .input-wrapper {
margin: 1px 0 8px
}
.lang-select .filter-input {
height: 15px;
line-height: 15px;
margin: 0 auto;
display: block;
width: 120px;
font-size: 13px;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0,0,0,.1) inset,0 1px rgba(255,255,255,.4);
outline: 0;
padding: 6px!important
}
.lang-list {
margin: 0;
padding: 0;
height: auto!important;
max-height: 300px;
overflow-x: auto
}
.lang-list>.lang-option {
padding: 3px 10px;
cursor: pointer
}
.lang-list>.lang-option.active {
background: #fdfdfd
}
.lang-list>.lang-option.checked {
display: none
}
.lang-list>.lang-option .icon.checked {
display: none
}
.zh-backtotop {
position: fixed;
bottom: 113px;
left: 50%;
z-index: 19;
margin-left: 230px
}
.zh-backtotop .btn-action {
display: block;
width: 38px;
height: 38px;
background-color: #ddd;
border-radius: 3px;
border: 0;
cursor: pointer;
position: relative
}
.zh-backtotop .arrow,.zh-backtotop .stick {
position: absolute;
right: 0;
left: 0;
margin: auto
}
.zh-backtotop .arrow {
width: 0;
height: 0;
top: -1px;
border: 9px solid transparent;
border-bottom-color: #aaa
}
.zh-backtotop .stick {
width: 8px;
height: 14px;
top: 15px;
border-radius: 1px;
background-color: #aaa
}
html.no-touchevents .zh-backtotop .btn-action:hover {
background-color: #e2e2e2
}
html.no-touchevents .zh-backtotop .btn-action:hover .arrow {
border-bottom-color: #bbb
}
html.no-touchevents .zh-backtotop .btn-action:hover .stick {
background-color: #bbb
}
.modal-dialog.shortcut-tips-dialog {
width: 550px
}
.shortcut-tips {
margin: 0;
overflow: hidden;
line-height: 2;
color: #222
}
.shortcut-tips>.group {
width: 50%;
display: inline-block;
vertical-align: top
}
.shortcut-tips h2 {
margin: 0 0 0 130px;
text-align: left
}
.shortcut-tips dl {
margin: 0 0 1em 20px;
font-size: 14px;
line-height: 28px
}
.shortcut-tips dt {
padding-right: 5px;
float: left;
clear: left;
min-width: 105px;
text-align: right
}
.shortcut-tips dd {
text-align: left
}
.shortcut-tips dt:after {
margin-left: 4px;
content: ':';
color: #999
}
kbd {
display: inline-block;
margin: 0 1px;
padding: 0 5px;
min-width: 1em;
font: 11px/22px Menlo,Monaco,monospace;
color: #888;
border: 1px solid #C1C1C1;
border-radius: 3px;
text-align: center;
box-shadow: inset 0 2px 2px #fff,0 1px 2px rgba(0,0,0,.1);
background: -webkit-linear-gradient(top,#fff 0,rgba(240,240,240,.92) 83%,rgba(250,250,250,.91) 89%,rgba(188,188,188,.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6bcbcbc', GradientType=0)
}
body.zu-editing-distraction-free {
overflow: hidden;
-webkit-font-smoothing: antialiased
}
#zu-distraction-free-editor {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 88;
display: none;
font: 13px 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,'Hiragino Sans GB',sans-serif;
overflow-y: auto;
background-color: #fbfcf7
}
#zu-distraction-free-editor .tr-icon {
background-color: #fbfcf7
}
body.zu-editing-distraction-free #zu-distraction-free-editor {
display: block
}
#zu-distraction-free-editor .content {
margin-top: 50px
}
#zu-distraction-free-editor .header,#zu-distraction-free-editor .header a,#zu-distraction-free-editor .goog-toolbar,#zu-distraction-free-editor .toolbar-info,#zu-distraction-free-editor .tools {
-webkit-transition: opacity .33s ease-in-out;
transition: opacity .33s ease-in-out
}
#zu-distraction-free-editor .header {
width: 100%;
border-bottom: 1px solid #e3e3e3;
opacity: .5;
-ms-filter: "alpha(Opacity=50)";
z-index: 90
}
#zu-distraction-free-editor .header:hover,#zu-distraction-free-editor .goog-scrollfloater:hover .toolbar-info,#zu-distraction-free-editor .goog-toolbar:hover {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
#zu-distraction-free-editor .title,#zu-distraction-free-editor .wrapper,#zu-distraction-free-editor .toolbar,#zu-distraction-free-editor .content {
width: 600px;
margin: 0 auto;
position: relative
}
#zu-distraction-free-editor .title {
font-size: 18px;
font-weight: 700;
color: #222;
padding: 20px 0
}
#zu-distraction-free-editor .back,#zu-distraction-free-editor .publish {
text-indent: -9999px;
position: absolute;
display: block;
width: 68px;
height: 30px;
top: 18px;
opacity: .8;
-ms-filter: "alpha(Opacity=80)"
}
html.no-touchevents #zu-distraction-free-editor .back:hover,html.no-touchevents #zu-distraction-free-editor .publish:hover {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
#zu-distraction-free-editor .back {
background: url(../images/img/editor/back.da2c3b8c.png) no-repeat;
left: -150px
}
#zu-distraction-free-editor .publish {
background: url(../images/img/editor/publish.b50c5729.png) no-repeat;
right: -150px
}
@media (max-width:959px) {
#zu-distraction-free-editor .back {
left: -75px
}
#zu-distraction-free-editor .publish {
right: -75px
}
}
#zu-distraction-free-editor .toolbar {
display: none;
height: 50px;
padding: 0 0 5px;
background: url(../images/img/editor/shadow.7fa75ac6.png) no-repeat center bottom
}
#zu-distraction-free-editor .tools {
height: 50px;
background: 0 0;
opacity: .5;
-ms-filter: "alpha(Opacity=50)";
position: relative
}
#zu-distraction-free-editor .tools span {
position: absolute;
right: 0;
top: 16px
}
#zu-distraction-free-editor .tools:hover {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
#zu-distraction-free-editor .toolbar-info {
position: absolute;
right: 4em;
top: 15px;
height: 16px;
opacity: 0;
-ms-filter: "alpha(Opacity=0)"
}
#zu-distraction-free-editor .editable {
min-height: 500px;
margin-top: 20px;
padding: 0 0 100px;
background: transparent;
font: 16px/1.8 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,'Hiragino Sans GB',sans-serif!important
}
#zu-distraction-free-editor .editable pre {
font-size: 14px;
border: 1px solid rgba(0,0,0,.1);
background: rgba(255,255,255,.5)
}
#zu-distraction-free-editor .content ul,#zu-distraction-free-editor .content ol {
margin: 0 0 0 30px
}
#zu-distraction-free-editor .content ul li,#zu-distraction-free-editor .content ol li {
margin: 0
}
#zu-distraction-free-editor .content address,#zu-distraction-free-editor .content blockquote,#zu-distraction-free-editor .content sup {
line-height: 36px;
border-left: 3px solid #E5E6E1
}
#zu-distraction-free-editor .zm-editable-editor-outer {
margin-top: 0
}
#zu-distraction-free-editor .goog-toolbar,#zu-distraction-free-editor .zm-editable-editor-outer,#zu-distraction-free-editor .zm-editable-editor-field-wrap {
padding: 0!important;
border: 0;
background: 0 0;
box-shadow: none
}
#zu-distraction-free-editor .goog-toolbar {
height: 40px;
opacity: .5;
-ms-filter: "alpha(Opacity=50)"
}
#zu-distraction-free-editor .sticky-goog-scrollfloater {
position: fixed;
top: 0;
z-index: 100
}
#zu-distraction-free-editor .sticky-goog-scrollfloater+div {
margin-top: 55px
}
#zu-distraction-free-editor .goog-scrollfloater {
padding: 10px 0 5px;
width: 600px;
z-index: 89;
height: 40px;
background: url(../images/img/editor/shadow.7fa75ac6.png) no-repeat center bottom #fbfcf7
}
.zh-hovercard-arrow,.zu-top-live-icon {
height: 15px;
width: 23px;
z-index: 101;
position: absolute
}
.zh-hovercard-arrow.bottom {
bottom: -11px;
left: 25px;
background-position: -168px -185px
}
.zh-hovercard-arrow.top,.zu-top-live-icon {
top: -11px;
left: 25px;
background-position: -168px -165px
}
.zu-top-live-icon {
top: -12px
}
#zh-tooltip {
position: absolute;
background: 0 0;
z-index: 100;
-webkit-animation: .05s ease-in both;
animation: .05s ease-in both
}
#zh-tooltip.in {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
#zh-tooltip.out {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
#zh-tooltip.goog-hovercard.popover {
z-index: 90
}
.zh-profile-card {
width: 380px
}
.zh-profile-card .upper,.zh-profile-card .lower {
border: 14px solid transparent
}
.zh-profile-card .upper {
background: #fff;
padding-left: 66px;
min-height: 50px
}
.zh-profile-card .upper .icon {
margin-left: 3px
}
.zh-profile-card .upper a.avatar-link {
position: relative
}
.zh-profile-card .upper img.Avatar {
position: absolute;
left: -66px
}
.zh-profile-card .upper span.name {
font-size: 14px;
font-weight: 700
}
.zh-profile-card .upper div.tagline {
font-size: 13px;
color: #222;
padding-top: 4px
}
.zh-profile-card .upper .personal {
padding-top: 8px
}
.zh-profile-card .upper .personal .zg-icon {
vertical-align: -1px
}
.zh-profile-card .upper .personal .icon-profile-education,.zh-profile-card .upper .personal .icon-profile-company {
margin-right: 6px
}
.zh-profile-card .upper .personal .info-wrap {
color: #999
}
.zh-profile-card .upper .personal .info-wrap .item+.item {
border-left: 1px solid #EEE;
padding-left: 10px;
margin-left: 10px
}
.zh-profile-card .upper .secondary {
padding-top: 8px;
color: #999;
border-top: 1px solid #EEE;
margin-top: 8px
}
.zh-profile-card .upper .secondary div span {
display: inline-block
}
.zh-profile-card .upper .secondary a,.zh-profile-card .upper .secondary a:visited {
color: #222
}
.zh-profile-card .upper .secondary .OrgIcon {
display: none
}
.zh-profile-card .upper .other span {
color: #999
}
.zh-profile-card .upper .hr {
border-top: 1px solid #eee;
width: 225px;
padding-top: 6px;
margin-top: 6px
}
.zh-profile-card .lower {
background: #fafafa
}
.zh-profile-card .lower .operation .self {
line-height: 48px;
float: right;
color: #999
}
.zh-profile-card .lower .operation .zg-btn,.zh-profile-card .lower .operation .zg-btn-white,.zh-profile-card .lower .operation button {
float: right;
height: 32px;
margin-top: 8px;
vertical-align: middle
}
.zh-profile-card .lower .operation .zg-btn {
margin-left: 15px;
font-size: 13px
}
.zh-profile-card .lower .operation .zg-icon.pm {
background-position: 0 -148px;
width: 17px;
height: 14px;
text-indent: -999em
}
.zh-profile-card .lower .meta .item {
float: left;
padding: 0 16px;
border-right: 1px solid #eee;
color: inherit;
text-decoration: none
}
.zh-profile-card .lower .meta .item:hover {
color: #25bb9b
}
.zh-profile-card .lower .meta .item:hover .key {
color: inherit
}
.zh-profile-card .lower .meta .item .value,.zh-profile-card .lower .meta .item .key {
display: block;
text-align: center
}
.zh-profile-card .lower .meta .item .value {
font-size: 15px;
font-weight: 700
}
.zh-profile-card .lower .meta .item .key {
font-size: 14px;
color: #999
}
.zh-profile-card .lower .meta .item:first-child {
padding-left: 0
}
.zh-profile-card .lower .meta .item:last-child {
border-right: 0 none
}
.zu-top-nav-live {
border-radius: 5px;
border: solid 1px #bbb
}
.zu-top-nav-live-inner {
padding: 10px;
border-radius: 5px;
border: solid 3px #f4f4f4;
background: #fff
}
.zh-hovercard-spinner {
width: 45px;
height: 30px;
background-image: url(../images/img/spinner2.8f60205d.gif);
background-repeat: no-repeat;
background-position: center
}
.zu-tooltip-arrow-bottom,.zh-tooltip-arrow-right {
position: absolute;
border: 6px solid transparent;
width: 0;
height: 0
}
.zu-tooltip-arrow-bottom {
border-bottom-color: #222;
top: -10px;
left: 8px
}
.zh-tooltip-arrow-right {
border-right-color: #222;
top: 8px;
left: -10px
}
.tooltip {
position: absolute;
z-index: 1050;
display: block;
visibility: visible;
padding: 5px;
white-space: nowrap;
-webkit-animation: .05s ease-in both;
animation: .05s ease-in both
}
.tooltip.in {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
.tooltip.out {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
.tooltip.top {
margin-top: -8px
}
.tooltip.right {
margin-left: 6px
}
.tooltip.bottom {
margin-top: 8px
}
.tooltip.left {
margin-left: -6px
}
.tooltip.top .tooltip-arrow {
bottom: -3px;
left: 50%;
margin-left: -8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #000;
border-top-color: rgba(0,0,0,.75)
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: -3px;
margin-top: -8px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid #000;
border-left-color: rgba(0,0,0,.75)
}
.tooltip.bottom .tooltip-arrow {
top: -3px;
left: 50%;
margin-left: -8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #000;
border-bottom-color: rgba(0,0,0,.75)
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: -3px;
margin-top: -8px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #000;
border-right-color: rgba(0,0,0,.75)
}
.tooltip .tooltip-inner {
max-width: 300px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
background-color: rgba(0,0,0,.75);
border-radius: 4px
}
.tooltip .tooltip-arrow {
position: absolute;
width: 0;
height: 0
}
.tooltip .content-prewrap {
white-space: pre-wrap
}
.tooltip[data-theme=white].top .tooltip-inner {
position: relative;
background: #fff;
border: 1px solid #ddd
}
.tooltip[data-theme=white].top .tooltip-inner:after,.tooltip[data-theme=white].top .tooltip-inner:before {
position: absolute;
height: 0;
width: 0;
content: ' ';
border: solid transparent;
top: 100%
}
.tooltip[data-theme=white].top .tooltip-inner:after {
border-width: 8px;
border-top-color: #fff;
left: 50%;
margin-left: -8px
}
.tooltip[data-theme=white].top .tooltip-inner:before {
border-width: 9px;
border-top-color: #ddd;
left: 50%;
margin-left: -9px
}
.tooltip[data-theme=white].left .tooltip-inner {
position: relative;
background: #fff;
border: 1px solid #ddd
}
.tooltip[data-theme=white].left .tooltip-inner:after,.tooltip[data-theme=white].left .tooltip-inner:before {
position: absolute;
height: 0;
width: 0;
content: ' ';
border: solid transparent;
left: 100%
}
.tooltip[data-theme=white].left .tooltip-inner:after {
border-width: 8px;
border-left-color: #fff;
top: 50%;
margin-top: -8px
}
.tooltip[data-theme=white].left .tooltip-inner:before {
border-width: 9px;
border-left-color: #ddd;
top: 50%;
margin-top: -9px
}
.tooltip[data-theme=white].bottom .tooltip-inner {
position: relative;
background: #fff;
border: 1px solid #ddd
}
.tooltip[data-theme=white].bottom .tooltip-inner:after,.tooltip[data-theme=white].bottom .tooltip-inner:before {
position: absolute;
height: 0;
width: 0;
content: ' ';
border: solid transparent;
bottom: 100%
}
.tooltip[data-theme=white].bottom .tooltip-inner:after {
border-width: 8px;
border-bottom-color: #fff;
left: 50%;
margin-left: -8px
}
.tooltip[data-theme=white].bottom .tooltip-inner:before {
border-width: 9px;
border-bottom-color: #ddd;
left: 50%;
margin-left: -9px
}
.tooltip[data-theme=white].right .tooltip-inner {
position: relative;
background: #fff;
border: 1px solid #ddd
}
.tooltip[data-theme=white].right .tooltip-inner:after,.tooltip[data-theme=white].right .tooltip-inner:before {
position: absolute;
height: 0;
width: 0;
content: ' ';
border: solid transparent;
right: 100%
}
.tooltip[data-theme=white].right .tooltip-inner:after {
border-width: 8px;
border-right-color: #fff;
top: 50%;
margin-top: -8px
}
.tooltip[data-theme=white].right .tooltip-inner:before {
border-width: 9px;
border-right-color: #ddd;
top: 50%;
margin-top: -9px
}
.tooltip[data-theme=white] .tooltip-arrow {
display: none
}
.tooltip[data-theme=white] .tooltip-inner {
padding: 10px;
color: #666;
text-align: left;
white-space: nowrap;
box-shadow: 0 0 8px 0 rgba(0,0,0,.15)
}
.tooltip[data-theme=white] li {
list-style-position: inside
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1050;
display: none;
padding: 12px
}
.popover.top {
margin-top: -6px
}
.popover.right {
margin-left: 6px
}
.popover.bottom {
margin-top: 6px
}
.popover.left {
margin-left: -6px
}
.popover.top .arrow {
bottom: 0;
left: 50%;
margin-left: -13px;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-top: 13px solid #ccc
}
.popover.top .arrow2 {
bottom: 1px;
left: 50%;
margin-left: -13px;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-top: 13px solid #fafafa
}
.popover.top .arrow2.loading {
bottom: 1px;
left: 50%;
margin-left: -13px;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-top: 13px solid #fff
}
.popover.right .arrow {
top: 50%;
left: 0;
margin-top: -13px;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
border-right: 13px solid #ccc
}
.popover.right .arrow2 {
top: 50%;
left: 1px;
margin-top: -13px;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
border-right: 13px solid #fff
}
.popover.bottom .arrow {
top: 0;
left: 50%;
margin-left: -13px;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-bottom: 13px solid #ccc
}
.popover.bottom .arrow2 {
top: 1px;
left: 50%;
margin-left: -13px;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-bottom: 13px solid #fff
}
.popover.left .arrow {
top: 50%;
right: 0;
margin-top: -13px;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
border-left: 13px solid #ccc
}
.popover.left .arrow2 {
top: 50%;
right: 1px;
margin-top: -13px;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
border-left: 13px solid #fff
}
.popover .arrow,.popover .arrow2 {
position: absolute;
width: 0;
height: 0
}
.popover .popover-title {
padding: 9px 15px;
line-height: 1;
background-color: #f5f5f5;
border-bottom: 1px solid #eee;
border-radius: 3px 3px 0 0
}
.popover .popover-content {
background: #fff;
border: solid 1px #ccc;
border-radius: 5px;
overflow: hidden
}
.popover .popover-content p,.popover .popover-content ul,.popover .popover-content ol {
margin-bottom: 0
}
.goog-hovercard.popover {
display: block
}
.well {
background: #F7F7F7;
border-radius: 4px;
margin: 0 0 20px;
padding: 10px 15px;
color: #666
}
.zm-side-section-inner .well>span {
display: block;
margin-bottom: 6px
}
.modal-dialog.activate-dialog .modal-dialog-content {
margin: 0;
padding: 12px 15px
}
.modal-dialog.activate-dialog .tip {
margin-bottom: 17px;
padding: 10px 13px;
color: #5B7BA0;
background: #ecf4f8;
border: 1px solid #dbe6eb;
border-radius: 4px
}
.modal-dialog.activate-dialog .describe,.modal-dialog.activate-dialog .email,.modal-dialog.activate-dialog .actions {
line-height: 1;
text-align: center
}
.modal-dialog.activate-dialog .describe {
margin: 22px 0 27px;
color: #999
}
.modal-dialog.activate-dialog .email {
color: #666;
font-size: 15px
}
.modal-dialog.activate-dialog .actions {
color: #999;
margin-top: 22px;
margin-bottom: 15px
}
.modal-dialog.activate-dialog .actions .zg-bull {
padding: 0;
color: #999
}
.modal-dialog.activate-dialog .actions a.resend-activation-email.disabled {
color: #999;
text-decoration: none
}
.modal-dialog.activate-dialog form.activate {
display: none
}
.modal-dialog.activate-dialog form .input-wrapper {
margin-bottom: 15px
}
.modal-dialog.activate-dialog form .input-wrapper input.text {
width: 165px
}
.modal-dialog.activate-dialog form .input-wrapper label.info {
display: inline-block;
width: 88px
}
.modal-dialog.activate-dialog form .input-wrapper label.error {
display: block;
margin-top: 15px;
margin-left: 88px;
color: #c33
}
.modal-dialog.activate-dialog form .input-wrapper .resend-code {
margin-left: 13px;
color: #999;
background: 0 0;
border: 0;
cursor: pointer
}
.modal-dialog.activate-dialog form .submit {
float: right;
margin-bottom: 5px
}
.activate-mask-tip-answer {
width: 100%;
height: 100%;
padding: 67px 50px 0 140px;
margin-bottom: 25px;
box-sizing: border-box;
background-image: url(../images/img/activatemail.e6febda7.png);
background-size: 64px 45px;
background-position: 50px 67px;
background-repeat: no-repeat;
background-color: rgba(255,255,255,.5);
font-size: 14px;
color: #999;
position: absolute;
top: 0;
z-index: 9;
overflow: hidden
}
@media (max-width:767px) {
.activate-mask-tip-answer {
background-image: none!important;
padding-left: 50px
}
}
.activate-mask-tip-answer-simple {
padding-top: 20px;
background-position: 50px 20px
}
.activate-mask-tip-comment {
padding: 15px 50px 15px 140px;
border: 1px solid #DDD;
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
background-image: url(../images/img/activatemail.e6febda7.png);
background-size: 64px 45px;
background-position: 50px 15px;
background-repeat: no-repeat;
background-color: rgba(255,255,255,.5);
color: #999;
font-size: 14px;
overflow: hidden
}
@media (max-width:767px) {
.activate-mask-tip-comment {
background-image: none!important;
padding-left: 50px
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
.activate-mask-tip-answer {
background-image: url(../images/img/activatemail@2x.ee1403f9.png)
}
.activate-mask-tip-comment {
background-image: url(../images/img/activatemailsent@2x.c95b894f.png)
}
}
.hc-actionbar {
position: absolute;
z-index: 110;
border: 1px solid #b0b0b0;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0,0,0,.1);
background: #f0f0f0
}
.hc-actionbar>.button {
float: left;
padding: 6px;
cursor: pointer;
border-right: 1px solid #b0b0b0
}
.hc-actionbar>.button:hover {
background: #f8f8f8
}
.hc-actionbar>.button.checked,.hc-actionbar>.button:active {
background: #e3e3e3;
box-shadow: inset 0 0 3px rgba(0,0,0,.1)
}
.hc-actionbar>.button.first {
border-radius: 4px 0 0 4px
}
.hc-actionbar>.button.last {
border-right: 0;
border-radius: 0 4px 4px 0
}
.hc-actionbar .icon {
display: block;
width: 16px;
height: 16px;
line-height: 16px
}
.icon-actionbar-link {
background-position: -182px -202px
}
.icon-actionbar-text {
background-position: -166px -202px
}
.editable a[data-editable].hover,.editable a[data-editable]:hover {
background: #eff6fa
}
img[eeimg] {
max-width: 100%;
vertical-align: middle
}
img[eeimg="1"] {
display: inline-block;
margin: 0 3px
}
img[eeimg="2"] {
margin: 10px auto;
display: block
}
.ee-modal-dialog {
width: 475px
}
.ee-displaymath {
text-align: center
}
.ee-content {
background: #FFF;
border: 1px solid #369;
overflow: auto;
padding: 4px 8px
}
.ee-tex {
position: relative;
padding: 8px 10px;
border: 1px solid #ccc;
border-radius: 0 0 3px 3px;
box-shadow: 0 0 4px 0 rgba(0,0,0,.1) inset;
-webkit-transition: min-height .25s ease-out;
background: #fff;
width: 94.8%!important;
display: block;
height: 4.5em
}
.ee-section-title {
margin: 10px 0;
font-weight: 700
}
.ee-section-title:first-child {
margin-top: 0
}
.ee-section-title-floating {
float: left
}
#ee-section-learn-more {
float: right
}
.ee-preview-container {
border: 1px dashed #ccc;
height: 80px;
margin: 10px 0;
padding: 8px;
overflow: auto
}
.ee-warning {
color: red
}
.ee-palette {
border: 1px solid #aaa;
left: 0;
outline: 0;
position: absolute
}
.ee-palette-table {
border: 0;
border-collapse: separate
}
.ee-palette-cell {
background: #fff;
border: 1px solid #FFF;
margin: 0;
padding: 1px
}
.ee-palette-cell-hover {
background: #E2ECF9!important;
border: 1px solid #8db5e8;
padding: 1px
}
.ee-palette-cell-selected {
background: #F0F0F0;
border: 1px solid #CCC!important;
padding: 1px
}
.ee-menu-palette-table {
margin-right: 10px
}
.ee-menu-palette {
position: relative;
margin: 0;
padding: 4px;
background: #f1f1f1;
background: -webkit-linear-gradient(top,#f5f5f5,#efefef);
background: linear-gradient(to bottom,#f5f5f5,#efefef);
border: 1px solid #ccc;
border-bottom: 0;
border-radius: 3px 3px 0 0;
box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
cursor: default;
zoom: 1;
outline: 0;
padding-top: 2px
}
.ee-menu-palette-cell {
background: #F0F0F0 none repeat scroll 0 0;
border-color: #ddd;
border-style: solid;
border-width: 0;
padding-right: 4px
}
.ee-menu-palette-cell-hover,.ee-menu-palette-cell-selected {
border-color: #d1d1d1!important;
background: #F0F0F0
}
.ee-menu-palette-cell-hover .ee-menu-palette-item {
border: 1px solid #ccc
}
.ee-palette-item,.ee-menu-palette-item {
border-radius: 2px;
padding: 2px 0 0;
margin: 2px 0 0;
border: 1px solid rgba(0,0,0,0);
background-image: url(../images/img/ee-palettes.7f5a8ec7.png)
}
.zm-uploader-button-fix {
vertical-align: 0
}
.zm-img-uploader a.browser {
margin: 0 10px 10px 0
}
.zm-img-uploader .zg-form-text-input {
margin: 0 15px 10px 0;
width: 270px
}
.zm-img-uploader-tab {
color: #999
}
@media only screen and (max-device-width:450px) {
.zm-img-uploader .zg-form-text-input {
width: 90%
}
.zm-uploader-button-fix {
margin: 10px 0 0
}
}
.zm-video-uploader-info {
height: 24px;
overflow: hidden;
margin: 6px 0 0
}
.zm-img-uploader-error {
color: #A02313;
vertical-align: 3px
}
.zm-img-uploader-loading {
color: #999;
padding: 0 0 0 20px;
background: url(../images/img/spinner2.8f60205d.gif) no-repeat;
vertical-align: 3px
}
.zm-img-uploader form {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #EEE
}
.zm-img-uploader .tab-content {
display: none
}
.zm-img-uploader .tab-content.selected {
display: block
}
.zm-img-uploader .tab-content.selected.inline {
display: inline-block
}
.zm-img-uploader .tab-nav {
font-weight: 700
}
.zm-img-uploader .tab-nav.selected {
color: #222;
cursor: default;
text-decoration: none
}
.zm-noti7-popup-week {
font-size: 12px;
line-height: 1;
background-clip: padding-box;
background-color: #fff;
border-bottom: 1px solid #ddd;
border-radius: 3px 3px 0 0;
color: #222
}
.zm-noti7-popup-week-summary {
padding: 8px 8px 6px;
text-align: left
}
.zm-noti7-popup-week-summary a {
color: #3b5998
}
.zm-noti7-frame {
width: 100%;
height: 300px;
overflow: hidden;
position: relative
}
.zm-noti7-frame-border {
height: 1px;
width: 100%;
position: relative;
background: #ddd;
background: -webkit-linear-gradient(left,rgba(250,250,250,.1) 0,rgba(240,240,240,.8) 1%,#ddd 4%,#ddd 96%,rgba(240,240,240,.8) 99%,rgba(250,250,250,.1) 100%);
background: linear-gradient(to right,rgba(250,250,250,.1) 0,rgba(240,240,240,.8) 1%,#ddd 4%,#ddd 96%,rgba(240,240,240,.8) 99%,rgba(250,250,250,.1) 100%)
}
.zm-noti7-frame-border.top::after {
content: "";
position: absolute;
top: 0;
height: 1px;
box-shadow: 0 1px 1px rgba(0,0,0,.05);
left: 4px;
right: 4px;
z-index: 10
}
.zm-noti7-frame-border.bottom::after {
content: "";
position: absolute;
top: 0;
height: 1px;
box-shadow: 0 -1px 1px rgba(0,0,0,.05);
left: 4px;
right: 4px;
z-index: 10
}
.zm-noti7-content {
width: 315px;
height: 100%;
overflow-y: scroll;
position: relative;
-webkit-overflow-scrolling: touch
}
.zm-noti7-content.message .OrgIcon,.zm-noti7-content.thanks .OrgIcon {
display: none
}
.zm-noti7-content-body .zm-noti7-sect:last-child .zm-noti7-content-item:last-child {
border-bottom: 0
}
.zm-noti7-content-body .zm-noti7-sect .zm-noti7-expandable {
margin: 0;
border: 0;
padding: 0
}
.zm-noti7-content-head-item {
padding: 7px 11px 7px 23px;
border-bottom: 1px solid #eee
}
.unread .zm-noti7-content-item {
border-bottom: 1px solid #E5EEF7!important
}
.unread .zm-noti7-content-item:last-child {
border-bottom: 1px solid #EEE!important
}
.zm-noti7-content-item {
padding: 7px 11px;
position: relative
}
.zm-noti7-content-item .author-list .user-block {
word-break: break-all
}
.zu-noti7-popup .zm-noti7-popup-tab-container {
outline: 0
}
.zu-noti7-popup .noti-spinner-loading {
width: 24px;
height: 24px;
display: inline-block;
background-repeat: no-repeat
}
.zu-noti7-popup.open .noti-spinner-loading {
background-image: url(../images/img/noti-loading.d4eba93d.gif)
}
.zu-noti7-popup .zm-noti7-content-item::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
display: block;
width: 100%;
height: 1px;
background: -webkit-linear-gradient(left,#fff 0,rgba(255,255,255,.5) 1%,rgba(255,255,255,0) 6%,rgba(255,255,255,0) 94%,rgba(255,255,255,.5) 99%,#fff 100%);
background: linear-gradient(to right,#fff 0,rgba(255,255,255,.5) 1%,rgba(255,255,255,0) 6%,rgba(255,255,255,0) 94%,rgba(255,255,255,.5) 99%,#fff 100%)
}
.zm-noti7-popup-footer {
vertical-align: middle
}
.zm-noti7-popup-footer a {
color: #999;
display: inline-block;
padding: 6px 12px
}
.zm-noti7-popup-footer a.current {
background-color: #ddd
}
.zm-noti7-popup-empty {
width: 312px;
height: 20px;
text-align: center;
vertical-align: middle;
color: #999;
position: absolute;
top: 125px
}
.zu-noti7-popup .zu-top-nav-live-inner {
padding: 0;
border: 0;
box-shadow: 0 1px 4px rgba(0,0,0,.3);
margin: 0
}
.zu-noti7-popup .zu-home-noti-inner {
margin: 0
}
.zu-noti7-popup.zu-top-nav-live {
width: 315px;
left: 52px;
top: 48px;
border: 1px solid #ddd;
display: none
}
.zu-noti7-popup .zu-top-live-icon {
left: 144px;
width: 25px;
background: url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -228px -186px
}
.zm-noti7-popup-loading {
padding: 119px 0;
vertical-align: middle;
text-align: center
}
.zm-noti7-popup-loading .icon {
display: inline-block;
width: 24px;
line-height: 22px;
text-indent: -9999px;
position: relative;
top: 80px
}
.zm-noti7-wrap .zm-item-more-wrap {
border: 0
}
.zm-noti7-popup-tab-item {
float: left;
width: 33%;
text-align: center;
vertical-align: middle;
position: relative;
cursor: pointer;
background: 0 0;
border: 0;
outline: 0
}
.zm-noti7-popup-tab-item+.zm-noti7-popup-tab-item {
border-left: 1px solid #EEE
}
.zm-noti7-popup-tab-item .icon {
position: relative;
display: inline-block;
width: 22px;
line-height: 16px;
margin: 9px;
text-indent: -9999px;
opacity: .6;
-ms-filter: "alpha(Opacity=60)"
}
.zm-noti7-popup-tab-item .icon.withdot:after {
position: absolute;
top: 5px;
right: -10px;
display: block;
width: 6px;
height: 6px;
background: #3098EB;
border-radius: 15px;
content: ""
}
.zm-noti7-popup-tab-item:active .icon,html.no-touchevents .zm-noti7-popup-tab-item:hover .icon {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.zm-noti7-popup-tab-item.message .icon {
background-position: -94px -66px
}
.zm-noti7-popup-tab-item.message.current .icon {
background-position: -94px -87px;
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.zm-noti7-popup-tab-item.user .icon {
background-position: -123px -65px
}
.zm-noti7-popup-tab-item.user.current .icon {
background-position: -123px -87px;
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.zm-noti7-popup-tab-item.thanks .icon {
background-position: -151px -65px;
margin: 10px 0 6px
}
.zm-noti7-popup-tab-item.thanks.current .icon {
background-position: -151px -87px;
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.zm-noti7-content-item .zg-follow,.zm-noti7-content-item .zg-unfollow {
display: none
}
html.no-touchevents .zm-noti7-content-item:hover .zg-follow,html.no-touchevents .zm-noti7-content-item:hover .zg-unfollow {
display: block
}
.zu-noti7-popup .zm-noti7-sect {
width: 100%
}
.zu-noti7-popup .zm-noti7-content-item {
border-bottom: 1px solid #eee
}
.zm-noti7-sect.unread {
background: #eff6fa
}
.zm-noti7-content-body .zm-noti7-content-item.unread {
background: #eff6fa;
border-bottom: 1px solid #d1e0e8
}
.zu-noti7-popup .zm-item-link-avatar {
float: left;
height: 40px;
width: 40px;
margin-top: 2px
}
.zu-noti7-popup .zm-list-content-medium {
margin-left: 50px
}
.zu-noti7-popup .zm-profile-section-item {
padding: 0
}
.zu-noti7-popup .zm-profile-section-item .zg-btn {
display: none
}
.zu-noti7-popup .zm-profile-section-item .zm-item-link-avatar img {
width: 40px;
height: 40px;
border-radius: 4px;
margin: 0 10px 0 0
}
.avatar-edit-dialog {
width: 340px
}
@media (max-height:470px) {
.avatar-edit-dialog>.modal-dialog-content {
padding: 0
}
.avatar-edit-dialog>.modal-dialog-title {
display: none
}
}
.avatar-editor-container {
overflow: hidden;
position: static
}
.avatar-editor-container .avatar-editor-container-inner {
position: relative;
overflow: hidden;
background-color: #fff;
cursor: move
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window {
position: static;
overflow: hidden;
margin: 40px
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window .avatar-editor-window-inner {
position: relative
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window img {
position: absolute
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window-shadow {
box-shadow: 0 0 15px rgba(0,0,0,.5) inset;
border: 1px solid #EEE\0;
position: absolute;
z-index: 1
}
.avatar-editor-container .avatar-editor-container-inner>img {
position: absolute;
top: 0;
left: 0;
opacity: .6;
-ms-filter: "alpha(Opacity=60)"
}
.avatar-editor-container .goog-slider-wrap {
margin: 5px 30px 0
}
.avatar-editor-container .goog-slider-wrap .image-minus {
display: block;
background-position: -109px 0;
width: 15px;
height: 15px;
float: left;
margin: 2px 0 0
}
.avatar-editor-container .goog-slider-wrap .image-plus {
display: block;
background-position: -128px 0;
width: 19px;
height: 19px;
float: right
}
.avatar-editor-container .goog-slider-wrap .goog-slider {
position: relative;
overflow: hidden;
height: 20px;
outline: 0;
margin: 0 36px 0 29px
}
.avatar-editor-container .goog-slider-wrap .goog-slider-thumb {
position: absolute;
overflow: hidden;
background: #bbb;
cursor: pointer;
height: 11px;
width: 11px;
top: 4px;
border-radius: 6px
}
.avatar-editor-container .goog-slider-wrap .line {
position: absolute;
width: 100%;
overflow: hidden;
top: 7px;
height: 5px;
background: #eee;
border-radius: 2px;
cursor: pointer
}
.zm-entry-head-avatar-edit-button {
cursor: pointer
}
.file-upload:hover>.zm-entry-head-avatar-edit-button {
display: block
}
.new-avatar-editor-label {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
cursor: pointer
}
.new-avatar-editor-loading {
height: 50px;
padding: 150px 0;
text-align: center;
color: #999
}
.new-avatar-editor-loading span {
display: inline-block;
background: url(../images/img/spinner2.8f60205d.gif) no-repeat;
height: 16px;
width: 16px
}
.avatar-editor-form-ie {
display: inline!important;
position: static
}
.avatar-editor-form-ie input {
height: 0;
width: 0
}
.avatar-editor-form-ie label {
position: absolute;
left: 0;
top: 0;
z-index: 10;
width: 100%;
height: 100%;
vertical-align: middle;
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
cursor: pointer
}
.profile-edit-avatar-btn form label {
padding: 5px 0
}
.zm-entry-head-avatar-edit-button {
background: url(../images/img/ed_white.48efe02e.gif) no-repeat 6px 8px #000;
color: #fff;
display: none;
height: 25px;
left: 0;
padding: 0;
position: absolute;
text-indent: 19px;
bottom: 0;
width: 100%;
line-height: 25px;
border-radius: 0 0 4px 4px
}
.goog-menu.zh-answer-more-actions {
padding: 0
}
.goog-menu.zh-answer-more-actions .goog-menuitem {
display: block;
text-align: center;
padding: 5px;
margin: 0;
width: 86px;
text-shadow: 0 1px 0 rgba(255,255,255,.8)
}
.goog-menu.zh-answer-more-actions .goog-menuseparator {
border-top: 1px solid #eee;
margin: 0
}
.zg-icon-ellipsis-mobi {
background-position: -282px -88px;
vertical-align: -1px
}
.zg-icon-ellipsis {
background-position: -50px -170px;
width: 15px
}
.zm-item-meta .more-actions {
outline: 0
}
.zm-item-meta .more-actions .goog-menu-button-dropdown {
display: none
}
html.no-touchevents .zm-item-meta .more-actions:hover .zg-icon-ellipsis {
background-position: -50px -182px
}
html.no-touchevents .zm-item-meta .more-actions:hover .lbl {
text-decoration: underline
}
.zm-votebar.goog-scrollfloater-floating {
display: block;
margin-top: 10px;
margin-left: 0
}
.zm-votebar .up,.zm-votebar .down {
display: block;
color: #25bb9b;
height: 24px;
line-height: 24px;
width: 38px;
border-radius: 3px;
border: 0;
cursor: pointer;
background: #eff6fa;
font-weight: 700;
font-weight: 500;
text-align: center;
position: relative
}
.zm-votebar .up {
padding-top: 18px;
height: 44px
}
.zm-votebar .down {
margin: 5px 0 0
}
.zm-votebar .count {
display: block
}
.zm-votebar .label {
bottom: 1px
}
.zm-votebar .vote-arrow {
width: 0;
height: 0;
border: 6px solid transparent;
font-size: 0;
_border-style: dashed;
background-image: none
}
.zm-votebar .up .vote-arrow {
position: absolute;
top: 11px;
left: 50%;
margin-left: -6px;
border-top-width: 0;
border-bottom-color: #25bb9b;
border-top-style: solid
}
.zm-votebar .down .vote-arrow {
border-bottom-width: 0;
border-top-color: #25bb9b
}
html.no-touchevents .zm-votebar .up:hover .vote-arrow,.zm-votebar .up.pressed .vote-arrow {
border-bottom-color: #fff
}
html.no-touchevents .zm-votebar .down:hover .vote-arrow,.zm-votebar .down.pressed .vote-arrow {
border-top-color: #fff
}
html.no-touchevents .zm-votebar .up:hover,html.no-touchevents .zm-votebar .down:hover,.zm-votebar .up.pressed,.zm-votebar .down.pressed {
background: #25bb9b;
color: #fff
}
.zm-item-vote-count {
display: block;
color: #25bb9b;
height: 24px;
line-height: 24px;
width: 38px;
border-radius: 3px;
border: 0;
cursor: pointer;
background: #eff6fa;
font-weight: 700;
font-weight: 500;
text-align: center;
text-decoration: none;
overflow: hidden;
-webkit-text-size-adjust: none
}
.zm-item-vote-count:hover {
text-decoration: none
}
html.no-touchevents .zm-item-vote-count:hover {
background: #25bb9b;
color: #fff
}
.zm-item-vote {
display: none;
position: absolute;
left: -48px;
top: 50px;
}
.zm-votebar {
float: left;
margin-left: -48px
}
.no-votebar .zm-item-vote {
display: block!important
}
.no-votebar .zm-votebar {
display: none!important
}
.votebar-mobile-dialog {
width: auto
}
.votebar-mobile-dialog .modal-dialog-content {
padding: 35px 40px 20px;
margin: 0
}
.votebar-mobile-dialog .modal-dialog-title {
background: #fff;
border: 0;
box-shadow: none;
text-indent: -999em;
height: 0;
padding: 0
}
.votebar-mobile-dialog .modal-dialog-title-close {
position: absolute;
top: 1px;
right: -14px;
background-position: -10px -167px;
width: 30px;
height: 30px
}
.votebar-mobile-dialog .text {
margin-top: 10px;
color: #666
}
.votebar-mobile-dialog .text label {
width: 50px;
text-align: center
}
.votebar-mobile-dialog .zm-votebar {
display: block;
position: relative;
height: 50px;
width: 140px;
float: none;
margin-left: 0
}
.votebar-mobile-dialog .zm-votebar .count {
display: none
}
.votebar-mobile-dialog .zm-votebar .down,.votebar-mobile-dialog .zm-votebar .up {
float: left;
width: 50px;
height: 50px;
margin: 0;
position: relative
}
.votebar-mobile-dialog .zm-votebar .down .vote-arrow,.votebar-mobile-dialog .zm-votebar .up .vote-arrow {
top: 10px;
left: 10px;
border-width: 15px
}
.votebar-mobile-dialog .zm-votebar .down {
float: right
}
.votebar-mobile-dialog .zm-votebar .down .vote-arrow {
top: 18px
}
.votebar-mobile-dialog .zm-votebar .up .vote-arrow {
top: 3px;
margin-left: 0
}
.votebar-mobile-dialog .votebar-post .up {
float: none;
margin: 0 auto
}
.votebar-mobile-dialog .votebar-text-post {
text-align: center
}
.zm-item-vote-count.votenum-mobile {
width: auto;
margin-right: 6px;
padding: 0 5px;
font-size: 14px;
color: #25bb9b;
display: inline-block
}
.zm-item-vote-count.votenum-mobile.owner .arrow {
display: none
}
.zm-item-vote-count.votenum-mobile .arrow {
margin-left: 3px;
top: 8px;
right: 5px;
width: 5px;
height: 7px;
vertical-align: 1px;
background-position: 0 -169px
}
.tag-list {
list-style: none
}
.tag-list>li {
position: relative;
float: left
}
.tag-list>li.canedit .tag-link {
padding-right: 35px
}
.tag-list .tag-link {
float: left;
display: inline-block;
margin: 0 5px 5px 0;
padding: 1px 10px 0;
border-radius: 30px;
background: #eff6fa;
text-decoration: none
}
.tag-list .button {
position: absolute;
right: 15px;
top: 4px;
width: 15px;
height: 15px;
border-radius: 3px;
cursor: pointer;
vertical-align: middle;
background-color: #25bb9b;
background-repeat: no-repeat;
background-image: url(../images/img/sprites-1.9.2.4c54885a.png)
}
.tag-list .remove-button {
background-position: -264px -103px
}
html.no-touchevents .tag-list .remove-button:hover {
background-color: #25bb9b
}
.zg-editor-simple-wrap {
border: 1px solid #999;
padding: 4px 4px 0
}
.zu-seamless-input-origin-element {
overflow: hidden
}
.zg-editor-input {
width: 100%;
font-weight: 400;
min-height: 66px;
padding: 0;
margin: 0;
border: 0
}
.x-c {
color: #999
}
.zm-item-tag,.zm-tag-editor-edit-item {
background: #eff6fa;
padding: 1px 10px 0;
border-radius: 30px;
text-decoration: none;
margin: 0 5px 5px 0;
display: inline-block;
float: left;
white-space: nowrap
}
.zm-item-tag-x {
position: relative;
left: -7px;
padding: 1px 5px;
background: #eff6fa;
border-radius: 0 30px 30px 0;
text-decoration: none
}
html.no-touchevents .zm-item-tag:hover,html.no-touchevents .zm-item-tag-x:hover {
background: #25bb9b;
color: #fff;
text-decoration: none
}
.zm-tag-editor-edit-item {
float: left
}
.zm-tag-editor-edit-item>a,.zm-tag-editor-edit-item>span {
float: left!important
}
.zm-tag-editor-edit-item .zm-tag-editor-remove-button {
float: right;
margin: 3px 0 0 5px;
visibility: visible
}
.zm-tag-editor-remove-button {
margin: 3px 6px 0 0;
float: left;
width: 15px;
height: 15px;
cursor: pointer;
visibility: hidden;
overflow: hidden;
text-indent: -9000px;
background: url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -264px -141px;
border-radius: 8px
}
html.no-touchevents .zm-tag-editor-remove-button:hover {
background-position: -264px -103px;
background-color: #25bb9b
}
.video-box {
position: relative;
display: block;
padding: 13px 15px;
margin: 12px 0;
width: 100%;
border: solid 1px #ddd;
border-radius: 2px;
overflow: hidden;
cursor: pointer;
box-sizing: border-box
}
html.no-touchevents .video-box:hover {
border-color: #d2dcea;
text-decoration: none
}
html.no-touchevents .video-box:hover .title {
color: #25bb9b
}
html.no-touchevents .video-box:hover .title .z-ico-extern-gray {
display: none
}
html.no-touchevents .video-box:hover .title .z-ico-extern-blue {
display: inline-block
}
.video-box .thumbnail {
float: left;
width: 75px;
height: 56px
}
.video-box .content {
display: block;
padding-left: 18px;
font-size: 0;
overflow: hidden
}
.video-box .title {
position: relative;
display: inline-block;
margin-top: -2px;
padding-right: 11px;
max-width: 100%;
box-sizing: border-box;
font-size: 16px;
color: #555;
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.video-box .title .z-ico-extern-blue,.video-box .title .z-ico-extern-gray {
position: absolute;
top: 11px;
right: 0
}
.video-box .title .z-ico-extern-gray {
display: inline-block
}
.video-box .title .z-ico-extern-blue {
display: none
}
.video-box .url {
display: block;
margin-top: 8px;
color: #a5a5a5;
font-size: 13px;
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.video-box .url .z-ico-video {
display: inline-block;
margin-right: 9px;
vertical-align: -2px
}
.video-link {
display: block;
padding-left: 20px;
background-image: url(../images/img/video/video.ae2ebded.png);
background-repeat: no-repeat;
background-position: 0 center
}
.video-box-thumbnail {
float: left;
position: relative;
margin-right: 10px
}
.video-box-thumbnail .thumbnail {
width: 132px;
height: 99px
}
.video-box-thumbnail .z-ico-play-video {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: .8;
-ms-filter: "alpha(Opacity=80)"
}
.carousel {
width: 462px;
height: 248px;
background: #fff;
display: table;
margin: -17px 0 0 -15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.carousel .carousel-content {
width: 344px;
height: 248px;
text-align: center;
margin: 0 auto;
box-sizing: border-box
}
.carousel .carousel-inner-content {
position: relative;
width: 100%;
overflow: hidden;
padding: 0;
display: none
}
.carousel .carousel-navigation-dot-group {
box-sizing: border-box;
width: 100%;
padding-top: 16px
}
.carousel .carousel-navigation-btn {
display: table-cell;
vertical-align: middle;
width: 60px
}
html.no-touchevents .carousel .carousel-navigation-btn {
visibility: hidden
}
html.no-touchevents .carousel:hover .carousel-navigation-btn {
visibility: visible
}
.carousel .carousel-left-btn {
margin-left: 14px;
cursor: pointer
}
.carousel .carousel-left-btn:hover {
background-image: url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png);
background-repeat: no-repeat;
background-size: 108px 92px;
background-position: -47px -1px;
width: 44px;
height: 44px
}
@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx) {
.carousel .carousel-left-btn:hover {
background-image: url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png)
}
}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx) {
.carousel .carousel-left-btn:hover {
background-image: url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons@2x_8b39c44a17.9ab11555.png)
}
}
.carousel .carousel-right-btn {
margin-right: 14px;
cursor: pointer
}
.carousel .carousel-right-btn:hover {
background-image: url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png);
background-repeat: no-repeat;
background-size: 108px 92px;
background-position: -47px -47px;
width: 44px;
height: 44px
}
@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx) {
.carousel .carousel-right-btn:hover {
background-image: url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png)
}
}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx) {
.carousel .carousel-right-btn:hover {
background-image: url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons@2x_8b39c44a17.9ab11555.png)
}
}
.carousel .carousel-dot {
margin: 0 3px;
display: inline-block;
width: 6px;
height: 6px;
background-color: #dbdbdb;
border-radius: 50%
}
.carousel .carousel-dot-selected {
background-color: #6c94ce
}
.copyright-notification {
z-index: 999;
position: absolute;
left: 100px;
top: 50px;
width: 350px;
height: 100%;
display: none
}
.copyright-notification .user-image-container {
float: left;
padding: 0;
height: 30px
}
.copyright-notification .user-image-container .user-image {
border-radius: 4px;
width: 30px;
height: 30px;
box-shadow: 0 1px 2px 0 rgba(0,0,0,.3)
}
.copyright-notification .noty-tooltip {
height: 30px;
width: 186px;
margin-left: 38px;
padding: 0;
display: table
}
.copyright-notification .noty-tooltip .arrow {
left: -5px;
color: #404040;
border-right-color: #404040;
color: #e9e9e9
}
.copyright-notification .noty-tooltip .inner {
box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
background-color: #404040;
font-size: 13px;
text-align: center;
max-width: 230px;
height: 30px;
box-sizing: border-box;
color: #e9e9e9;
vertical-align: middle;
display: table-cell
}
.copyright-ico-prev,.copyright-ico-prev-on,.copyright-ico-next,.copyright-ico-next-on,.copyright-ico-pointer,.copyright-ico-indicator {
background-image: url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png);
background-repeat: no-repeat;
background-size: 108px 92px
}
@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx) {
.copyright-ico-prev,.copyright-ico-prev-on,.copyright-ico-next,.copyright-ico-next-on,.copyright-ico-pointer,.copyright-ico-indicator {
background-image: url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png)
}
}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx) {
.copyright-ico-prev,.copyright-ico-prev-on,.copyright-ico-next,.copyright-ico-next-on,.copyright-ico-pointer,.copyright-ico-indicator {
background-image: url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons@2x_8b39c44a17.9ab11555.png)
}
}
.copyright-ico-prev {
background-position: -1px -1px;
width: 44px;
height: 44px
}
.copyright-ico-prev-on {
background-position: -47px -1px;
width: 44px;
height: 44px
}
.copyright-ico-next {
background-position: -1px -47px;
width: 44px;
height: 44px
}
.copyright-ico-next-on {
background-position: -47px -47px;
width: 44px;
height: 44px
}
.copyright-ico-pointer {
background-position: -93px -1px;
width: 14px;
height: 20px
}
.copyright-ico-indicator {
background-position: -93px -23px;
width: 7px;
height: 14px
}
@-webkit-keyframes select-region {
0% {
box-shadow: inset 0 0 #c6e2ff
}
100% {
box-shadow: inset 300px 0 #c6e2ff
}
}
@keyframes select-region {
0% {
box-shadow: inset 0 0 #c6e2ff
}
100% {
box-shadow: inset 300px 0 #c6e2ff
}
}
@-webkit-keyframes move1 {
0% {
left: 30px;
top: 75px
}
100% {
left: 309px;
top: 75px
}
}
@keyframes move1 {
0% {
left: 30px;
top: 75px
}
100% {
left: 309px;
top: 75px
}
}
@-webkit-keyframes move2 {
0% {
top: 75px
}
62.5% {
top: 75px
}
100% {
top: 100px
}
}
@keyframes move2 {
0% {
top: 75px
}
62.5% {
top: 75px
}
100% {
top: 100px
}
}
@-webkit-keyframes move3 {
0% {
top: 100px
}
100% {
top: 125px
}
}
@keyframes move3 {
0% {
top: 100px
}
100% {
top: 125px
}
}
@-webkit-keyframes move4 {
0% {
top: 125px
}
100% {
top: 147px
}
}
@keyframes move4 {
0% {
top: 125px
}
100% {
top: 147px
}
}
@-webkit-keyframes noty-show {
0% {
opacity: 0;
-ms-filter: "alpha(Opacity=0)"
}
100% {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
}
@keyframes noty-show {
0% {
opacity: 0;
-ms-filter: "alpha(Opacity=0)"
}
100% {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
}
.copyright-demo .copyright-demo-title {
margin-top: 24px;
margin-bottom: 28px;
font-size: 14px;
color: #707070
}
.copyright-demo .copyright-demo-region {
margin: 0 auto 10px;
display: block;
width: 280px;
height: 14px;
background-color: #eee
}
.copyright-demo .copyright-demo-region-selected {
background-color: #c6e2ff
}
.copyright-demo .copyright-demo-region1-select-animation {
-webkit-animation: select-region .35s linear forwards;
animation: select-region .35s linear forwards
}
.copyright-demo #copyright-demo-indicator {
display: none;
position: absolute;
left: 309px;
top: 147px
}
.copyright-demo .indicator-move1 {
-webkit-animation: move1 .35s linear forwards;
animation: move1 .35s linear forwards
}
.copyright-demo .indicator-move2 {
-webkit-animation: move2 .4s linear forwards;
animation: move2 .4s linear forwards
}
.copyright-demo .indicator-move3 {
-webkit-animation: move3 .15s linear forwards;
animation: move3 .15s linear forwards
}
.copyright-demo .indicator-move4 {
-webkit-animation: move4 .15s linear forwards;
animation: move4 .15s linear forwards
}
.copyright-demo .copyright-demo-pointer {
position: absolute;
left: 40px;
top: 105px;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
display: block
}
.copyright-demo .copyright-demo-pointer-show-animation {
-webkit-animation: noty-show .5s linear forwards;
animation: noty-show .5s linear forwards
}
.copyright-demo .copyright-demo-noty {
top: 114px;
left: 58px;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
display: block
}
.copyright-demo .copyright-demo-noty-show-animation {
-webkit-animation: noty-show .5s .6s linear forwards;
animation: noty-show .5s .6s linear forwards
}
#copyright-demo-helper {
width: 230px;
height: 90px;
border: 1px solid #ddd;
border-radius: 3px;
z-index: 99;
margin-top: -108px;
margin-left: -108px;
background-color: #fff
}
#copyright-demo-helper .copyright-demo-helper-intro {
height: 44px;
padding: 10px;
border-bottom: 1px solid #ddd;
color: #666
}
#copyright-demo-helper .copyright-demo-helper-btn {
text-align: center;
background-color: #51a0e0;
color: #fff;
padding: 5px;
border-radius: 0 0 3px 3px;
cursor: pointer
}
#copyright-demo-helper .copyright-demo-helper-btn:after,#copyright-demo-helper .copyright-demo-helper-btn:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
#copyright-demo-helper .copyright-demo-helper-btn:after {
border-color: rgba(136,183,213,0);
border-top-color: #51a0e0;
border-width: 8px;
margin-left: -8px
}
#copyright-demo-helper .copyright-demo-helper-btn:before {
border-color: rgba(194,225,245,0);
border-top-color: #51a0e0;
border-width: 14px;
margin-left: -14px
}
.openinapp-instruction-page {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: #efeff4;
text-align: center
}
.openinapp-instruction-page .inner {
position: relative;
margin: 0 auto;
width: 235px;
height: 280px;
padding: 0;
top: 50%;
margin-top: -122px
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3) {
.openinapp-instruction-page .inner {
width: 267px
}
}
.openinapp-instruction-page .inner .instruction-title {
font-size: 18px;
font-weight: 700;
color: #333;
margin-bottom: 35px
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3) {
.openinapp-instruction-page .inner .instruction-title {
margin-bottom: 37px
}
}
.openinapp-instruction-page .inner .instructions .icon-instruction {
margin-bottom: 20px
}
.openinapp-instruction-page .inner .instructions .icon-middle {
margin-top: 25px;
margin-left: 10px
}
.openinapp-instruction-page .inner .instructions .instr-left {
float: left
}
.openinapp-instruction-page .inner .instructions .instr-right {
float: right
}
.openinapp-instruction-page .inner .instructions .step {
font-size: 16px;
font-weight: 700;
color: #666;
margin-bottom: 10px
}
.openinapp-instruction-page .inner .instructions .step-content {
font-size: 12px;
color: #666
}
.zm-profile-section-wrap {
margin-bottom: 20px;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 1px 0 #f2f4f5;
}
.zm-profile-section-list {
padding: 0 14px;
}
.zm-profile-section-head {
overflow: hidden;
padding: 7px 14px;
border-bottom: 1px solid #EEE;
}
.zm-profile-section-name {
float: left;
font-size: 14px;
font-weight: 700;
color: #666;
}
================================================
FILE: wenda/src/main/resources/static/styles/letter.css
================================================
/*
*/
html {
background-color: #f0f3f4;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
-webkit-font-smoothing: antialiased;
line-height: 1.42857143;
color: #58666e;
background-color: transparent;
}
*:focus {
outline: 0 !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
margin: 0;
}
a {
color: #363f44;
text-decoration: none;
cursor: pointer;
}
a:hover,
a:focus {
color: #141719;
text-decoration: none;
}
label {
font-weight: normal;
}
small,
.small {
font-size: 13px;
}
.badge,
.label {
font-weight: bold;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.badge.bg-light,
.label.bg-light {
text-shadow: none;
}
.badge {
background-color: #cfdadd;
}
.badge.up {
position: relative;
top: -10px;
padding: 3px 6px;
margin-left: -10px;
}
.badge-sm {
padding: 2px 5px !important;
font-size: 85%;
}
.label-sm {
padding-top: 0;
padding-bottom: 1px;
}
.badge-white {
padding: 2px 6px;
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.35);
}
.badge-empty {
color: inherit;
background-color: transparent;
border: 1px solid rgba(0, 0, 0, 0.15);
}
blockquote {
border-color: #dee5e7;
}
.caret-white {
border-top-color: #fff;
border-top-color: rgba(255, 255, 255, 0.65);
}
a:hover .caret-white {
border-top-color: #fff;
}
.thumbnail {
border-color: #dee5e7;
}
.progress {
background-color: #edf1f2;
}
.progress-xxs {
height: 2px;
}
.progress-xs {
height: 6px;
}
.progress-sm {
height: 12px;
}
.progress-sm .progress-bar {
font-size: 10px;
line-height: 1em;
}
.progress,
.progress-bar {
-webkit-box-shadow: none;
box-shadow: none;
}
.progress-bar-primary {
background-color: #7266ba;
}
.progress-bar-info {
background-color: #00B091;
}
.progress-bar-success {
background-color: #27c24c;
}
.progress-bar-warning {
background-color: #fad733;
}
.progress-bar-danger {
background-color: #f05050;
}
.progress-bar-black {
background-color: #1c2b36;
}
.progress-bar-white {
background-color: #fff;
}
.accordion-group,
.accordion-inner {
border-color: #dee5e7;
border-radius: 2px;
}
.alert {
font-size: 13px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.alert .close i {
display: block;
font-size: 12px;
font-weight: normal;
}
.form-control {
border-color: #cfdadd;
border-radius: 2px;
}
.form-control,
.form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.form-control:focus {
border-color: #00B091;
}
.form-horizontal .control-label.text-left {
text-align: left;
}
.form-control-spin {
position: absolute;
top: 50%;
right: 10px;
z-index: 2;
margin-top: -7px;
}
.input-lg {
height: 45px;
}
.input-group-addon {
background-color: #edf1f2;
border-color: #cfdadd;
}
.list-group {
border-radius: 2px;
}
.list-group.no-radius .list-group-item {
border-radius: 0 !important;
}
.list-group.no-borders .list-group-item {
border: none;
}
.list-group.no-border .list-group-item {
border-width: 1px 0;
}
.list-group.no-bg .list-group-item {
background-color: transparent;
}
.list-group-item {
padding-right: 15px;
border-color: #e7ecee;
}
a.list-group-item:hover,
a.list-group-item:focus,
a.list-group-item.hover {
background-color: #f6f8f8;
}
.list-group-item.media {
margin-top: 0;
}
.list-group-item.active {
color: #fff;
background-color: #00B091 !important;
border-color: #00B091 !important;
}
.list-group-item.active .text-muted {
color: #ace4f5 !important;
}
.list-group-item.active a {
color: #fff;
}
.list-group-item.focus {
background-color: #e4eaec !important;
}
.list-group-item.select {
position: relative;
z-index: 1;
background-color: #dbeef9 !important;
border-color: #c5e4f5;
}
.list-group-alt .list-group-item:nth-child(2n+2) {
background-color: rgba(0, 0, 0, 0.02) !important;
}
.list-group-lg .list-group-item {
padding-top: 15px;
padding-bottom: 15px;
}
.list-group-sm .list-group-item {
padding: 6px 10px;
}
.list-group-sp .list-group-item {
margin-bottom: 5px;
border-radius: 3px;
}
.list-group-item > .badge {
margin-right: 0;
}
.list-group-item > .fa-chevron-right {
float: right;
margin-top: 4px;
margin-right: -5px;
}
.list-group-item > .fa-chevron-right + .badge {
margin-right: 5px;
}
.nav-pills.no-radius > li > a {
border-radius: 0;
}
.nav-pills > li.active > a {
color: #fff !important;
background-color: #00B091;
}
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:active {
background-color: #00BC9B;
}
.nav > li > a:hover,
.nav > li > a:focus {
background-color: #f6f8f8;
}
.nav.nav-lg > li > a {
padding: 20px 20px;
}
.nav.nav-md > li > a {
padding: 15px 15px;
}
.nav.nav-sm > li > a {
padding: 6px 12px;
}
.nav.nav-xs > li > a {
padding: 4px 10px;
}
.nav.nav-xxs > li > a {
padding: 1px 10px;
}
.nav.nav-rounded > li > a {
border-radius: 20px;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #f6f8f8;
}
.nav-tabs {
border-color: #dee5e7;
}
.nav-tabs > li > a {
border-bottom-color: #dee5e7;
border-radius: 2px 2px 0 0;
}
.nav-tabs > li:hover > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
border-color: #dee5e7;
}
.nav-tabs > li.active > a {
border-bottom-color: #fff !important;
}
.nav-tabs-alt .nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs-alt .nav-tabs > li > a {
background: transparent !important;
border-color: transparent !important;
border-bottom-color: #dee5e7 !important;
border-radius: 0;
}
.nav-tabs-alt .nav-tabs > li.active > a {
border-bottom-color: #00B091 !important;
}
.tab-container {
margin-bottom: 15px;
}
.tab-container .tab-content {
padding: 15px;
background-color: #fff;
border: 1px solid #dee5e7;
border-top-width: 0;
border-radius: 0 0 2px 2px;
}
.pagination > li > a {
border-color: #dee5e7;
}
.pagination > li > a:hover,
.pagination > li > a:focus {
background-color: #edf1f2;
border-color: #dee5e7;
}
.panel {
border-radius: 2px;
}
.panel .accordion-toggle {
display: block;
font-size: 14px;
cursor: pointer;
}
.panel .list-group-item {
border-color: #edf1f2;
}
.panel.no-borders {
border-width: 0;
}
.panel.no-borders .panel-heading,
.panel.no-borders .panel-footer {
border-width: 0;
}
.panel-heading {
border-radius: 2px 2px 0 0;
}
.panel-default .panel-heading {
background-color: #f6f8f8;
}
.panel-heading.no-border {
margin: -1px -1px 0 -1px;
border: none;
}
.panel-heading .nav {
margin: -10px -15px;
}
.panel-heading .list-group {
background: transparent;
}
.panel-footer {
background-color: #ffffff;
border-color: #edf1f2;
border-radius: 0 0 2px 2px;
}
.panel-default {
border-color: #dee5e7;
}
.panel-default > .panel-heading,
.panel-default > .panel-footer {
border-color: #edf1f2;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
border-top: 1px solid #eaedef;
}
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 8px 15px;
border-top: 1px solid #eaeff0;
}
.table > thead > tr > th {
padding: 8px 15px;
border-bottom: 1px solid #eaeff0;
}
.table-bordered {
border-color: #eaeff0;
}
.table-bordered > tbody > tr > td {
border-color: #eaeff0;
}
.table-bordered > thead > tr > th {
border-color: #eaeff0;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
background-color: #fafbfc;
}
.table-striped > thead > th {
background-color: #fafbfc;
border-right: 1px solid #eaeff0;
}
.table-striped > thead > th:last-child {
border-right: none;
}
.well,
pre {
background-color: #edf1f2;
border-color: #dee5e7;
}
.dropdown-menu {
border: 1px solid #dee5e7;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.dropdown-menu.pull-left {
left: 100%;
}
.dropdown-menu > .panel {
margin: -5px 0;
border: none;
}
.dropdown-menu > li > a {
padding: 5px 15px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #141719;
background-color: #edf1f2 !important;
background-image: none;
filter: none;
}
.dropdown-header {
padding: 5px 15px;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
color: #58666e;
background-color: #edf1f2 !important;
}
.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu:focus > .dropdown-menu {
display: block;
}
.dropdown-submenu.pull-left {
float: none !important;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
}
.dropup .dropdown-submenu > .dropdown-menu {
top: auto;
bottom: 0;
}
.btn-group > .btn {
margin-left: -1px;
}
/*cols*/
.col-lg-2-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-0 {
clear: left;
}
.row.no-gutter {
margin-right: 0;
margin-left: 0;
}
.no-gutter [class*="col"] {
padding: 0;
}
.row-sm {
margin-right: -10px;
margin-left: -10px;
}
.row-sm > div {
padding-right: 10px;
padding-left: 10px;
}
.modal-backdrop {
background-color: #3a3f51;
}
.modal-backdrop.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.modal-over {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.modal-center {
position: absolute;
top: 50%;
left: 50%;
}
/*layout*/
html,
body {
width: 100%;
height: 100%;
}
body {
overflow-x: hidden;
}
.app {
position: relative;
width: 100%;
height: auto;
min-height: 100%;
}
.app:before {
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
display: block;
width: inherit;
background-color: #f0f3f4;
border: inherit;
content: "";
}
.app-header-fixed {
padding-top: 50px;
}
.app-header-fixed .app-header {
position: fixed;
top: 0;
width: 100%;
}
.app-header {
z-index: 1025;
border-radius: 0;
}
.app-aside {
float: left;
}
.app-aside:before {
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
width: inherit;
background-color: inherit;
border: inherit;
content: "";
}
.app-aside-right {
padding-bottom: 50px;
}
.app-content {
height: 100%;
}
.app-content:before,
.app-content:after {
display: table;
content: " ";
}
.app-content:after {
clear: both;
}
.app-content-full {
position: absolute;
top: 50px;
bottom: 50px;
width: auto !important;
height: auto;
padding: 0 !important;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.app-content-full.h-full {
bottom: 0;
height: auto;
}
.app-content-body {
float: left;
width: 100%;
padding-bottom: 50px;
}
.app-footer {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 1005;
}
.hbox {
display: table;
width: 100%;
height: 100%;
border-spacing: 0;
table-layout: fixed;
}
.hbox .col {
display: table-cell;
float: none;
height: 100%;
vertical-align: top;
}
.v-middle {
vertical-align: middle !important;
}
.v-top {
vertical-align: top !important;
}
.v-bottom {
vertical-align: bottom !important;
}
.vbox {
position: relative;
display: table;
width: 100%;
height: 100%;
min-height: 240px;
border-spacing: 0;
}
.vbox .row-row {
display: table-row;
height: 100%;
}
.vbox .row-row .cell {
position: relative;
width: 100%;
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.ie .vbox .row-row .cell {
display: table-cell;
}
.vbox .row-row .cell .cell-inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.navbar {
margin: 0;
border-width: 0;
border-radius: 0;
}
.navbar .navbar-form-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-md {
min-height: 60px;
}
.navbar-md .navbar-btn {
margin-top: 13px;
}
.navbar-md .navbar-form {
margin-top: 15px;
}
.navbar-md .navbar-nav > li > a {
padding-top: 20px;
padding-bottom: 20px;
}
.navbar-md .navbar-brand {
line-height: 60px;
}
.navbar-header > button {
padding: 10px 17px;
font-size: 16px;
line-height: 30px;
text-decoration: none;
background-color: transparent;
border: none;
}
.navbar-brand {
display: inline-block;
float: none;
height: auto;
padding: 0 20px;
font-size: 20px;
font-weight: 700;
line-height: 50px;
text-align: center;
}
.navbar-brand:hover {
text-decoration: none;
}
.navbar-brand img {
// max-height: 20px;
// margin-top: -4px;
vertical-align: middle;
}
@media (min-width: 768px) {
.app-aside,
.navbar-header {
width: 200px;
}
.navbar-collapse,
.app-content,
.app-footer {
margin-left: 200px;
}
.app-aside-right {
position: absolute;
top: 50px;
right: 0;
bottom: 0;
z-index: 1000;
}
.app-aside-right.pos-fix {
z-index: 1010;
}
.visible-folded {
display: none;
}
.app-aside-folded .hidden-folded {
display: none !important;
}
.app-aside-folded .visible-folded {
display: inherit;
}
.app-aside-folded .text-center-folded {
text-align: center;
}
.app-aside-folded .pull-none-folded {
float: none !important;
}
.app-aside-folded .w-auto-folded {
width: auto;
}
.app-aside-folded .app-aside,
.app-aside-folded .navbar-header {
width: 60px;
}
.app-aside-folded .navbar-collapse,
.app-aside-folded .app-content,
.app-aside-folded .app-footer {
margin-left: 60px;
}
.app-aside-folded .app-header .navbar-brand {
display: block;
padding: 0;
}
.app-aside-fixed .app-header .navbar-header {
position: fixed;
}
.app-aside-fixed .aside-wrap {
position: fixed;
top: 50px;
bottom: 0;
left: 0;
z-index: 1000;
width: 199px;
overflow: hidden;
}
.app-aside-fixed .aside-wrap .navi-wrap {
position: relative;
width: 217px;
height: 100%;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar {
-webkit-appearance: none;
}
.app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar:vertical {
width: 17px;
}
.smart .app-aside-fixed .aside-wrap .navi-wrap {
width: 200px;
}
.app-aside-fixed.app-aside-folded .app-aside {
position: fixed;
top: 0;
bottom: 0;
z-index: 1010;
}
.app-aside-fixed.app-aside-folded .aside-wrap {
width: 59px;
}
.app-aside-fixed.app-aside-folded .aside-wrap .navi-wrap {
width: 77px;
}
.smart .app-aside-fixed.app-aside-folded .aside-wrap .navi-wrap {
width: 60px;
}
.bg-auto:before {
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
width: inherit;
background-color: inherit;
border: inherit;
content: "";
}
.bg-auto.b-l:before {
margin-left: -1px;
}
.bg-auto.b-r:before {
margin-right: -1px;
}
.col.show {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hbox-auto-sm {
display: block;
}
.hbox-auto-sm > .col {
display: block;
width: auto;
height: auto;
}
.hbox-auto-sm > .col.show {
display: block !important;
}
}
@media (max-width: 767px) {
.app-aside {
float: none;
}
.app-content-full {
width: 100% !important;
}
.hbox-auto-xs {
display: block;
}
.hbox-auto-xs > .col {
display: block;
width: auto;
height: auto;
}
.navbar-nav {
margin-top: 0;
margin-bottom: 0;
}
.navbar-nav > li > a {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.navbar-nav > li > a .up {
top: 0;
}
.navbar-nav > li > a .avatar {
width: 30px;
margin-top: -5px;
}
.navbar-nav .open .dropdown-menu {
background-color: #fff;
}
.navbar-form {
margin-top: 0 !important;
margin-bottom: 0 !important;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.navbar-form .form-group {
margin-bottom: 0;
}
}
.app.container {
padding-right: 0;
padding-left: 0;
}
@media (min-width: 768px) {
.app.container {
width: 750px;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}
.app.container .app-aside {
overflow-x: hidden;
}
.app.container.app-aside-folded .app-aside {
overflow-x: visible;
}
.app.container.app-aside-fixed .aside-wrap {
left: inherit;
}
.app.container.app-aside-fixed.app-aside-folded .app-aside > ul.nav {
position: absolute;
}
.app.container .app-header,
.app.container .app-aside {
max-width: 750px;
}
}
@media (min-width: 992px) {
.app.container {
width: 970px;
}
.app.container .app-header,
.app.container .app-aside {
max-width: 970px;
}
}
@media (min-width: 1200px) {
.app.container {
width: 1170px;
}
.app.container .app-header,
.app.container .app-aside {
max-width: 1170px;
}
}
.nav-sub {
height: 0;
margin-left: -20px;
overflow: hidden;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.active .nav-sub,
.app-aside-folded li:hover .nav-sub,
.app-aside-folded li:focus .nav-sub,
.app-aside-folded li:active .nav-sub {
height: auto !important;
margin-left: 0;
overflow: auto;
opacity: 1;
}
.nav-sub-header {
display: none !important;
}
.nav-sub-header a {
padding: 15px 20px;
}
.navi ul.nav li {
position: relative;
display: block;
}
.navi ul.nav li li a {
padding-left: 55px;
}
.navi ul.nav li a {
position: relative;
display: block;
padding: 10px 20px;
font-weight: normal;
text-transform: none;
-webkit-transition: background-color 0.2s ease-in-out 0s;
transition: background-color 0.2s ease-in-out 0s;
}
.navi ul.nav li a .badge,
.navi ul.nav li a .label {
padding: 2px 5px;
margin-top: 2px;
font-size: 11px;
}
.navi ul.nav li a > i {
position: relative;
float: left;
width: 40px;
margin: -10px -10px;
margin-right: 5px;
overflow: hidden;
line-height: 40px;
text-align: center;
}
.navi ul.nav li a > i:before {
position: relative;
z-index: 2;
}
@media (min-width: 768px) {
.app-aside-folded .nav-sub-header {
display: block !important;
}
.app-aside-folded .nav-sub-header a {
padding: 15px 20px !important;
}
.app-aside-folded .navi > ul > li > a {
position: relative;
height: 50px;
padding: 0;
text-align: center;
border: none;
}
.app-aside-folded .navi > ul > li > a span {
display: none;
}
.app-aside-folded .navi > ul > li > a span.pull-right {
display: none !important;
}
.app-aside-folded .navi > ul > li > a i {
display: block;
float: none;
width: auto;
margin: 0;
font-size: 16px;
line-height: 50px;
border: none !important;
-webkit-transition: margin-top 0.2s;
transition: margin-top 0.2s;
}
.app-aside-folded .navi > ul > li > a i b {
left: 0 !important;
}
.app-aside-folded .navi > ul > li > a .badge,
.app-aside-folded .navi > ul > li > a .label {
position: absolute;
top: 8px;
right: 12px;
z-index: 3;
}
.app-aside-folded .navi > ul ul {
position: absolute;
top: 0 !important;
left: 100%;
z-index: 1050;
width: 200px;
height: 0 !important;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.app-aside-folded .navi li li a {
padding-left: 20px !important;
}
.app-aside-folded.app-aside-fixed .app-aside > ul.nav {
position: fixed;
left: 80px;
z-index: 1010;
display: block;
width: 260px;
height: auto;
overflow: visible;
overflow-y: auto;
opacity: 1;
-webkit-overflow-scrolling: touch;
}
.app-aside-folded.app-aside-fixed .app-aside > ul.nav:before {
position: absolute;
top: 0;
left: -60px;
width: 60px;
height: 50px;
content: "";
}
.app-aside-folded.app-aside-fixed .app-aside > ul.nav a {
padding-right: 20px !important;
padding-left: 20px !important;
}
}
@media (max-width: 767px) {
.app {
overflow-x: hidden;
}
.app-content {
-webkit-transition: -webkit-transform 0.2s ease;
-moz-transition: -moz-transform 0.2s ease;
-o-transition: -o-transform 0.2s ease;
transition: transform 0.2s ease;
}
.off-screen {
position: absolute;
top: 50px;
bottom: 0;
z-index: 1010;
display: block !important;
width: 75%;
overflow-x: hidden;
overflow-y: auto;
visibility: visible;
-webkit-overflow-scrolling: touch;
}
.off-screen + * {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1015;
width: 100%;
padding-top: 50px;
overflow: hidden;
background-color: #f0f3f4;
-webkit-transform: translate3d(75%, 0, 0px);
transform: translate3d(75%, 0, 0px);
-webkit-transition: -webkit-transform 0.2s ease;
-moz-transition: -moz-transform 0.2s ease;
-o-transition: -o-transform 0.2s ease;
transition: transform 0.2s ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.off-screen + * .off-screen-toggle {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1020;
display: block !important;
}
.off-screen.pull-right {
right: 0;
}
.off-screen.pull-right + * {
-webkit-transform: translate3d(-75%, 0, 0px);
transform: translate3d(-75%, 0, 0px);
}
}
@media (min-width: 992px) {
.app-aside-dock .app-content,
.app-aside-dock .app-footer {
margin-left: 0;
}
.app-aside-dock.app-aside-fixed.app-header-fixed {
padding-top: 115px;
}
.app-aside-dock.app-aside-fixed .app-aside {
position: fixed;
top: 50px;
z-index: 1000;
width: 100%;
}
.app-aside-dock .app-aside,
.app-aside-dock .aside-wrap,
.app-aside-dock .navi-wrap {
position: relative;
top: 0;
float: none;
width: 100% !important;
overflow: visible !important;
}
.app-aside-dock .app-aside {
bottom: auto !important;
}
.app-aside-dock .app-aside.b-r {
border-bottom: 1px solid #dee5e7;
border-right-width: 0;
}
.app-aside-dock .app-aside:before {
display: none;
}
.app-aside-dock .app-aside .hidden-folded,
.app-aside-dock .app-aside .line,
.app-aside-dock .app-aside .navi-wrap > div {
display: none !important;
}
.app-aside-dock .app-aside .navi > ul > li {
position: relative;
display: inline-block;
float: left;
}
.app-aside-dock .app-aside .navi > ul > li > a {
height: auto;
padding: 10px 15px 12px 15px;
text-align: center;
}
.app-aside-dock .app-aside .navi > ul > li > a > .badge,
.app-aside-dock .app-aside .navi > ul > li > a > .label {
position: absolute;
top: 5px;
right: 8px;
padding: 1px 4px;
}
.app-aside-dock .app-aside .navi > ul > li > a > i {
display: block;
float: none;
width: 40px;
margin-top: -10px;
margin-right: auto;
margin-bottom: -7px;
margin-left: auto;
font-size: 14px;
line-height: 40px;
}
.app-aside-dock .app-aside .navi > ul > li > a > span.pull-right {
position: absolute;
bottom: 2px;
left: 50%;
display: block !important;
margin-left: -6px;
line-height: 1;
}
.app-aside-dock .app-aside .navi > ul > li > a > span.pull-right i {
width: 12px;
font-size: 12px;
line-height: 12px;
}
.app-aside-dock .app-aside .navi > ul > li > a > span.pull-right i.text {
line-height: 14px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.app-aside-dock .app-aside .navi > ul > li > a > span {
display: block;
font-weight: normal;
}
.app-aside-dock .app-aside .navi > ul > li .nav-sub {
position: absolute;
top: auto !important;
left: 0;
z-index: 1050;
display: none;
width: 200px;
height: auto !important;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.app-aside-dock .app-aside .navi > ul > li .nav-sub-header {
display: none !important;
}
.app-aside-dock .app-aside .navi li li a {
padding-left: 15px;
}
.app-aside-dock .app-aside .navi li:hover .nav-sub,
.app-aside-dock .app-aside .navi li:focus .nav-sub,
.app-aside-dock .app-aside .navi li:active .nav-sub {
display: block;
height: auto !important;
margin-left: 0;
overflow: auto;
opacity: 1;
}
}
.arrow {
z-index: 10;
border-width: 9px;
}
.arrow,
.arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.arrow:after {
border-width: 8px;
content: "";
}
.arrow.top {
top: -9px;
left: 50%;
margin-left: -9px;
border-bottom-color: rgba(0, 0, 0, 0.1);
border-top-width: 0;
}
.arrow.top:after {
top: 1px;
margin-left: -8px;
border-bottom-color: #ffffff;
border-top-width: 0;
}
.arrow.top.arrow-primary:after {
border-bottom-color: #7266ba;
}
.arrow.top.arrow-info:after {
border-bottom-color: #00B091;
}
.arrow.top.arrow-success:after {
border-bottom-color: #27c24c;
}
.arrow.top.arrow-danger:after {
border-bottom-color: #f05050;
}
.arrow.top.arrow-warning:after {
border-bottom-color: #fad733;
}
.arrow.top.arrow-light:after {
border-bottom-color: #edf1f2;
}
.arrow.top.arrow-dark:after {
border-bottom-color: #3a3f51;
}
.arrow.top.arrow-black:after {
border-bottom-color: #1c2b36;
}
.arrow.right {
top: 50%;
right: -9px;
margin-top: -9px;
border-left-color: rgba(0, 0, 0, 0.1);
border-right-width: 0;
}
.arrow.right:after {
right: 1px;
bottom: -8px;
border-left-color: #ffffff;
border-right-width: 0;
}
.arrow.right.arrow-primary:after {
border-left-color: #7266ba;
}
.arrow.right.arrow-info:after {
border-left-color: #00B091;
}
.arrow.right.arrow-success:after {
border-left-color: #27c24c;
}
.arrow.right.arrow-danger:after {
border-left-color: #f05050;
}
.arrow.right.arrow-warning:after {
border-left-color: #fad733;
}
.arrow.right.arrow-light:after {
border-left-color: #edf1f2;
}
.arrow.right.arrow-dark:after {
border-left-color: #3a3f51;
}
.arrow.right.arrow-black:after {
border-left-color: #1c2b36;
}
.arrow.bottom {
bottom: -9px;
left: 50%;
margin-left: -9px;
border-top-color: rgba(0, 0, 0, 0.1);
border-bottom-width: 0;
}
.arrow.bottom:after {
bottom: 1px;
margin-left: -8px;
border-top-color: #ffffff;
border-bottom-width: 0;
}
.arrow.bottom.arrow-primary:after {
border-top-color: #7266ba;
}
.arrow.bottom.arrow-info:after {
border-top-color: #00B091;
}
.arrow.bottom.arrow-success:after {
border-top-color: #27c24c;
}
.arrow.bottom.arrow-danger:after {
border-top-color: #f05050;
}
.arrow.bottom.arrow-warning:after {
border-top-color: #fad733;
}
.arrow.bottom.arrow-light:after {
border-top-color: #edf1f2;
}
.arrow.bottom.arrow-dark:after {
border-top-color: #3a3f51;
}
.arrow.bottom.arrow-black:after {
border-top-color: #1c2b36;
}
.arrow.left {
top: 50%;
left: -9px;
margin-top: -9px;
border-right-color: rgba(0, 0, 0, 0.1);
border-left-width: 0;
}
.arrow.left:after {
bottom: -8px;
left: 1px;
border-right-color: #ffffff;
border-left-width: 0;
}
.arrow.left.arrow-primary:after {
border-right-color: #7266ba;
}
.arrow.left.arrow-info:after {
border-right-color: #00B091;
}
.arrow.left.arrow-success:after {
border-right-color: #27c24c;
}
.arrow.left.arrow-danger:after {
border-right-color: #f05050;
}
.arrow.left.arrow-warning:after {
border-right-color: #fad733;
}
.arrow.left.arrow-light:after {
border-right-color: #edf1f2;
}
.arrow.left.arrow-dark:after {
border-right-color: #3a3f51;
}
.arrow.left.arrow-black:after {
border-right-color: #1c2b36;
}
.arrow.pull-left {
left: 19px;
}
.arrow.pull-right {
right: 19px;
left: auto;
}
.arrow.pull-up {
top: 19px;
}
.arrow.pull-down {
top: auto;
bottom: 19px;
}
.btn {
font-weight: 500;
border-radius: 2px;
outline: 0!important;
}
.btn-link {
color: #58666e;
}
.btn-link.active {
box-shadow: none;
webkit-box-shadow: none;
}
.btn-default {
color: #58666e !important;
background-color: #fcfdfd;
background-color: #fff;
border-color: #dee5e7;
border-bottom-color: #d8e1e3;
-webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
color: #58666e !important;
background-color: #edf1f2;
border-color: #c7d3d6;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #fcfdfd;
border-color: #dee5e7;
}
.btn-default.btn-bg {
border-color: rgba(0, 0, 0, 0.1);
background-clip: padding-box;
}
.btn-primary {
color: #ffffff !important;
background-color: #7266ba;
border-color: #7266ba;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #ffffff !important;
background-color: #6254b2;
border-color: #5a4daa;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #7266ba;
border-color: #7266ba;
}
.btn-success {
color: #ffffff !important;
background-color: #27c24c;
border-color: #27c24c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
color: #ffffff !important;
background-color: #23ad44;
border-color: #20a03f;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #27c24c;
border-color: #27c24c;
}
.btn-info {
color: #ffffff !important;
background-color: #00BC9B;
border-color: #00BC9B;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
color: #ffffff !important;
background-color: #00B091;
border-color: #00B091;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
background-color: #00B091;
border-color: #00B091;
}
.btn-warning {
color: #ffffff !important;
background-color: #fad733;
border-color: #fad733;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
color: #ffffff !important;
background-color: #f9d21a;
border-color: #f9cf0b;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color: #fad733;
border-color: #fad733;
}
.btn-danger {
color: #ffffff !important;
background-color: #f05050;
border-color: #f05050;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
color: #ffffff !important;
background-color: #ee3939;
border-color: #ed2a2a;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #f05050;
border-color: #f05050;
}
.btn-dark {
color: #ffffff !important;
background-color: #3a3f51;
border-color: #3a3f51;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
color: #ffffff !important;
background-color: #2f3342;
border-color: #292d39;
}
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
background-image: none;
}
.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
background-color: #3a3f51;
border-color: #3a3f51;
}
.btn-black {
color: #ffffff !important;
background-color: #1c2b36;
border-color: #1c2b36;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
color: #ffffff !important;
background-color: #131e25;
border-color: #0e161b;
}
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
background-image: none;
}
.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black.active {
background-color: #1c2b36;
border-color: #1c2b36;
}
.btn-icon {
width: 34px;
height: 34px;
padding: 0 !important;
text-align: center;
}
.btn-icon i {
position: relative;
top: -1px;
line-height: 34px;
}
.btn-icon.btn-sm {
width: 30px;
height: 30px;
}
.btn-icon.btn-sm i {
line-height: 30px;
}
.btn-icon.btn-lg {
width: 45px;
height: 45px;
}
.btn-icon.btn-lg i {
line-height: 45px;
}
.btn-rounded {
padding-right: 15px;
padding-left: 15px;
border-radius: 50px;
}
.btn-rounded.btn-lg {
padding-right: 25px;
padding-left: 25px;
}
.btn > i.pull-left,
.btn > i.pull-right {
line-height: 1.42857143;
}
.btn-block {
padding-right: 12px;
padding-left: 12px;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 2px;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-bottom-left-radius: 2px;
}
.btn-addon i {
position: relative;
float: left;
width: 34px;
height: 34px;
margin: -7px -12px;
margin-right: 12px;
line-height: 34px;
text-align: center;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 2px 0 0 2px;
}
.btn-addon i.pull-right {
margin-right: -12px;
margin-left: 12px;
border-radius: 0 2px 2px 0;
}
.btn-addon.btn-sm i {
width: 30px;
height: 30px;
margin: -6px -10px;
margin-right: 10px;
line-height: 30px;
}
.btn-addon.btn-sm i.pull-right {
margin-right: -10px;
margin-left: 10px;
}
.btn-addon.btn-lg i {
width: 45px;
height: 45px;
margin: -11px -16px;
margin-right: 16px;
line-height: 45px;
}
.btn-addon.btn-lg i.pull-right {
margin-right: -16px;
margin-left: 16px;
}
.btn-addon.btn-default i {
background-color: transparent;
border-right: 1px solid #dee5e7;
}
.btn-groups .btn {
margin-bottom: 5px;
}
.list-icon i {
display: inline-block;
width: 40px;
margin: 0;
font-size: 14px;
text-align: center;
vertical-align: middle;
-webkit-transition: font-size 0.2s;
transition: font-size 0.2s;
}
.list-icon div {
line-height: 40px;
white-space: nowrap;
}
.list-icon div:hover i {
font-size: 26px;
}
.settings {
position: fixed;
top: 120px;
right: -240px;
z-index: 1050;
width: 240px;
-webkit-transition: right 0.2s;
transition: right 0.2s;
}
.settings.active {
right: -1px;
}
.settings > .btn {
position: absolute;
top: -1px;
left: -42px;
padding: 10px 15px;
background: #f6f8f8 !important;
border-color: #dee5e7;
border-right-width: 0;
}
.settings .i-checks span b {
display: inline-block;
float: left;
width: 50%;
height: 20px;
}
.settings .i-checks span b.header {
height: 10px;
}
.streamline {
position: relative;
border-color: #dee5e7;
}
.streamline .sl-item:after,
.streamline:after {
position: absolute;
bottom: 0;
left: 0;
width: 9px;
height: 9px;
margin-left: -5px;
background-color: #fff;
border-color: inherit;
border-style: solid;
border-width: 1px;
border-radius: 10px;
content: '';
}
.sl-item {
position: relative;
padding-bottom: 1px;
border-color: #dee5e7;
}
.sl-item:before,
.sl-item:after {
display: table;
content: " ";
}
.sl-item:after {
clear: both;
}
.sl-item:after {
top: 6px;
bottom: auto;
}
.sl-item.b-l {
margin-left: -1px;
}
.timeline {
padding: 0;
margin: 0;
}
.tl-item {
display: block;
}
.tl-item:before,
.tl-item:after {
display: table;
content: " ";
}
.tl-item:after {
clear: both;
}
.visible-left {
display: none;
}
.tl-wrap {
display: block;
padding: 15px 0 15px 20px;
margin-left: 6em;
border-color: #dee5e7;
border-style: solid;
border-width: 0 0 0 4px;
}
.tl-wrap:before,
.tl-wrap:after {
display: table;
content: " ";
}
.tl-wrap:after {
clear: both;
}
.tl-wrap:before {
position: relative;
top: 15px;
float: left;
width: 10px;
height: 10px;
margin-left: -27px;
background: #edf1f2;
border-color: inherit;
border-style: solid;
border-width: 3px;
border-radius: 50%;
content: "";
box-shadow: 0 0 0 4px #f0f3f4;
}
.tl-wrap:hover:before {
background: transparent;
border-color: #fff;
}
.tl-date {
position: relative;
top: 10px;
display: block;
float: left;
width: 4.5em;
margin-left: -7.5em;
text-align: right;
}
.tl-content {
position: relative;
display: inline-block;
padding-top: 10px;
padding-bottom: 10px;
}
.tl-content.block {
display: block;
width: 100%;
}
.tl-content.panel {
margin-bottom: 0;
}
.tl-header {
display: block;
width: 12em;
margin-left: 2px;
text-align: center;
}
.timeline-center .tl-item {
margin-left: 50%;
}
.timeline-center .tl-item .tl-wrap {
margin-left: -2px;
}
.timeline-center .tl-header {
width: auto;
margin: 0;
}
.timeline-center .tl-left {
margin-right: 50%;
margin-left: 0;
}
.timeline-center .tl-left .hidden-left {
display: none !important;
}
.timeline-center .tl-left .visible-left {
display: inherit;
}
.timeline-center .tl-left .tl-wrap {
float: right;
padding-right: 20px;
padding-left: 0;
margin-right: -2px;
border-right-width: 4px;
border-left-width: 0;
}
.timeline-center .tl-left .tl-wrap:before {
float: right;
margin-right: -27px;
margin-left: 0;
}
.timeline-center .tl-left .tl-date {
float: right;
margin-right: -8.5em;
margin-left: 0;
text-align: left;
}
.i-switch {
position: relative;
display: inline-block;
width: 35px;
height: 20px;
margin: 0;
cursor: pointer;
background-color: #27c24c;
border-radius: 30px;
}
.i-switch input {
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
.i-switch input:checked + i:before {
top: 50%;
right: 5px;
bottom: 50%;
left: 50%;
border-width: 0;
border-radius: 5px;
}
.i-switch input:checked + i:after {
margin-left: 16px;
}
.i-switch i:before {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 30px;
content: "";
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.i-switch i:after {
position: absolute;
top: 1px;
bottom: 1px;
width: 18px;
background-color: #fff;
border-radius: 50%;
content: "";
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
-webkit-transition: margin-left 0.3s;
transition: margin-left 0.3s;
}
.i-switch-md {
width: 40px;
height: 24px;
}
.i-switch-md input:checked + i:after {
margin-left: 17px;
}
.i-switch-md i:after {
width: 22px;
}
.i-switch-lg {
width: 50px;
height: 30px;
}
.i-switch-lg input:checked + i:after {
margin-left: 21px;
}
.i-switch-lg i:after {
width: 28px;
}
.i-checks {
padding-left: 20px;
cursor: pointer;
}
.i-checks input {
position: absolute;
margin-left: -20px;
opacity: 0;
}
.i-checks input:checked + i {
border-color: #00B091;
}
.i-checks input:checked + i:before {
top: 4px;
left: 4px;
width: 10px;
height: 10px;
background-color: #00B091;
}
.i-checks input:checked + span .active {
display: inherit;
}
.i-checks input[type="radio"] + i,
.i-checks input[type="radio"] + i:before {
border-radius: 50%;
}
.i-checks input[disabled] + i,
fieldset[disabled] .i-checks input + i {
border-color: #dee5e7;
}
.i-checks input[disabled] + i:before,
fieldset[disabled] .i-checks input + i:before {
background-color: #dee5e7;
}
.i-checks > i {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin-top: -2px;
margin-right: 4px;
margin-left: -20px;
line-height: 1;
vertical-align: middle;
background-color: #fff;
border: 1px solid #cfdadd;
}
.i-checks > i:before {
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background-color: transparent;
content: "";
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.i-checks > span {
margin-left: -20px;
}
.i-checks > span .active {
display: none;
}
.i-checks-sm input:checked + i:before {
top: 3px;
left: 3px;
width: 8px;
height: 8px;
}
.i-checks-sm > i {
width: 16px;
height: 16px;
margin-right: 6px;
margin-left: -18px;
}
.i-checks-lg input:checked + i:before {
top: 8px;
left: 8px;
width: 12px;
height: 12px;
}
.i-checks-lg > i {
width: 30px;
height: 30px;
}
.datepicker {
margin: 0 5px;
}
.datepicker .btn-default {
border-width: 0;
box-shadow: none;
}
.datepicker .btn[disabled] {
opacity: 0.4;
}
.datepicker .btn-info .text-info {
color: #fff !important;
}
/*Charts*/
.jqstooltip {
padding: 5px 10px !important;
background-color: rgba(0, 0, 0, 0.8) !important;
border: solid 1px #000 !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.easyPieChart {
position: relative;
text-align: center;
}
.easyPieChart > div {
position: relative;
z-index: 1;
}
.easyPieChart > div .text {
position: absolute;
top: 60%;
width: 100%;
line-height: 1;
}
.easyPieChart > div img {
margin-top: -4px;
}
.easyPieChart canvas {
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
#flotTip {
z-index: 100;
padding: 4px 10px;
font-size: 12px;
color: #fff;
background-color: rgba(0, 0, 0, 0.8);
border: solid 1px #000 !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.legendColorBox > div {
margin: 5px;
border: none !important;
}
.legendColorBox > div > div {
border-radius: 10px;
}
.sortable-placeholder {
min-height: 50px;
margin-bottom: 5px;
list-style: none;
border: 1px dashed #CCC;
}
.item {
position: relative;
}
.item .top {
position: absolute;
top: 0;
left: 0;
}
.item .bottom {
position: absolute;
bottom: 0;
left: 0;
}
.item .center {
position: absolute;
top: 50%;
}
.item-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
}
.item-overlay.active,
.item:hover .item-overlay {
display: block;
}
.form-validation .form-control.ng-dirty.ng-invalid {
border-color: #f05050;
}
.form-validation .form-control.ng-dirty.ng-valid,
.form-validation .form-control.ng-dirty.ng-valid:focus {
border-color: #27c24c;
}
.form-validation .i-checks .ng-invalid.ng-dirty + i {
border-color: #f05050;
}
.ng-animate .bg-auto:before {
display: none;
}
[ui-view].ng-leave {
display: none;
}
[ui-view].ng-leave.smooth {
display: block;
}
.smooth.ng-animate {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.fade-in-right-big.ng-enter {
-webkit-animation: fadeInRightBig 0.5s;
animation: fadeInRightBig 0.5s;
}
.fade-in-right-big.ng-leave {
-webkit-animation: fadeOutLeftBig 0.5s;
animation: fadeOutLeftBig 0.5s;
}
.fade-in-left-big.ng-enter {
-webkit-animation: fadeInLeftBig 0.5s;
animation: fadeInLeftBig 0.5s;
}
.fade-in-left-big.ng-leave {
-webkit-animation: fadeOutRightBig 0.5s;
animation: fadeOutRightBig 0.5s;
}
.fade-in-up-big.ng-enter {
-webkit-animation: fadeInUpBig 0.5s;
animation: fadeInUpBig 0.5s;
}
.fade-in-up-big.ng-leave {
-webkit-animation: fadeOutUpBig 0.5s;
animation: fadeOutUpBig 0.5s;
}
.fade-in-down-big.ng-enter {
-webkit-animation: fadeInDownBig 0.5s;
animation: fadeInDownBig 0.5s;
}
.fade-in-down-big.ng-leave {
-webkit-animation: fadeOutDownBig 0.5s;
animation: fadeOutDownBig 0.5s;
}
.fade-in.ng-enter {
-webkit-animation: fadeIn 0.5s;
animation: fadeIn 0.5s;
}
.fade-in.ng-leave {
-webkit-animation: fadeOut 0.5s;
animation: fadeOut 0.5s;
}
.fade-in-right.ng-enter {
-webkit-animation: fadeInRight 0.5s;
animation: fadeInRight 0.5s;
}
.fade-in-right.ng-leave {
-webkit-animation: fadeOutLeft 0.5s;
animation: fadeOutLeft 0.5s;
}
.fade-in-left.ng-enter {
-webkit-animation: fadeInLeft 0.5s;
animation: fadeInLeft 0.5s;
}
.fade-in-left.ng-leave {
-webkit-animation: fadeOutRight 0.5s;
animation: fadeOutRight 0.5s;
}
.fade-in-up.ng-enter {
-webkit-animation: fadeInUp 0.5s;
animation: fadeInUp 0.5s;
}
.fade-in-up.ng-leave {
-webkit-animation: fadeOutUp 0.5s;
animation: fadeOutUp 0.5s;
}
.fade-in-down.ng-enter {
-webkit-animation: fadeInDown 0.5s;
animation: fadeInDown 0.5s;
}
.fade-in-down.ng-leave {
-webkit-animation: fadeOutDown 0.5s;
animation: fadeOutDown 0.5s;
}
.bg-gd {
background-image: -webkit-gradient(linear, left 0, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, 0.075)));
background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 0, rgba(40, 50, 60, 0.075), 100%);
background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.075) 100%);
background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.075) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#1328323c', GradientType=0);
filter: none;
}
.bg-gd-dk {
background-image: -webkit-gradient(linear, left 10%, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, 0.5)));
background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 10%, rgba(40, 50, 60, 0.5), 100%);
background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 10%, rgba(40, 50, 60, 0.5) 100%);
background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 10%, rgba(40, 50, 60, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#8028323c', GradientType=0);
filter: none;
}
.bg-white-opacity {
background-color: rgba(255, 255, 255, 0.5);
}
.bg-black-opacity {
background-color: rgba(32, 43, 54, 0.5);
}
.bg-light {
color: #58666e;
background-color: #edf1f2;
}
.bg-light.lt,
.bg-light .lt {
background-color: #f3f5f6;
}
.bg-light.lter,
.bg-light .lter {
background-color: #f6f8f8;
}
.bg-light.dk,
.bg-light .dk {
background-color: #e4eaec;
}
.bg-light.dker,
.bg-light .dker {
background-color: #dde6e9;
}
.bg-light.bg,
.bg-light .bg {
background-color: #edf1f2;
}
.bg-dark {
color: #a6a8b1;
background-color: #3a3f51;
}
.bg-dark.lt,
.bg-dark .lt {
background-color: #474c5e;
}
.bg-dark.lter,
.bg-dark .lter {
background-color: #54596a;
}
.bg-dark.dk,
.bg-dark .dk {
background-color: #2e3344;
}
.bg-dark.dker,
.bg-dark .dker {
background-color: #232735;
}
.bg-dark.bg,
.bg-dark .bg {
background-color: #3a3f51;
}
.bg-dark a {
color: #c1c3c9;
}
.bg-dark a:hover {
color: #ffffff;
}
.bg-dark a.list-group-item:hover,
.bg-dark a.list-group-item:focus {
background-color: inherit;
}
.bg-dark .nav > li:hover > a,
.bg-dark .nav > li:focus > a,
.bg-dark .nav > li.active > a {
color: #ffffff;
background-color: #2e3344;
}
.bg-dark .nav > li > a {
color: #b4b6bd;
}
.bg-dark .nav > li > a:hover,
.bg-dark .nav > li > a:focus {
background-color: #32374a;
}
.bg-dark .nav .open > a {
background-color: #2e3344;
}
.bg-dark .caret {
border-top-color: #a6a8b1;
border-bottom-color: #a6a8b1;
}
.bg-dark.navbar .nav > li.active > a {
color: #ffffff;
background-color: #2e3344;
}
.bg-dark .open > a,
.bg-dark .open > a:hover,
.bg-dark .open > a:focus {
color: #ffffff;
}
.bg-dark .text-muted {
color: #8b8e99 !important;
}
.bg-dark .text-lt {
color: #eaebed !important;
}
.bg-dark.auto .list-group-item,
.bg-dark .auto .list-group-item {
background-color: transparent;
border-color: #2f3342 !important;
}
.bg-dark.auto .list-group-item:hover,
.bg-dark .auto .list-group-item:hover,
.bg-dark.auto .list-group-item:focus,
.bg-dark .auto .list-group-item:focus,
.bg-dark.auto .list-group-item:active,
.bg-dark .auto .list-group-item:active,
.bg-dark.auto .list-group-item.active,
.bg-dark .auto .list-group-item.active {
background-color: #2e3344 !important;
}
.bg-black {
color: #7793a7;
background-color: #1c2b36;
}
.bg-black.lt,
.bg-black .lt {
background-color: #263845;
}
.bg-black.lter,
.bg-black .lter {
background-color: #314554;
}
.bg-black.dk,
.bg-black .dk {
background-color: #131e26;
}
.bg-black.dker,
.bg-black .dker {
background-color: #0a1015;
}
.bg-black.bg,
.bg-black .bg {
background-color: #1c2b36;
}
.bg-black a {
color: #96abbb;
}
.bg-black a:hover {
color: #ffffff;
}
.bg-black a.list-group-item:hover,
.bg-black a.list-group-item:focus {
background-color: inherit;
}
.bg-black .nav > li:hover > a,
.bg-black .nav > li:focus > a,
.bg-black .nav > li.active > a {
color: #ffffff;
background-color: #131e26;
}
.bg-black .nav > li > a {
color: #869fb1;
}
.bg-black .nav > li > a:hover,
.bg-black .nav > li > a:focus {
background-color: #16232d;
}
.bg-black .nav .open > a {
background-color: #131e26;
}
.bg-black .caret {
border-top-color: #7793a7;
border-bottom-color: #7793a7;
}
.bg-black.navbar .nav > li.active > a {
color: #ffffff;
background-color: #131e26;
}
.bg-black .open > a,
.bg-black .open > a:hover,
.bg-black .open > a:focus {
color: #ffffff;
}
.bg-black .text-muted {
color: #5c798f !important;
}
.bg-black .text-lt {
color: #c4d0d9 !important;
}
.bg-black.auto .list-group-item,
.bg-black .auto .list-group-item {
background-color: transparent;
border-color: #131e25 !important;
}
.bg-black.auto .list-group-item:hover,
.bg-black .auto .list-group-item:hover,
.bg-black.auto .list-group-item:focus,
.bg-black .auto .list-group-item:focus,
.bg-black.auto .list-group-item:active,
.bg-black .auto .list-group-item:active,
.bg-black.auto .list-group-item.active,
.bg-black .auto .list-group-item.active {
background-color: #131e26 !important;
}
.bg-primary {
color: #f4f3f9;
background-color: #7266ba;
}
.bg-primary.lt,
.bg-primary .lt {
background-color: #847abf;
}
.bg-primary.lter,
.bg-primary .lter {
background-color: #958dc6;
}
.bg-primary.dk,
.bg-primary .dk {
background-color: #6051b5;
}
.bg-primary.dker,
.bg-primary .dker {
background-color: #5244a9;
}
.bg-primary.bg,
.bg-primary .bg {
background-color: #7266ba;
}
.bg-primary a {
color: #ffffff;
}
.bg-primary a:hover {
color: #ffffff;
}
.bg-primary a.list-group-item:hover,
.bg-primary a.list-group-item:focus {
background-color: inherit;
}
.bg-primary .nav > li:hover > a,
.bg-primary .nav > li:focus > a,
.bg-primary .nav > li.active > a {
color: #ffffff;
background-color: #6051b5;
}
.bg-primary .nav > li > a {
color: #f2f2f2;
}
.bg-primary .nav > li > a:hover,
.bg-primary .nav > li > a:focus {
background-color: #6658b8;
}
.bg-primary .nav .open > a {
background-color: #6051b5;
}
.bg-primary .caret {
border-top-color: #f4f3f9;
border-bottom-color: #f4f3f9;
}
.bg-primary.navbar .nav > li.active > a {
color: #ffffff;
background-color: #6051b5;
}
.bg-primary .open > a,
.bg-primary .open > a:hover,
.bg-primary .open > a:focus {
color: #ffffff;
}
.bg-primary .text-muted {
color: #d6d3e6 !important;
}
.bg-primary .text-lt {
color: #ffffff !important;
}
.bg-primary.auto .list-group-item,
.bg-primary .auto .list-group-item {
background-color: transparent;
border-color: #6254b2 !important;
}
.bg-primary.auto .list-group-item:hover,
.bg-primary .auto .list-group-item:hover,
.bg-primary.auto .list-group-item:focus,
.bg-primary .auto .list-group-item:focus,
.bg-primary.auto .list-group-item:active,
.bg-primary .auto .list-group-item:active,
.bg-primary.auto .list-group-item.active,
.bg-primary .auto .list-group-item.active {
background-color: #6051b5 !important;
}
.bg-success {
color: #c6efd0;
background-color: #27c24c;
}
.bg-success.lt,
.bg-success .lt {
background-color: #31d257;
}
.bg-success.lter,
.bg-success .lter {
background-color: #48d46a;
}
.bg-success.dk,
.bg-success .dk {
background-color: #20af42;
}
.bg-success.dker,
.bg-success .dker {
background-color: #1a9c39;
}
.bg-success.bg,
.bg-success .bg {
background-color: #27c24c;
}
.bg-success a {
color: #eefaf1;
}
.bg-success a:hover {
color: #ffffff;
}
.bg-success a.list-group-item:hover,
.bg-success a.list-group-item:focus {
background-color: inherit;
}
.bg-success .nav > li:hover > a,
.bg-success .nav > li:focus > a,
.bg-success .nav > li.active > a {
color: #ffffff;
background-color: #20af42;
}
.bg-success .nav > li > a {
color: #daf5e0;
}
.bg-success .nav > li > a:hover,
.bg-success .nav > li > a:focus {
background-color: #22b846;
}
.bg-success .nav .open > a {
background-color: #20af42;
}
.bg-success .caret {
border-top-color: #c6efd0;
border-bottom-color: #c6efd0;
}
.bg-success.navbar .nav > li.active > a {
color: #ffffff;
background-color: #20af42;
}
.bg-success .open > a,
.bg-success .open > a:hover,
.bg-success .open > a:focus {
color: #ffffff;
}
.bg-success .text-muted {
color: #9ee4af !important;
}
.bg-success .text-lt {
color: #ffffff !important;
}
.bg-success.auto .list-group-item,
.bg-success .auto .list-group-item {
background-color: transparent;
border-color: #23ad44 !important;
}
.bg-success.auto .list-group-item:hover,
.bg-success .auto .list-group-item:hover,
.bg-success.auto .list-group-item:focus,
.bg-success .auto .list-group-item:focus,
.bg-success.auto .list-group-item:active,
.bg-success .auto .list-group-item:active,
.bg-success.auto .list-group-item.active,
.bg-success .auto .list-group-item.active {
background-color: #20af42 !important;
}
.bg-info {
color: #dcf2f8;
background-color: #00B091;
}
.bg-info.lt,
.bg-info .lt {
background-color: #3dbde5;
}
.bg-info.lter,
.bg-info .lter {
background-color: #55c3e6;
}
.bg-info.dk,
.bg-info .dk {
background-color: #16aad8;
}
.bg-info.dker,
.bg-info .dker {
background-color: #1199c4;
}
.bg-info.bg,
.bg-info .bg {
background-color: #00B091;
}
.bg-info a {
color: #ffffff;
}
.bg-info a:hover {
color: #ffffff;
}
.bg-info a.list-group-item:hover,
.bg-info a.list-group-item:focus {
background-color: inherit;
}
.bg-info .nav > li:hover > a,
.bg-info .nav > li:focus > a,
.bg-info .nav > li.active > a {
color: #ffffff;
background-color: #16aad8;
}
.bg-info .nav > li > a {
color: #f2f2f2;
}
.bg-info .nav > li > a:hover,
.bg-info .nav > li > a:focus {
background-color: #17b2e2;
}
.bg-info .nav .open > a {
background-color: #16aad8;
}
.bg-info .caret {
border-top-color: #dcf2f8;
border-bottom-color: #dcf2f8;
}
.bg-info.navbar .nav > li.active > a {
color: #ffffff;
background-color: #16aad8;
}
.bg-info .open > a,
.bg-info .open > a:hover,
.bg-info .open > a:focus {
color: #ffffff;
}
.bg-info .text-muted {
color: #b0e1f1 !important;
}
.bg-info .text-lt {
color: #ffffff !important;
}
.bg-info.auto .list-group-item,
.bg-info .auto .list-group-item {
background-color: transparent;
border-color: #00BC9B !important;
}
.bg-info.auto .list-group-item:hover,
.bg-info .auto .list-group-item:hover,
.bg-info.auto .list-group-item:focus,
.bg-info .auto .list-group-item:focus,
.bg-info.auto .list-group-item:active,
.bg-info .auto .list-group-item:active,
.bg-info.auto .list-group-item.active,
.bg-info .auto .list-group-item.active {
background-color: #16aad8 !important;
}
.bg-warning {
color: #fffefa;
background-color: #fad733;
}
.bg-warning.lt,
.bg-warning .lt {
background-color: #f8da4e;
}
.bg-warning.lter,
.bg-warning .lter {
background-color: #f7de69;
}
.bg-warning.dk,
.bg-warning .dk {
background-color: #fcd417;
}
.bg-warning.dker,
.bg-warning .dker {
background-color: #face00;
}
.bg-warning.bg,
.bg-warning .bg {
background-color: #fad733;
}
.bg-warning a {
color: #ffffff;
}
.bg-warning a:hover {
color: #ffffff;
}
.bg-warning a.list-group-item:hover,
.bg-warning a.list-group-item:focus {
background-color: inherit;
}
.bg-warning .nav > li:hover > a,
.bg-warning .nav > li:focus > a,
.bg-warning .nav > li.active > a {
color: #ffffff;
background-color: #fcd417;
}
.bg-warning .nav > li > a {
color: #f2f2f2;
}
.bg-warning .nav > li > a:hover,
.bg-warning .nav > li > a:focus {
background-color: #fcd621;
}
.bg-warning .nav .open > a {
background-color: #fcd417;
}
.bg-warning .caret {
border-top-color: #fffefa;
border-bottom-color: #fffefa;
}
.bg-warning.navbar .nav > li.active > a {
color: #ffffff;
background-color: #fcd417;
}
.bg-warning .open > a,
.bg-warning .open > a:hover,
.bg-warning .open > a:focus {
color: #ffffff;
}
.bg-warning .text-muted {
color: #fbf2cb !important;
}
.bg-warning .text-lt {
color: #ffffff !important;
}
.bg-warning.auto .list-group-item,
.bg-warning .auto .list-group-item {
background-color: transparent;
border-color: #f9d21a !important;
}
.bg-warning.auto .list-group-item:hover,
.bg-warning .auto .list-group-item:hover,
.bg-warning.auto .list-group-item:focus,
.bg-warning .auto .list-group-item:focus,
.bg-warning.auto .list-group-item:active,
.bg-warning .auto .list-group-item:active,
.bg-warning.auto .list-group-item.active,
.bg-warning .auto .list-group-item.active {
background-color: #fcd417 !important;
}
.bg-danger {
color: #ffffff;
background-color: #f05050;
}
.bg-danger.lt,
.bg-danger .lt {
background-color: #f06a6a;
}
.bg-danger.lter,
.bg-danger .lter {
background-color: #f18282;
}
.bg-danger.dk,
.bg-danger .dk {
background-color: #f13636;
}
.bg-danger.dker,
.bg-danger .dker {
background-color: #f21b1b;
}
.bg-danger.bg,
.bg-danger .bg {
background-color: #f05050;
}
.bg-danger a {
color: #ffffff;
}
.bg-danger a:hover {
color: #ffffff;
}
.bg-danger a.list-group-item:hover,
.bg-danger a.list-group-item:focus {
background-color: inherit;
}
.bg-danger .nav > li:hover > a,
.bg-danger .nav > li:focus > a,
.bg-danger .nav > li.active > a {
color: #ffffff;
background-color: #f13636;
}
.bg-danger .nav > li > a {
color: #f2f2f2;
}
.bg-danger .nav > li > a:hover,
.bg-danger .nav > li > a:focus {
background-color: #f13f3f;
}
.bg-danger .nav .open > a {
background-color: #f13636;
}
.bg-danger .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
.bg-danger.navbar .nav > li.active > a {
color: #ffffff;
background-color: #f13636;
}
.bg-danger .open > a,
.bg-danger .open > a:hover,
.bg-danger .open > a:focus {
color: #ffffff;
}
.bg-danger .text-muted {
color: #e6e6e6 !important;
}
.bg-danger .text-lt {
color: #ffffff !important;
}
.bg-danger.auto .list-group-item,
.bg-danger .auto .list-group-item {
background-color: transparent;
border-color: #ee3939 !important;
}
.bg-danger.auto .list-group-item:hover,
.bg-danger .auto .list-group-item:hover,
.bg-danger.auto .list-group-item:focus,
.bg-danger .auto .list-group-item:focus,
.bg-danger.auto .list-group-item:active,
.bg-danger .auto .list-group-item:active,
.bg-danger.auto .list-group-item.active,
.bg-danger .auto .list-group-item.active {
background-color: #f13636 !important;
}
.bg-white {
color: #58666e;
background-color: #fff;
}
.bg-white a {
color: #363f44;
}
.bg-white a:hover {
color: #1f2427;
}
.bg-white .text-muted {
color: #98a6ad !important;
}
.bg-white .lt,
.bg-white .lter,
.bg-white .dk,
.bg-white .dker {
background-color: #fff;
}
.bg-white-only {
background-color: #fff;
}
a.bg-light:hover {
color: #363f44;
}
a.bg-primary:hover {
background-color: #6254b2;
}
a.text-primary:hover {
color: #6254b2;
}
.text-primary {
color: #7266ba;
}
.text-primary-lt {
color: #8278c2;
}
.text-primary-lter {
color: #9289ca;
}
.text-primary-dk {
color: #6254b2;
}
.text-primary-dker {
color: #564aa3;
}
a.bg-info:hover {
background-color: #00BC9B;
}
a.text-info:hover {
color: #00BC9B;
}
.text-info {
color: #00B091;
}
.text-info-lt {
color: #3abee8;
}
.text-info-lter {
color: #51c6ea;
}
.text-info-dk {
color: #00BC9B;
}
.text-info-dker {
color: #1797be;
}
a.bg-success:hover {
background-color: #23ad44;
}
a.text-success:hover {
color: #23ad44;
}
.text-success {
color: #27c24c;
}
.text-success-lt {
color: #2ed556;
}
.text-success-lter {
color: #43d967;
}
.text-success-dk {
color: #23ad44;
}
.text-success-dker {
color: #1e983b;
}
a.bg-warning:hover {
background-color: #f9d21a;
}
a.text-warning:hover {
color: #f9d21a;
}
.text-warning {
color: #fad733;
}
.text-warning-lt {
color: #fbdc4c;
}
.text-warning-lter {
color: #fbe165;
}
.text-warning-dk {
color: #f9d21a;
}
.text-warning-dker {
color: #f4ca06;
}
a.bg-danger:hover {
background-color: #ee3939;
}
a.text-danger:hover {
color: #ee3939;
}
.text-danger {
color: #f05050;
}
.text-danger-lt {
color: #f26767;
}
.text-danger-lter {
color: #f47f7f;
}
.text-danger-dk {
color: #ee3939;
}
.text-danger-dker {
color: #ec2121;
}
a.bg-dark:hover {
background-color: #2f3342;
}
a.text-dark:hover {
color: #2f3342;
}
.text-dark {
color: #3a3f51;
}
.text-dark-lt {
color: #454b60;
}
.text-dark-lter {
color: #4f566f;
}
.text-dark-dk {
color: #2f3342;
}
.text-dark-dker {
color: #252833;
}
a.bg-#000000:hover {
background-color: #131e25;
}
a.text-#000000:hover {
color: #131e25;
}
.text-#000000 {
color: #1c2b36;
}
.text-#000000-lt {
color: #253847;
}
.text-#000000-lter {
color: #2d4658;
}
.text-#000000-dk {
color: #131e25;
}
.text-#000000-dker {
color: #0b1014;
}
.text-white {
color: #fff;
}
.text-muted {
color: #98a6ad;
}
.pos-rlt {
position: relative;
}
.pos-stc {
position: static !important;
}
.pos-abt {
position: absolute;
}
.pos-fix {
position: fixed;
}
.line {
width: 100%;
height: 2px;
margin: 10px 0;
overflow: hidden;
font-size: 0;
}
.line-xs {
margin: 0;
}
.line-lg {
margin-top: 15px;
margin-bottom: 15px;
}
.line-dashed {
background-color: transparent;
border-style: dashed !important;
border-width: 0;
}
.no-line {
border-width: 0;
}
.no-border,
.no-borders {
border-color: transparent;
border-width: 0;
}
.no-radius {
border-radius: 0;
}
.block {
display: block;
}
.block.hide {
display: none;
}
.inline {
display: inline-block !important;
}
.none {
display: none;
}
.pull-none {
float: none;
}
.rounded {
border-radius: 500px;
}
.clear {
display: block;
overflow: hidden;
}
.no-bg {
color: inherit;
background-color: transparent;
}
.no-select {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
}
.l-h {
line-height: 1.42857143;
}
.l-h-0x {
line-height: 0;
}
.l-h-1x {
line-height: 1.2;
}
.l-h-2x {
line-height: 2em;
}
.l-s-1x {
letter-spacing: 1;
}
.l-s-2x {
letter-spacing: 2;
}
.l-s-3x {
letter-spacing: 3;
}
.font-normal {
font-weight: normal;
}
.font-thin {
font-weight: 300;
}
.font-bold {
font-weight: 700;
}
.text-3x {
font-size: 3em;
}
.text-2x {
font-size: 2em;
}
.text-lg {
font-size: 18px;
}
.text-md {
font-size: 16px;
}
.text-base {
font-size: 14px;
}
.text-sm {
font-size: 13px;
}
.text-xs {
font-size: 12px;
}
.text-xxs {
text-indent: -9999px;
}
.text-ellipsis {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-u-c {
text-transform: uppercase;
}
.text-l-t {
text-decoration: line-through;
}
.text-u-l {
text-decoration: underline;
}
.text-active,
.active > .text,
.active > .auto .text {
display: none !important;
}
.active > .text-active,
.active > .auto .text-active {
display: inline-block !important;
}
.box-shadow {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
}
.box-shadow-lg {
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);
}
.text-shadow {
font-size: 170px;
text-shadow: 0 1px 0 #dee5e7, 0 2px 0 #fcfdfd, 0 5px 10px rgba(0, 0, 0, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2);
}
.no-shadow {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.wrapper-xs {
padding: 5px;
}
.wrapper-sm {
padding: 10px;
}
.wrapper {
padding: 15px;
}
.wrapper-md {
padding: 20px;
}
.wrapper-lg {
padding: 30px;
}
.wrapper-xl {
padding: 50px;
}
.padder-lg {
padding-right: 30px;
padding-left: 30px;
}
.padder-md {
padding-right: 20px;
padding-left: 20px;
}
.padder {
padding-right: 15px;
padding-left: 15px;
}
.padder-v {
padding-top: 15px;
padding-bottom: 15px;
}
.no-padder {
padding: 0 !important;
}
.pull-in {
margin-right: -15px;
margin-left: -15px;
}
.pull-out {
margin: -10px -15px;
}
.b {
border: 1px solid rgba(0, 0, 0, 0.05);
}
.b-a {
border: 1px solid #dee5e7;
}
.b-t {
border-top: 1px solid #dee5e7;
}
.b-r {
border-right: 1px solid #dee5e7;
}
.b-b {
border-bottom: 1px solid #dee5e7;
}
.b-l {
border-left: 1px solid #dee5e7;
}
.b-light {
border-color: #edf1f2;
}
.b-dark {
border-color: #3a3f51;
}
.b-black {
border-color: #3a3f51;
}
.b-primary {
border-color: #7266ba;
}
.b-success {
border-color: #27c24c;
}
.b-info {
border-color: #00B091;
}
.b-warning {
border-color: #fad733;
}
.b-danger {
border-color: #f05050;
}
.b-white {
border-color: #ffffff;
}
.b-dashed {
border-style: dashed !important;
}
.b-l-light {
border-left-color: #edf1f2;
}
.b-l-dark {
border-left-color: #3a3f51;
}
.b-l-black {
border-left-color: #3a3f51;
}
.b-l-primary {
border-left-color: #7266ba;
}
.b-l-success {
border-left-color: #27c24c;
}
.b-l-info {
border-left-color: #00B091;
}
.b-l-warning {
border-left-color: #fad733;
}
.b-l-danger {
border-left-color: #f05050;
}
.b-l-white {
border-left-color: #ffffff;
}
.b-l-2x {
border-left-width: 2px;
}
.b-l-3x {
border-left-width: 3px;
}
.b-l-4x {
border-left-width: 4px;
}
.b-l-5x {
border-left-width: 5px;
}
.b-2x {
border-width: 2px;
}
.b-3x {
border-width: 3px;
}
.b-4x {
border-width: 4px;
}
.b-5x {
border-width: 5px;
}
.r {
border-radius: 2px 2px 2px 2px;
}
.r-2x {
border-radius: 4px;
}
.r-3x {
border-radius: 6px;
}
.r-l {
border-radius: 2px 0 0 2px;
}
.r-r {
border-radius: 0 2px 2px 0;
}
.r-t {
border-radius: 2px 2px 0 0;
}
.r-b {
border-radius: 0 0 2px 2px;
}
.m-xxs {
margin: 2px 4px;
}
.m-xs {
margin: 5px;
}
.m-sm {
margin: 10px;
}
.m {
margin: 15px;
}
.m-md {
margin: 20px;
}
.m-lg {
margin: 30px;
}
.m-xl {
margin: 50px;
}
.m-n {
margin: 0 !important;
}
.m-l-none {
margin-left: 0 !important;
}
.m-l-xs {
margin-left: 5px;
}
.m-l-sm {
margin-left: 10px;
}
.m-l {
margin-left: 15px;
}
.m-l-md {
margin-left: 20px;
}
.m-l-lg {
margin-left: 30px;
}
.m-l-xl {
margin-left: 40px;
}
.m-l-xxl {
margin-left: 50px;
}
.m-l-n-xxs {
margin-left: -1px;
}
.m-l-n-xs {
margin-left: -5px;
}
.m-l-n-sm {
margin-left: -10px;
}
.m-l-n {
margin-left: -15px;
}
.m-l-n-md {
margin-left: -20px;
}
.m-l-n-lg {
margin-left: -30px;
}
.m-l-n-xl {
margin-left: -40px;
}
.m-l-n-xxl {
margin-left: -50px;
}
.m-t-none {
margin-top: 0 !important;
}
.m-t-xxs {
margin-top: 1px;
}
.m-t-xs {
margin-top: 5px;
}
.m-t-sm {
margin-top: 10px;
}
.m-t {
margin-top: 15px;
}
.m-t-md {
margin-top: 20px;
}
.m-t-lg {
margin-top: 30px;
}
.m-t-xl {
margin-top: 40px;
}
.m-t-xxl {
margin-top: 50px;
}
.m-t-n-xxs {
margin-top: -1px;
}
.m-t-n-xs {
margin-top: -5px;
}
.m-t-n-sm {
margin-top: -10px;
}
.m-t-n {
margin-top: -15px;
}
.m-t-n-md {
margin-top: -20px;
}
.m-t-n-lg {
margin-top: -30px;
}
.m-t-n-xl {
margin-top: -40px;
}
.m-t-n-xxl {
margin-top: -50px;
}
.m-r-none {
margin-right: 0 !important;
}
.m-r-xxs {
margin-right: 1px;
}
.m-r-xs {
margin-right: 5px;
}
.m-r-sm {
margin-right: 10px;
}
.m-r {
margin-right: 15px;
}
.m-r-md {
margin-right: 20px;
}
.m-r-lg {
margin-right: 30px;
}
.m-r-xl {
margin-right: 40px;
}
.m-r-xxl {
margin-right: 50px;
}
.m-r-n-xxs {
margin-right: -1px;
}
.m-r-n-xs {
margin-right: -5px;
}
.m-r-n-sm {
margin-right: -10px;
}
.m-r-n {
margin-right: -15px;
}
.m-r-n-md {
margin-right: -20px;
}
.m-r-n-lg {
margin-right: -30px;
}
.m-r-n-xl {
margin-right: -40px;
}
.m-r-n-xxl {
margin-right: -50px;
}
.m-b-none {
margin-bottom: 0 !important;
}
.m-b-xxs {
margin-bottom: 1px;
}
.m-b-xs {
margin-bottom: 5px;
}
.m-b-sm {
margin-bottom: 10px;
}
.m-b {
margin-bottom: 15px;
}
.m-b-md {
margin-bottom: 20px;
}
.m-b-lg {
margin-bottom: 30px;
}
.m-b-xl {
margin-bottom: 40px;
}
.m-b-xxl {
margin-bottom: 50px;
}
.m-b-n-xxs {
margin-bottom: -1px;
}
.m-b-n-xs {
margin-bottom: -5px;
}
.m-b-n-sm {
margin-bottom: -10px;
}
.m-b-n {
margin-bottom: -15px;
}
.m-b-n-md {
margin-bottom: -20px;
}
.m-b-n-lg {
margin-bottom: -30px;
}
.m-b-n-xl {
margin-bottom: -40px;
}
.m-b-n-xxl {
margin-bottom: -50px;
}
.avatar {
position: relative;
display: block;
white-space: nowrap;
border-radius: 500px;
}
.avatar img {
width: 100%;
border-radius: 500px;
}
.avatar i {
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 10px;
margin: 2px;
border-style: solid;
border-width: 2px;
border-radius: 100%;
}
.avatar i.right {
right: 0;
left: auto;
}
.avatar i.bottom {
top: auto;
right: 0;
bottom: 0;
left: auto;
}
.avatar i.left {
top: auto;
bottom: 0;
}
.avatar i.on {
background-color: #27c24c;
}
.avatar i.off {
background-color: #98a6ad;
}
.avatar i.busy {
background-color: #f05050;
}
.avatar i.away {
background-color: #fad733;
}
.avatar.thumb-md i {
width: 12px;
height: 12px;
margin: 3px;
}
.avatar.thumb-sm i {
margin: 1px;
}
.avatar.thumb-xs i {
margin: 0;
}
.w-xxs {
width: 60px;
}
.w-xs {
width: 90px;
}
.w-sm {
width: 150px;
}
.w {
width: 200px;
}
.w-md {
width: 240px;
}
.w-lg {
width: 280px;
}
.w-xl {
width: 320px;
}
.w-xxl {
width: 360px;
}
.w-full {
width: 100%;
}
.w-auto {
width: auto;
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.thumb-xl {
display: inline-block;
width: 128px;
}
.thumb-lg {
display: inline-block;
width: 96px;
}
.thumb-md {
display: inline-block;
width: 64px;
}
.thumb {
display: inline-block;
width: 50px;
}
.thumb-sm {
display: inline-block;
width: 40px;
}
.thumb-xs {
display: inline-block;
width: 34px;
}
.thumb-xxs {
display: inline-block;
width: 30px;
}
.thumb-wrapper {
padding: 2px;
border: 1px solid #dee5e7;
}
.thumb img,
.thumb-xs img,
.thumb-sm img,
.thumb-md img,
.thumb-lg img,
.thumb-btn img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.img-full {
width: 100%;
}
.img-full img {
width: 100%;
}
.scrollable {
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.scrollable.hover {
overflow-y: hidden !important;
}
.scrollable.hover:hover {
overflow: visible !important;
overflow-y: auto !important;
}
.smart .scrollable {
overflow-y: auto !important;
}
.scroll-x,
.scroll-y {
overflow: hidden;
-webkit-overflow-scrolling: touch;
}
.scroll-y {
overflow-y: auto;
}
.scroll-x {
overflow-x: auto;
}
.hover-action {
display: none;
}
.hover-rotate {
-webkit-transition: all 0.2s ease-in-out 0.1s;
transition: all 0.2s ease-in-out 0.1s;
}
.hover-anchor:hover > .hover-action,
.hover-anchor:focus > .hover-action,
.hover-anchor:active > .hover-action {
display: inherit;
}
.hover-anchor:hover > .hover-rotate,
.hover-anchor:focus > .hover-rotate,
.hover-anchor:active > .hover-rotate {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.backdrop {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
}
.backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.backdrop.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
/*desktop*/
@media screen and (min-width: 992px) {
.col-lg-2-4 {
float: left;
width: 20.000%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm.show {
display: inherit !important;
}
}
/*phone*/
@media (max-width: 767px) {
.w-auto-xs {
width: auto;
}
.shift {
display: none !important;
}
.shift.in {
display: block !important;
}
.row-2 [class*="col"] {
float: left;
width: 50%;
}
.row-2 .col-0 {
clear: none;
}
.row-2 li:nth-child(odd) {
margin-left: 0;
clear: left;
}
.text-center-xs {
text-align: center;
}
.text-left-xs {
text-align: left;
}
.text-right-xs {
text-align: right;
}
.no-border-xs {
border-width: 0;
}
.pull-none-xs {
float: none !important;
}
.pull-right-xs {
float: right !important;
}
.pull-left-xs {
float: left !important;
}
.dropdown-menu.pull-none-xs {
left: 0;
}
.hidden-xs.show {
display: inherit !important;
}
.wrapper-lg,
.wrapper-md {
padding: 15px;
}
.padder-lg,
.padder-md {
padding-right: 15px;
padding-left: 15px;
}
}
.butterbar {
position: relative;
height: 3px;
margin-bottom: -3px;
}
.butterbar .bar {
position: absolute;
width: 100%;
height: 0;
text-indent: -9999px;
background-color: #00B091;
}
.butterbar .bar:before {
position: absolute;
right: 50%;
left: 50%;
height: 3px;
background-color: inherit;
content: "";
}
.butterbar.active {
-webkit-animation: changebar 2.25s infinite 0.75s;
-moz-animation: changebar 2.25s infinite 0.75s;
animation: changebar 2.25s infinite 0.75s;
}
.butterbar.active .bar {
-webkit-animation: changebar 2.25s infinite;
-moz-animation: changebar 2.25s infinite;
animation: changebar 2.25s infinite;
}
.butterbar.active .bar:before {
-webkit-animation: movingbar 0.75s infinite;
-moz-animation: movingbar 0.75s infinite;
animation: movingbar 0.75s infinite;
}
/* Moving bar */
@-webkit-keyframes movingbar {
0% {
right: 50%;
left: 50%;
}
99.9% {
right: 0;
left: 0;
}
100% {
right: 50%;
left: 50%;
}
}
@-moz-keyframes movingbar {
0% {
right: 50%;
left: 50%;
}
99.9% {
right: 0;
left: 0;
}
100% {
right: 50%;
left: 50%;
}
}
@keyframes movingbar {
0% {
right: 50%;
left: 50%;
}
99.9% {
right: 0;
left: 0;
}
100% {
right: 50%;
left: 50%;
}
}
/* change bar */
@-webkit-keyframes changebar {
0% {
background-color: #00B091;
}
33.3% {
background-color: #00B091;
}
33.33% {
background-color: #fad733;
}
66.6% {
background-color: #fad733;
}
66.66% {
background-color: #7266ba;
}
99.9% {
background-color: #7266ba;
}
}
@-moz-keyframes changebar {
0% {
background-color: #00B091;
}
33.3% {
background-color: #00B091;
}
33.33% {
background-color: #fad733;
}
66.6% {
background-color: #fad733;
}
66.66% {
background-color: #7266ba;
}
99.9% {
background-color: #7266ba;
}
}
@keyframes changebar {
0% {
background-color: #00B091;
}
33.3% {
background-color: #00B091;
}
33.33% {
background-color: #fad733;
}
66.6% {
background-color: #fad733;
}
66.66% {
background-color: #7266ba;
}
99.9% {
background-color: #7266ba;
}
}
.subject-nav-pills {
padding: 15px 0;
}
/* line 2, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .content {
cursor: pointer;
}
/* line 7, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post {
border-bottom: 1px dashed #e3ecec;
padding-left: 5px;
position: relative;
}
/* line 12, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post:hover .content {
background-color: rgba(225, 227, 230, 0.4);
}
/* line 15, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post:hover .summary a {
color: black;
}
/* line 18, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post.detail {
margin-top: 80px;
}
/* line 21, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post.detail:hover {
background-color: transparent;
}
/* line 25, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post.detail .content {
cursor: default;
}
/* line 29, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post.detail .view-original {
display: none;
}
/* line 31, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post.detail .summary a {
display: inline;
color: black;
}
/* line 38, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .upvote {
position: absolute;
left: 5px;
top: 12px;
}
/* line 43, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .upvote a {
width: 45px;
font-size: 14px;
border-color: #ECECEC;
}
/* line 48, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .upvote a.liked, .post .upvote a.favorited {
border-left-color: #25bb9b;
border-right-color: #25bb9b;
background-color: #25bb9b;
color: #FFF !important;
}
/* line 54, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .upvote a.liked {
border-top-color: #25bb9b;
}
/* line 55, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .upvote a.favorited {
border-bottom-color: #25bb9b;
}
/* line 57, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .upvote a span {
display: block;
line-height: 16px;
font-size: 10px;
}
/* line 78, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .upvote .favorite-button span {
display: none;
}
/* line 83, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .content {
min-height: 85px;
margin: 4px 0 4px 50px;
padding: 5px 85px 10px 0;
}
.content-img {
width: 100px;
margin-right: 10px;
float: left;
height: 80px;
overflow: hidden;
}
.content-main {
margin-left: 120px;
}
/* line 89, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .title {
text-overflow: ellipsis;
overflow: hidden;
margin: 0 0 10px 0;
font-size: 22px;
font-weight: 500;
line-height: 1;
}
/* line 98, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .summary {
margin: 2px 0 10px 0;
word-wrap: break-word;
}
/* line 101, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .summary a {
display: block;
color: rgba(0, 0, 0, 0.5);
}
/* line 107, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post a {
color: #063642;
text-decoration: none;
font-size: 16px;
}
/* line 111, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post a:hover {
color: #25bb9b;
}
/* line 112, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post a:visited {
color: #888;
}
/* line 115, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .meta {
display: inline-block;
margin-right: 10px;
vertical-align: top;
color: #999;
}
/* line 121, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .meta a {
color: #999;
font-size: 14px;
}
/* line 122, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .meta span {
display: inline-block;
margin-left: 10px;
font-size: 14px;
}
/* line 123, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .meta .fa.fa-thumbs-up {
color: #d43f3a;
}
/* line 127, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .subject-name {
width: 100px;
position: absolute;
right: 10px;
top: 56px;
font-size: 12px;
text-align: center;
line-height: 14px;
}
/* line 135, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .subject-name a {
font-size: 12px;
}
/* line 139, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .user-info {
width: 100px;
position: absolute;
right: 10px;
top: 10px;
text-align: center;
}
/* line 146, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .user-info .user-avatar {
padding: 10px;
}
/* line 149, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .user-info .user-avatar a {
display: inline-block;
border-radius: 50%;
}
/* line 152, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .user-info .user-avatar a img {
width: 32px;
height: 32px;
}
/* line 156, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .user-info .info {
display: none;
width: 180px;
padding: 8px 10px;
position: absolute;
bottom: 55px;
right: -30px;
z-index: 9999;
background: #FFF;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
font-size: 12px;
}
/* line 170, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .user-info .info h5 {
margin-top: 0;
}
/* line 171, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .user-info .info h4 {
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 172, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .user-info .info a {
font-size: 12px;
}
/* line 174, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .user-info .info .bio {
text-align: left;
}
/* line 176, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .user-info .info:before {
display: inline-block;
position: absolute;
bottom: -7px;
left: 82px;
border-right: 7px solid transparent;
border-top: 7px solid #ccc;
border-left: 7px solid transparent;
border-top-color: rgba(0, 0, 0, 0.1);
content: '';
}
/* line 188, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .user-info .info:after {
position: absolute;
bottom: -6px;
left: 83px;
display: inline-block;
border-right: 6px solid transparent;
border-top: 6px solid #fff;
border-left: 6px solid transparent;
content: '';
}
/* line 201, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post .user-info:hover .info {
display: block;
}
/* line 207, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/posts.scss */
.post-comment-form form {
margin-top: 5px;
}
/*
Creating a sprite from following images:
app/assets/images/sprites/social-share-button/baidu.png (16x16)
app/assets/images/sprites/social-share-button/delicious.png (16x16)
app/assets/images/sprites/social-share-button/douban.png (16x16)
app/assets/images/sprites/social-share-button/email.png (16x16)
app/assets/images/sprites/social-share-button/facebook.png (16x16)
app/assets/images/sprites/social-share-button/flickr.png (16x16)
app/assets/images/sprites/social-share-button/google_bookmark.png (16x16)
app/assets/images/sprites/social-share-button/google_plus.png (16x16)
app/assets/images/sprites/social-share-button/kaixin001.png (16x16)
app/assets/images/sprites/social-share-button/pinterest.png (16x16)
app/assets/images/sprites/social-share-button/plurk.png (16x16)
app/assets/images/sprites/social-share-button/qq.png (16x16)
app/assets/images/sprites/social-share-button/renren.png (16x16)
app/assets/images/sprites/social-share-button/tqq.png (16x16)
app/assets/images/sprites/social-share-button/tumblr.png (16x16)
app/assets/images/sprites/social-share-button/twitter.png (16x16)
app/assets/images/sprites/social-share-button/weibo.png (16x16)
Output files:
app/assets/images/sprites/social-share-button.png
app/assets/stylesheets/social-share-button.scss
Output size:
80x64
*/
/* line 32, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-baidu {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button-94bb2793bde738d9183d02e0a09f6be5.png") 0px 0px no-repeat;
}
/* line 33, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-delicious {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button-94bb2793bde738d9183d02e0a09f6be5.png") -16px 0px no-repeat;
}
/* line 34, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-douban {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button-94bb2793bde738d9183d02e0a09f6be5.png") 0px -16px no-repeat;
}
/* line 35, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-email {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button-94bb2793bde738d9183d02e0a09f6be5.png") -16px -16px no-repeat;
}
/* line 36, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-facebook {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button-94bb2793bde738d9183d02e0a09f6be5.png") -32px 0px no-repeat;
}
/* line 37, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-flickr {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button-94bb2793bde738d9183d02e0a09f6be5.png") -32px -16px no-repeat;
}
/* line 38, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-google_bookmark {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button-94bb2793bde738d9183d02e0a09f6be5.png") 0px -32px no-repeat;
}
/* line 39, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-google_plus {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button-94bb2793bde738d9183d02e0a09f6be5.png") -16px -32px no-repeat;
}
/* line 40, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-kaixin001 {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button-94bb2793bde738d9183d02e0a09f6be5.png") -32px -32px no-repeat;
}
/* line 41, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-pinterest {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button-94bb2793bde738d9183d02e0a09f6be5.png") -48px 0px no-repeat;
}
/* line 42, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-plurk {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button-94bb2793bde738d9183d02e0a09f6be5.png") -48px -16px no-repeat;
}
/* line 43, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-qq {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button-94bb2793bde738d9183d02e0a09f6be5.png") -48px -32px no-repeat;
}
/* line 44, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-renren {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button-94bb2793bde738d9183d02e0a09f6be5.png") 0px -48px no-repeat;
}
/* line 45, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-tqq {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button-94bb2793bde738d9183d02e0a09f6be5.png") -16px -48px no-repeat;
}
/* line 46, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-tumblr {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button-94bb2793bde738d9183d02e0a09f6be5.png") -32px -48px no-repeat;
}
/* line 47, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-twitter {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button-94bb2793bde738d9183d02e0a09f6be5.png") -48px -48px no-repeat;
}
/* line 48, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-weibo {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button-94bb2793bde738d9183d02e0a09f6be5.png") -64px 0px no-repeat;
}
@media only screen and (-webkit-device-pixel-ratio: 2) {
/* line 51, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-baidu {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button@2x-c85f2c6a69e041a5985e123eddb1845b.png") 0px 0px no-repeat;
background-size: 80px 64px;
}
/* line 52, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-delicious {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button@2x-c85f2c6a69e041a5985e123eddb1845b.png") -16px 0px no-repeat;
background-size: 80px 64px;
}
/* line 53, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-douban {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button@2x-c85f2c6a69e041a5985e123eddb1845b.png") 0px -16px no-repeat;
background-size: 80px 64px;
}
/* line 54, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-email {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button@2x-c85f2c6a69e041a5985e123eddb1845b.png") -16px -16px no-repeat;
background-size: 80px 64px;
}
/* line 55, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-facebook {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button@2x-c85f2c6a69e041a5985e123eddb1845b.png") -32px 0px no-repeat;
background-size: 80px 64px;
}
/* line 56, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-flickr {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button@2x-c85f2c6a69e041a5985e123eddb1845b.png") -32px -16px no-repeat;
background-size: 80px 64px;
}
/* line 57, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-google_bookmark {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button@2x-c85f2c6a69e041a5985e123eddb1845b.png") 0px -32px no-repeat;
background-size: 80px 64px;
}
/* line 58, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-google_plus {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button@2x-c85f2c6a69e041a5985e123eddb1845b.png") -16px -32px no-repeat;
background-size: 80px 64px;
}
/* line 59, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-kaixin001 {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button@2x-c85f2c6a69e041a5985e123eddb1845b.png") -32px -32px no-repeat;
background-size: 80px 64px;
}
/* line 60, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-pinterest {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button@2x-c85f2c6a69e041a5985e123eddb1845b.png") -48px 0px no-repeat;
background-size: 80px 64px;
}
/* line 61, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-plurk {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button@2x-c85f2c6a69e041a5985e123eddb1845b.png") -48px -16px no-repeat;
background-size: 80px 64px;
}
/* line 62, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-qq {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button@2x-c85f2c6a69e041a5985e123eddb1845b.png") -48px -32px no-repeat;
background-size: 80px 64px;
}
/* line 63, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-renren {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button@2x-c85f2c6a69e041a5985e123eddb1845b.png") 0px -48px no-repeat;
background-size: 80px 64px;
}
/* line 64, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-tqq {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button@2x-c85f2c6a69e041a5985e123eddb1845b.png") -16px -48px no-repeat;
background-size: 80px 64px;
}
/* line 65, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-tumblr {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button@2x-c85f2c6a69e041a5985e123eddb1845b.png") -32px -48px no-repeat;
background-size: 80px 64px;
}
/* line 66, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-twitter {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button@2x-c85f2c6a69e041a5985e123eddb1845b.png") -48px -48px no-repeat;
background-size: 80px 64px;
}
/* line 67, /usr/local/rvm/gems/ruby-2.1.2@v2.toutiao.io/gems/social-share-button-0.1.8/app/assets/stylesheets/social-share-button.scss */
.social-share-button-weibo {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button@2x-c85f2c6a69e041a5985e123eddb1845b.png") -64px 0px no-repeat;
background-size: 80px 64px;
}
}
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any styles
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
* file per style scope.
*
*/
/* line 22, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
html {
min-height: 100%;
height: auto;
position: relative;
background-color: #FFF;
}
/* line 29, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
body {
padding-bottom: 115px;
background-color: #FFF;
}
/* line 35, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.navbar-brand {
text-align: left;
}
/* line 37, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.container {
max-width: 800px;
}
/* line 44, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
form {
margin-bottom: 20px;
}
/* line 48, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#main {
margin: 20px auto;
}
/* line 52, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
footer {
width: 100%;
padding: 30px 0 15px 0;
background: #2A2F35;
color: #FFF;
position: absolute;
left: 0;
bottom: 0;
vertical-align: baseline;
}
/* line 63, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
footer .qrcode {
display: none;
max-width: 124px;
position: fixed;
right: 15px;
top: 80px;
text-align: center;
color: #333;
}
/* line 72, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
footer .qrcode img {
max-width: 100%;
}
/* line 74, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
footer a {
color: #FFF;
}
/* line 76, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
footer a:visited {
color: #FFF;
}
/* line 77, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
footer a:hover, footer a:active {
color: #FFF;
border-bottom: 1px solid #FFF;
}
/* line 85, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.welcome_index footer .qrcode {
display: none;
color: #FFF;
}
/* line 91, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
header.navbar {
background: #3d444c;
padding: 5px 0 5px 0;
color: #FFF;
box-shadow: 0px 1px 0px 0px rgba(83, 69, 64, 0.16), 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
/* line 100, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
header.navbar .navbar-brand {
display: inline-block;
height: 55px;
margin-left: 5px;
margin-top: 5px;
padding: 5px 5px 5px 60px;
background: url(/assets/logo-cf19f42eba7cd98c38a46a158aef1cd5.png) no-repeat 0 4px;
background-size: 46px 46px;
text-decoration: none;
color: #FFF;
opacity: 1;
}
/* line 112, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
header.navbar .navbar-brand:focus {
color: #FFF;
}
/* line 114, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
header.navbar .navbar-brand h1 {
margin: 0 0 2px 0;
font-size: 20px;
line-height: 28px;
font-weight: 300;
}
/* line 115, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
header.navbar .navbar-brand h3 {
margin: 0;
font-size: 12px;
font-weight: 300;
}
/* line 117, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
header.navbar .navbar-brand:hover {
color: #FFF;
}
/* line 120, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
header.navbar form {
margin-top: 15px;
}
/* line 124, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
header.navbar .navbar-nav {
margin-top: 15px;
}
/* line 127, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
header.navbar .navbar-nav > li > a {
color: #FFF;
padding: 7px 10px 5px;
}
/* line 132, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
header.navbar .navbar-nav > li.active > a {
color: #FFF;
background-color: transparent;
}
/* line 138, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
header.navbar .nav > li > a {
border-bottom: 2px solid transparent;
}
/* line 140, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
header.navbar .nav > li > a:hover,
header.navbar .nav > li > a:focus,
header.navbar .nav > li.active > a,
header.navbar .nav > li.active > a:hover {
text-decoration: none;
color: #FFF;
border-color: #FFF;
background-color: transparent;
}
/* line 150, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
header.navbar .navbar-toggle {
margin-top: 15px;
}
/* line 152, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
header.navbar .navbar-toggle .icon-bar {
background-color: #FFF;
}
/* line 159, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.banner img {
width: 100%;
padding: 0;
}
/* line 165, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#notice-wrapper,
#alert-wrapper {
margin-top: 10px;
padding: 0;
}
/* line 171, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#notice {
margin-bottom: 0;
}
/* line 173, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.banner {
margin-bottom: 15px;
}
/* line 177, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.subscribe-banner {
height: auto;
margin: 15px 0;
overflow: hidden;
line-height: 30px;
}
/* line 184, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.daily {
margin-bottom: 30px;
}
/* line 187, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.daily h3.date {
padding: 10px;
color: #25bb9b;
border-bottom: 2px solid #25bb9b;
font-weight: 600;
font-size: 20px;
}
/* line 188, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.daily h3.date small {
color: #063642;
}
/* line 191, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.daily .posts {
margin: 0;
padding: 0;
list-style: none;
}
/* line 199, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.login-actions {
margin: 15px;
text-align: center;
}
/* line 206, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.welcome_app_download footer .qrcode {
display: none;
}
/* line 208, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.welcome_app_download #quick-download {
display: none;
}
/* line 210, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.hero {
width: 100%;
max-height: 565px;
overflow: hidden;
margin-top: -20px;
padding-top: 35px;
background-image: url("http://7rf34y.com2.z0.glb.qiniucdn.com/hero.jpg");
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 1px solid rgba(6, 54, 66, 0.9);
}
/* line 225, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.hero img {
max-width: 432px;
}
/* line 227, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.hero .handheld {
text-align: right;
}
/* line 228, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.hero .intro {
margin-left: 50px;
}
/* line 230, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.hero .intro .title {
margin: 90px 0 50px 0;
color: #FFF;
text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.4);
}
/* line 237, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.hero .app-qrcode {
max-width: 135px;
}
/* line 241, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.hero .buttons {
margin-left: 30px;
}
/* line 243, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.hero .buttons .btn {
width: 150px;
margin-bottom: 35px;
}
@media (min-width: 320px) and (max-width: 479px) {
/* line 248, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.hero {
display: none;
}
/* line 249, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.hero .handheld {
text-align: center;
}
}
@media (min-width: 480px) and (max-width: 767px) {
/* line 252, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.hero .handheld {
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 991px) {
/* line 255, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.hero .handheld {
text-align: center;
}
}
/* line 258, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.feedback {
margin-bottom: 50px;
}
/* line 260, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.feedback ul {
margin: 0;
padding: 0;
list-style: none;
}
/* line 265, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.feedback ul blockquote {
border-left: none;
margin-bottom: 5px;
padding: 10px;
font-size: 15px;
}
/* line 271, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.feedback ul blockquote p {
margin-bottom: 5px;
}
/* line 276, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#weixin-mask {
width: 100%;
padding-top: 75px;
overflow: auto;
position: fixed;
top: 0;
bottom: 0;
display: none;
background-color: rgba(0, 0, 0, 0.5);
background-image: url("http://7rf34y.com2.z0.glb.qiniucdn.com/hero.jpg");
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-align: center;
color: #EFEFEF;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}
/* line 295, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#weixin-mask .open-tips {
width: 100%;
position: fixed;
top: 0;
z-index: 9999;
padding: 5px 18px;
background: rgba(0, 0, 0, 0.5);
}
/* line 303, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#weixin-mask .open-tips h3 {
margin: 0;
padding: 0;
line-height: 60px;
background: transparent url(/assets/arrow-4b4e930397331b3f7af7fe1d5c311eb1.png) top right no-repeat;
-webkit-background-size: 60px;
-moz-background-size: 60px;
-o-background-size: 60px;
background-size: 60px;
}
/* line 315, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#weixin-mask .applogo {
height: 60px;
margin: 20px;
}
/* line 321, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#weixin-mask .title {
margin: 30px;
}
/* line 325, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#weixin-mask img {
max-width: 150px;
}
/* ------------------------------------------- */
/* line 329, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.comments {
margin: 20px 0;
}
/* line 331, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.comments .media {
margin: 10px 0;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 5px;
}
/* line 333, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.comments .media h4 {
font-size: 14px;
}
/* line 339, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.comments .media .media-left img {
width: 50px;
height: 50px;
}
/* line 345, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.comments .media:last-child {
border-bottom: none;
}
/* line 351, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.social-share-button {
margin: 20px 0;
}
/* line 355, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.weixin-qrcode-dropdown {
display: inline-block;
}
/* line 358, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.weixin-qrcode-dropdown .weixin-qrcode-dropdown-menu {
min-width: 122px;
line-height: 16px;
padding: 5px;
text-align: center;
top: 110%;
left: -76px;
}
/* line 367, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.weixin-qrcode-dropdown .weixin-qrcode-img img {
width: 132px;
}
/* line 372, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.help-modal {
margin: 0;
position: fixed;
border-radius: 0;
text-align: center;
z-index: 99;
}
/* line 379, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.help-modal.help-modal-footer {
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
left: 0;
right: 0;
bottom: 0;
top: auto;
text-align: left;
}
/* line 392, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.help-modal-footer span.logo {
display: inline-block;
width: 50px;
height: 50px;
background: url(/assets/logo-cf19f42eba7cd98c38a46a158aef1cd5.png) no-repeat;
vertical-align: middle;
}
/* line 399, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.help-modal-footer .btn {
margin-top: 10px;
vertical-align: middle;
}
/* line 406, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #333;
opacity: .5;
z-index: 2;
display: none;
}
/* line 418, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.share-help {
display: none;
}
/* line 424, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.settings-page .subscribe label {
font-weight: normal;
}
/* line 426, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.settings-page .user-avatar-wrap {
margin-bottom: 30px;
text-align: center;
}
/* line 431, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.settings-page .user-avatar {
width: 80px;
height: 80px;
background: transparent url(/assets/avatar-2-alpha-d77a05e3e5a9f5e132f06561a8909f88.png) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
vertical-align: bottom;
}
/* line 442, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.settings-page .avatar-field {
display: inline-block;
}
/* line 448, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.subject-page .subject-cover {
vertical-align: bottom;
}
/* line 449, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.subject-page .cover-field {
display: inline-block;
}
/* line 452, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.like-users {
margin: 20px 10px;
text-align: left;
}
/* line 455, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.like-users ul {
margin-left: 0;
}
/* line 456, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.like-users li {
padding-left: 2px;
padding-right: 2px;
}
/* line 457, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.like-users a {
display: inline-block;
width: 32px;
overflow: hidden;
}
/* line 458, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.like-users img {
width: 32px;
height: 32px;
}
/* line 463, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.gift {
max-width: 210px;
margin-bottom: 25px;
}
/* line 467, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.gift .cover {
display: inline-block;
min-height: 280px;
}
/* line 471, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.gift .cover img {
width: 100%;
}
/* line 474, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.gift h5 {
padding: 0;
}
/* line 481, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.post-type-radios:first-child {
margin-bottom: 5px;
}
/* line 483, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.post-type-radios .radio {
display: inline-block;
margin-right: 8px;
}
/* line 485, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.post-type-radios .radio input[type=radio] {
position: static;
}
/* line 489, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.post-type-radios .form-control {
display: inline-block;
width: auto;
height: auto;
margin-right: 2px;
}
/* line 496, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.post-type-radios p.help-block {
display: inline-block;
margin-left: 10px;
margin-bottom: 0;
font-size: 12px;
color: #58666e;
}
/* line 508, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#quick-download {
display: none;
width: 100%;
padding: 5px;
position: fixed;
bottom: 0;
background: #f3f3f8;
}
/* line 516, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#quick-download .close-link {
display: block;
float: left;
width: 25px;
height: 25px;
line-height: 24px;
margin-top: 8px;
padding: 0;
text-align: center;
color: #bdbdd1;
}
/* line 528, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#quick-download .download-link {
display: block;
height: 50px;
margin-left: 30px;
padding: 5px 0 0 55px;
background: url(/assets/logo-blue-67e531bf6ddf8780eeaa252f03bebfeb.png) no-repeat left center;
background-size: 46px 46px;
text-decoration: none;
color: #666;
position: relative;
}
/* line 539, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#quick-download .download-link h3 {
margin: 3px 0 2px 0;
font-size: 16px;
font-weight: 100;
opacity: 0.8;
}
/* line 540, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#quick-download .download-link h4 {
margin: 0;
font-size: 12px;
font-weight: 100;
opacity: 0.5;
}
/* line 542, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#quick-download .download-link .btn {
position: absolute;
right: 0;
top: 10px;
}
/* line 550, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#quick-download-app-modal {
top: 50%;
margin-top: -100px;
}
/* line 554, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#quick-download-app-modal .modal-footer {
text-align: center;
padding: 0;
border: none;
}
/* line 559, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#quick-download-app-modal .modal-footer .btn {
padding: 15px;
border: none;
border-top: 1px solid #e5e5e5;
}
/* line 569, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.follows .media {
margin: 20px 0 35px 0;
}
/* line 572, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.follows .media-body {
width: 100%;
}
/* line 573, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.follows .media-heading {
line-height: 20px;
}
/* line 575, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.follows .media-heading small {
display: inline-block;
margin-left: 10px;
line-height: 20px;
}
/* line 581, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.subjects {
margin: 0;
padding: 0 5px;
}
/* line 585, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.subjects li {
padding-bottom: 10px;
list-style: none;
border-bottom: 1px dashed #EFEFEF;
}
/* line 590, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.subjects li:last-child {
border-bottom: none;
}
/* line 592, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.subjects li small a,
.subjects li .meta,
.subjects li .meta a {
color: #999;
}
/* line 596, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.subjects li .meta a {
border-bottom: 1px solid #CCC;
}
/* line 601, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.subjects li .meta span {
display: inline-block;
margin-right: 10px;
}
/* line 607, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.user-info .social-share-button {
margin: 15px 0;
}
/* line 613, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.app-iphone {
float: right;
width: 364px;
height: 555px;
overflow: hidden;
padding-top: 83px;
padding-left: 22px;
background: url(../images/res/app-iphone-frame.png) no-repeat 0 0;
position: relative;
top: -25px;
}
/* line 624, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.app-iphone .slide {
width: 320px;
height: 472px;
}
/* line 627, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.app-iphone .slide .item {
height: 472px;
}
/* line 630, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.app-iphone .slide .item img {
width: 320px;
height: 569px;
}
/* line 635, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.app-iphone .slide .item .carousel-caption {
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
padding: 5px;
bottom: 0;
left: 0;
right: 0;
}
/* line 647, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.posts-favorites {
margin-top: 65px;
}
/* line 650, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
.posts-subscriptions {
margin-top: 35px;
}
/* line 654, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/application.scss */
#install-chrome-extension {
display: none;
}
@media (min-width: 320px) and (max-width: 479px) {
/* line 2, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
#quick-download {
display: block;
}
/* line 4, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
.tooltip {
display: none !important;
}
/* line 8, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
h3.date {
text-align: center;
}
/* line 9, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
#daily {
padding-left: 5px;
padding-right: 5px;
}
/* line 13, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
footer {
padding: 15px 0;
}
/* line 15, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
.post.detail .view-original {
display: inline-block;
}
/* line 19, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
.share-help {
padding: 10px;
left: 0;
right: 0;
top: 0;
background: #FFF;
z-index: 9999;
display: none;
}
/* line 28, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
.share-help .help-title {
line-height: 30px;
}
/* line 30, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
.share-help a span {
padding-right: 10px;
padding-left: 2px;
}
/* line 34, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
.share-help a {
width: calc(50% - 4px);
font-size: 16px;
color: #6B6F73;
}
/* line 39, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
.share-help a img {
width: 26px;
vertical-align: middle;
position: relative;
}
/* line 45, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
.weixin-qrcode-dropdown {
display: none;
}
/* line 47, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
.post .user-info .info {
display: none !important;
}
/* line 49, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
.user-nav-tabs {
text-align: center;
}
/* line 51, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
.user-nav-tabs > li > a {
padding: 5px 15px 2px 15px;
}
/* line 52, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
.user-nav-tabs span.count {
display: block;
font-size: 12px;
}
/* line 55, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
footer .qrcode {
display: none;
}
}
@media (min-width: 480px) and (max-width: 767px) {
/* line 59, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
#quick-download {
display: block;
}
/* line 60, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
.post .user-info .info {
display: none !important;
}
/* line 61, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
footer .qrcode {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
/* line 65, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
.post .user-info .info {
display: none !important;
}
/* line 66, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
footer .qrcode {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1024px) {
/* line 70, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
.container {
width: 800px;
}
/* line 71, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
footer .qrcode {
display: block;
width: 100px;
}
}
@media (min-width: 1024px) {
/* line 75, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
.container {
width: 800px;
}
/* line 76, /var/www/prod/v2.toutiao.io/app/assets/stylesheets/responsive.scss */
footer .qrcode {
display: block;
max-width: 124px;
}
}
/*赞成and反对*/
.votebar {
float: left;
margin-right: 18px;
margin-top: 5px;
}
.votebar.keep-top{
position: fixed;
top: 60px;
}
.votebar .up,
.votebar .down {
background: #eff6fa;
border: none;
border-radius: 3px;
color: #25bb9b;
cursor: pointer;
display: block;
font-weight: 500;
height: 24px;
line-height: 24px;
position: relative;
width: 38px;
outline: none;
}
.votebar .up {
height: 44px;
}
.votebar .label {
display: block;
text-indent: -9999em;
}
.votebar .count {
left: 0;
position: absolute;
top: 18px;
top: 10px\9;
*top: 18px;
width: 100%;
/*line-height: 22px;*/
display: block;
}
.votebar .vote-arrow {
display: inline-block;
border: 6px solid transparent;
font-size: 0;
height: 0;
width: 0;
}
.votebar .up .vote-arrow {
border-bottom-color: #25bb9b;
border-top-style: solid;
border-top-width: 0;
margin-bottom: 10px;
}
.votebar .up:hover .vote-arrow,
.votebar .up.pressed .vote-arrow {
border-bottom-color: #FFF;
}
.votebar .down .vote-arrow {
border-bottom-width: 0;
border-top-color: #25bb9b;
}
.votebar .down:hover .vote-arrow,
.votebar .down.pressed .vote-arrow {
border-top-color: #fff;
}
.votebar .up:hover,
.votebar .down:hover,
.votebar .up.pressed,
.votebar .down.pressed {
background: #25bb9b;
color: #fff;
}
.votebar .down {
margin: 5px 0 0;
}
.votebar .rcmd-label {
color: #fff;
background: #E54E38;
padding: 2px 5px;
display: block;
text-align: center;
margin-top: 10px;
}
.letter-list {
margin: -10px -20px 0;
}
.letter-list li {
border-bottom: 1px solid #E0E0E0;
padding: 20px 10px;
overflow: hidden;
margin: 0 10px;
position: relative;
}
.letter-link {
display: block;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.letter-list li:hover {
background: #ECF0F1;
cursor: pointer;
}
.letter-info {
float: right;
text-align: right;
color: #999;
font-size: 12px;
}
.letter-info p {
line-height: 2;
}
.letter-info a{
color: #21a88b;
}
.letter-info a:hover {
color: #25bb9b;
}
.letter-detail {
float: left;
font-size: 14px;
line-height: 1em;
width: 320px;
}
.letter-detail .letter-name {
position: absolute;
left: 80px;
top: 20px;
z-index: 2;
color: #CCC;
display: inline-block;
/*display: block;*/
}
.letter-brief {
position: absolute;
left: 80px;
top: 50px;
z-index: 2;
color: #666;
float: left;
font-size: 14px;
width: 300px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
/*for ie8不变省略号问题*/
word-wrap:normal;
}
.msg-num {
position: absolute;
top: 0;
left: 0;
background: #e84a4a;
color: #FFF;
border-radius: 50px;
line-height: 16px;
min-height: 16px;
outline: medium none;
padding: 0 4px;
text-align: center;
z-index: 10;
}
.chat-headbox {
position: relative;
float: left;
z-index: 2;
}
.list-head {
display: block;
float: left;
width: 50px;
height: 50px;
overflow: hidden;
border: 1px solid #ededed;
border-radius: 50px;
}
.l-operate-bar {
white-space: nowrap;
position: absolute;
right: 10px;
bottom: 20px;
font-size: 12px;
z-index: 2;
}
.l-operate-bar a {
color: #21a88b;
}
.l-operate-bar a:hover {
color: #25bb9b;
}
.follow-list .l-operate-bar a,
.follow-list .l-operate-bar a:hover {
color: #FFF;
}
.l-time {
position: absolute;
right: 10px;
top: 20px;
z-index: 2;
white-space: nowrap;
font-size: 12px;
}
.letter-chatlist {
padding: 20px;
}
.letter-chatlist li {
margin-bottom: 40px;
overflow: hidden;
list-style: none;
}
.letter-chat {
background: #ECF1F1;
width: 820px;
max-width: 100%;
padding: 20px 25px;
text-align: left;
color: #666;
}
.letter-chatlist .list-head {
margin: 20px 20px 0 0;
}
.letter-chat .sns-action-reply{
visibility: hidden;
_visibility: visible;
}
.letter-chat:hover .sns-action-reply{
visibility: visible;
}
.letter-chatlist .tooltip {
position: relative;
float: left;
}
.letter-chatlist .my-reply .tooltip.right,
.letter-chatlist .tooltip.right {
padding: 0;
margin: 0;
}
.letter-chatlist .tooltip.right .tooltip-arrow {
border-right-color: #ECF1F1;
left: -9px;
margin-top: -30px;
}
.letter-chat .chat-content {
width: 300px;
line-height: 1.6;
font-size: 14px;
}
.chat-content a {
color: #25bb9b;
}
.chat-content img{
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
cursor: zoom-in;
cursor: url(http://static.zhihu.com/static/img/zoom-in.cur);
}
.letter-chat .letter-info {
width: 120px;
}
.tooltip {
position: absolute;
display: block;
line-height: 1.4;
visibility: visible;
font-size: 14px;
z-index: 99;
}
.letter-chatlist .my-reply .tooltip.right, .letter-chatlist .tooltip.right {
padding: 0;
margin: 0;
}
.letter-chatlist .tooltip {
position: relative;
float: left;
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.letter-chatlist .tooltip.right .tooltip-arrow {
border-right-color: #ECF1F1;
left: -9px;
margin-top: -30px;
}
.tooltip.right .tooltip-arrow {
border-right-color: #34495e;
border-width: 9px 9px 9px 0;
margin-top: -9px;
left: -4px;
top: 50%;
}
.tooltip-arrow, .tooltip-arrow i {
position: absolute;
width: 0;
height: 0;
border: 9px solid transparent;
}
.masklayer {
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
filter: alpha(opacity=60);
position: absolute;
left: 0;
top: 0;
z-index: 100;
}
/* styles/common/component/popup-wrap.css */
.layer-container {
position:absolute;
overflow:auto;
top:0;
left:0;
z-index: 100;
overflow: hidden;
}
.layer-container-bg{
position: absolute;
top: 0;
left: 0;
z-index: 100;
background: #000;
width: 100%;
height: 100%;
opacity: 0.3;
filter: alpha(opacity=30);
}
.layer-container-content{
position: absolute;
top: 0;
left: 0;
z-index: 101;
width: 100%;
height: 100%;
overflow: auto;
overflow-x: hidden;
}
/*弹窗框架样式*/
.pop-box {
/*border-radius: 10px;*/
border-radius: 4px;
background: #FFF;
/*position: absolute;
z-index: 201;*/
}
.pop-title {
padding: 15px 20px;
overflow: hidden;
background: #f0f0f0;
border-radius: 4px 4px 0 0;
}
.pop-title h1 {
margin: 0;
float: left;
font-size: 16px;
font-weight: normal;
line-height: 20px;
}
.pop-title h1:before {
background: #FF6547;
content: "";
display: inline-block;
width: 7px;
height: 7px;
margin-right: 5px;
margin-bottom: 2px;
vertical-align: middle;
}
.pop-title-link {
float: right;
font-size: 16px;
color: #1abc9c;
}
.pop-close {
display: block;
text-indent: -9999em;
outline: none;
float: right;
width: 12px;
height: 12px;
margin-top: 4px;
background: url(../images/img/pop-close.png) no-repeat;
}
.pop-content {
padding: 20px;
}
.pop-text-box {
max-height: 200px;
overflow-y: auto;
margin-bottom: 20px;
}
.pop-text-box p {
margin-top: 5px;
margin-bottom: 5px;
}
/*弹窗内容大间距*/
.pop-padding-lg {
padding: 20px 50px;
}
.pop-tip {
font-size: 14px;
margin-bottom: 10px;
}
.pop-bigbtn {
padding: 10px 45px;
font-size: 16px;
}
.pop-msg-tip {
font-size: 16px;
padding: 30px;
}
.pop-msg-tip .fui-cross {
color: #FFF;
background: #ff6547;
border-radius: 20px;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
font-size: 20px;
margin-right: 10px;
}
.pop-footer{
padding: 15px 20px;
overflow: hidden;
background: #f0f0f0;
border-radius: 0 0 4px 4px;
}
.pop-box {
position: absolute;
z-index: 1000;
}
/*弹窗框架样式结束*/
.input-section .control-label {
padding: 0 15px;
font-size: 14px;
float: left;
width: 125px;
line-height: 42px;
height: 42px;
text-align: right;
margin-bottom: 0;
}
.form-group:after, .form-group:before {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.input-section .control-group {
line-height: 42px;
height: 42px;
}
.form-group .control-group {
float: left;
}
.control-group input {
height: 34px;
line-height: 34px;
}
.control-group {
position: relative;
width: 260px;
}
.control-group > .input-icon {
position: absolute;
top: 9px;
right: -20px;
vertical-align: middle;
font-size: 20px;
background: #FFF;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
line-height: 20px;
display: none;
}
/* 错误提示icon */
.input-icon.icon-remove-sign {
color: #ff5400;
}
/* 成功提示icon */
.input-icon.icon-ok-sign {
color: #25bb9b;
display: none;
}
/* 提示icon及提示文案显示 */
.error .icon-remove-sign,
.success .icon-ok-sign,
.error .input-tip,
.focus .input-tip {
display: block;
}
/* 提示文案默认隐藏 */
.input-tip {
position: absolute;
left: 0;
bottom: -16px;
display: none;
font-size: 14px;
line-height: 14px;
}
/* 错误提示文案 */
.error .input-tip {
color: #ff5400;
}
/*输入框*/
textarea,
.input-section input[type="text"],
.input-section input[type="password"],
.input-section input[type="email"],
.uneditable-input {
border: 1px solid #d4d4d4;
color: #34495e;
font-family: "Lato", sans-serif;
font-size: 14px;
padding: 8px 5px;
width: 250px;
border-radius: 3px;
outline: none;
}
.control-group.focus textarea,
.control-group.focus input[type="text"],
.control-group.focus input[type="password"],
.control-group.focus input[type="email"],
.control-group.focus .uneditable-input,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
.uneditable-input:focus {
border-color: #909090;
}
input[type="text"].error-tips,
textarea.error-tips,
.control-group.error textarea,
.control-group.error input[type="text"],
.control-group.error input[type="password"],
.control-group.error input[type="email"],
.control-group.error .uneditable-input {
border-color: #e74c3c;
color: #e74c3c;
}
.control-group.success textarea,
.control-group.success input[type="text"],
.control-group.success input[type="password"],
.control-group.success input[type="email"],
.control-group.success .uneditable-input {
border-color: #2ecc71;
color: #2ecc71;
}
input[disabled],
input[readonly],
textarea[disabled],
textarea[readonly] {
background-color: #e3e3e3;
border-color: #e3e3e3;
color: #999999;
cursor: default;
}
.col-input-login {
text-align: center;
}
.col-input-login .btn {
width: 115px;
}
.col-input-login .btn + .btn {
margin-left: 10px;
}
.pop-content .about-pwd {
margin: 0 0 10px 125px;
}
.alert-info {
background: #dff1ed;
border-color: #cbede5;
}
.letter-pic-box {
float: left;
margin: 0 5px 5px 0;
position: relative;
width: 80px;
height: 80px;
}
.letter-pic-box img {
width: 80px;
position: relative;
z-index: 1;
}
.letter-pic-box:hover {
cursor: pointer;
}
.letter-pic-box:hover .mask {
display: block;
}
.letter-pic-box:hover .icon-remove-circle {
display: block;
}
.letter-pic-box .icon-remove-circle {
display: none;
position: absolute;
right: 5px;
top: 5px;
color: #fff;
font-size: 20px;
z-index: 4;
-webkit-font-smoothing: antialiased;
}
.btn-upload {
margin-top: 47px;
margin-left: 10px;
}
/* popup-wrap end */
@-webkit-keyframes fadeIn {
from {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
to {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
}@keyframes fadeIn {
from {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
to {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
}@-webkit-keyframes fadeInUp {
from {
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
to {
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:none;
transform:none
}
}@keyframes fadeInUp {
from {
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
to {
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:none;
transform:none
}
}.fadeInUp {
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp;
-webkit-animation-duration:.2s;
animation-duration:.2s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
@-webkit-keyframes fadeOut {
from {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
to {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
}@keyframes fadeOut {
from {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
to {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
}@-webkit-keyframes fadeOutDown {
from {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
to {
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}@keyframes fadeOutDown {
from {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
to {
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}.fadeOutDown {
-webkit-animation-name:fadeOutDown;
animation-name:fadeOutDown;
-webkit-animation-duration:.2s;
animation-duration:.2s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
body,ul,ol,li,p,h1,h2,h3,h4,h5 {
margin:0;
padding:0
}
button,input,select,textarea {
margin:0;
font-family:inherit;
font-size:100%
}
img {
border:0
}
a {
text-decoration:none
}
a:hover {
text-decoration:underline
}
html.touchevents a:hover {
text-decoration:none
}
object:not([data]) {
display:none
}
[hidden] {
display:none!important
}
.zg-warn-message,.zg-error-message,.zg-info-message {
margin:10px 0;
padding:10px;
border:1px solid;
text-align:center
}
.zg-warn-message {
border-color:#ccc9ac;
background:#fbf9e5
}
.zg-error-message {
border-color:#c3412f;
background:#fff5fa
}
.zg-info-message {
border-color:#adcf66;
background:#f2fddb
}
.hidden {
display:none
}
.centered-block {
text-align:center;
white-space:nowrap;
height:100%
}
.centered-block:before {
content:'';
display:inline-block;
height:100%;
vertical-align:middle;
margin-right:-.25em
}
.centered-block-inner {
display:inline-block;
vertical-align:middle;
text-align:left;
white-space:normal
}
.text-center {
text-align:center
}
.text-right {
text-align:right
}
.text-muted {
color:#999
}
.clearfix {
*zoom:1
}
.clearfix:before,.clearfix:after {
display:table;
content:""
}
.clearfix:after {
clear:both
}
.hide-text {
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0
}
.ellipsis {
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.sr-only {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
border:0
}
[ng-cloak] {
display:none
}
body.zhi {
padding-top:46px;
_padding-top:64px;
-webkit-font-smoothing:subpixel-antialiased
}
html.in-app body.zhi {
background-color:#fff;
padding-top:0
}
a {
color:#25bb9b
}
a:active {
outline:0
}
body {
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.placeholder-label-hilight {
color:#A02313!important
}
.placeholder-hilight::-webkit-input-placeholder,.placeholder-hilight::-moz-input-placeholder,.placeholder-hilight::input-placeholder {
color:#A02313!important
}
div[contentEditable],input,textarea,button,a:link {
-webkit-tap-highlight-color:rgba(225,225,225,.5)
}
small {
font-size:12px
}
input[type=text]:focus,input[type=password]:focus,textarea:focus {
outline:0
}
input[type=text],input[type=password]:focus {
-webkit-appearance:none
}
textarea {
border:0;
border:0;
-moz-outline:0;
outline:0;
overflow:auto;
resize:none;
-webkit-appearance:none
}
.modal-dialog,div[contentEditable] {
outline:0;
-moz-outline:0
}
.editable-wrapper {
position:relative;
padding:8px 10px;
border:1px solid #ccc;
border-radius:0 0 3px 3px;
box-shadow:0 0 4px 0 rgba(0,0,0,.1) inset;
-webkit-transition:min-height .25s ease-out;
background:#fff
}
html.no-js img.lazy {
display:none
}
.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content p {
margin:12px 0
}
body {
font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
font-size:13px;
line-height:1.7;
word-wrap:break-word;
color:#222;
background-color:#fff
}
button {
padding:0;
line-height:1.7
}
h1,h2,h3,h4,h5 {
font-weight:700;
font-size:14px;
outline:0
}
i,em {
font-style:italic
}
ins {
text-decoration:none;
padding:3px 0;
background:#EAF0DD;
color:#5B7918
}
del {
text-decoration:line-through;
padding:3px 0;
background:#f5dfdf;
color:#ac1414
}
ins img {
margin:6px 0;
display:block;
max-width:300px!important
}
del.del-img,ins.ins-img {
display:inline-block;
width:75px;
text-align:center;
background:0 0
}
del.del-img span,ins.ins-img span {
padding:3px 0
}
ins.ins-img span {
background:#EAF0DD;
color:#5B7918
}
del.del-img span {
background:#f5dfdf;
color:#ac1414
}
input[type=checkbox] {
margin:0 5px 0 0;
vertical-align:0
}
address,sup {
border-left:3px solid #D0E5F2;
font-style:normal;
padding:0 0 0 10px;
display:block;
line-height:22px;
vertical-align:baseline;
font-size:100%
}
.hilight {
color:#C20A0A
}
.cross {
width:6px;
height:6px;
display:inline-block;
position:relative
}
.cross span {
background-color:#25bb9b
}
.cross .vertical {
position:absolute;
width:2px;
height:6px;
top:0;
left:2px
}
.cross .horizontal {
position:absolute;
width:6px;
height:2px;
top:2px;
left:0
}
.zg-anchor-hidden {
top:-48px;
position:relative;
display:block;
width:0;
font:0/0 a
}
.zg-anchor-hidden.ac {
top:-100px
}
.zu-nav-page {
height:35px;
text-align:right
}
.gray_link,.gray_link:visited {
color:#999
}
.zg-red {
color:#A02313
}
.zg-content-video-icon,.zg-content-img-icon {
margin:0 5px -1px 1px;
display:inline-block;
width:13px;
height:11px;
background-repeat:no-repeat;
background-image:url(../images/img/sprites-1.9.2.4c54885a.png)
}
.zg-content-img-icon {
background-position:-28px -5px
}
.zg-content-video-icon {
background-position:-41px -5px
}
.zg-section {
margin:0 0 10px;
display:block
}
.section-title {
border-bottom:1px solid #ccc;
color:#666
}
.zg-section-title {
padding:0 0 3px;
margin:0 0 10px;
border-bottom:solid 1px #ddd
}
.zg-section-title.zg-section-title-wide {
padding:0 0 10px
}
.zg-clear:before,.zg-clear:after {
content:"\0020";
display:block;
height:0;
visibility:hidden
}
.zg-clear:after {
clear:both
}
.zg-clear {
height:1%
}
.zg-r3px {
border-radius:3px
}
.zg-r4px {
border-radius:4px
}
.zg-r5px,.goog-tooltip {
border-radius:5px
}
.zg-r10px {
border-radius:10px
}
.zg-hide {
display:none
}
.zg-ml10 {
margin:0 0 0 10px
}
.zg-ml20 {
margin:0 0 0 20px
}
.zg-mr10 {
margin:0 10px 0 0
}
.zg-mr15 {
margin:0 15px 0 0
}
.zg-mb15 {
margin:0 0 15px
}
.zg-locked {
background:transparent url(../images/img/lock.070c061d.gif) scroll no-repeat 0 5px;
color:#999;
padding:0 0 0 15px
}
.zu-autohide {
display:none
}
.goog-inline-block.zu-autohide {
display:none
}
.zu-autohide {
_display:inline-block!important
}
.zg-14px {
font-size:14px
}
.zg-gray {
color:#999;
font-size:12px;
font-weight:400
}
.zg-gray-darker {
color:#666
}
.zg-medium-gray {
color:#999;
font-size:13px
}
.zg-gray-small {
color:#999;
font-size:12px
}
.zg-big-gray {
color:#999;
font-size:14px;
font-weight:400
}
.zg-right {
float:right
}
.zg-left {
float:left
}
.zg-text-error {
color:#C3412F
}
.link-disabled {
color:#999;
font-weight:400;
text-decoration:none;
cursor:default
}
.link-disabled:hover {
text-decoration:none
}
.zg-link {
cursor:pointer;
text-decoration:none
}
.zg-link:hover {
text-decoration:underline
}
.zg-link-disabled:hover {
text-decoration:none;
cursor:not-allowed
}
.zg-link-white {
color:#fff
}
.zg-link-black {
color:#222
}
.zg-link-litgray,.zg-link-litgray:hover {
color:#ddd!important;
font-size:12px
}
.zg-bull {
padding:0 3px;
color:#BBB;
font-family:Arial
}
.zg-bull-medium-lit {
padding:0 5px;
color:#DDD
}
.zg-gray-normal,.zg-link-gray-normal,.zg-link-gray {
color:#999;
font-weight:400
}
.zg-link-gray {
font-size:12px
}
html.no-touchevents .zg-link-gray:hover,html.no-touchevents .zg-link-gray-normal:hover {
color:#25bb9b
}
.zg-link-litblue,.zg-link-litblue-normal {
color:#25bb9b;
font-weight:400
}
.zg-link-litblue {
font-size:12px
}
.zg-link-litblue:hover,.zg-link-litblue-normal:hover {
color:#25bb9b
}
.zg-blue-edit {
width:15px;
height:11px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -20px -151px transparent;
display:inline-block;
margin-right:3px
}
.zm-command {
padding:10px 0;
text-align:right
}
.zm-command-cancel {
margin:0 15px 0 0;
cursor:pointer
}
.zm-command-cancel:hover {
text-decoration:underline
}
.zg-num {
margin:0 0 0 3px;
padding:1px 5px;
background:#25bb9b;
color:#fff;
font-size:11px;
-webkit-text-size-adjust:none;
vertical-align:top;
border-radius:30px
}
.zg-item-log-detail {
*zoom:1;
border-left:3px solid #DDD;
padding:5px 10px;
margin:5px 0
}
.zg-item-log-detail:before,.zg-item-log-detail:after {
display:table;
content:""
}
.zg-item-log-detail:after {
clear:both
}
.zg-item-log-detail:before,.zg-item-log-detail:after {
display:table;
content:""
}
.zg-item-log-detail:after {
clear:both
}
.zg-item-log-detail ul,.zg-item-log-detail ol {
margin-left:2em
}
.zg-error-text {
color:#C3412F
}
.zg-orange-message {
padding:10px;
margin:10px 0;
background:#FFFCDD;
color:#8D7745
}
.zg-simple-info {
text-align:center;
padding:20px 0
}
.zg-avatar-big {
width:100px;
height:100px;
border:0 none;
border-radius:4px
}
.zg-avatar-medium {
width:50px;
height:50px;
border:0 none;
border-radius:4px
}
.zg-inline {
display:inline!important
}
.zg-c12,.zg-c16 {
margin-left:auto;
margin-right:auto;
width:960px
}
.zg-g1,.zg-g2,.zg-g3,.zg-g4,.zg-g5,.zg-g6,.zg-g7,.zg-g8,.zg-g9,.zg-g10,.zg-g11,.zg-g12,.zg-g13,.zg-g14,.zg-g15,.zg-g16 {
display:inline;
float:left;
margin-left:10px;
margin-right:10px
}
.zg-push-1,.zg-pull-1,.zg-push-2,.zg-pull-2,.zg-push-3,.zg-pull-3,.zg-push-4,.zg-pull-4,.zg-push-5,.zg-pull-5,.zg-push-6,.zg-pull-6,.zg-push-7,.zg-pull-7,.zg-push-8,.zg-pull-8,.zg-push-9,.zg-pull-9,.zg-push-10,.zg-pull-10,.zg-push-11,.zg-pull-11,.zg-push-12,.zg-pull-12,.zg-push-13,.zg-pull-13,.zg-push-14,.zg-pull-14,.zg-push-15,.zg-pull-15 {
position:relative
}
.zg-c12 .zg-g3,.zg-c16 .zg-g4 {
width:220px
}
.zg-c12 .zg-g6,.zg-c16 .zg-g8 {
width:460px
}
.zg-c12 .zg-g9,.zg-c16 .zg-g12 {
width:700px
}
.zg-c12 .zg-g12,.zg-c16 .zg-g16 {
width:940px
}
.zg-alpha {
margin-left:0
}
.zg-omega {
margin-right:0
}
.zg-c12 .zg-g1 {
width:60px
}
.zg-c12 .zg-g2 {
width:140px
}
.zg-c12 .zg-g4 {
width:300px
}
.zg-c12 .zg-g5 {
width:380px
}
.zg-c12 .zg-g7 {
width:540px
}
.zg-c12 .zg-g8 {
width:620px
}
.zg-c12 .zg-g10 {
width:780px
}
.zg-c12 .zg-g11 {
width:860px
}
.zg-c16 .zg-g1 {
width:40px
}
.zg-c16 .zg-g2 {
width:100px
}
.zg-c16 .zg-g3 {
width:160px
}
.zg-c16 .zg-g5 {
width:280px
}
.zg-c16 .zg-g6 {
width:340px
}
.zg-c16 .zg-g7 {
width:400px
}
.zg-c16 .zg-g9 {
width:520px
}
.zg-c16 .zg-g10 {
width:580px
}
.zg-c16 .zg-g11 {
width:640px
}
.zg-c16 .zg-g13 {
width:760px
}
.zg-c16 .zg-g14 {
width:820px
}
.zg-c16 .zg-g15 {
width:880px
}
.zg-inline-block,.inline-block,.more {
display:inline-block!important
}
#zh-top-nav-btn-hide {
font-size:12px;
font-weight:700
}
.zg-fly-input-label {
color:#BEBEBE;
left:7px;
position:absolute;
top:7px;
cursor:text;
font-size:14px
}
.zg-fly-input-label {
color:#BEBEBE;
left:8px;
position:absolute;
top:6px;
cursor:text
}
.zm-modal-dialog-guide-title,.zm-modal-dialog-guide-warn-message {
padding:5px 9px;
margin:0 0 15px;
position:relative
}
.zm-modal-dialog-guide-title {
background:none repeat scroll 0 0 #F7FBFD;
border:1px solid #D2E1E8
}
.zm-modal-dialog-guide-warn-message {
background:none repeat scroll 0 0 #f8f6e2;
border:1px solid #ccc9ac!important;
padding:5px 30px 5px 9px!important;
margin:0 0 15px!important
}
.zm-modal-dialog-guide-title-spin {
background:transparent url(../images/img/sprites-1.9.2.4c54885a.png) scroll no-repeat -38px -902px;
visibility:hidden;
position:absolute;
bottom:-11px;
left:20px;
width:16px;
height:11px
}
.zm-modal-dialog-guide-title-msg {
background:transparent url(../images/img/sprites-1.9.2.4c54885a.png) scroll no-repeat -227px -174px;
visibility:hidden;
position:absolute;
bottom:-11px;
left:20px;
width:16px;
height:11px
}
.zh-question-suggest-trigger {
color:#444
}
.zh-question-suggest-optional {
color:#aaa
}
#zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-spin,#zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-msg,.zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-spin,.zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-msg {
bottom:-10px;
z-index:1;
visibility:visible;
left:21px
}
.goog-zippy-expanded>.zm-modal-dialog-guide-title-spin {
visibility:visible
}
.zm-modal-dialog-guide-title-dropdown {
background:transparent url(../images/img/sprites-1.9.2.4c54885a.png) scroll no-repeat -46px -674px;
position:absolute;
top:13px;
right:10px;
width:11px;
height:6px
}
.goog-zippy-expanded>.zm-modal-dialog-guide-title-dropdown {
background-position:-39px -934px;
top:12px
}
.goog-zippy-collapsed>.zm-modal-dialog-guide-title-dropdown {
background-position:-39px -928px;
top:14px
}
.zh-question-topic-autocomplete-plaintext {
background-color:#EFEFEF;
color:#888;
font-size:.9em;
padding:1px 8px
}
.zm-item-more-wrap {
border-top:solid 1px #ddd
}
.zu-edit-btn {
color:#999;
display:inline-block;
font-size:11px;
-webkit-text-size-adjust:none;
font-weight:400;
padding:0 3px 0 0;
margin:0 0 0 5px;
line-height:130%
}
.zu-edit-btn:hover,.zu-edit-btn:visited {
color:#666;
background-color:#e1f0f7;
border-radius:2px;
text-decoration:none
}
.zg-report-title {
padding-bottom:10px
}
.zg-report-title .zg-report-msg {
color:#A02313
}
.zm-item-img-avatar {
border-radius:2px
}
.zg-wrap {
width:960px;
margin:0 auto;
clear:both
}
.zu-main {
min-height:340px;
padding:25px 0 50px;
position:relative;
z-index:2
}
.zu-main.no-sidebar .zu-main-content {
float:none
}
.zu-main.no-sidebar .zu-main-content-inner {
margin:0
}
@media (max-width:959px) {
.zu-main.no-sidebar .zu-main-content-inner {
margin:0 10px
}
}.zu-main-content {
float:left;
width:100%
}
.zu-main-content-inner {
position:relative;
}
.zu-main-sidebar {
position:relative;
float:left;
margin:0 0 0 -270px;
width:270px
}
@media (max-width:767px) {
.zg-wrap {
width:auto;
padding-left:6px;
padding-right:6px
}
.zu-main-content-inner {
margin:0
}
.zu-main-content {
float:none
}
.zu-main-sidebar {
float:none;
margin:0
}
}@media (min-width:768px) and (max-width:959px) {
.zg-wrap {
width:auto;
padding-left:6px;
padding-right:6px
}
.zu-main-content-inner {
margin:0 300px 0 0
}
}.zh-footer {
clear:both;
text-align:right
}
.zh-footer,.zh-footer a {
color:#999
}
.zh-footer .content {
padding:20px 15px;
border-top:1px solid #ccc
}
.zh-footer ul,.zh-footer li {
display:inline
}
.zh-footer li {
list-style:none
}
.zh-footer li+li:before {
content:'•';
margin-right:3px;
padding:0 3px;
font-family:Arial;
color:#bbb
}
.zh-footer .copy {
float:left
}
.zu-main-sidebar .zh-footer {
margin-top:10px;
text-align:left
}
.zu-main-sidebar .zh-footer .content {
padding:10px 0;
width:auto;
border-top-color:#eee
}
.zu-main-sidebar .zh-footer li:nth-child(5):before {
content:'';
margin:0;
padding:0;
display:block
}
.zu-main-sidebar .zh-footer .copy {
margin-left:1px;
float:none
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
color:#999
}
input::-moz-placeholder,textarea::-moz-placeholder {
color:#999
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
color:#999
}
input::placeholder,textarea::placeholder {
color:#999
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
input[type=number] {
-moz-appearance:textfield
}
.form-basic .group {
margin-bottom:1em
}
.form-basic .lbl {
width:5em;
float:left;
text-align:right;
line-height:33px
}
.form-basic .controls {
margin-left:6em
}
.form-basic label.error {
margin-left:5px;
color:#c33
}
.form-basic label.error:first-child {
margin:0
}
input.text,textarea.text {
padding:8px 10px;
font-size:13px;
line-height:15px;
box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
border-radius:3px;
background:#fff;
border:1px solid #ccc;
color:#222;
box-sizing:border-box
}
input.text:focus,textarea.text:focus {
outline:0;
box-shadow:0 0 5px rgba(105,142,191,.4);
border:1px solid #b0c4dd;
position:relative
}
.zm-form-table {
width:100%;
margin:0
}
.zm-form-table-head {
width:43px;
float:left;
text-align:right
}
.zg-form-text-input,.zg-form-select {
padding:8px 10px;
font-size:13px;
line-height:15px;
box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
border-radius:3px;
background:#fff;
border:1px solid #ccc;
color:#222
}
.zg-form-text-input:focus {
outline:0;
box-shadow:0 0 5px rgba(105,142,191,.4);
border:1px solid #b0c4dd;
position:relative
}
.zg-form-select {
color:#666;
line-height:1;
height:32px;
min-width:215px
}
.label-input-label {
color:#777!important
}
textarea.zg-form-text-input,.zg-form-text-input>textarea {
color:#222;
overflow:hidden;
min-height:66px;
line-height:22px;
font-size:13px;
padding:0!important;
margin:0!important;
border:0 none
}
.zm-form-btn-collapse {
vertical-align:middle;
margin-left:5px
}
.zm-form-table-head-align-middle {
margin:5px 0 0
}
.zg-form-table-count {
min-height:27px;
padding-top:5px!important
}
.zg-form-table-count label {
color:#999;
padding-right:20px
}
.zm-form-table-field {
margin:0 0 0 53px;
padding:0 0 10px;
vertical-align:top
}
.zm-form-table-field-last {
padding:0
}
.zm-form-table-wide>.zm-form-table-head {
width:100px;
position:relative
}
.zm-form-table-wide>.zm-form-table-field {
margin:0 0 0 125px
}
.zm-form-table-medium>.zm-form-table-head {
width:3em;
clear:both
}
.zm-form-table-medium>.zm-form-table-field {
margin:0 0 0 3.5em;
zoom:1
}
.icon,.tr-icon,.tr-inline-icon,.goog-option-selected .goog-menuitem-checkbox,.zu-edit-button-icon,.zu-top-live-icon,.zh-global-backtotop,.zh-hovercard-arrow,.modal-dialog-title-close,.icon-external,.zg-icon,.zm-profile-icon,.zm-profile-header-icon,.icon-info,.icon-green-check,.icon-big-arrow-left,.icon-big-arrow-right,.icon-weibo,.icon-qzone,.icon-weibo-corner,.icon-big-white-sina,.icon-big-white-qq,.icon-big-white-mail,.icon-delete,.icon-edit {
width:16px;
height:16px;
background-image:url(../images/img/sprites-1.9.2.4c54885a.png);
background-repeat:no-repeat;
display:inline-block;
vertical-align:middle
}
.icon-bubble,.icon-avatar {
width:13px;
height:13px
}
.icon-bubble {
background-position:-208px -46px
}
.icon-avatar {
background-position:-152px -46px
}
.icon-profile-company {
background-position:-92px -110px
}
.icon-profile-male {
background-position:-144px -110px
}
.icon-profile-female {
background-position:-127px -110px
}
.icon-profile-location {
background-position:-58px -110px
}
.icon-profile-education {
background-position:-111px -110px
}
.icon-weibo {
background-position:-194px -110px;
width:16px;
height:13px;
vertical-align:-2px
}
.icon-qzone {
background-position:-245px -167px;
width:16px;
height:16px;
vertical-align:-2px
}
.icon-big-arrow-left {
background-position:-210px -232px;
width:90px;
height:18px
}
.icon-big-arrow-right {
background-position:-210px -214px;
width:90px;
height:18px
}
.icon-help {
background-position:-284px -68px
}
.icon-disabled {
background-position:-124px -232px;
width:14px;
height:14px;
vertical-align:text-top
}
.icon-delete {
width:15px;
height:15px;
background-repeat:no-repeat;
background-position:-264px -103px;
background-color:#25bb9b;
border-radius:3px;
cursor:pointer
}
html.no-touchevents .icon-delete:hover {
background-color:#25bb9b
}
.icon-edit {
width:12px;
height:12px;
background-position:-131px -50px
}
.spinner-gray,.spinner-lightgray {
display:inline-block;
margin:0 5px;
width:14px;
height:15px;
vertical-align:-3px;
background-size:14px 15px;
background-repeat:no-repeat;
background-image:url(../images/img/spinner/grey-loading.b016b1c7.gif)
}
.spinner-lightgray {
background-image:url(../images/img/spinner/lightgray-loading.e0eefd9c.gif)
}
.icon-weibo-corner {
background-position:-157px -222px;
width:26px;
height:28px;
position:absolute;
bottom:-12px;
right:-11px
}
.icon-green-check {
background-position:-284px -111px;
vertical-align:-4px;
width:16px;
height:16px;
margin-right:5px
}
.icon-big-white-qq {
vertical-align:-5px;
background-position:-61px -230px;
margin-right:7px;
width:24px;
height:20px
}
.view-sina .icon-big-white-qq {
margin:0 13px 0 3px
}
.icon-big-white-sina {
vertical-align:-5px;
background-position:-284px -153px;
margin-right:7px;
width:24px;
height:20px
}
.icon-big-white-mail {
background-position:-284px -180px;
vertical-align:-4px;
margin-right:8px;
width:20px;
height:16px
}
.icon-spike {
position:absolute;
top:-8px;
left:23px;
width:13px;
height:8px;
background-position:-200px -165px
}
.icon-ignore {
width:20px;
height:20px;
background-position:-261px -62px
}
html.no-touchevents a:hover>.icon-ignore {
background-position:-261px -42px
}
.icon-info {
background-position:-227px -146px;
width:16px;
height:16px
}
.icon-copyable,.icon-uncopyable {
width:13px;
height:13px;
vertical-align:-1px
}
.icon-copyable {
background-position:-75px -4px
}
.icon-uncopyable {
background-position:-58px -4px
}
.icon-validate-ok,.icon-validate-error {
margin-right:3px;
width:16px;
height:16px;
vertical-align:-3px
}
.icon-validate-error {
background-position:-284px -131px
}
.icon-validate-ok {
background-position:-284px -111px
}
.icon-vote {
width:20px;
height:14px;
background-position:-123px -184px
}
.icon-voted {
width:20px;
height:14px;
background-position:-123px -166px
}
.zg-icon-topic-square {
background-position:-50px -88px
}
.zg-icon-topic-feed {
background-position:-28px -88px
}
.zg-icon-dropdown-menu {
margin:2px;
height:18px;
width:28px;
vertical-align:bottom;
background-position:-53px -146px
}
.zg-icon-topic-square,.zg-icon-topic-feed {
width:17px;
height:17px;
margin-right:8px;
vertical-align:-4px
}
.icon-magnify {
width:12px;
height:12px;
background-position:-45px -52px;
vertical-align:-3px
}
.icon-magnify-q {
width:13px;
height:15px;
background-position:-239px -60px
}
.icon-magnify-active {
background-position:-222px -62px
}
.icon-lock {
background-position:-47px -67px;
width:9px;
height:11px;
vertical-align:-1px;
margin-right:6px
}
.zg-icon-settings {
width:16px;
height:16px;
background-position:-88px -148px;
margin-right:1px;
vertical-align:-5px
}
.icon-external {
width:7px;
height:7px;
vertical-align:0;
background-position:0 -204px
}
.icon-close-circle {
background-position:-247px -146px
}
.icon-close-8x8 {
width:8px;
height:8px;
background-position:-267px -68px;
cursor:pointer;
vertical-align:0
}
html.no-touchevents .icon-close-8x8:hover {
background-position:-267px -48px
}
.icon-close-16x16 {
width:16px;
height:16px;
background-position:-263px -63px;
cursor:pointer;
vertical-align:-2px
}
html.no-touchevents .icon-close-16x16:hover {
background-position:-263px -43px
}
.zg-icon-bin {
width:10px;
height:11px;
vertical-align:-3px;
background-position:-236px -92px
}
.zg-icon-trash {
background-position:-240px -127px;
width:16px;
height:16px
}
.zg-icon-pen {
background-position:-224px -127px;
width:16px;
height:16px
}
html.no-touchevents a:hover .zg-icon-bin {
background-position:-236px -79px
}
i[class^=z-icon-],i[class*=" z-icon-"] {
display:inline-block;
*margin-right:.3em;
line-height:10px;
vertical-align:0;
background-image:url(../images/img/sprites-1.9.2.4c54885a.png);
background-repeat:no-repeat;
margin-right:5px
}
.z-icon-x {
width:8px;
height:8px;
background-position:-130px -206px
}
.z-icon-x:hover {
background-position:-110px -206px
}
.z-icon-comment {
width:9px;
height:10px;
background-position:-28px -22px
}
.z-icon-collect {
width:7px;
height:10px;
background-position:-56px -22px
}
.z-icon-thank {
width:10px;
height:10px;
background-position:-41px -22px
}
.z-icon-share {
width:11px;
height:10px;
background-position:-67px -22px
}
.z-icon-report-o {
width:10px;
height:10px;
background-position:-82px -22px
}
.z-icon-follow {
width:8px;
height:9px;
background-position:-97px -23px
}
.z-icon-fold {
width:8px;
height:9px;
background-position:-135px -22px
}
.meta-item {
margin-left:7px;
color:#999
}
.meta-item.meta-item-black {
color:inherit
}
.meta-item:first-child,.zg-bull+.meta-item {
margin-left:0
}
html.no-touchevents .meta-item:hover {
color:#25bb9b
}
html.no-touchevents .meta-item:hover .goog-menu-button-caption {
color:#25bb9b;
text-decoration:underline
}
.meta-item.disabled,html.no-touchevents .meta-item.disabled:hover {
color:#bbb;
cursor:default;
text-decoration:none
}
html.no-touchevents .meta-item:hover .z-icon-fold {
background-position:-135px -37px
}
html.no-touchevents .meta-item:hover .z-icon-follow,html.no-touchevents .topic-follow:hover .z-icon-follow {
background-position:-97px -38px
}
html.no-touchevents .meta-item:hover .z-icon-share {
background-position:-67px -37px
}
html.no-touchevents .meta-item:hover .z-icon-thank {
background-position:-41px -37px
}
html.no-touchevents .meta-item.disabled:hover .z-icon-thank {
background-position:-41px -22px
}
html.no-touchevents .meta-item:hover .z-icon-collect {
background-position:-56px -37px
}
html.no-touchevents .meta-item:hover .z-icon-comment {
background-position:-28px -37px
}
.zg-icon-feedlist {
width:16px;
height:16px;
vertical-align:-4px;
margin-right:5px;
background-position:-71px -88px
}
.zg-icon-question-mark {
width:16px;
height:16px;
vertical-align:-3px;
background-position:-284px -68px;
opacity:.5;
-ms-filter:"alpha(Opacity=50)"
}
.zg-icon-question-mark:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.zu-entry-focus-single-way,.zu-entry-focus-each {
width:18px;
height:14px;
display:none;
vertical-align:-2px
}
.zu-entry-focus-single-way {
padding-right:4px;
background-position:-57px -202px
}
.zg-btn-green>.zu-entry-focus-single-way,.zg-btn-follow>.zu-entry-focus-single-way {
display:inline-block
}
.zu-entry-focus-each {
background-position:-82px -202px
}
.zg-btn-white>.zu-entry-focus-each,.zg-btn-unfollow>.zu-entry-focus-each {
display:inline-block
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
.icon,i[class^=z-icon-],.modal-dialog-title-close,.goog-option-selected .goog-menuitem-checkbox,.zg-content-img-icon,.zg-content-video-icon,.tr-icon,.tr-inline-icon,.zg-icon,.icon-external,.feed-item .ignore,.side-topic-item .up,.side-topic-item .delete,.zu-edit-button-icon,.zg-blue-edit,.zm-add-question-detail-icon,.zh-hovercard-arrow,.zu-top-live-icon,.zm-item-top-btn,.zm-profile-icon,.zm-profile-header-icon,.zm-profile-empty-icon,.zu-global-notify-icon,.zu-global-notify-close,.zm-modal-dialog-guide-title-msg,.zm-modal-dialog-guide-title-dropdown,.zm-noti7-popup-tab-item .icon,.zu-noti7-popup .zu-top-live-icon,.icon-info,.icon-green-check,.icon-big-arrow-left,.icon-big-arrow-right,.icon-weibo,.icon-qzone,.icon-weibo-corner,.icon-big-white-sina,.icon-big-white-qq,.icon-big-white-mail,.icon-delete,.icon-edit {
background-image:url(../images/img/sprites-1.9.2@2x.6e638473.png);
background-size:308px 250px
}
.spinner-gray {
background-image:url(../images/img/spinner/grey-loading@2x.c8492b4b.gif)
}
.spinner-lightgray {
background-image:url(../images/img/spinner/lightgray-loading@2x.0ac3edf8.gif)
}
}.zg-icon-rare {
width:16px;
height:16px;
background-image:url(../images/img/sprites-rare-0.1.42f52e35.png);
background-repeat:no-repeat;
display:inline-block;
vertical-align:middle
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
.zg-icon-rare {
background-image:url(../images/img/sprites-rare-0.1@2x.4c1b03dc.png);
background-size:256px 30px
}
}.zg-btn-blue,.zg-btn-green,.zg-btn-red,.zg-btn-white,.zg-btn-disabled {
font-size:14px;
line-height:1.7;
text-decoration:none!important;
vertical-align:middle;
display:inline-block;
_display:inline!important;
text-align:center;
padding:4px 10px;
cursor:pointer;
border-radius:3px;
white-space:nowrap;
box-sizing:border-box
}
.zg-btn-blue.disabled,.zg-btn-green.disabled,.zg-btn-red.disabled,.zg-btn-white.disabled,.zg-btn-disabled.disabled,.zg-btn-blue[disabled],.zg-btn-green[disabled],.zg-btn-red[disabled],.zg-btn-white[disabled],.zg-btn-disabled[disabled] {
background:#eee;
color:#888!important;
border:1px solid #ddd;
cursor:not-allowed;
text-shadow:none;
box-shadow:none!important
}
.zg-btn-blue.disabled:active,.zg-btn-green.disabled:active,.zg-btn-red.disabled:active,.zg-btn-white.disabled:active,.zg-btn-disabled.disabled:active,.zg-btn-blue[disabled]:active,.zg-btn-green[disabled]:active,.zg-btn-red[disabled]:active,.zg-btn-white[disabled]:active,.zg-btn-disabled[disabled]:active {
background:#eee;
border-color:#ccc
}
.zg-btn {
display:block;
text-align:center;
min-width:78px;
font-size:12px;
text-decoration:none!important;
padding:1px;
font-weight:400;
line-height:18px;
border-radius:3px;
cursor:pointer;
box-sizing:border-box
}
.zg-btn-disabled {
cursor:default!important
}
.zg-btn-white.zu-button-more {
display:block;
font-size:13px;
margin:20px 0;
padding:5px 1px
}
.zu-button-more.loading {
cursor:not-allowed
}
.zm-command>.zg-btn-blue,.zm-command>.zg-btn-green,.zm-command>.zg-btn-white,.zm-command>.zg-btn-disabled {
vertical-align:baseline
}
.zg-btn-blue {
color:#fff!important;
/*text-shadow:0 -1px 0 rgba(0,0,0,.5);*/
background:#25bb9b;
background:-webkit-linear-gradient(top,#25bb9b,#00B091);
background:linear-gradient(to bottom,#25bb9b,#00B091);
border:1px solid #25bb9b;
box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2)
}
.zg-btn-blue:active {
background:#25bb9b;
background:-webkit-linear-gradient(top,#25bb9b,#00B091);
background:linear-gradient(to bottom,#25bb9b,#00B091);
box-shadow:0 1px 2px rgba(255,255,255,.15) inset
}
.zg-btn-red {
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.5);
background:#e55345;
background:-webkit-linear-gradient(top,#e96249,#e03c40);
background:linear-gradient(to bottom,#e96249,#e03c40);
border:1px solid #cf2b28;
box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2)
}
.zg-btn-red:active {
background:#e55039;
background:-webkit-linear-gradient(top,#e7563b,#e04735);
background:linear-gradient(to bottom,#e7563b,#e04735);
box-shadow:0 1px 2px #9C3522 inset
}
.zg-btn-green,.zg-btn-follow {
width: auto;
_width: 78px;
min-width: 78px;
color: #fff!important;
text-shadow: 0 1px 0 rgba(255,255,255,.3);
background: #25bb9b;
background: -webkit-linear-gradient(top,#25bb9b,#00B091);
background: linear-gradient(to bottom,#25bb9b,#00B091);
border: 1px solid #25bb9b;
box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,0 1px 0 rgba(0,0,0,.2);
}
.zg-btn-green:active,.zg-btn-follow:active {
background:#25bb9b;
background:-webkit-linear-gradient(top,#25bb9b,#00B091);
background:linear-gradient(to bottom,#25bb9b,#00B091);
box-shadow:0 1px 2px rgba(0,0,0,.3) inset
}
.zg-btn-white {
color:#666!important;
text-shadow:0 1px 0 #fff;
background:#f1f1f2;
background:-webkit-linear-gradient(top,#f8f8f9,#e6e6e8);
background:linear-gradient(to bottom,#f8f8f9,#e6e6e8);
border:1px solid #bbb;
box-shadow:0 1px 0 #fff inset,0 1px 0 rgba(0,0,0,.1)
}
.zg-btn-white:active {
background:#ddd;
box-shadow:none
}
.zg-btn-unfollow,.zg-btn-disabled {
background:#eee;
color:#888;
border:1px solid #ddd
}
.zg-btn-unfollow:active,.zg-btn-disabled:active {
border-color:#ccc
}
.zg-unfollow {
color:#999
}
.zg-unfollow>.z-icon-follow {
display:none
}
.zg-follow {
color:#25bb9b
}
html.no-touchevents .zg-follow:hover {
color:#25bb9b
}
.zg-btn-blue.zg-btn-justify,.zg-btn-green.zg-btn-justify,.zg-btn-white.zg-btn-justify {
font-size:13px!important;
line-height:18px!important
}
.zg-btn-blue,.zg-btn-green,.zg-btn-white,a.follow {
*line-height:20px
}
.small {
*line-height:18px!important
}
.goog-link-button {
position:relative;
color:#25bb9b;
text-decoration:underline;
cursor:pointer
}
.goog-link-button-disabled {
color:#999;
text-decoration:none;
cursor:default
}
.btn-pending {
opacity:.85;
-ms-filter:"alpha(Opacity=85)"
}
.zg-link-btn {
border:0;
color:#25bb9b;
background:transparent;
cursor:pointer
}
html.no-touchevents .zg-link-btn:hover {
text-decoration:underline
}
.z-ico-play-video,.z-ico-wechat-right-panel,.z-ico-show-password,.z-ico-hide-password,.z-ico-weibo,.z-ico-wechat-unlogin-page,.z-ico-weibo-share,.z-ico-wechat-share,.z-ico-green-check,.z-ico-gray-check,.z-ico-daily-share,.z-ico-qq,.z-ico-wechat,.z-ico-textedit,.z-ico-shameimaru-close,.z-ico-left,.z-ico-close,.z-ico-community:hover,.z-ico-community,.z-ico-video,.z-ico-extern-gray,.z-ico-extern-blue {
background-image:url(../images/img/compiled/icons_a9b07ecead.261e7c3b.png);
background-repeat:no-repeat;
background-size:108px 93px
}
@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx) {
.z-ico-play-video,.z-ico-wechat-right-panel,.z-ico-show-password,.z-ico-hide-password,.z-ico-weibo,.z-ico-wechat-unlogin-page,.z-ico-weibo-share,.z-ico-wechat-share,.z-ico-green-check,.z-ico-gray-check,.z-ico-daily-share,.z-ico-qq,.z-ico-wechat,.z-ico-textedit,.z-ico-shameimaru-close,.z-ico-left,.z-ico-close,.z-ico-community:hover,.z-ico-community,.z-ico-video,.z-ico-extern-gray,.z-ico-extern-blue {
background-image:url(../images/img/compiled/icons_a9b07ecead.261e7c3b.png)
}
}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx) {
.z-ico-play-video,.z-ico-wechat-right-panel,.z-ico-show-password,.z-ico-hide-password,.z-ico-weibo,.z-ico-wechat-unlogin-page,.z-ico-weibo-share,.z-ico-wechat-share,.z-ico-green-check,.z-ico-gray-check,.z-ico-daily-share,.z-ico-qq,.z-ico-wechat,.z-ico-textedit,.z-ico-shameimaru-close,.z-ico-left,.z-ico-close,.z-ico-community:hover,.z-ico-community,.z-ico-video,.z-ico-extern-gray,.z-ico-extern-blue {
background-image:url(../images/img/compiled/icons@2x_a9b07ecead.58bad5a6.png)
}
}.z-ico-play-video {
background-position:-1px -1px;
width:38px;
height:38px
}
.z-ico-wechat-right-panel {
background-position:-41px -1px;
width:24px;
height:22px
}
.z-ico-show-password {
background-position:-41px -25px;
width:21px;
height:13px
}
.z-ico-hide-password {
background-position:-1px -41px;
width:21px;
height:13px
}
.z-ico-weibo {
background-position:-67px -1px;
width:20px;
height:16px
}
.z-ico-wechat-unlogin-page {
background-position:-67px -19px;
width:20px;
height:18px
}
.z-ico-weibo-share {
background-position:-1px -56px;
width:18px;
height:18px
}
.z-ico-wechat-share {
background-position:-21px -56px;
width:18px;
height:18px
}
.z-ico-green-check {
background-position:-41px -56px;
width:18px;
height:18px
}
.z-ico-gray-check {
background-position:-61px -56px;
width:18px;
height:18px
}
.z-ico-daily-share {
background-position:-89px -1px;
width:18px;
height:18px
}
.z-ico-qq {
background-position:-89px -21px;
width:17px;
height:16px
}
.z-ico-wechat {
background-position:-89px -39px;
width:16px;
height:15px
}
.z-ico-textedit {
background-position:-89px -56px;
width:16px;
height:16px
}
.z-ico-shameimaru-close {
background-position:-1px -76px;
width:16px;
height:16px
}
.z-ico-left {
background-position:-19px -76px;
width:16px;
height:16px
}
.z-ico-close {
background-position:-37px -76px;
width:16px;
height:16px
}
.z-ico-container:hover .z-ico-community,.z-ico-community:hover {
background-position:-67px -39px;
width:14px;
height:13px
}
.z-ico-community {
background-position:-24px -41px;
width:14px;
height:13px
}
.z-ico-video {
background-position:-40px -41px;
width:13px;
height:12px
}
.z-ico-extern-gray {
background-position:-55px -41px;
width:7px;
height:7px
}
.z-ico-extern-blue {
background-position:-55px -76px;
width:7px;
height:7px
}
@media (min-width:980px) {
.visible-phone {
display:none
}
.visible-tablet {
display:none
}
.hidden-desktop {
display:none
}
}@media (max-width:767px) {
.hidden-phone {
display:none!important
}
.visible-desktop {
display:none
}
}@media (min-width:768px) and (max-width:979px) {
.hidden-tablet {
display:none
}
.visible-desktop {
display:none
}
}html.in-app .hidden-in-app {
display:none
}
.z-link-lit {
color:#25bb9b
}
.z-text-muted {
color:#999
}
.tab-navs {
*zoom:1;
margin:0 0 10px;
padding:0;
text-align:center;
list-style:none;
border-bottom:1px solid #ccc
}
.tab-navs:before,.tab-navs:after {
display:table;
content:""
}
.tab-navs:after {
clear:both
}
.tab-navs:before,.tab-navs:after {
display:table;
content:""
}
.tab-navs:after {
clear:both
}
.tab-navs .tab-nav {
position:relative;
float:left;
margin-right:5px;
margin-bottom:-1px
}
.tab-navs .tab-nav>a {
display:block;
padding:5px 15px;
min-width:45px;
color:#25bb9b;
text-decoration:none;
border:1px solid transparent;
border-radius:2px 2px 0 0
}
html.no-touchevents .tab-navs .tab-nav>a:hover {
background:#eff6fa;
text-decoration:none;
border-bottom-color:#ccc
}
.tab-navs .tab-nav.active>a,html.no-touchevents .tab-navs .tab-nav.active>a:hover {
background:#fff!important;
border:1px solid #ccc;
border-bottom-color:transparent;
cursor:default
}
.tab-navs .tab-nav.active>a {
color:#666!important
}
@media (max-width:480px) {
.tab-navs {
margin-right:2px
}
.tab-navs .tab-nav>a {
min-width:initial
}
}[class*=sprite-global-icon-] {
display:inline-block;
vertical-align:middle
}
.sprite-global,[class*=sprite-global-] {
background-image:url(../images/img/sprites.auto.915a539c.png);
background-repeat:no-repeat
}
.sprite-global-icon-ask {
background-position:-60px -20px;
width:20px;
height:16px
}
.sprite-global-icon-checked {
background-position:0 -50px;
width:16px;
height:16px
}
.sprite-global-icon-close {
background-position:-44px -30px;
width:11px;
height:11px
}
html.no-touchevents a:hover .sprite-global-icon-enter-default,html.no-touchevents button:hover .sprite-global-icon-enter-default,html.no-touchevents .sprite-global-icon-enter-default:hover,.sprite-global-icon-enter-hover {
background-position:0 -82px;
width:8px;
height:13px
}
.sprite-global-icon-enter {
background-position:-72px -50px;
width:8px;
height:13px
}
.sprite-global-icon-fold-round-default {
background-position:-12px -68px;
width:10px;
height:11px
}
html.no-touchevents a:hover .sprite-global-icon-fold-round-default,html.no-touchevents button:hover .sprite-global-icon-fold-round-default,html.no-touchevents .sprite-global-icon-fold-round-default:hover,.sprite-global-icon-fold-round-hover {
background-position:-24px -68px;
width:10px;
height:11px
}
.sprite-global-icon-fold-round-white {
background-position:-36px -68px;
width:10px;
height:11px
}
.sprite-global-icon-fold-white {
background-position:-70px -38px;
width:8px;
height:9px
}
.sprite-global-icon-go {
background-position:-48px -68px;
width:7px;
height:10px
}
.sprite-global-icon-gray-check {
background-position:-30px 0;
width:28px;
height:28px
}
.sprite-global-icon-green-check {
background-position:0 0;
width:28px;
height:28px
}
.sprite-global-icon-industry {
background-position:-18px -50px;
width:16px;
height:16px
}
.sprite-global-icon-lock {
background-position:-60px -38px;
width:8px;
height:10px
}
.sprite-global-icon-magnifier-dark {
background-position:-82px -34px;
width:15px;
height:15px
}
.sprite-global-icon-magnifier-light {
background-position:-82px -17px;
width:15px;
height:15px
}
.sprite-global-icon-marked {
background-position:0 -68px;
width:10px;
height:12px
}
.sprite-global-icon-org-14 {
background-position:-82px -51px;
width:14px;
height:14px
}
.sprite-global-icon-org-16 {
background-position:-36px -50px;
width:16px;
height:16px
}
.sprite-global-icon-qq-gray {
background-position:-60px 0;
width:20px;
height:18px
}
.sprite-global-icon-select-arrow {
background-position:-10px -82px;
width:6px;
height:12px
}
.sprite-global-icon-wechat-gray {
background-position:-22px -30px;
width:20px;
height:18px
}
.sprite-global-icon-wechat {
background-position:-82px 0;
width:16px;
height:15px
}
.sprite-global-icon-weibo-gray {
background-position:0 -30px;
width:20px;
height:18px
}
.sprite-global-icon-write {
background-position:-54px -50px;
width:16px;
height:15px
}
[class*=sprite-rare-icon-] {
display:inline-block;
vertical-align:middle
}
.sprite-rare,[class*=sprite-rare-] {
background-image:url(../images/img/sprites.auto.768f71ae.png);
background-repeat:no-repeat
}
.sprite-rare-icon-ok {
background-position:0 0;
width:30px;
height:30px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-rare,[class*=sprite-rare-] {
background-image:url(../images/img/rare/sprites@2x.auto.375a8003.png);
background-size:30px 30px
}
}.editable pre {
display:block;
white-space:pre-wrap
}
.editable pre div {
*display:inline
}
.editable pre br {
*display:block
}
pre.code-diff {
white-space:pre-wrap
}
pre.code-diff,body .highlight,.editable pre {
margin:.5em 0;
padding:.4em .6em;
font-size:12px;
line-height:1.5;
border-radius:2px;
background:#f8f8f8
}
code,.editable pre,.highlight pre {
font-family:Menlo,Monaco,Consolas,"Andale Mono","lucida console","Courier New",monospace
}
body .highlight {
width:auto;
overflow:auto;
word-wrap:normal
}
.highlight pre {
margin:0
}
.highlight::-webkit-scrollbar {
width:6px;
height:6px
}
.highlight::-webkit-scrollbar-thumb:horizontal {
border-radius:6px;
background-color:rgba(0,0,0,.5)
}
.highlight::-webkit-scrollbar-thumb:horizontal:hover {
background-color:rgba(0,0,0,.6)
}
.highlight code {
overflow:auto
}
.highlight .hll {
background-color:#ffc
}
.highlight {
background:#fff
}
.highlight .c {
color:#998;
font-style:italic
}
.highlight .err {
color:#a61717;
background-color:#e3d2d2
}
.highlight .k {
font-weight:700
}
.highlight .o {
font-weight:700
}
.highlight .cm {
color:#998;
font-style:italic
}
.highlight .cp {
color:#999;
font-weight:700
}
.highlight .c1 {
color:#998;
font-style:italic
}
.highlight .cs {
color:#999;
font-weight:700;
font-style:italic
}
.highlight .gd {
color:#000;
background-color:#fdd
}
.highlight .ge {
font-style:italic
}
.highlight .gr {
color:#a00
}
.highlight .gh {
color:#999
}
.highlight .gi {
color:#000;
background-color:#dfd
}
.highlight .go {
color:#888
}
.highlight .gp {
color:#555
}
.highlight .gs {
font-weight:700
}
.highlight .gu {
color:#aaa
}
.highlight .gt {
color:#a00
}
.highlight .kc {
font-weight:700
}
.highlight .kd {
font-weight:700
}
.highlight .kn {
font-weight:700
}
.highlight .kp {
font-weight:700
}
.highlight .kr {
font-weight:700
}
.highlight .kt {
color:#458;
font-weight:700
}
.highlight .m {
color:#099
}
.highlight .s {
color:#d32
}
.highlight .na {
color:teal
}
.highlight .nb {
color:teal
}
.highlight .nc {
color:#458;
font-weight:700
}
.highlight .no {
color:teal
}
.highlight .ni {
color:purple
}
.highlight .ne {
color:#900;
font-weight:700
}
.highlight .nf {
color:#900;
font-weight:700
}
.highlight .nn {
color:#555
}
.highlight .nt {
color:navy
}
.highlight .nv {
color:teal
}
.highlight .ow {
font-weight:700
}
.highlight .w {
color:#bbb
}
.highlight .mf {
color:#099
}
.highlight .mh {
color:#099
}
.highlight .mi {
color:#099
}
.highlight .mo {
color:#099
}
.highlight .sb {
color:#d32
}
.highlight .sc {
color:#d32
}
.highlight .sd {
color:#d32
}
.highlight .s2 {
color:#d32
}
.highlight .se {
color:#d32
}
.highlight .sh {
color:#d32
}
.highlight .si {
color:#d32
}
.highlight .sx {
color:#d32
}
.highlight .sr {
color:olive
}
.highlight .s1 {
color:#d32
}
.highlight .ss {
color:#d32
}
.highlight .bp {
color:#999
}
.highlight .vc {
color:teal
}
.highlight .vg {
color:teal
}
.highlight .vi {
color:teal
}
.highlight .il {
color:#099
}
.Dot {
padding:0 2px
}
.Link--light {
color:#25bb9b
}
.Button {
display:inline-block;
padding:4px 10px;
font-size:14px;
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,.5);
background:#1472cf;
background:-webkit-linear-gradient(top,#1d7fe2,#0865c2);
background:linear-gradient(to bottom,#1d7fe2,#0865c2);
border:1px solid #0d6eb8;
border-radius:3px;
box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2);
outline:0;
cursor:pointer
}
.Button:hover {
text-decoration:none;
background:#1a70c7;
background:-webkit-linear-gradient(top,#1a79d9,#1a70c7);
background:linear-gradient(to bottom,#1a79d9,#1a70c7);
box-shadow:0 1px 2px rgba(255,255,255,.15) inset
}
.Button-flatPrimary {
color:#fff;
background:#0077d9;
box-shadow:none;
border:0;
text-shadow:none
}
.Button-flatPrimary:focus,.Button-flatPrimary:hover {
background:#0171ce
}
.Button-flatPrimary.disabled,.Button-flatPrimary[disabled] {
background:#b3c1cd
}
.Button--large {
padding:10px 55px;
font-size:15px;
line-height:24px
}
.Button--green {
text-shadow:none;
background:#50c87e;
border:0;
box-shadow:none
}
.Button--green:hover {
background:#50c87e;
box-shadow:none
}
.Button--link {
color:#25bb9b;
text-shadow:none;
background:0 0;
border:0;
box-shadow:none
}
.Button--link:hover {
background:0 0;
box-shadow:none;
text-decoration:underline
}
.Button--text {
padding:0;
color:inherit;
text-shadow:none;
background:0 0;
border:0;
box-shadow:none
}
.Button--text:hover {
background:0 0;
box-shadow:none
}
.Button-icon {
vertical-align:0;
margin-right:.5em
}
.Button-icon--right {
margin-left:.5em;
margin-right:0
}
.Button .sprite-global-icon-wechat {
vertical-align:-2px
}
.IconButton {
display:inline-block;
padding:0 5px;
height:20px;
color:#25bb9b;
font-size:12px;
border:0;
outline:0;
background:0 0;
cursor:pointer
}
html.no-touchevents .IconButton:hover {
background:#eff6fa;
border-radius:3px
}
.IconButton-icon {
margin-right:4px;
vertical-align:-1px!important
}
.Input {
padding:8px 10px;
width:100%;
color:inherit;
font-size:13px;
line-height:15px;
box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
border-radius:3px;
background:transparent;
border:1px solid #ccc;
box-sizing:border-box;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.Input:focus {
border:1px solid #b0c4dd;
box-shadow:0 0 5px rgba(105,142,191,.4)
}
textarea.Input {
vertical-align:bottom
}
.Input-selectWrapper {
position:relative;
display:inline-block
}
.Input-selectArrow {
position:absolute;
top:0;
bottom:0;
right:10px;
margin:auto
}
.Avatar {
width:25px;
height:25px;
border-radius:3px;
background-color:#eee
}
.Avatar--is {
width:34px;
height:34px
}
.Avatar--xs {
width:50px;
height:50px
}
.Avatar--m {
width:75px;
height:75px;
border-radius:4px
}
.Avatar--l {
width:100px;
height:100px;
border-radius:4px
}
.avatar.\34 0 {
width:40px;
height:40px;
border-radius:4px
}
.avatar.\35 0 {
width:50px;
height:50px;
border-radius:4px
}
.avatar.\36 0 {
width:60px;
height:60px;
border-radius:4px
}
.Spinner {
display:inline-block;
width:14px;
height:15px;
background-image:url(../images/img/spinner/grey-loading.b016b1c7.gif)
}
.Spinner--light {
background-image:url(../images/img/spinner/lightgray-loading.e0eefd9c.gif)
}
.Sorter {
overflow:hidden;
height:24px;
position:absolute;
right:-9px;
background:#fff
}
.Sorter:hover,.Sorter.activated {
margin-top:-1px;
right:-10px;
z-index:1;
height:auto;
border:1px solid #ddd;
border-color:#ddd;
border-radius:3px;
box-shadow:0 1px 1px rgba(0,0,0,.05);
text-decoration:none
}
.Sorter .zg-icon-double-arrow {
position:absolute;
top:4px;
right:3px
}
.Sorter .lbl,.Sorter a.lbl {
padding:0 19px 0 7px;
text-decoration:none;
display:block;
color:#999
}
.Sorter a.lbl:hover {
background-color:#eee
}
.SidebarSection {
padding-top:15px;
margin-bottom:15px;
border-top:1px solid #eee
}
.SidebarListNav {
position:relative
}
.SidebarListNav-list {
margin-left:-10px
}
.SidebarListNav-itemLink {
display:block;
height:25px;
line-height:25px;
padding:5px 0;
padding-left:10px;
color:#666
}
.SidebarListNav-itemLink:active,html.no-touchevents .SidebarListNav-listItem .follow-link:hover+.SidebarListNav-itemLink,html.no-touchevents .SidebarListNav-itemLink:hover {
color:#25bb9b;
background:#eff6fa;
border-radius:3px;
text-decoration:none
}
.SidebarListNav-sideLink {
font-weight:400;
font-size:12px;
float:right;
margin-top:1px
}
.SidebarListNav-listItem {
position:relative;
display:block;
margin-bottom:3px;
list-style:none
}
html.no-touchevents .SidebarListNav-listItem:hover .follow-link {
display:inline;
text-decoration:none
}
.SidebarListNav-listItem .follow-link {
position:absolute;
right:12px;
top:5px;
line-height:25px;
display:none
}
.SidebarListNav-listItem .follow-link:hover {
color:#25bb9b!important
}
.SidebarListNav-listItem .follow-link .z-icon-follow {
display:none
}
.SidebarListNav-avatar {
vertical-align:top;
margin-right:5px
}
.SidebarListNav-hint {
float:right;
padding-right:12px;
color:#999
}
.SidebarListNav-label {
max-width:170px;
display:inline-block;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap
}
html.no-touchevents .SidebarListNav-listItem:hover .SidebarListNav-hint {
color:#25bb9b
}
html.no-touchevents .SidebarListNav-listItem:hover .SidebarListNav-hint--hoverHidden {
display:none
}
.Message {
position:relative;
margin-bottom:10px;
padding:22px;
font-size:15px;
text-align:center;
background:#fff;
border:1px solid #ddd;
border-radius:4px
}
.Message--withMargin {
margin:12px 10px 0
}
.Message--roundtable {
margin-bottom:2em
}
.Message-actions {
margin-top:22px
}
.Message-actions+.Message-actions {
color:#999
}
.Message-close {
position:absolute;
top:8px;
right:8px;
margin:0;
padding:0 4px;
line-height:18px;
background:0 0;
border:0;
outline:0;
cursor:pointer
}
.GaussianBlur {
background-color:rgba(255,255,255,.96);
box-shadow:0 -1px 0 0 rgba(0,0,0,.08)
}
@supports (-webkit-backdrop-filter:blur(18px)) {
.GaussianBlur {
-webkit-backdrop-filter:blur(18px);
background-color:rgba(255,255,255,.68)
}
}.AppPromotionBar {
position:fixed;
bottom:0;
z-index:3;
display:none;
width:100%;
height:60px;
-webkit-transition:opacity .2s ease-out;
transition:opacity .2s ease-out
}
html.is-AppPromotionBarVisible .AppPromotionBar {
display:block
}
.AppPromotionBar.is-hidden {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
.AppPromotionBar-closeButton {
float:left;
width:21px;
height:21px;
padding:19px 12px 20px;
background-image:url(../images/img/app_promotion_bar/close.d37dfef8.png);
background-position:center;
background-repeat:no-repeat;
background-size:21px
}
.AppPromotionBar-icon {
float:left;
margin:9.5px 10px 0;
width:41px;
height:41px;
background-image:url(../images/img/app_promotion_bar/icon.926a6569.png);
background-position:center;
background-size:41px
}
.AppPromotionBar-closeButton+.AppPromotionBar-icon {
margin-left:0
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
.AppPromotionBar-icon {
background-image:url(../images/img/app_promotion_bar/icon@3x.6362b806.png)
}
}.AppPromotionBar-title,.AppPromotionBar-describe {
margin-right:84px;
line-height:1;
color:rgba(12,26,62,.48)
}
.AppPromotionBar-title {
margin-top:12px;
margin-bottom:0;
font-size:19px
}
.AppPromotionBar-describe {
margin-top:3px;
font-size:14px
}
.AppPromotionBar-downloadButton {
position:absolute;
top:0;
right:10px;
bottom:0;
width:74px;
height:23px;
padding-top:10px;
margin:auto;
font-size:13px;
line-height:1;
text-align:center;
color:#fff;
background-color:#0084ff;
border-radius:4px;
box-shadow:inset 0 -2px #006acc
}
@media (min-width:500px) {
.AppPromotionBar {
height:90px
}
.AppPromotionBar-closeButton {
width:30px;
height:30px;
padding:30px 25px;
background-image:url(../images/img/app_promotion_bar/close_large.be2e2c35.png);
background-size:30px
}
.AppPromotionBar-icon {
margin:14.5px 15px 0 25px;
left:80px;
width:61px;
height:61px;
background-image:url(../images/img/app_promotion_bar/icon_large.e71ae6e3.png);
background-size:61px
}
.AppPromotionBar-title,.AppPromotionBar-describe {
margin-right:135px
}
.AppPromotionBar-title {
margin-top:20px;
font-size:27px
}
.AppPromotionBar-describe {
margin-top:7px;
font-size:16px
}
.AppPromotionBar-downloadButton {
right:25px;
width:110px;
height:36px;
padding-top:19px;
font-size:18px;
border-radius:6px;
box-shadow:inset 0 -3px #006acc
}
}.OrgIcon {
margin-left:3px;
vertical-align:-2px
}
.OrgIcon.sprite-global-icon-org-16 {
vertical-align:-1px
}
.SquareBlock {
position:relative
}
.SquareBlock:before {
content:'';
display:block;
padding-top:100%
}
.SquareBlock-content {
position:absolute;
top:0;
left:0;
bottom:0;
right:0
}
.Guide.modal-dialog {
position:absolute;
margin:0!important;
width:100%;
height:100%;
box-shadow:none;
border:0;
border-radius:0;
overflow-x:hidden;
color:#444;
background:rgba(255,255,255,.95);
-webkit-align-self:baseline;
-ms-flex-item-align:baseline;
align-self:baseline
}
.Guide.modal-dialog .modal-dialog-title {
display:none
}
.Guide.modal-dialog .modal-dialog-content {
margin:0;
padding:0
}
.Guide.modal-dialog .Guide-header,.Guide.modal-dialog .Guide-content,.Guide.modal-dialog .Guide-TopicsFooter {
-webkit-animation:.3s fadeInUp ease-in;
animation:.3s fadeInUp ease-in
}
.Guide.modal-dialog.fx-hide .Guide-header,.Guide.modal-dialog.fx-hide .Guide-content,.Guide.modal-dialog.fx-hide .Guide-TopicsFooter {
-webkit-animation:.3s fadeOutDown ease-in;
animation:.3s fadeOutDown ease-in
}
.Guide-header {
text-align:center
}
@media (max-width:767px) {
.Guide-header {
padding:0 20px
}
}.Guide-title {
margin:40px 0 20px;
color:#222;
font-size:24px;
font-weight:400
}
@media (max-width:767px) {
.Guide-title {
margin:31px 0 20px;
font-size:22px
}
}.Guide-subtitle {
font-size:14px;
color:#999
}
.Guide-content {
margin:40px auto 0
}
@media (max-width:767px) {
.Guide-content {
margin-top:31px
}
}.Guide-BioEditor {
text-align:center
}
@media (max-width:767px) {
.Guide-BioEditor {
padding:0 20px
}
}.Guide-BioEditorForm {
margin:auto;
height:40px;
max-width:388px
}
.Guide-BioEditorButton {
float:right;
margin-left:18px;
height:100%;
line-height:1
}
.Guide-BioEditorInputWrapper {
height:100%;
overflow:hidden
}
.Guide-BioEditorInput {
width:100%;
height:100%;
font-size:14px
}
.Guide-BioEditorUsers {
margin:63px 0;
font-size:16px
}
@media (max-width:767px) {
.Guide-BioEditorUsers {
margin-top:74px;
text-align:left
}
}.Guide-BioEditorDescription {
margin-bottom:44px;
color:#666
}
@media (max-width:767px) {
.Guide-BioEditorDescription {
margin-bottom:32px
}
}.Guide-BioEditorItem {
position:relative;
left:50%;
text-align:left;
list-style:none
}
@media (max-width:767px) {
.Guide-BioEditorItem {
left:0
}
.Guide-BioEditorItem+.Guide-BioEditorItem {
margin-top:24px
}
}.Guide-BioEditorItem--first {
margin-left:-190px
}
.Guide-BioEditorItem--second {
margin-left:36px
}
.Guide-BioEditorItem--third {
margin-left:-280px
}
.Guide-BioEditorItem--fourth {
margin-top:9px;
margin-left:-34px
}
.Guide-BioEditorItem--fifth {
margin-top:50px;
margin-left:-190px
}
.Guide-BioEditorItem--sixth {
margin-top:32px;
margin-left:-34px
}
@media (max-width:767px) {
.Guide-BioEditorItem--first,.Guide-BioEditorItem--second,.Guide-BioEditorItem--third,.Guide-BioEditorItem--fourth,.Guide-BioEditorItem--fifth,.Guide-BioEditorItem--sixth {
margin-left:0
}
}.Guide-BioEditorAvatar {
float:left;
margin-right:16px;
display:block;
width:50px;
height:50px;
border-radius:50%
}
.Guide-BioEditorBio {
font-size:14px;
color:#999;
line-height:50px
}
@media (max-width:767px) {
.Guide-BioEditorBio {
display:block;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
}.Guide-Topics {
position:relative
}
.Guide-fadeIn {
-webkit-animation-name:fadeIn;
animation-name:fadeIn;
-webkit-animation-duration:1.5s;
animation-duration:1.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.Guide-TopicsList {
margin:-14px auto 0;
max-width:968px;
*zoom:1
}
.Guide-TopicsList:before,.Guide-TopicsList:after {
display:table;
content:""
}
.Guide-TopicsList:after {
clear:both
}
.Guide-TopicsList:before,.Guide-TopicsList:after {
display:table;
content:""
}
.Guide-TopicsList:after {
clear:both
}
.Guide-topicsLoading {
padding-top:100px;
color:#999;
font-size:14px;
text-align:center
}
.Guide-TopicsItem {
float:left;
list-style:none;
margin:14px 1.44628099%;
width:16.52892562%;
cursor:pointer;
border-radius:8px;
overflow:hidden
}
.Guide-TopicsItem:nth-child(5n+1) {
margin-left:2.89256198%
}
.Guide-TopicsList--narrow .Guide-TopicsItem {
margin:7.5px 2.04918033%;
width:27.86885246%
}
.Guide-TopicsList--narrow .Guide-TopicsItem:nth-child(5n+1) {
margin-left:2.04918033%
}
.Guide-TopicsList--narrow .Guide-TopicsItem:nth-child(3n+1) {
margin-left:4.09836066%
}
.Guide-TopicsMask {
position:absolute;
top:0;
bottom:0;
width:100%;
background-image:-webkit-linear-gradient(top,rgba(0,0,0,.32),rgba(0,0,0,.6));
background-image:linear-gradient(to bottom,rgba(0,0,0,.32),rgba(0,0,0,.6));
-webkit-transition:.1s opacity ease-in-out;
transition:.1s opacity ease-in-out;
border-radius:8px
}
html.no-touchevents .Guide-TopicsItem:hover .Guide-TopicsMask {
opacity:.6;
-ms-filter:"alpha(Opacity=60)"
}
.Guide-TopicsAvatar {
width:100%;
height:100%;
border-radius:8px
}
.Guide-TopicsIcon {
position:absolute;
top:14px;
right:14px
}
@media (max-width:767px) {
.Guide-TopicsIcon {
top:8px;
right:8px
}
}.Guide-TopicsName {
position:absolute;
bottom:7.7px;
padding:0 14px;
width:100%;
font-size:18px;
color:#fff;
box-sizing:border-box;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
@media (max-width:767px) {
.Guide-TopicsName {
font-size:16px;
bottom:2.4px;
padding:0 8px
}
}.Guide-TopicsCheckedIcon {
display:none
}
.Guide-TopicsItem.is-checked .Guide-TopicsCheckedIcon {
display:block
}
.Guide-TopicsItem.is-checked .Guide-TopicsUnCheckedIcon {
display:none
}
.Guide-TopicsHint {
padding:40px 0 160px;
text-align:center;
color:#999
}
@media (max-width:767px) {
.Guide-TopicsHint {
margin:32px 20px 112px
}
}.Guide-TopicsFooter {
position:fixed;
bottom:0;
width:100%;
height:120px;
line-height:120px;
text-align:center
}
@media (max-width:767px) {
.Guide-TopicsFooter {
height:80px;
line-height:80px
}
}.Guide-TopicsSubmit {
position:relative;
padding:9px 24px;
font-size:18px
}
@media (max-width:767px) {
.Guide-TopicsSubmit {
padding:6px 24px
}
}.zm-middle-hilight-box {
border:solid 1px #c8c49d;
background:#f8f9e7 url(../images/img/home_enforce_real_name.a274a7bc.png) scroll no-repeat 14px 14px
}
.zm-middle-hilight-box-content {
padding:20px 10px 10px 70px;
min-height:30px
}
#zh-single-answer-author-info {
min-height:55px
}
#zh-home-list-title {
font-size:14px;
color:#666;
font-weight:700
}
.zu-global-nitify-inner {
margin:0 30px 0 25px
}
.zm-item-meta .zg-unfollow {
color:#999!important
}
.zu-home-sub-noti {
list-style:none;
padding:0 0 0 20px;
border-left:5px solid #eff6fa;
padding:0 0 0 5px;
margin:5px 0;
font-size:12px;
color:#666;
line-height:18px;
clear:both
}
.zu-home-noti-item-inner>.x-d>.x-a {
color:#25bb9b
}
.zu-home-noti-item {
list-style:none!important;
border-bottom:1px solid #E7E7E7;
list-style-type:none!important;
margin-bottom:8px;
padding:0 0 8px;
zoom:1
}
.x-m {
float:right;
display:inline;
text-indent:-9999px;
width:18px;
height:16px;
background:url(../images/img/close.c9ff4447.gif) no-repeat 100% center;
opacity:.1;
-ms-filter:"alpha(Opacity=10)";
margin:3px 0 0 8px;
visibility:hidden
}
.zh-question-suggest-info .x-m {
background-position:100% 5px;
margin:2px 4px 0 0;
visibility:visible;
width:14px
}
.x-e {
float:right;
color:#96B7DE;
visibility:hidden
}
html.touchevents .x-m,html.touchevents .x-e {
visibility:visible
}
.x-d {
display:block;
margin:0
}
.zu-top-nav-live .x-m {
margin:2px 0 0 3px
}
.zu-home-noti-item:hover>.x-m {
visibility:visible
}
.zu-home-noti-item:hover>.x-e {
color:#999;
visibility:visible
}
.x-m:hover {
opacity:.5;
-ms-filter:"alpha(Opacity=50)"
}
.zu-home-noti-sep {
border:0;
border-top:1px solid #e7e7e7;
clear:both;
height:0;
margin:5px 0
}
.zu-home-noti-inner {
margin:0 0 10px;
padding:0
}
.goog-scrollfloater {
z-index:9
}
.zm-simple-list-item:hover>.x-m {
visibility:visible
}
.zm-simple-list-item:hover>.x-e {
color:#999;
visibility:visible
}
.zu-simple-item-list {
margin:10px 0 0;
padding:10px 0 0
}
.zm-simple-list-item .x-m {
display:none
}
.zm-simple-list-item-hilited {
background:#D6ECFA;
font-weight:700
}
.zm-list-avatar {
float:left;
height:25px;
width:25px;
border:0 none;
border-radius:2px
}
.zm-list-avatar-medium {
float:left;
height:50px;
margin:2px 10px 0 0;
width:50px;
border:0 none;
border-radius:5px
}
.zm-list-avatar-topic {
float:left;
height:50px;
margin:3px 15px 0 0;
width:50px;
border:0 none
}
.zm-list-avatar-link {
float:left
}
.zm-list-content {
margin:0 0 0 35px
}
.zm-list-content-topic {
margin-left:66px
}
.zm-list-content-maxheight {
max-height:62px
}
.zm-list-content-topic {
margin-left:66px
}
.zg-link-topic {
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
max-height:44px
}
.zm-list-title {
display:block;
overflow:hidden
}
.zm-list-content-medium {
margin:0 0 0 64px
}
.zm-list-focus-button-wrap {
margin:7px 0 0
}
.zm-list-content-title {
margin:0
}
.zu-main-nav-current>.zg-title16 {
color:#eee
}
.zu-main-nav-a>.zg-title16 {
padding:13px 0 0;
line-height:20px
}
.zu-main-feed-con {
position:relative;
border-top:1px solid #ccc
}
.zm-item-container {
padding:15px 0 0
}
.zm-item {
margin:6px 0 0
}
.zm-item-answer,.zm-item {
position:relative;
padding:0;
outline:0
}
.zm-item-answer {
margin-left:48px
}
.zm-item-answer .answer-head {
min-height:25px
}
#zh-question-log-list-wrap .zm-item {
padding:10px 0 5px;
margin:0
}
#zh-question-answer-collestions .zm-item {
padding:8px 0 3px;
margin:0
}
.zm-item .zm-item-answer-author-info .zm-item-link-avatar {
display:none
}
#zh-question-answer-wrap .zm-item-answer,.zm-item-answer+.zm-item-answer,.zm-item+.zm-item {
border-top:1px solid #eee
}
.zm-item+.zm-item {
padding-top:7px
}
#zh-question-collapsed-wrap>.zm-item-answer,#zh-question-answer-wrap>.zm-item-answer {
padding:10px 0 5px
}
.zm-item.zm-item-h60 {
min-height:60px
}
.zm-item.zm-item-h50 {
min-height:50px
}
.zm-item.zm-item-h25 {
min-height:25px
}
.zm-item.zm-item-collapsed {
background:#ccc!important
}
.zg-section-big {
margin:0 0 15px
}
.zm-item-tag .cross {
margin-left:6px;
margin-bottom:2px
}
.zm-item-tag:hover .cross span {
background:#fff
}
.zm-meta-panel {
padding:5px 0;
margin-bottom:-5px;
background:#fff
}
.zm-meta-panel a.collapse {
visibility:hidden
}
.zm-meta-panel .zg-follow {
color:#999
}
.zm-meta-panel .zg-follow:hover {
color:#58b
}
.zm-meta-panel>a,.zm-meta-panel>span {
color:#999;
vertical-align:middle
}
.zm-item-meta {
position:relative;
margin-bottom:5px
}
.zm-item-meta .zm-meta-panel {
background:transparent
}
.zm-item-meta .zm-meta-panel a.collapse {
visibility:visible
}
.zm-item-meta .zm-item-meta-actions {
color:#999
}
.zm-item-meta .zm-item-meta-actions a {
color:#999
}
html.no-touchevents .zm-item-meta .zm-item-meta-actions a:hover {
color:#25bb9b
}
#zh-question-meta-wrap {
margin-bottom:10px
}
#zh-question-meta-wrap>a.comment,#zh-question-meta-wrap>a.report {
margin:0
}
.zm-item-answer .zm-item-link-avatar,.zm-item .zm-item-link-avatar,.zm-editable-editor-wrap .zm-item-link-avatar {
float:right;
height:25px;
width:25px
}
.zm-editable-editor-wrap .zm-item-link-avatar {
margin-top:-1px
}
.zm-item-link-avatar50 {
float:left;
height:50px;
width:50px;
margin:0 10px 0 0
}
.zm-item-answer .zm-item-img-avatar,.zm-item .zm-item-img-avatar {
max-height:25px;
max-width:25px;
overflow:hidden;
border:0 none;
float:left
}
.zm-item-img-avatar-left {
float:left;
margin:2px 10px 0 0
}
.zm-item-img-avatar50 {
height:50px;
width:50px;
overflow:hidden;
border:0;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.2)
}
.zm-item-title {
margin:0 30px 3px 0
}
.zm-item-answer-owner .zm-item-vote {
display:block!important
}
.zm-item .zm-item-btn-collapse a {
display:inline;
padding-right:14px;
background:url(../images/img/fold-video.eb40a520.png) no-repeat right center
}
.zm-item-answer-cc {
display:inline-block
}
.zm-item-answer-summary {
display:none
}
.zm-item-vote-info {
margin:3px 0;
color:#999;
font-size:0
}
.zm-item-vote-info .text {
font-size:12px
}
.zm-item-vote-info .zm-item-vote-info {
font-size:inherit
}
.zm-item-vote-info .voters {
display:inline
}
.zm-item-vote-info .voters span {
display:inline-block;
white-space:nowrap
}
.zm-item-vote-info .voters .js-voteCount {
text-decoration:inherit
}
.zm-item-vote-info .voters .OrgIcon {
display:none
}
.zm-item-vote-info a {
color:inherit;
font-size:inherit
}
html.no-touchevents .zm-item-vote-info a:hover {
color:#25bb9b
}
.zm-item-answer-creator {
font-size:13px
}
.zm-item-answer-author-info {
margin:0 0 1px
}
.zm-item-answer-author-info a {
color:inherit
}
.zm-item-answer-author-info .author-link {
font-weight:700
}
.zm-item-answer-author-info .cancel-anon {
margin-left:8px
}
.zu-seamless-input-mock-element {
position:absolute;
top:0;
left:0;
z-index:-1;
text-align:left;
visibility:hidden
}
.zm-modal-dialog-warnmsg {
margin:5px 0 5px 5px;
border-left:3px solid #C3412F;
padding:0 0 0 10px
}
#zh-global-spinner {
position:fixed;
top:130px;
left:0;
z-index:101;
margin:0;
width:105px;
height:30px;
line-height:30px;
text-indent:45px;
opacity:.5;
-ms-filter:"alpha(Opacity=50)";
filter:alpha(opacity=50);
color:#fff;
font-size:90%;
font-weight:700;
text-shadow:0 1px #222;
border-radius:0 5px 5px 0;
background:url(../images/img/ld.46a2f063.gif) #999 10px center no-repeat
}
.zm-settings-account .zm-form-table-wide {
width:530px
}
.zm-settings-form-zippy .goog-zippy-expanded .zm-form-btn-expand {
display:none
}
.zm-settings-form-zippy-header {
margin-bottom:5px
}
.zm-settings-form-pwd .goog-zippy-expanded {
display:none
}
.zm-settings-account .zm-form-hidden dt {
clear:left
}
.zm-pm-wrap {
position:relative
}
.zm-pm-wrap .zm-profile-email-history-link {
float:right
}
.zm-pm-wrap .zm-command {
line-height:33px
}
.zm-pm-wrap .ac-renderer {
left:62px;
top:33px;
width:196px
}
.zm-person-item {
overflow:hidden;
padding:12px 0
}
.zm-person-item+.zm-person-item {
border-top:1px solid #eee
}
.zh-settings-noti-form-wrapper .intro .img {
float:left
}
#zh-question-title>.zm-editable-editor-wrap {
clear:both
}
.zg-mt10 {
margin:10px 0 0
}
iframe {
border:0;
min-height:60px
}
.zm-question-collapsed-list-loading {
height:60px;
background:url(../images/img/spinner2.8f60205d.gif) no-repeat center
}
.navigable-focusin {
outline:0
}
.zm-item-expanded .zu-autohide,.navigable-focusin .zu-autohide,.focusin .zu-autohide,html.no-touchevents .zm-item-answer:hover .zu-autohide,html.no-touchevents .feed-item:hover .zu-autohide,html.no-touchevents .zm-item:hover .zu-autohide {
display:inline-block
}
html.no-touchevents .zm-item-meta>.zg-link-gray:hover {
color:#25bb9b!important
}
.topic-story-item h2 {
margin:0
}
.zu-question-big-title {
font-size:18px;
margin:0 0 30px
}
#zh-question-title .zm-editable-editor-input {
font-size:18px;
font-weight:700;
line-height:1.7;
min-height:90px
}
.zu-bio-editor-wrap .zm-editable-editor-outer {
padding:0
}
.zu-question-notify-wrap {
list-style:none;
padding:0;
margin:0
}
.zu-question-notify-item {
margin:0
}
.zu-question-notify-wrap em {
color:#25bb9b;
font-style:normal;
cursor:pointer
}
.zu-question-notify-wrap em:hover {
text-decoration:underline
}
.zu-question-notify-wrap a {
color:#25bb9b;
font-style:normal;
cursor:pointer
}
.zu-question-notify-wrap a:hover {
text-decoration:underline
}
#zh-question-title>.zm-item-title {
display:inline;
margin:0
}
#zh-question-title {
margin:0 0 5px
}
.QuestionPage-titleButton {
vertical-align:1px;
font-size:12px;
line-height:14px;
opacity:.7;
-ms-filter:"alpha(Opacity=70)"
}
.QuestionPage-titleButton:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.QuestionPage-titleButton .sprite-global-icon-lock {
vertical-align:-1px
}
.zm-tag-editor {
margin:0 0 5px
}
#zh-question-redirect-diag-content {
position:relative;
margin:10px 0
}
#zh-question-redirect-diag-content .ac-renderer {
left:1px;
top:32px;
width:398px
}
.zu-question-related-redirect-question>.zg-section {
margin:0 0 5px
}
#zh-question-redirect-diag-content>.zg-form-text-input {
width:374px
}
.zg-simple-editor-wrap {
padding:4px;
border:solid 1px #aaa
}
#zh-question-title>.zm-item-title {
font-size:18px
}
#zh-question-title>.zm-item-title .zm-editable-editor-wrap {
font-size:13px
}
.zu-modify-reason-menu {
position:absolute
}
.sidebar-author-info .zm-profile-card {
padding:0
}
.sidebar-author-info .zm-rich-follow-btn.nth-0 {
width:60px
}
.sidebar-author-info .zm-profile-card .details {
display:none
}
#zh-question-side-header-wrap {
position:relative;
z-index:2
}
#zh-question-side-header-wrap .follow-button {
margin-right:10px
}
.zu-question-collap-title {
padding:10px 0;
color:#999;
border-bottom:1px solid #EEE
}
#zh-question-collapsed-wrap,#zh-question-answer-wrap {
border-bottom:1px solid #EEE
}
.zu-small-avatar-list>.zm-item-link-avatar {
float:left;
margin:3px 3px 0 0;
width:25px;
height:25px
}
.zm-tag-editor-command-buttons-wrap {
position:relative
}
.zm-tag-editor-command-buttons-wrap>.ac-renderer {
width:235px;
top:33px;
left:1px
}
.zm-tag-editor-maxcount {
color:#999
}
.zm-tag-editor-maxcount span {
margin-right:15px
}
.zh-question-suggest-info {
background:none repeat scroll 0 0 #FFF!important;
border-bottom:1px solid #D2E1E8;
color:#888;
padding:5px
}
#zh-question-suggest-info-close {
float:right;
color:#ccc
}
#zh-question-suggest-info-close:hover {
float:right;
color:#888;
text-decoration:none
}
#zh-question-suggest-info-close:hover>.x-m {
opacity:.5;
-ms-filter:"alpha(Opacity=50)"
}
.zh-question-censor-tip {
position:relative;
margin-top:1em;
padding:5px 0 5px 1em;
line-height:2;
border:1px solid #b9b481;
background:#fbf9e5;
border-radius:4px;
color:#666
}
.zh-question-censor-tip .arrow-tip {
width:13px;
height:7px;
position:absolute;
top:-7px;
left:1.5em;
background:url(../images/img/icon_warning_arrow_up.b143ed4f.png) no-repeat 0 50%
}
.zu-question-devider {
margin-top:10px;
width:100%;
border-bottom:solid 1px #ddd
}
.zh-answers-title {
position:relative;
padding:10px 0;
line-height:24px;
border-top:1px solid #EEE
}
.zh-answers-title h3 {
margin:0;
display:inline
}
.zh-answers-title h3 a {
font-size:13px
}
.zh-answers-filter {
height:24px;
border:1px solid #fff;
cursor:pointer
}
html.no-touchevents .zh-answers-filter:hover {
border-color:#ddd;
border-radius:3px;
box-shadow:0 1px 1px rgba(0,0,0,.05);
text-decoration:none
}
.zh-answers-filter,.zh-answers-filter-popup {
position:absolute;
right:-9px;
top:50%;
margin-top:-13px
}
.zh-answers-filter-popup {
display:none;
z-index:2;
border:1px solid #ddd;
border-radius:3px;
box-shadow:0 1px 1px rgba(0,0,0,.05);
text-decoration:none;
background:#fff
}
.zh-answers-filter,.zh-answers-filter-popup>div {
height:24px;
padding:0 19px 0 7px;
color:#999;
outline:0
}
.zh-answers-filter-popup>div {
position:relative;
display:block;
-webkit-user-select:none
}
.zh-answers-filter-popup>.selectable {
cursor:pointer
}
html.no-touchevents .zh-answers-filter-popup>.selectable:hover {
background:#eee;
text-decoration:none
}
.zh-answers-filter-popup>.selectable .zg-icon {
display:none
}
.zh-answers-filter .zg-icon-double-arrow,.zh-answers-filter-popup .zg-icon-double-arrow {
position:absolute;
right:3px;
top:4px
}
.zg-icon-double-arrow {
background-position:-191px -229px;
width:14px;
height:14px
}
.zm-menu {
border-radius:3px;
min-width:200px;
padding:5px 0;
background:#fff;
border:solid 1px #ccc;
z-index:100;
box-shadow:0 1px 2px #ddd
}
.zm-menu-title {
color:#999;
margin:0 0 10px;
padding:0 0 0 10px
}
.zm-menu-item-link,.zm-menu-item-link:visited {
color:#999;
display:block;
padding:3px 0 3px 9px;
text-decoration:none
}
.zm-menu-item-link:hover {
background:#d6e9f8;
text-decoration:none;
color:#444
}
.zm-menu-disabled:hover {
background:#fff
}
.question-item {
padding:10px 0
}
.question-item-title {
margin:0 0 4px
}
.question-item-meta {
color:#999
}
.question-item-meta .zg-follow {
color:#999
}
.question-item+.question-item {
border-top:1px solid #eee
}
#zh-current-topic-bio .zm-editable-editor-outer {
padding:0;
margin:0
}
#zh-list-title>.zm-item-title {
font-size:18px
}
#zh-list-title .zm-editable-editor-input {
font-size:18px;
font-weight:700
}
#zh-fav-list-side-related .zm-item-title {
font-size:13px;
font-weight:400;
margin:0 30px 0 0
}
#zh-fav-list-side-related .zm-item-meta {
margin:0
}
.zh-document {
font-size:14px;
line-height:2
}
.zh-document ol,.zh-document ul {
margin-left:2em
}
.zh-document ol ol {
list-style-type:lower-alpha
}
.zh-document h1,.zh-document h2,.zh-document p,.zh-document li {
margin-bottom:1em
}
.zh-document h1,.zh-document h2 {
font-size:16px
}
.zh-document-sidenav {
position:fixed;
font-size:14px;
list-style:none
}
.zh-document-sidenav li {
margin-bottom:10px
}
.zh-document-sidenav a,.zh-document-sidenav a:hover,.zh-document-sidenav a:visited {
color:#333
}
.zg-star {
float:left;
margin:4px 0 0;
width:13px;
height:13px;
overflow:hidden;
text-indent:-100px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -108px -49px
}
a.zg-star:hover {
cursor:default;
text-decoration:none
}
#zh-virgin-answer-list .ignore {
display:none!important
}
.zm-profile-desc-label {
margin-left:0!important
}
.zm-noti-header {
font-weight:700;
font-size:14px;
padding-bottom:10px;
border-bottom:1px solid #CCC;
position:relative
}
.zm-noti-cleaner-setting {
font-weight:400;
font-size:13px
}
.close {
float:right;
width:16px;
height:16px;
background:transparent url(../images/img/light_box_close.de97bb10.png) no-repeat;
opacity:.2;
-ms-filter:"alpha(Opacity=20)";
filter:alpha(opacity=20)
}
html.no-touchevents .close:hover {
color:#000;
text-decoration:none;
cursor:pointer;
opacity:.4;
-ms-filter:"alpha(Opacity=40)";
filter:alpha(opacity=40)
}
button.close {
padding:0;
cursor:pointer;
border:0;
-webkit-appearance:none
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
.feed-item .time {
float:none
}
.feed-item .collapse {
display:none!important
}
.feed-item .hide-in-iphone {
display:none!important
}
}html.touchevents .zu-autohide {
display:inline-block
}
html.touchevents .feed-item .more_opt,html.touchevents .feed-item .ignore {
visibility:hidden!important;
display:none!important
}
.zm-invite-title {
margin-bottom:10px
}
.zm-invite-title select {
float:right;
margin-top:2px
}
.zm-invite-sort {
float:left;
padding:5px 10px;
background-color:#FBFBFB;
margin-bottom:15px
}
.zm-invite-sort-item {
padding:0 10px;
color:#07B;
cursor:pointer
}
.zm-invite-sort-item.active {
font-weight:700;
color:#444
}
.zm-invite-ignore-all {
display:block;
float:right;
cursor:pointer;
padding:5px 14px;
color:#666
}
.zm-invite-item {
padding:10px 0
}
.zm-invite-item+.zm-invite-item {
border-top:1px solid #eee
}
.zm-invite-page-empty-msg {
padding:20px;
text-align:center;
vertical-align:middle
}
.zm-invite-item-info {
margin-right:60px
}
.zm-invite-item-meta a {
color:#222
}
.zm-invite-item-info h3 {
margin:0 0 4px
}
.border-pager {
margin-bottom:10px;
margin-top:10px;
border-top:1px solid #eee;
padding-top:10px
}
.zm-invite-pager {
text-align:center
}
.zm-invite-pager span {
padding:0 10px;
font-size:14px
}
html.touchevents .topic-item .pin,html.touchevents .topic-item .unpin {
visibility:visible!important
}
html.touchevents .topic-item .unfollow {
display:none!important
}
.zm-item-fav .zm-item-meta-extra {
margin-left:48px
}
.page-explore .page-title {
padding-bottom:10px;
color:#666;
border-bottom:1px solid #ccc
}
.page-explore .page-title .subtitle {
font-size:12px
}
.page-explore .page-title>a {
margin-top:3px
}
.page-explore .top-recommend-feed .zh-summary {
cursor:default
}
.page-explore .pagination {
margin-top:5px;
padding-top:8px;
border-top:1px solid #ccc
}
.explore-side-section.zm-side-section {
margin:0
}
.explore-side-section .section-title {
border:0
}
.explore-side-section .list {
list-style:none
}
.explore-side-section .list>li {
padding-bottom:1em
}
.explore-side-section .list>li+li {
padding-top:1em;
border-top:1px solid #eee
}
.explore-side-section .avatar-link {
float:left;
margin-right:10px
}
.explore-side-section .content {
overflow:hidden
}
.explore-side-section .meta {
color:#999
}
.explore-side-section .bottom {
margin-top:5px;
clear:both
}
.explore-feed-meta>a,.explore-feed-meta {
color:#999
}
.explore-editor-recommends .feed-title {
font-weight:400
}
.explore-editor-recommends .top-recommend-feed>.feed-title {
font-size:17px
}
.explore-editor-recommends .top-recommend-feed .zm-votebar,.explore-editor-recommends .top-recommend-feed .zm-item-vote {
top:42px
}
.explore-editor-recommends .recommend-feed>.feed-title {
font-size:15px
}
.explore-editor-recommends .recommend-feed .feed-meta {
padding-top:3px
}
.explore-tab {
margin-top:10px
}
.explore-tab .tab-navs .tab-nav>a {
color:#999
}
html.no-touchevents .explore-tab .tab-navs .tab-nav>a:hover {
background:#eee
}
.explore-tab .tab-navs .tab-nav.active>a {
color:inherit
}
.zm-item-post {
position:relative;
margin-left:48px;
outline:0
}
.zm-item-post .collapse {
display:none
}
.zm-item-post .author-info {
font-weight:700
}
.zm-item-post .author-info a {
color:inherit
}
.segment {
position:relative;
padding:10px 12px;
border:1px solid #eee;
border-radius:2px;
overflow:hidden
}
html.flexbox .segment {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
overflow:visible
}
.feed-item .segment .avatar {
float:left;
margin:0 15px 0 0
}
html.flexbox .feed-item .segment .avatar {
float:none
}
.segment-content {
position:relative;
overflow:hidden
}
html.flexbox .segment-content {
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
overflow:visible
}
.segment-content-centered {
text-align:center
}
.segment-header,.segment-meta {
margin-right:120px
}
@media (max-width:480px) {
.segment-header,.segment-meta {
margin-right:0
}
}.segment-header {
font-weight:400
}
.segment-meta {
margin-top:4px;
color:#999
}
.segment-paragraph {
margin-top:1em
}
.segment-extra {
position:absolute;
top:50%;
right:0;
margin-top:-11px
}
@media (max-width:480px) {
.segment-extra {
position:static;
margin-top:4px
}
}.validation-reminder-segment {
padding:25px 12px 25px 140px;
background-image:url(../images/img/topstory/actioncard-validation-bg.9f55ea4e.png);
background-size:100px 57px;
background-position:20px bottom;
background-repeat:no-repeat
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
.validation-reminder-segment {
background-image:url(../images/img/topstory/actioncard-validation-bg@2x.dd6f3009.png)
}
}@media (max-width:480px) {
.validation-reminder-segment {
padding:10px 12px;
background:0 0
}
}.headline-reminder-form {
position:relative
}
html.flexbox .headline-reminder-form {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
.headline-reminder-fields {
padding-right:62px
}
html.flexbox .headline-reminder-fields {
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
padding-right:0
}
.headline-reminder-input {
box-sizing:border-box;
width:100%
}
.headline-reminder-input::-webkit-input-placeholder {
color:#ccc
}
.headline-reminder-input::-moz-placeholder {
color:#ccc
}
.headline-reminder-input:-ms-input-placeholder {
color:#ccc
}
.headline-reminder-input::placeholder {
color:#ccc
}
.headline-reminder-actions {
position:absolute;
top:0;
right:0;
margin-left:12px
}
html.flexbox .headline-reminder-actions {
position:static
}
.headline-reminder-instruction {
display:none;
margin-top:18px
}
.headline-reminder-examples {
line-height:25px
}
html.flexbox .headline-reminder-examples {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
@media (max-width:767px) {
html.flexbox .headline-reminder-examples {
display:block
}
}@media (max-width:767px) {
.headline-reminder-examples-title {
display:block;
margin-bottom:18px
}
}html.flexbox .headline-reminder-users {
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around
}
@media (max-width:767px) {
.headline-reminder-users {
display:inline-block
}
}.headline-reminder-user {
padding:0 10px
}
.feed-item .headline-reminder-user .avatar {
display:inline-block;
vertical-align:top;
float:none;
margin:0 5px 0 0
}
.headline-reminder-name {
color:#999
}
.avatar-reminder-avatar-wrapper {
position:relative
}
.avatar-reminder-avatar-wrapper .spinner {
display:inline-block;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:1;
background:url(../images/img/spinner2.8f60205d.gif) 44px no-repeat
}
.actioncard {
}.actioncard-content,.actioncard .items {
margin:.5em 0 .6em
}
.actioncard-button {
margin:0;
padding:0;
font-size:inherit;
color:#999;
background:0 0;
border:0;
cursor:pointer
}
html.no-touchevents .actioncard-button:hover {
color:#58b;
text-decoration:underline
}
.actioncard .pager.mobile {
margin-top:.5em;
text-align:center
}
.actioncard .pager.mobile a {
margin:0
}
.actioncard .pager.mobile a[href] {
color:#999
}
.actioncard .pager a {
margin-left:.5em;
cursor:pointer;
color:#25bb9b;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.actioncard .pager a:hover {
text-decoration:none
}
.actioncard .pager .disabled {
cursor:default;
color:#999
}
.actioncard h2 {
font-weight:400;
font-size:13px;
color:#999
}
.actioncard .topic-list-popular .topic {
margin-right:5%;
float:left;
width:21.25%
}
.actioncard .topic-list-popular .topic:last-child {
margin:0
}
.actioncard .topic-list-popular .topic .meta {
margin-bottom:3px;
letter-spacing:-1px
}
.actioncard .topic-list-popular .name-link {
display:inline-block;
max-width:100%;
line-height:1
}
.actioncard .topic-list-popular .avatar-link {
display:block
}
.actioncard .topic-list-popular .avatar-link img {
width:100%;
border-radius:4px
}
.actioncard .topic-list-popular button[data-follow] {
width:100%
}
@media (max-width:480px) {
.actioncard .topic-list-popular .topic {
margin-bottom:1em;
float:none;
width:100%
}
.actioncard .topic-list-popular .item-body {
padding:0 1em
}
.actioncard .topic-list-popular .avatar-link,.actioncard .topic-list-popular .item-body {
float:left
}
.actioncard .topic-list-popular .avatar-link {
width:48px;
height:48px
}
.actioncard .topic-list-popular button[data-follow] {
float:right;
width:auto
}
}.actioncard .topic-list-suggested {
border:1px solid #eee;
border-radius:2px
}
.actioncard .topic-list-suggested .topic {
float:left;
box-sizing:border-box;
width:33.33%;
padding:10px 16px
}
.actioncard .topic-list-suggested .topic+.topic {
border-left:1px solid #eee
}
.actioncard .topic-list-suggested .topic .topic-img-wrap {
float:left;
position:relative
}
.actioncard .topic-list-suggested .topic .topic-img-wrap .topic-img {
width:45px;
height:45px;
border-radius:2px;
vertical-align:bottom
}
.actioncard .topic-list-suggested .topic .topic-img-wrap:after {
content:'';
position:absolute;
top:0;
left:0;
box-sizing:border-box;
width:100%;
height:100%;
border:1px solid rgba(80,80,80,.1);
border-radius:2px
}
.actioncard .topic-list-suggested .topic .topic-intro {
box-sizing:border-box;
height:45px;
padding:4px 0 4px 17px;
line-height:1.35;
overflow:hidden
}
.actioncard .topic-list-suggested .topic .topic-intro .topic-name {
display:inline-block;
max-width:100%;
color:inherit;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.actioncard .topic-list-suggested .topic .topic-intro .topic-follow {
color:#999
}
.actioncard .topic-list-suggested .topic .topic-intro .topic-follow:hover {
color:#58b
}
@media (max-width:767px) {
.actioncard .topic-list-suggested .topic {
width:50%
}
.actioncard .topic-list-suggested .topic:last-child {
display:none
}
}[class*=sprite-topstory-icon-] {
display:inline-block;
vertical-align:middle
}
.sprite-topstory,[class*=sprite-topstory-] {
background-image:url(../images/img/topstory/sprites.auto.ebf39759.png);
background-repeat:no-repeat
}
.sprite-topstory-icon-ad-menu-down {
background-position:0 0;
width:10px;
height:6px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-topstory,[class*=sprite-topstory-] {
background-image:url(../images/img/topstory/sprites@2x.auto.d5ba6ef4.png);
background-size:10px 6px
}
}.AdFeed-menuBtn {
position:absolute!important;
top:11px;
right:0;
padding:1px 8px;
border:0;
border-radius:3px;
background:#eff6fa;
color:#25bb9b;
font-size:100%;
cursor:pointer;
outline:0
}
.AdFeed-impression {
position:absolute;
width:0;
height:0;
left:-100000px;
top:-100000px
}
.ImageAdFeed-attachment,.CardAdFeed-attachment {
display:block
}
.ImageAdFeed-image {
width:100%;
border-radius:4px
}
.CardAdFeed-attachment {
-webkit-tap-highlight-color:rgba(225,225,225,.5);
position:relative;
cursor:pointer;
*zoom:1;
color:inherit
}
.CardAdFeed-attachment .inline-img {
float:left;
height:112px;
width:200px;
border-radius:4px;
margin:1px 10px 5px 0
}
.CardAdFeed-attachment:before,.CardAdFeed-attachment:after {
display:table;
content:""
}
.CardAdFeed-attachment:after {
clear:both
}
.CardAdFeed-attachment:before,.CardAdFeed-attachment:after {
display:table;
content:""
}
.CardAdFeed-attachment:after {
clear:both
}
.CardAdFeed-attachment:hover {
text-decoration:none
}
.CardAdFeed-button {
color:#25bb9b
}
.CardAdFeed-attachment:hover .CardAdFeed-button {
text-decoration:none;
background-color:#eff6fa
}
.HomeTopics {
padding-bottom:8px;
border-bottom:1px solid #eee
}
.HomeTopics-title {
float:left;
color:#666
}
.HomeTopics-list {
margin-top:10px;
*zoom:1
}
.HomeTopics-list:before,.HomeTopics-list:after {
display:table;
content:""
}
.HomeTopics-list:after {
clear:both
}
.HomeTopics-list:before,.HomeTopics-list:after {
display:table;
content:""
}
.HomeTopics-list:after {
clear:both
}
.HomeTopics-item.zm-item-tag {
margin:0 8px 8px 0
}
.HomeTopics-moreLink {
float:left;
margin-left:3px;
color:#999
}
.feed-item.topic-story-item .entry-body {
margin-left:48px
}
.feed-item.topic-story-item .ignore {
top:9px
}
.zm-item-expanded .question-description+.entry-body {
border-top:solid 1px #eee;
margin-top:0;
padding-top:6px
}
a.zu-main-feed-fresh-button {
display:block;
background-color:#eff6fa;
text-align:center;
margin:12px 0 2px;
padding:4px 10px;
border-radius:4px;
color:#777;
text-shadow:0 1px 0 #fff;
text-decoration:none!important;
cursor:pointer;
border:1px solid #cce1ef
}
a.zu-main-feed-fresh-button:hover,a.zu-main-feed-fresh-button:active {
background:#daedf5;
border:1px solid #c7dff0;
color:#666
}
.feed-item.combine {
margin-left:48px
}
.feed-item.combine .feed-content h2,.feed-item.combine .avatar,.feed-item.combine .feed-question-detail-item,.feed-item.combine .feed-source {
display:none
}
.feed-item.combine .feed-main {
margin-left:0
}
.feed-item.combine .feed-content,.feed-item.combine .entry-body {
margin-top:0
}
.feed-item.combine .ignore {
display:none
}
.feed-item.combine.first-combine {
margin-left:0
}
.feed-item.combine.first-combine .feed-content,.feed-item.combine.first-combine .entry-body {
margin-top:2px
}
.feed-item.combine.first-combine .feed-content h2,.feed-item.combine.first-combine .avatar,.feed-item.combine.first-combine .feed-question-detail-item,.feed-item.combine.first-combine .feed-source {
display:block
}
.feed-item.combine.first-combine .feed-main {
margin-left:48px
}
.feed-item.combine.first-combine .ignore {
display:block
}
#home-settings-page-wrap .home-settings-content {
border-top:1px solid #CCC
}
#home-settings-page-wrap .home-settings-section {
padding:15px 0 10px
}
#home-settings-page-wrap .home-settings-section+.home-settings-section {
border-top:1px solid #eee
}
.feed-item .zm-item-btn-collapse a {
display:inline;
padding-left:14px;
background:url(../images/img/fold-video.eb40a520.png) no-repeat left center
}
.feed-item .text-summary ol,.feed-item .text-summary ul {
}.feed-item .text-summary {
position:relative
}
.feed-item {
padding:10px 0;
position:relative;
margin-left:0;
outline:0
}
.feed-item .zm-votebar {
display:none;
margin-top:-1px
}
.feed-item .zm-item-vote {
margin-top:-1px
}
.feed-item .time {
display:inline-block;
font-size:12px;
color:#999;
margin-left:2px;
float:right
}
.feed-item .entry-body,.feed-item .zm-item-answer {
margin-top:3px
}
h2+.meta {
margin:0
}
.feed-item .avatar {
float:left;
margin:3px 0 0
}
.feed-item .avatar,.feed-item .avatar a,.feed-item .avatar img {
display:block;
width:38px;
height:38px
}
.feed-item .avatar img {
border-radius:3px
}
.feed-main {
margin-left:48px
}
.feed-main>.title {
color:#999
}
.feed-main>.title>.zg-link {
color:#999
}
.feed-item .entry-body {
position:relative
}
.entry-body .zm-item-vote,.zm-item-answer .zm-item-vote,.zm-item-feed .zm-item-vote,.zm-item-answer .zm-item-answer-summary {
display:block
}
.entry-body .zm-item-vote-info,.entry-body .full-content,.zm-item-answer .zm-votebar,.zm-item-feed .zm-votebar,.zm-item-answer .zm-item-vote-info,.zm-item-feed .zm-item-vote-info {
display:none
}
.zm-item-expanded .zm-item-vote,.zh-question-answer-wrapper .zm-item-vote,.zm-item-expanded div.text-summary,.zm-item-expanded .zm-item-answer-summary {
display:none
}
.zm-item-expanded .zm-votebar,.zh-question-answer-wrapper .zm-votebar,.zh-question-answer-wrapper .zm-item-vote-info,.zm-item-expanded .zm-item-vote-info,.zm-item-expanded .zm-item-meta,.zm-item-expanded a.collapse,.zm-item-expanded .full-content {
display:block
}
.expandable .visible-expanded {
display:none
}
.expandable.zm-item-expanded .visible-expanded,.zm-item-expanded .expandable .visible-expanded {
display:block
}
.feed-item .hidden-default {
display:none
}
.feed-item.zm-item-expanded .hidden-default {
display:block
}
.feed-item .entry-link {
color:#999
}
.feed-source,.feed-source a {
color:#999
}
.feed-source .zg-bull {
font-size:12px
}
.feed-source .OrgIcon {
display:none
}
.feed-source a.follow-topic {
color:#25bb9b
}
html.no-touchevents .feed-source a.follow-topic:hover {
padding:0 2px;
text-decoration:none
}
html.no-touchevents .feed-source a:hover {
color:#25bb9b
}
.question-description+.toggle-expand:hover {
text-decoration:none
}
.feed-item .zm-tag-editor-labels {
margin:5px 0 0;
display:none
}
.feed-item .question-description {
display:none;
padding-bottom:6px
}
.feed-item.zm-item-expanded .zm-tag-editor-labels,.feed-item.zm-item-expanded .question-description {
display:block
}
.feed-summary {
overflow:auto
}
.feed-summary b {
font-weight:400
}
.feed-thumbnail {
display:inline;
max-height:100px;
max-width:120px;
float:left;
margin:4px 10px 5px 0
}
.feed-item .ignore {
position:absolute;
right:0;
top:35px;
display:inline-block;
text-indent:-9999px;
width:20px;
height:20px;
background-image:url(../images/img/sprites-1.9.2.4c54885a.png);
background-repeat:no-repeat;
background-position:-261px -62px
}
.feed-item .ignore:hover {
background-position:-261px -42px
}
.feed-item .feed-content h2 {
margin-right:20px
}
.feed-item .more_opt {
cursor:pointer
}
.feed-item .more_opt:hover .options {
display:block
}
.feed-item .ssep {
border-top:1px solid #EEE;
margin:3px 10px
}
.feed-item .options {
position:absolute;
display:block;
right:15px;
top:18px;
border:1px solid #DDD;
padding:3px 0;
box-shadow:0 1px 2px #EEE;
border-radius:4px 0 4px 4px;
z-index:1;
background:#fff;
display:none
}
.feed-item .options a {
color:#666;
padding:2px 10px;
display:block
}
.feed-item .options a:hover {
text-decoration:none;
background:#d6e9f8
}
.feed-item .dot {
margin:0 2px;
color:#ddd;
font-family:Arial
}
.feed-item .sep {
font-size:10px;
display:inline-block;
height:10px;
border-left:1px solid #EEE
}
.feed-item .zm-item-vote-info,.feed-item .zm-item-answer-author-info {
margin-bottom:2px
}
.feed-item .zm-item-vote-info.empty {
margin:0
}
.feed-item .zm-item-meta {
margin-bottom:0
}
.feed-item .answer-head {
min-height:0
}
.feed-item .author {
font-weight:700
}
.feed-item .author a {
color:#222;
font-weight:700
}
.feed-item .author a:hover {
color:#25bb9b
}
.feed-item a.question {
font-size:14px;
font-weight:700;
display:inline-block
}
.feed-item .meta {
color:#999;
margin-bottom:0
}
.feed-item .downvote {
padding-left:6px
}
.feed-item .upvote {
}.feed-item .upvote i,.feed-item .downvote i {
margin-right:5px
}
.feed-item .collapse {
display:none;
float:right
}
.feed-item .comment,.feed-item .collect,.feed-item .vote_actions,.feed-item .follow {
}.feed-item .comment i,.feed-item .collect i,.feed-item .share i,.feed-item .collapse i,.feed-item .follow i {
margin-right:5px
}
.feed-item .more_opt {
visibility:hidden
}
.feed-item:hover .more_opt {
visibility:visible
}
.answer_snippet {
margin-top:4px
}
.answer_snippet {
}.feed-item+.feed-item {
border-top:1px solid #eee
}
.feed-divider {
margin-bottom:12px;
text-align:center;
font-size:12px;
line-height:1;
border-bottom:1px solid #ddd
}
.feed-divider span {
position:relative;
padding:0 13px;
top:6px;
color:#aaa;
background-color:#fff
}
#zh-question-collapsed-wrap .zm-item-answer:first-child .zm-item-answer-detail {
border-top:0
}
.manage-menu .goog-menuitem-content {
color:#999
}
.manage-menu .goog-menuitem-accel {
color:#ccc;
direction:ltr;
left:auto;
padding:0 6px;
position:absolute;
right:0;
text-align:right
}
.manage-menu .goog-menuitem {
color:#000;
font:400 13px Arial,sans-serif;
list-style:none;
margin:0;
padding:4px 2em 4px 10px;
white-space:nowrap
}
.manage-menu .goog-submenu-arrow {
left:auto;
padding-right:6px;
position:absolute;
right:0;
text-align:right
}
.maybe-intrests {
padding:8px 15px
}
.maybe-intrests .feed-item+.feed-item {
border-top:1px dotted #EEE
}
.maybe-intrests .feed-item {
margin-left:0
}
.maybe-intrests .feed-item .feed-main {
margin-left:0
}
.maybe-intrests .feed-item .feed-main .feed-source a {
color:#000
}
.maybe-intrests .feed-item .entry-body {
margin-left:48px
}
.maybe-intrests .feed-item h2 {
margin-bottom:2px
}
.maybe-intrests .feed-item .feed-meta {
margin-left:48px
}
.maybe-intrests .feed-item .feed-meta .ignore {
display:none
}
.maybe-intrests .ignore,.maybe-intrests .avatar {
display:none
}
.maybe-intrests .header {
border-bottom:1px dotted #eee;
margin:0 -15px;
padding:0 15px 8px
}
.feed-item .feed-topic-detail {
margin-top:10px;
*zoom:1
}
.feed-item .feed-topic-detail:before,.feed-item .feed-topic-detail:after {
display:table;
content:""
}
.feed-item .feed-topic-detail:after {
clear:both
}
.feed-item .feed-topic-detail:before,.feed-item .feed-topic-detail:after {
display:table;
content:""
}
.feed-item .feed-topic-detail:after {
clear:both
}
.feed-item .feed-topic-detail .topic-name {
font-size:14px
}
.feed-item .feed-topic-detail .topic-avatar {
float:left;
width:75px;
height:75px;
margin-right:10px
}
.feed-item .feed-topic-detail .topic-avatar img {
border-radius:3px;
width:75px;
height:75px
}
.feed-item .feed-topic-detail .summary {
color:#999
}
.feed-item .author-info a {
color:inherit;
font-weight:700
}
.feed-hide-options {
margin-left:48px;
color:#999
}
.feed-hide-options .close-button {
position:absolute;
right:0;
top:10px
}
.feed-hide-options .line+.line {
margin-top:6px
}
.feed-hide-options .revert-button {
color:#999
}
.feed-hide-options .option-more a {
color:#222
}
.feed-hide-options .option-more .icon {
margin-right:8px
}
.post-body a.collapse {
margin-top:23px;
margin-left:10px
}
.feed-item .undo-dislike-options {
margin-left:48px;
position:relative;
display:none;
color:#999
}
.feed-item .undo-dislike-options .close {
position:absolute;
right:0;
top:0;
display:inline-block;
text-indent:-9999px;
width:20px;
height:20px;
background-image:url(../images/img/sprites-1.9.2.4c54885a.png);
background-repeat:no-repeat;
background-position:-261px -62px;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.feed-item .roundtable,.feed-item .column {
padding-top:5px;
overflow:hidden
}
.feed-item .roundtable .left,.feed-item .column .left {
float:left;
margin-right:15px
}
.feed-item .roundtable .left img,.feed-item .column .left img {
width:100px
}
.feed-item .roundtable .right,.feed-item .column .right {
position:relative;
overflow:hidden
}
.feed-item .roundtable .content,.feed-item .column .content {
padding:0 0 5px
}
.feed-item .roundtable .info,.feed-item .column .info {
border-top:1px solid #eee;
padding:6px 0 0
}
.feed-item .roundtable .left img {
border-radius:4px
}
.feed-item .roundtable .info-organization,.feed-item .roundtable .info-guest {
color:#999
}
.feed-item .column[data-entry-url] {
cursor:pointer
}
.feed-item .column .left img {
border-radius:50%
}
.feed-item .column .info-title,.feed-item .column .info-time {
color:#999
}
.feed-item .column .info-content {
color:#222;
cursor:pointer
}
.zh-general-list.topstory .feed-source .time {
margin-left:0;
float:none
}
.zh-general-list.topstory .feed-meta .ignore {
top:11px
}
.rq3-publiceditlink {
position:relative
}
.rq3-publiceditlink>.tour {
padding-left:35px;
position:absolute;
left:106px;
top:-21px;
width:180px;
height:70px;
color:#666;
line-height:70px;
background:url(../images/img/2013/publiceditlink-tour-card.d1795431.png) 0 0 no-repeat
}
.rq3-publiceditlink>.tour>.icon {
margin-left:4px
}
@media only screen and (max-device-width:450px) {
.rq3-publiceditlink>.tour {
display:none
}
}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
.rq3-publiceditlink>.tour {
background-image:url(../images/img/2013/publiceditlink-tour-card@2x.bf26f53e.png);
background-size:contain
}
}hr.devider {
margin:22px 0;
border:0;
border-top:1px solid #eee;
border-bottom:1px solid #fff
}
.devider.hr-medium {
margin:11px 0
}
.home-suggest-block {
margin:0 0 20px
}
.bordered-block {
border:solid 1px #ddd;
border-radius:4px
}
.bordered-block .head {
border-bottom:1px solid #DDD
}
.bordered-block .head-inner {
padding:10px 15px;
font-size:14px;
color:#666
}
.home-suggest-block .head-inner {
text-align:center;
padding:10px 15px;
font-size:14px;
color:#666;
margin:10px 0
}
.bordered-block .close {
margin:4px 0 0
}
.suggest-list {
position:relative;
margin:0;
padding:0;
min-height:172px
}
.suggest-list .bubble-loading {
position:absolute;
top:50%;
left:50%;
margin-top:-12px;
margin-left:-12px
}
.suggest-item {
width:33.2%;
display:block;
zoom:1;
float:left;
margin:0
}
.avatar-img-25 {
width:25px;
height:25px;
border-radius:1px
}
.avatar-img-40 {
width:40px;
height:40px;
border-radius:3px;
box-shadow:0 1px 1px rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.1)
}
.avatar-img-50 {
width:50px;
height:50px;
border-radius:3px;
box-shadow:0 1px 1px rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.1)
}
.suggest-item+.suggest-item {
border-left:solid 1px #ddd
}
.suggest-item-inner {
padding:12px 15px
}
.suggest-item-inner .image-link {
float:left;
width:40px;
height:40px;
margin:2px 0 0
}
.suggest-item-inner .item-link {
font-size:14px;
font-weight:700
}
.item-info-major {
color:#666
}
.item-info-minor {
color:#999
}
.suggest-item-inner .details {
margin:8px 0 0;
height:22px;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.suggest-item-inner .item-main {
overflow:hidden;
padding:0 0 0 12px
}
.suggest-item-inner .zm-item-link-avatar img {
width:35px;
position:absolute
}
.suggest-item-inner .suggest-item-main {
overflow:hidden;
padding:0 0 0 40px
}
.suggest-item-inner .item-extra {
line-height:22px
}
.suggest-list+.zu-button-more {
margin:10px 15px 15px
}
.suggest-item-inner .summary {
height:26px
}
.suggest-list.vertical {
min-height:400px
}
.suggest-list.vertical .suggest-item {
width:100%;
float:none
}
.suggest-list.vertical .suggest-item+.suggest-item {
border-left:0;
border-top:solid 1px #eee
}
.bordered-block-menu {
margin:-1px 0 0 0;
float:left;
border-right:solid 1px #ddd
}
.bordered-block-menu-item {
display:block;
zoom:1;
margin:0
}
.bordered-block-menu-link {
color:#333;
display:block;
border-bottom:solid 1px transparent;
border-top:solid 1px transparent
}
.bordered-block-menu-link:hover {
text-decoration:none
}
html.no-touchevents .bordered-block-menu-link:hover {
margin:0
}
html.no-touchevents .bordered-block-menu-link:hover .bordered-block-menu-text {
background:#fafafa;
color:#222
}
.goog-tab-selected .bordered-block-menu-link {
border:solid 1px #ccc;
margin:0 -1px
}
.goog-tab-selected .bordered-block-menu-text,html.no-touchevents .goog-tab-selected .bordered-block-menu-link:hover .bordered-block-menu-text {
background:#FBFBFB;
box-shadow:inset 0 0 10px #EAEAEA;
color:#222
}
.bordered-block-menu-text {
display:block;
padding:10px 15px;
color:#666
}
.suggest-people-by-class .suggest-list {
border-left:solid 1px #ddd;
overflow:hidden;
margin-left:-1px
}
.zu-main.with-indention-votebar .zu-main-content-inner {
margin-left:48px
}
@media (max-width:480px) {
.zu-main.with-indention-votebar .zu-main-content-inner {
margin:0 10px
}
}.zu-main.with-indention-votebar .zu-main-content-inner .zm-item-answer {
margin-left:0
}
.zh-question-related-questions li {
list-style:none;
margin-bottom:8px
}
.zh-question-related-questions .num {
display:inline-block;
color:#999
}
.zh-question-related-questions .next {
margin-top:1px;
color:#999;
cursor:pointer;
text-decoration:none
}
.question-status {
background:#f6f6f6;
border-radius:4px;
margin:0 0 20px;
padding:14px 20px;
box-shadow:0 1px 0 rgba(0,0,0,.06)
}
.question-status h4 {
font-size:18px
}
.question-status .reason {
margin-top:4px
}
.question-status .note {
color:#999;
margin-top:4px
}
.question-tip-box-bottom {
margin-top:15px;
border-top:1px solid #eee;
padding:10px 0;
color:#666
}
.question-tip-box-bottom a[name=cancel] {
margin-right:10px
}
.first-question-tip {
margin-bottom:20px;
padding:10px;
color:#666;
line-height:1.9;
border:1px solid #eee;
border-radius:4px
}
.first-question-tip h4 {
color:#222
}
.first-question-tip ul {
list-style-position:inside
}
.question-page-pager {
margin-top:10px
}
.user-guiding-dialog ol {
margin-left:18px
}
.user-guiding-dialog .command {
overflow:hidden;
margin-top:15px;
background-size:contain;
background-repeat:no-repeat
}
.user-guiding-dialog .command a {
display:block;
float:right
}
.user-guiding-dialog .modal-dialog-content {
margin:20px 0
}
.user-guiding-dialog .view-firsttip .command {
background-image:url(../images/img/user_guiding/tips-search.a5c9d0d8.png)
}
.user-guiding-dialog .view-firsttip .command a {
margin-top:95px
}
@media (max-width:480px) {
.user-guiding-dialog .view-firsttip .command a {
margin-top:140px
}
}.user-guiding-dialog .view-secondtip .command {
background-image:url(../images/img/user_guiding/tips-topic.71d765fe.png)
}
.user-guiding-dialog .view-secondtip .command a {
margin-top:65px
}
@media (max-width:480px) {
.user-guiding-dialog .view-secondtip .command a {
margin-top:100px
}
}.user-guiding-dialog .view-thirdtip .command {
background-image:url(../images/img/user_guiding/tips-invite.6f61c0e2.png)
}
.user-guiding-dialog .view-thirdtip .command a {
margin-top:55px
}
@media (max-width:480px) {
.user-guiding-dialog .view-thirdtip .command a {
margin-top:106px
}
}[class*=sprite-topic-exprience-icon-] {
display:inline-block;
vertical-align:middle
}
.sprite-topic-exprience,[class*=sprite-topic-exprience-] {
background-image:url(../images/img/topic-exprience/sprites.auto.7b1b5bb9.png);
background-repeat:no-repeat
}
.sprite-topic-exprience-icon-add {
background-position:0 0;
width:14px;
height:14px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-topic-exprience,[class*=sprite-topic-exprience-] {
background-image:url(../images/img/topic-exprience/sprites@2x.auto.466997a6.png);
background-size:14px 14px
}
}.modal-dialog.bio-editor-modal {
width:500px
}
.modal-dialog.bio-editor-modal .modal-dialog-content {
margin:24px 0;
padding:0 24px
}
.modal-dialog.bio-editor-modal .modal-dialog-content .bio-editor-modal-title {
margin-bottom:24px
}
.zm-bio-item {
position:relative;
padding:12px 18px;
margin-bottom:20px;
border:1px solid #ddd;
border-radius:3px
}
.zm-bio-item .zm-bio-item-title {
margin-bottom:12px;
font-size:100%;
color:#999
}
.zm-bio-item .zm-bio-item-checkbox {
position:absolute;
top:50%;
right:18px;
margin:-6px 0 0
}
.zm-bio-item .avatar {
width:24px;
margin-right:10px;
vertical-align:top;
border-radius:2px
}
.zm-bio-item .zm-bio-item-empty-tip {
display:inline-block
}
.zm-bio-item .zm-bio-item-empty-tip .sprite-topic-exprience-icon-add {
margin-right:10px
}
.zm-bio-item .zm-bio-item-content {
display:inline-block;
width:90%;
vertical-align:middle
}
.zm-bio-item .zm-bio-item-content .username {
color:#25bb9b;
font-weight:700
}
.zm-bio-item .zm-bio-item-editor {
position:relative;
width:90%;
display:inline-block
}
.zm-bio-item .zm-bio-item-editor .zg-form-text-input {
position:relative;
top:-3px;
padding:0 5px
}
.zm-bio-item .zm-bio-item-editor .zg-form-text-input textarea {
position:relative;
top:2px;
width:100%;
height:24px;
min-height:24px;
line-height:24px
}
.zm-bio-item .zm-bio-item-editor .zm-command {
padding:0;
margin-top:5px
}
.zm-bio-item .zm-bio-item-editor .zm-command a {
margin-left:10px
}
.zm-bio-item .zm-bio-item-editor .limitTip {
position:absolute;
left:0;
bottom:10px;
color:#999
}
.zm-bio-item .zm-bio-item-editor .limitTip.exceed {
color:#c33
}
.zm-bio-item.normal .zm-bio-item-empty-tip,.zm-bio-item.normal .zm-bio-item-editor {
display:none
}
.zm-bio-item.normal .zm-bio-item-content {
width:80%
}
.zm-bio-item.empty {
cursor:pointer
}
.zm-bio-item.empty .zm-bio-item-empty-tip>a {
vertical-align:middle
}
.zm-bio-item.empty .zm-bio-item-content,.zm-bio-item.empty .zm-bio-item-editor,.zm-bio-item.empty .zm-bio-item-checkbox,.zm-bio-item.empty .zm-bio-item-title,.zm-bio-item.empty .avatar {
display:none
}
.zm-bio-item.empty:hover a {
text-decoration:underline
}
.zm-bio-item.editing .zm-bio-item-checkbox,.zm-bio-item.editing .zm-bio-item-content,.zm-bio-item.editing .zm-bio-item-empty-tip {
display:none
}
#zh-question-answer-form-wrap {
margin-top:30px;
border-radius:4px
}
#zh-question-answer-form-wrap .zu-edit-button {
color:#25bb9b
}
#zh-question-answer-form-wrap .zu-edit-button .zu-edit-button-icon {
background-position:-131px -50px
}
#zh-question-answer-form-wrap .zm-editable-editor-wrap {
margin:0
}
#zh-question-answer-form-wrap .zm-editable-editor-wrap .zm-command {
padding:10px 0 0
}
.QuestionBookPromotionTest {
border-top:1px solid #eee;
border-bottom:1px solid #eee;
padding:15px 0;
margin-bottom:15px
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd {
overflow:hidden
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .pic {
float:left;
margin-right:15px
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .pic img {
width:80px
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .info {
overflow:hidden;
zoom:1
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .info h4 {
margin-bottom:8px
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .info p {
color:#666;
margin-bottom:8px
}
.QuestionOrgBanner {
padding:10px 0;
border-top:1px solid #eee;
height:32px;
line-height:32px;
color:#999
}
.QuestionOrgBanner>.zm-item-link-avatar {
display:inline-block;
vertical-align:top;
width:32px;
height:32px
}
.QuestionOrgBanner>.zm-item-link-avatar>.zm-item-img-avatar {
width:inherit;
height:inherit
}
.QuestionOrgBanner>.zg-link {
margin-left:12px;
color:inherit;
font-weight:700
}
.QuestionOrgBanner-more {
float:right;
color:inherit
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
.user-guiding-dialog .view-firsttip .command {
background-image:url(../images/img/user_guiding/tips-search@2x.28ae690a.png)
}
.user-guiding-dialog .view-secondtip .command {
background-image:url(../images/img/user_guiding/tips-topic@2x.7d5f5979.png)
}
.user-guiding-dialog .view-thirdtip .command {
background-image:url(../images/img/user_guiding/tips-invite@2x.a3a80f7b.png)
}
}.stretch-to {
width:175px;
-webkit-transition-property:width;
transition-property:width;
-webkit-transition-duration:.5s;
transition-duration:.5s;
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out
}
.pin-topic-moving {
cursor:move;
z-index:9999;
box-shadow:0 0 10px rgba(0,0,0,.2)
}
.topic-feed-title {
font-size:14px;
font-weight:700;
color:#666;
border-bottom:1px solid #ccc;
padding-bottom:8px
}
.topic-feed-title a {
margin-top:3px
}
.title-meta-info {
color:#999;
font-size:13px;
font-weight:400;
float:right
}
.topic-children-wrapper {
overflow:hidden;
border-bottom:1px solid #eee;
padding:18px 0 8px
}
.topic-children-wrapper>* {
float:left
}
.topic-children-title {
color:#999;
margin:1px 0 11px
}
.topic-children-list {
margin-left:5px
}
.topic-children-list.zm-topic-cat-main {
border-bottom:0;
padding:0
}
.topic-feed-container {
border-top:1px solid #ccc
}
.topic-item+.topic-item {
border-top:1px solid #eee
}
.topic-item {
padding:15px 0
}
.topic-avatar {
float:left;
position:relative;
margin-top:4px;
width:50px;
height:50px
}
.topic-avatar-img {
border-radius:3px;
width:50px;
height:50px
}
.topic-item-content {
margin:-3px 0 0 64px
}
.topic-item-title {
margin-bottom:6px;
word-break:break-all
}
.topic-item-title-link {
color:#222
}
.topic-feed-item {
margin-bottom:6px
}
.no-topics {
color:#999;
font-size:12px;
font-weight:400;
margin-top:58px;
text-align:center
}
.no-topics h6 {
margin-top:0;
margin-bottom:10px;
color:#666;
font-size:13px;
font-weight:400
}
.no-pin-topics {
color:#999
}
.topic-recommend {
margin-top:66px;
border:1px solid #ddd;
border-radius:4px;
box-shadow:0 1px 0 #f2f4f5
}
.topic-recommend .topic-recommend-head {
overflow:hidden;
padding:7px 14px;
border-bottom:1px solid #EEE
}
.topic-recommend .topic-recommend-name {
float:left;
font-size:14px;
font-weight:700;
color:#666;
margin-bottom:0
}
.topic-recommend .topic-recommend-list {
padding:0 14px
}
.topic-recommend .topic-avatar,.topic-recommend .Avatar {
width:50px;
height:50px
}
.zu-main-sidebar .topic-recommend {
border-radius:0;
border-width:1px 0 0;
padding-bottom:10px;
box-shadow:none;
margin-top:25px
}
.zu-main-sidebar .topic-recommend .topics-pager {
float:right
}
.zu-main-sidebar .topic-recommend .topic-recommend-head {
border-bottom:0;
padding:15px 0 9px
}
.zu-main-sidebar .topic-recommend .topic-recommend-list {
padding:0
}
.zu-main-sidebar .topic-recommend .topic-item {
padding:0 0 10px;
border-top:0
}
.zu-main-sidebar .topic-recommend .topic-item .topic-avatar,.zu-main-sidebar .topic-recommend .topic-item .Avatar {
width:40px;
height:40px;
margin-top:0
}
.zu-main-sidebar .topic-recommend .topic-item-content {
margin:0 0 0 56px;
line-height:40px;
position:relative
}
.zu-main-sidebar .topic-recommend .topic-item-content h3 {
margin:0 60px 0 0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.zu-main-sidebar .topic-recommend .topic-item-content a[data-follow] {
position:absolute;
right:0;
top:0
}
.topic-recommend:hover .topics-nomore-recommend {
display:block
}
.topics-pager {
position:relative;
margin-left:12px;
top:2px
}
.topics-pager.disabled {
display:none
}
.hidden-topics-plaza {
border-top:1px solid #eee;
padding:16px 0;
text-align:center;
background:#f7f7f7;
color:#666;
font-size:14px
}
.new-follow-topics {
display:block;
width:261px;
padding:5px 0;
margin:67px auto 75px;
border:1px solid #cce1ef;
border-radius:4px;
background:#eff6fA;
text-align:center;
color:#5488b4
}
.new-follow-topics:hover {
text-decoration:none
}
.topics-plaza {
margin-bottom:20px;
padding:34px 0;
border:1px solid #cce1ef;
border-radius:4px;
background:#eff6fA;
text-align:center
}
.topics-plaza a.text {
display:block;
margin-top:20px;
font-size:13px;
color:#5488b4
}
.bull {
margin:0 3px;
color:#bbb
}
.side-topic-item.cursor-move {
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:move
}
.ui-sortable-helper {
box-shadow:0 1px 3px rgba(0,0,0,.1);
z-index:1;
margin:0
}
.ui-sortable-placeholder {
border:3px dashed #EEE;
height:57px;
visibility:visible!important
}
.z-icon-unpin {
background-position:-27px -52px;
width:14px;
height:11px;
vertical-align:-1px;
margin-right:3px
}
a.unpin,a.pin {
margin-left:3px
}
.z-icon-pin {
background-position:-25px -67px;
width:14px;
height:11px;
vertical-align:-1px;
margin-right:3px
}
.topic-hover-content {
display:inline-block;
visibility:hidden
}
html.no-touchevents .topic-item:hover .topic-hover-content,html.no-touchevents .topic-info:hover .topic-hover-content {
visibility:visible
}
.topic-name {
position:relative
}
.topic-name .topic-hover-content {
position:absolute;
top:0;
right:0;
z-index:100
}
.side-topic-item .up {
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -263px -84px;
background-color:#25bb9b;
border-radius:3px;
width:15px;
height:15px;
display:block;
position:absolute;
right:10px;
top:10px;
visibility:hidden
}
.side-topic-item .delete {
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -264px -103px;
background-color:#25bb9b;
border-radius:3px;
width:15px;
height:15px;
position:absolute;
right:30px;
top:10px;
visibility:hidden
}
html.no-touchevents .side-topic-item .up:hover {
background-color:#25bb9b
}
html.no-touchevents .side-topic-item .delete:hover {
background-color:#25bb9b
}
.side-topic-item {
border-radius:4px;
border:1px solid #DDD;
padding:10px;
width:242px;
background:#fff;
position:relative
}
.side-topic-avatar {
width:38px;
height:38px;
border-radius:4px
}
.side-topic-content {
margin-left:50px;
white-space:nowrap;
text-overflow:ellipsis
}
.side-topic-content .topic-link {
display:inline-block;
font-weight:700;
max-width:145px;
margin-right:35px;
overflow:hidden;
text-overflow:ellipsis
}
.side-topic-meta {
color:#999;
line-height:16px
}
.side-topic-more {
display:none;
color:#25bb9b;
font-size:12px;
line-height:16px
}
.side-topic-item {
margin-bottom:15px
}
.side-title {
color:#555
}
.side-topic-item:hover .up,.side-topic-item:hover .delete {
visibility:visible
}
.topic-pages,.topic-feed-page {
}.topic-pages .feed-switcher,.topic-feed-page .feed-switcher {
border-bottom:1px solid #eee;
text-align:right;
padding:10px 0;
color:#999;
font-size:12px
}
.topic-pages .feed-switcher span,.topic-feed-page .feed-switcher span,.topic-pages .feed-switcher a,.topic-feed-page .feed-switcher a {
margin:0 3px
}
.topic-pages .feed-switcher-tip,.topic-feed-page .feed-switcher-tip {
float:left
}
.topic-pages .feed-item .feed-content h2,.topic-feed-page .feed-item .feed-content h2 {
margin-right:0
}
.topic-pages .ignore,.topic-feed-page .ignore {
display:none
}
.topic-pages .time,.topic-feed-page .time {
font-weight:400
}
.topic-pages .zu-top-feed-list .feed-item h2,.topic-feed-page .zu-top-feed-list .feed-item h2 {
margin-bottom:2px
}
.topic-pages .zu-top-feed-list .feed-item .feed-meta,.topic-feed-page .zu-top-feed-list .feed-item .feed-meta {
margin-left:48px
}
.topic-pages .zu-top-feed-list .feed-item .feed-meta .ignore,.topic-feed-page .zu-top-feed-list .feed-item .feed-meta .ignore {
display:none
}
.topic-pages .zu-top-feed-list .feed-item.combine.first-combine,.topic-feed-page .zu-top-feed-list .feed-item.combine.first-combine {
margin-left:0
}
.topic-pages .zu-top-feed-list .feed-item.combine.first-combine .feed-main,.topic-feed-page .zu-top-feed-list .feed-item.combine.first-combine .feed-main {
margin-left:0
}
.topic-pages .zu-top-feed-list .feed-item.combine,.topic-feed-page .zu-top-feed-list .feed-item.combine {
margin-left:32px
}
.topic-pages .zu-top-feed-list .feed-item.combine .feed-main,.topic-feed-page .zu-top-feed-list .feed-item.combine .feed-main {
margin-left:-30px
}
.topic-pages .zu-top-feed-list .feed-item+.feed-item.combine,.topic-feed-page .zu-top-feed-list .feed-item+.feed-item.combine {
border-top:1px dotted #EEE
}
.topic-pages .zu-top-feed-list .feed-item+.feed-item.combine.first-combine,.topic-feed-page .zu-top-feed-list .feed-item+.feed-item.combine.first-combine {
border-top:1px solid #EEE
}
.topic-pages .feed-item .zg-bull,.topic-feed-page .feed-item .zg-bull,.topic-pages .zm-item-answer .zg-bull,.topic-feed-page .zm-item-answer .zg-bull {
margin-left:0
}
.topic-pages .topic-avatar .zm-entry-head-side,.topic-feed-page .topic-avatar .zm-entry-head-side {
width:50px
}
.topic-pages .topic-avatar .zm-entry-head-avatar-link,.topic-feed-page .topic-avatar .zm-entry-head-avatar-link {
display:block;
position:relative;
width:50px;
height:50px
}
.topic-pages .topic-avatar .zm-entry-head-avatar-link img.zm-avatar-editor-preview,.topic-feed-page .topic-avatar .zm-entry-head-avatar-link img.zm-avatar-editor-preview {
width:50px;
height:50px;
border-radius:4px
}
.topic-pages .topic-info .topic-name,.topic-feed-page .topic-info .topic-name {
margin:0 0 8px 65px
}
.topic-pages .topic-info .topic-name h1,.topic-feed-page .topic-info .topic-name h1 {
font-size:18px
}
.topic-pages .topic-info .zm-topic-topbar-nav,.topic-feed-page .topic-info .zm-topic-topbar-nav {
margin-left:65px
}
.topic-pages .topic-info .share-button,.topic-feed-page .topic-info .share-button {
position:relative;
top:4px
}
.topic-pages .topic-header-side .zm-entry-head-side,.topic-feed-page .topic-header-side .zm-entry-head-side {
width:68px
}
.topic-pages .topic-header-side .zm-entry-head-avatar-link,.topic-feed-page .topic-header-side .zm-entry-head-avatar-link {
display:block;
position:relative;
width:68px;
height:68px
}
.topic-pages .topic-header-side .zm-entry-head-avatar-link img.zm-avatar-editor-preview,.topic-feed-page .topic-header-side .zm-entry-head-avatar-link img.zm-avatar-editor-preview {
width:68px;
height:68px;
border-radius:4px
}
.topic-pages .topic-header-side #zh-topic-desc,.topic-feed-page .topic-header-side #zh-topic-desc {
margin-top:15px
}
.topic-pages .topic-header-side .zm-entry-head-main,.topic-feed-page .topic-header-side .zm-entry-head-main {
margin:0 0 0 80px
}
.topic-pages .topic-header-side #zh-topic-title,.topic-feed-page .topic-header-side #zh-topic-title {
height:68px;
position:relative
}
.topic-pages .topic-header-side #zh-topic-side-head .zu-entry-focus-button,.topic-feed-page .topic-header-side #zh-topic-side-head .zu-entry-focus-button {
margin-right:13px
}
.topic-pages .topic-header-side #zh-topic-side-head .zm-topic-side-followers-info,.topic-feed-page .topic-header-side #zh-topic-side-head .zm-topic-side-followers-info {
line-height:32px;
margin-left:0
}
.topic-pages .zm-topic-topbar,.topic-feed-page .zm-topic-topbar {
margin-top:4px
}
.topic-pages .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item,.topic-feed-page .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item {
padding-right:15px;
margin-right:15px;
border-right:1px solid #eee
}
.topic-pages .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item:last-child,.topic-feed-page .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item:last-child {
border-right:0
}
.topic-pages .zm-topic-list-container .feed-main,.topic-feed-page .zm-topic-list-container .feed-main {
margin-left:0
}
.topic-pages .zm-topic-list-container .feed-item .entry-body,.topic-feed-page .zm-topic-list-container .feed-item .entry-body {
margin-left:48px
}
.topic-pages .zm-topic-list-container .feed-item .more_opt,.topic-feed-page .zm-topic-list-container .feed-item .more_opt {
display:none!important
}
.topic-pages .child-topic .zm-topic-side-title-link,.topic-feed-page .child-topic .zm-topic-side-title-link {
display:inline-block;
margin-top:5px
}
.topic-pages .related-news,.topic-feed-page .related-news {
color:#666
}
.topic-pages .related-news .news_source,.topic-feed-page .related-news .news_source {
color:#999;
text-align:right
}
.topic-pages .related-news h3,.topic-feed-page .related-news h3 {
font-weight:700;
color:#222
}
.topic-pages .related-news li,.topic-feed-page .related-news li {
list-style:none
}
.topic-pages .related-news li+li,.topic-feed-page .related-news li+li {
margin-top:5px;
border-top:1px dotted #EEE;
padding-top:10px
}
.topic-pages .related-news a,.topic-feed-page .related-news a {
font-weight:700
}
.topic-pages .stock-info,.topic-feed-page .stock-info,.topic-pages .company-info,.topic-feed-page .company-info {
color:#555
}
.topic-pages .stock-info h3,.topic-feed-page .stock-info h3,.topic-pages .company-info h3,.topic-feed-page .company-info h3 {
color:#222
}
.topic-pages .stock-info table,.topic-feed-page .stock-info table {
border-spacing:0
}
.topic-pages .stock-info table td,.topic-feed-page .stock-info table td {
padding:0
}
.topic-pages .stock-info .divide,.topic-feed-page .stock-info .divide {
border-right:1px solid #EEE
}
.topic-feed-page .topic-title {
padding-top:15px;
line-height:40px;
margin-bottom:16px
}
.topic-feed-page .topic-title .Avatar {
width:40px;
height:40px;
margin-right:16px
}
.topic-feed-page .topic-title .topic-title-name {
color:#555;
font-weight:700;
font-size:14px;
max-width:40%;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.topic-feed-page .topic-title .feed-switcher {
padding:0 0 15px
}
.topic-feed-page .topic-title .feed-switcher a.current {
color:#999;
cursor:text
}
.topic-feed-page .topic-title .feed-switcher a.current:hover {
text-decoration:none
}
.zm-topic-list-container .subtopic {
margin-bottom:2px;
color:#999
}
.zm-topic-list-container .subtopic a {
color:#555
}
.topic-header-bar-search .icon-magnify {
vertical-align:-1px
}
#zh-current-topic-bio .zm-editable-editor-outer {
padding:0
}
.zm-topic-tree ul,.zu-topic-organize-list-parent {
margin:0 0 10px 1.6em;
list-style:circle outside
}
.zm-topic-tree li,.zu-topic-organize-list-item {
margin:0 0 5px
}
.zm-entry-head-wrap {
overflow:hidden
}
.zm-entry-head-side {
float:left;
width:100px
}
.topic-avatar:hover>.zm-entry-head-avatar-edit-button {
display:block
}
.topic-avatar.disabled:hover>.zm-entry-head-avatar-edit-button {
display:none
}
.zm-entry-head-main {
margin:0 0 0 115px
}
.zm-topic-top,.zm-topic-wait {
float:left;
width:280px;
padding:20px 0
}
.zm-topic-top {
margin-right:50px
}
.zm-topic-top-container {
border-top:2px solid #ddd
}
.zm-topic-top-list {
margin:0;
padding:0
}
.zm-topic-top-list-item {
margin-bottom:10px;
list-style:none
}
.zm-topic-main-module {
padding:12px 0
}
.zm-topic-main-module+.zm-topic-main-module {
border-top:1px solid #eee
}
.zm-topic-organize-loadmore a {
color:#999
}
#zh-current-topic-bio {
min-height:25px
}
.zh-question-followers-sidebar {
margin:15px 0
}
.zh-question-followers-sidebar>.list {
margin:10px 0 20px
}
.zh-question-followers-sidebar>.list .zm-item-img-avatar {
border-radius:2px;
width:25px;
height:25px
}
.zm-topic-side-title-link {
margin-left:5px;
font-weight:400
}
.zm-topic-side-person-item {
overflow:hidden;
padding:10px 0
}
.zm-topic-side-person-item+.zm-topic-side-person-item {
border-top:1px solid #eee
}
.zm-topic-side-person-item-content {
padding:0 0 0 35px
}
.zm-topic-side-person-item .zm-list-avatar-link {
margin:2px 0 0
}
.zm-topic-side-person-item .zm-topic-side-person-item-content .zm-list-avatar-medium {
width:34px;
height:34px
}
.zm-topic-side-bio {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.zm-topic-common {
border-top:1px solid #EEE;
padding:20px 0
}
#zh-topic-list-title {
margin-top:10px
}
.zm-topic-follow-wrap {
font-size:13px;
margin-left:10px
}
.zm-topic-side-nav .zg-link-litblue {
font-size:13px
}
#zh-topic-admin-page-wrap {
padding:0
}
.zm-topic-manage-item {
padding:12px 0
}
.zm-topic-manage-item:after {
content:'';
display:table;
clear:both
}
.zm-topic-manage-item .zg-gray {
font-size:13px
}
.zm-topic-manage-item+.zm-topic-manage-item {
border-top:1px solid #eee
}
.zm-topic-manage-item-title {
float:left
}
.zm-topic-manage-item-inner {
margin-left:90px
}
.zm-topic-manage-item-inner ul {
list-style-position:inside;
margin:5px 0 0 1.6em
}
.zm-topic-manage-item .zg-btn-blue {
margin-top:-5px
}
.zm-topic-side-followers-container {
margin-top:15px
}
.zm-topic-faq-container .zg-gray {
font-size:13px
}
.zm-topic-side-locked {
margin-top:10px
}
.zm-topic-manage-info-select {
display:inline-block;
height:32px;
line-height:32px;
border:1px solid #ccc
}
.zm-topic-topbar {
margin-top:25px;
border-bottom:1px solid #ccc
}
.zm-topic-topbar-nav {
overflow:hidden;
margin-bottom:12px;
font-size:14px;
line-height:24px;
font-weight:700;
color:#555
}
.zm-topic-topbar-nav .meta-item {
font-weight:400
}
.zm-topic-topbar-nav-list {
margin:0
}
.zm-topic-topbar-nav-list-item {
list-style:none;
display:inline-block;
float:left;
margin:0 25px 0 0
}
.topic-header-bar-search {
margin-top:-4px
}
.zm-topic-feed-item {
padding:10px 0;
position:relative
}
.zm-topic-feed-item+.zm-topic-feed-item {
border-top:1px solid #EEE
}
.zm-topic-feed-time {
position:absolute;
right:0;
top:10px
}
.zm-topic-feed-question {
font-size:14px;
margin:0;
padding-right:45px
}
.zm-topic-feed-meta {
margin:4px 0 0;
color:#999
}
.zm-topic-feed-badge {
color:#555;
display:inline-block;
background:#F4F4F4;
padding:0 5px;
border-radius:2px;
cursor:pointer;
float:left;
margin-right:8px;
line-height:21px
}
html.no-touchevents .zm-topic-feed-badge:hover {
background:#E8E8E8;
text-decoration:none
}
.zm-topic-feed-page-turner {
background:#F4F4F4;
border-radius:4px;
margin-top:5px;
display:inline-block
}
.zm-topic-feed-page-item {
color:#555;
display:inline-block;
padding:5px 12px;
cursor:pointer;
float:left
}
html.no-touchevents .zm-topic-feed-page-item:hover {
text-decoration:none
}
.zm-topic-feed-page-turner .invalid {
cursor:default;
color:#CCC
}
.zm-topic-feed-page-item.left {
border-radius:4px 0 0 4px
}
.zm-topic-feed-page-item.right {
border-radius:0 4px 4px 0
}
.zm-topic-feed-page-item+.zm-topic-feed-page-item {
border-left:1px solid #EEE
}
.zm-topic-feed-page-item.current {
background:#E8E8E8
}
.zm-topic-feed-page-item.current,.zm-topic-feed-page-item.current+.zm-topic-feed-page-item {
border-left:1px solid #E6E6E6
}
html.no-touchevents .zm-topic-feed-page-item:hover {
background:#E8E8E8
}
.zm-topic-feed-page-item.invalid {
background:#F4F4F4
}
.zm-topic-manage-info-msg {
margin-left:10px
}
.zm-topic-manage-loading {
display:inline-block;
height:16px;
width:16px;
vertical-align:middle;
background:url(../images/img/spinner2.8f60205d.gif) no-repeat
}
#zh-topic-side-head .zu-entry-focus-button {
float:left
}
.zm-topic-side-followers-info {
display:inline-block;
margin-left:8px;
line-height:32px;
color:#999
}
.zm-topic-cat-title {
border-bottom:1px solid #ccc;
padding-bottom:10px
}
.zm-topic-cat-title h2 {
margin:0;
color:#666
}
.zm-topic-cat-main {
padding:18px 0 8px;
border-bottom:1px solid #eee
}
.zm-topic-cat-main li {
float:left;
margin:0 10px 10px 0;
list-style:none
}
.zm-topic-cat-main .zm-topic-cat-item a {
display:block;
padding:0 10px;
border-radius:30px;
text-decoration:none;
border:1px solid #daecf5
}
html.no-touchevents .zm-topic-cat-main .zm-topic-cat-item:hover a,.zm-topic-cat-main .zm-topic-cat-item.current a {
background:#25bb9b;
border-color:#25bb9b;
color:#fff
}
.zm-topic-cat-main .zm-topic-cat-more a {
display:block;
margin-top:1px;
line-height:22px
}
.zm-topic-cat-main .zm-topic-cat-more .sprite-global-icon-enter {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
margin:-2px 0 0 6px
}
.zm-topic-cat-main .zm-topic-cat-more a:hover .sprite-global-icon-enter {
background-position:0 -82px;
width:8px;
height:13px
}
.zm-topic-cat-sub .item {
position:relative;
float:left;
width:50%;
list-style:none;
border-bottom:1px dotted #eee
}
.zm-topic-cat-sub .item.no-border {
border-color:transparent
}
.zm-topic-cat-sub .item:nth-child(even) .blk {
margin-left:15px;
margin-right:0
}
.zm-topic-cat-sub .item:nth-child(even) .follow {
right:0
}
.zm-topic-cat-sub .item:nth-child(even) img {
left:15px
}
.zm-topic-cat-sub .item.even .blk {
margin-left:15px;
margin-right:0
}
.zm-topic-cat-sub .item.even .follow {
right:0
}
.zm-topic-cat-sub .item.even img {
left:15px
}
.zm-topic-cat-sub strong {
max-width:12em
}
.zm-topic-cat-sub img {
top:23px
}
.zm-topic-cat-sub p {
height:40px;
overflow:hidden
}
.zm-topic-cat-sub .blk {
padding-left:62px;
margin:18px 15px 18px 0
}
.zm-topic-cat-sub .follow {
position:absolute;
top:18px;
right:15px
}
.zm-topic-cat-hot .section {
margin-bottom:12px;
padding:10px;
border:1px solid #d5d5d5;
border-radius:3px;
box-shadow:0 1px 0 #f2f2f2
}
.zm-topic-cat-hot .head {
position:relative;
padding-left:62px;
height:60px
}
.zm-topic-cat-hot .head strong {
max-width:14em
}
.zm-topic-cat-hot li {
padding:8px 0;
list-style:none;
border-top:1px dotted #eee
}
.zm-topic-cat-sub strong,.zm-topic-cat-hot strong {
display:inline-block;
height:1.5em;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
html.no-touchevents .zm-topic-cat-sub a:hover strong,html.no-touchevents .zm-topic-cat-hot a:hover strong {
text-decoration:underline
}
.zm-topic-cat-sub img,.zm-topic-cat-hot img {
position:absolute;
left:0;
width:50px;
height:50px;
border-radius:3px
}
.zm-topics-page-link {
color:#666
}
.zm-topics-page-link:hover {
color:#25bb9b
}
.zm-topics-page-link .zg-icon {
width:14px;
height:14px;
vertical-align:-2px;
margin-right:5px
}
.zh-answer-status p {
color:#999
}
.zh-answer-status .copyright .icon {
margin-right:5px
}
.zh-answer-status .copyright>a {
color:#999
}
.autohide-false .zu-autohide {
display:inline-block
}
.more-awesome {
color:#999;
font-size:14px;
text-align:center;
border-bottom:1px solid #eee;
margin-bottom:15px;
margin-top:15px
}
.more-awesome span {
position:relative;
top:13px;
background-color:#fff;
padding:0 20px
}
.answer-status {
background:#f6f6f6;
border-radius:4px;
margin:10px 0;
padding:14px 20px;
box-shadow:0 1px 0 rgba(0,0,0,.06)
}
.answer-status .reason {
margin-top:4px
}
.answer-status .note {
color:#999;
margin-top:4px
}
.page-search .text-muted {
color:#999
}
.page-search .text-centered {
text-align:center
}
.page-search .title em,.page-search .summary em,.page-search .name-link em,.page-search .text-highlight {
font-style:normal;
color:#c20a0a
}
.page-search .entry-left {
float:left
}
.page-search .entry-body {
position:relative;
margin-left:53px
}
@media (max-width:767px) {
.page-search .entry-body {
margin-left:0
}
}.page-search .entry-content ul,.page-search .entry-content ol {
margin:.8em 0;
padding-left:2em
}
.page-search .zm-votebar {
position:static;
float:none;
margin-left:0
}
.page-search .visible-expanded {
display:none
}
.page-search .visible-expanded .zm-item-vote-info {
display:block
}
.page-search .numbers .number-item {
color:#999;
margin:0 .3em
}
.page-search .numbers .number-item:first-child {
margin-left:0
}
.page-search .actions .action-item {
color:#999;
margin:0 .3em
}
.page-search .actions .action-item:first-child {
margin-left:0
}
.page-search .actions .votenum-mobile {
color:#25bb9b;
display:inline-block;
vertical-align:bottom
}
.page-search .range-selector {
position:relative;
height:33px;
border-bottom:1px solid #eee
}
.page-search .secondary-tabs {
display:inline-block;
color:#999
}
.page-search .secondary-tab-divider {
padding:0 6px
}
.page-search .secondary-tab-divider::before {
content:'|'
}
.page-search .Sorter {
top:0
}
.page-search .summary {
margin:.5em 0;
display:block;
color:inherit;
cursor:pointer
}
.page-search .summary:hover {
text-decoration:none
}
.page-search .summary img {
max-width:120px;
max-height:80px;
display:inline;
margin-right:1em;
float:left
}
html.no-touchevents .page-search .summary:hover .toggle-expand {
text-decoration:none;
background-color:#eff6fa
}
.page-search .entry.article .author,.page-search .entry.answer .author {
font-weight:700
}
.page-search .entry.article .author,.page-search .entry.answer .author,.page-search .entry.article .author a,.page-search .entry.answer .author a {
color:inherit
}
html.no-touchevents .page-search .entry.article .visible-focusin,html.no-touchevents .page-search .entry.answer .visible-focusin {
display:none
}
html.no-touchevents .page-search .entry.article:hover .visible-focusin,html.no-touchevents .page-search .entry.answer:hover .visible-focusin {
display:inline-block
}
.page-search .entry.article .title,.page-search .entry.answer .title {
font-size:1.1em
}
.page-search .entry.article .toggle-expand,.page-search .entry.answer .toggle-expand {
display:inline-block;
padding:0 3px;
color:#25bb9b;
border-radius:2px;
font-size:.9em
}
.page-search .zm-item-expanded .entry-content {
min-height:55px
}
.page-search .zm-item-expanded .hidden-expanded {
display:none
}
.page-search .zm-item-expanded .visible-expanded {
display:block
}
.page-search .list {
margin:0;
padding:0;
list-style:none
}
.page-search .list .item {
padding:15px 0
}
.page-search .list .item+.item {
border-top:1px solid #eee
}
.page-search .list .left {
float:left
}
.page-search .list .right {
float:right
}
.page-search .list .avatar-link {
float:left
}
.page-search .list .avatar {
margin-right:1em
}
.page-search .list .muted,.page-search .list .muted a,.page-search .list .meta a {
color:#999
}
.page-search .list .meta a+a {
margin-left:1em
}
.page-search .list .meta .icon {
margin-right:4px
}
.page-search .list.topics .name {
font-size:1.1em
}
.page-search .list.topics .desc a {
color:inherit
}
.page-search .list.topics .content {
overflow:hidden
}
.page-search .list.users .item-card .body {
float:left
}
@media (max-width:600px) {
.page-search .list.users .item-card .extra {
float:none;
clear:both
}
.page-search .list.users .item-card .extra .grid {
float:left
}
.page-search .list.users .item-card .extra button {
float:right
}
}.page-search .related-items .item-card .content {
float:none;
overflow:hidden
}
.page-search .related-items .item-card .extra {
float:none;
clear:both
}
.page-search .related-items .item-card .extra,.page-search .related-items .item-card .extra button {
margin-top:1em
}
.page-search .related-items .item-card .grid {
float:left
}
.page-search .item-card {
list-style:none
}
.page-search .item-card .content {
float:left
}
.page-search .item-card .body {
overflow:hidden
}
.page-search .item-card .extra {
float:right
}
.page-search .item-card .extra button {
min-width:64px;
margin-top:.5em
}
.page-search .item-card .grid {
text-align:center
}
.page-search .item-card .grid .col {
float:left;
padding:0 1em;
color:#999
}
.page-search .item-card .grid .col+.col {
border-left:1px solid #eee
}
.page-search .item-card .grid .col:first-child {
padding-left:0
}
.page-search .item-card .grid .col strong {
display:block;
white-space:nowrap;
color:#222
}
html.no-touchevents .page-search .item-card .grid .col:hover {
text-decoration:none
}
html.no-touchevents .page-search .item-card .grid .col:hover,html.no-touchevents .page-search .item-card .grid .col:hover strong {
color:#25bb9b
}
.page-search .user-card .bio {
max-width:300px
}
.page-search .user-card .location,.page-search .user-card .company {
padding-right:.6em
}
.page-search .user-card .title {
padding:0 .6em
}
.page-search .user-card .company+.title {
border-left:1px solid #eee
}
.page-search .user-card .icon:last-child {
margin-left:.5em
}
.page-search .user-card .icon:first-child {
margin-right:.5em
}
.page-search .list.contents .title {
font-size:1.1em;
font-weight:700
}
.page-search .list.contents .answers {
margin:0 0 -15px;
padding:0;
list-style:none
}
.page-search .list.contents .answer-item {
padding:.5em 0
}
.page-search .list.contents .answer-item+.answer-item {
border-top:1px solid #eee
}
.page-search .list.contents .article-item .content {
padding:.5em 0
}
.page-search .empty-result {
margin:0 auto;
padding-top:1em;
max-width:380px
}
.page-search .empty-result p {
margin:1em 0;
font-size:1.1em
}
.page-search .question-form {
margin-top:1em
}
.page-search .question-form textarea {
width:100%;
box-sizing:border-box
}
.page-search .question-form .actions {
line-height:2.5em;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.page-search .question-form .actions .submit {
float:right
}
.page-search .related {
margin:1em 0
}
.page-search .related .list {
padding:0 15px;
border:1px solid #cbcbcb;
border-radius:3px
}
.page-search .related .related-foot {
padding:.5em 0;
text-align:right
}
.page-search .powered-by-sogou {
color:#999
}
.page-search .powered-by-sogou span {
vertical-align:middle
}
.page-search .powered-by-sogou .sogou-logo {
width:69px;
height:19px;
margin:0 .5em;
vertical-align:middle
}
.ac-renderer {
position:absolute;
top:35px;
left:1px;
z-index:10;
width:600px;
background:#fff;
border:solid 1px #999\0;
border:0 none rgba(0,0,0,0);
border-radius:5px;
box-shadow:0 1px 4px rgba(0,0,0,.5)
}
.ac-renderer .ac-row:first-child {
border-radius:5px 5px 0 0
}
.ac-renderer .ac-row:last-child {
border-radius:0 0 5px 5px
}
.ac-renderer>.ac-row>.zm-item-tag {
margin:0 10px 0 0
}
.ac-row {
cursor:pointer;
padding:8px;
zoom:1;
clear:both
}
.ac-row .zm-item-img-avatar {
margin:2px 10px 0 0;
width:25px;
height:25px
}
.zm-ac-gray {
color:#999;
margin:0;
font-size:12px;
display:inline-block
}
.zm-ac-topic-alias {
font-size:12px;
line-height:14px;
color:#999;
display:block;
margin-left:10px
}
.ac-active {
background-color:#d6e9f8
}
.zm-ac-link,html.no-touchevents .zm-ac-link:hover,.zm-ac-link:visited,.zm-ac-link:focus {
color:#222;
line-height:1;
margin:0 10px 0 0
}
.zm-ac-link:hover {
text-decoration:none
}
.zm-ac-link-people {
display:block
}
.zu-autocomplete-row-name {
margin:0 0 1px 35px;
display:block;
height:1.2em;
line-height:1.2;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.zu-autocomplete-row-name.zu-autocomplete-row-name-info {
margin:-1px 0 2px 0
}
.zu-autocomplete-row-description {
color:#999;
display:block;
font-size:12px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
line-height:14px;
height:14px;
zoom:1
}
.zu-autocomplete-row-label,.ac-row.zu-autocomplete-row-search-link {
background:#f6f6f6;
color:inherit
}
.zu-autocomplete-row-search-link a {
color:inherit
}
.zu-autocomplete-row-search-link.active {
background:#d6e9f8
}
.zu-autocomplete-row-search-link.active a {
color:#25bb9b;
text-decoration:none
}
.zu-autocomplete-row-label {
padding:2px 8px;
cursor:default
}
.zu-autocomplete-empty {
color:#666;
padding:10px;
text-align:left;
vertical-align:middle
}
.zu-autocomplete-row-search-link {
text-align:center
}
.zu-autocomplete-row-search-link .arrow {
display:inline-block;
width:5px;
height:8px;
margin-top:-3px;
margin-left:10px;
background-position:-107px -821px
}
.ac-active .zu-autocomplete-row-description {
color:#25bb9b
}
.goog-menu {
position:absolute;
background:#fff;
border:solid 1px #ccc;
box-shadow:0 1px 2px #ddd;
border-radius:3px;
outline:0;
overflow:hidden;
z-index:19
}
.goog-menuitem {
padding:8px 15px;
color:#999;
white-space:nowrap;
border-top:1px solid #ededed;
cursor:pointer
}
.goog-menuitem:first-child {
border-top:0
}
.setting-menu .goog-menuitem {
padding-left:33px;
border-top:0
}
.goog-menuitem-highlight {
background-color:#f5f5f5
}
.goog-menuitem-disabled {
cursor:default
}
.goog-menuseparator {
border-top:1px solid #ededed
}
.goog-menuitem-checkbox {
position:absolute;
left:10px;
background-position:-89px 1px
}
.goog-menu-button .goog-menu-button-dropdown {
display:none
}
.goog-menu-button-open {
outline:0
}
.modal-wrapper {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:99;
overflow:auto;
-webkit-overflow-scrolling:touch
}
html.modal-open.flexbox .modal-wrapper {
display:-webkit-flex;
display:-ms-flexbox;
display:-webkit-box;
display:flex;
-webkit-justify-content:center;
-ms-flex-pack:center;
-webkit-box-pack:center;
justify-content:center;
-webkit-align-items:flex-start;
-ms-flex-align:start;
-webkit-box-align:start;
align-items:flex-start
}
.modal-dialog {
position: absolute;
z-index: 99;
width: 420px;
max-width: 100%;
border-radius: 8px;
border: 1px solid #888;
box-shadow: 0 0 80px 0 rgba(0,0,0,.4);
background: #fff;
text-align: left;
left: 50%;
margin-left: -275px;
margin-top: 14%;
margin-top: 14vh;
}
html.modal-open .modal-wrapper .modal-dialog {
position:static;
margin-top:14%;
margin-top:14vh
}
html.modal-open.no-flexbox .modal-wrapper .modal-dialog {
margin-left:auto;
margin-right:auto
}
html.modal-open.mobile .modal-wrapper .modal-dialog {
margin-top:0
}
html.modal-open.no-flexbox .modal-wrapper .modal-dialog.centered {
margin-top:50%
}
html.modal-open.flexbox .modal-wrapper .modal-dialog.centered {
-ms-flex-item-align:center;
-webkit-align-self:center;
align-self:center
}
.modal-dialog-bg {
position:fixed;
left:0;
top:0;
z-index:95;
min-height:100%!important;
width:100%!important;
height:100%!important;
overflow:visible;
background:#666
}
.modal-dialog-title-close {
position:absolute;
top:50%;
_top:20px;
right:3px;
width:30px;
height:30px;
margin-top:-15px;
text-indent:-9999px;
cursor:pointer;
background-position:-60px -53px
}
.modal-dialog-title {
position:relative;
margin:-1px -1px 0;
padding:10px 15px;
line-height:14px;
background:#25bb9b;
background:-webkit-linear-gradient(top,#25bb9b,#00B091);
background:linear-gradient(to bottom,#25bb9b,#00B091);
border:1px solid #00B091;
border-radius:6px 6px 0 0;
box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 1px 1px rgba(0,0,0,.2)
}
.modal-dialog-title-draggable {
cursor:move
}
.modal-dialog-title-text {
color:#fff;
text-shadow:0 1px 1px rgba(0,0,0,.4);
font-size:15px;
font-weight:700
}
.modal-dialog-content {
padding:0 15px;
margin:17px 0
}
.modal-dialog-buttons {
padding:0 15px;
margin-bottom:15px;
text-align:right;
background:#fff
}
.modal-dialog-buttons button[name=cancel] {
border:0;
color:#25bb9b;
background:transparent;
cursor:pointer;
font-size:13px
}
html.no-touchevents .modal-dialog-buttons button[name=cancel]:hover {
text-decoration:underline
}
.modal-dialog-buttons button+button {
margin-left:1em
}
.modal-dialog .zm-command {
padding:20px 0 0
}
.modal-dialog.with-button .modal-dialog-content {
border-radius:0;
border-bottom:0;
font-size:14px
}
.modal-dialog.with-button .modal-dialog-buttons {
display:block;
padding:0 15px;
border-top:0
}
.goog-buttonset-default {
font-size:14px;
line-height:1.7;
text-decoration:none!important;
vertical-align:middle;
display:inline-block;
_display:inline!important;
text-align:center;
padding:4px 10px;
cursor:pointer;
border-radius:3px;
white-space:nowrap;
box-sizing:border-box;
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.5);
background:#1472cf;
background:-webkit-linear-gradient(top,#1d7fe2,#0865c2);
background:linear-gradient(to bottom,#1d7fe2,#0865c2);
border:1px solid #0D6EB8;
box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2);
*line-height:20px
}
.goog-buttonset-default.disabled,.goog-buttonset-default[disabled] {
background:#eee;
color:#888!important;
border:1px solid #ddd;
cursor:not-allowed;
text-shadow:none;
box-shadow:none!important
}
.goog-buttonset-default.disabled:active,.goog-buttonset-default[disabled]:active {
background:#eee;
border-color:#ccc
}
.goog-buttonset-default:active {
background:#1a70c7;
background:-webkit-linear-gradient(top,#1a79d9,#1a70c7);
background:linear-gradient(to bottom,#1a79d9,#1a70c7);
box-shadow:0 1px 2px rgba(255,255,255,.15) inset
}
.modal-dialog .textarea {
width:100%;
padding:8px 10px;
border:1px solid #ccc;
border-radius:4px;
box-shadow:inset 0 0 4px 0 rgba(0,0,0,.1);
box-sizing:border-box
}
.modal-dialog-cancelNoti {
float:left;
margin-top:20px;
font-size:13px
}
.modal-dialog-async-loading {
color:#999;
text-align:center
}
.goog-toolbar {
position:relative;
margin:0;
padding:4px;
background:#f1f1f1;
background:-webkit-linear-gradient(top,#f5f5f5,#efefef);
background:linear-gradient(to bottom,#f5f5f5,#efefef);
border:1px solid #ccc;
border-bottom:0;
border-radius:3px 3px 0 0;
box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
outline:0;
cursor:default;
zoom:1
}
.goog-toolbar-separator {
background-color:#C1C1C1;
width:1px;
margin:0 8px;
height:18px;
line-height:16px
}
.goog-inline-block {
display:inline-block;
position:relative;
*display:block;
*display:inline!important;
*zoom:1
}
.goog-toolbar-button,.goog-toolbar-menu-button {
border:0;
font-family:Arial,sans-serif;
color:#222;
text-decoration:none;
list-style:none;
vertical-align:middle;
cursor:default;
outline:0;
margin:0 1px;
padding:0
}
.goog-toolbar-button-outer-box,.goog-toolbar-button-inner-box,.goog-toolbar-menu-button-outer-box,.goog-toolbar-menu-button-inner-box {
border:0;
vertical-align:top
}
.goog-toolbar-button-outer-box,.goog-toolbar-menu-button-outer-box {
margin:0;
padding:1px 0
}
.goog-toolbar-button-inner-box,.goog-toolbar-menu-button-inner-box {
margin:0 -1px;
padding:3px 4px
}
.goog-toolbar-button-hover .goog-toolbar-button-outer-box,.goog-toolbar-button-active .goog-toolbar-button-outer-box,.goog-toolbar-button-checked .goog-toolbar-button-outer-box,.goog-toolbar-button-selected .goog-toolbar-button-outer-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,.goog-toolbar-menu-button-active .goog-toolbar-menu-button-outer-box,.goog-toolbar-menu-button-open .goog-toolbar-menu-button-outer-box,.goog-toolbar-select .goog-toolbar-menu-button-outer-box {
border-style:solid;
border-width:1px 0;
padding:0
}
.goog-toolbar-button-hover .goog-toolbar-button-inner-box,.goog-toolbar-button-active .goog-toolbar-button-inner-box,.goog-toolbar-button-checked .goog-toolbar-button-inner-box,.goog-toolbar-button-selected .goog-toolbar-button-inner-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box,.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box,.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
border-style:solid;
border-width:0 1px;
padding:3px
}
.goog-toolbar-button-hover .goog-toolbar-button-outer-box,.goog-toolbar-button-hover .goog-toolbar-button-inner-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box {
border-color:#d1d1d1!important
}
.goog-toolbar-button-checked .goog-toolbar-button-outer-box,.goog-toolbar-button-hover .goog-toolbar-button-outer-box {
margin:0;
padding:0;
border:0 none;
border-width:0
}
.goog-toolbar-button-outer-box,.goog-toolbar-menu-button-outer-box {
margin:0;
padding:0;
border:0 none
}
.goog-toolbar-button-inner-box,.goog-toolbar-menu-button-inner-box {
margin:0;
padding:5px;
border:solid 1px transparent
}
.goog-toolbar-button-hover .goog-toolbar-button-inner-box,.goog-toolbar-button-active .goog-toolbar-button-inner-box,.goog-toolbar-button-checked .goog-toolbar-button-inner-box,.goog-toolbar-button-selected .goog-toolbar-button-inner-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box,.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box,.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
border-width:1px;
padding:5px;
border-color:#D1D1D1;
border-radius:2px
}
.goog-toolbar-button.goog-toolbar-button-checked .goog-inline-block.goog-toolbar-button-inner-box {
border:1px solid #C1C1C1;
background-color:#ebebeb;
box-shadow:0 0 3px rgba(0,0,0,.1) inset
}
.goog-toolbar-button-active .goog-toolbar-button-inner-box {
background-color:#ebebeb;
box-shadow:0 0 3px rgba(0,0,0,.1) inset
}
.tr-icon {
width:16px;
height:16px;
display:block
}
.tr-inline-icon {
width:16px;
height:16px;
display:inline-block
}
.tr-bold {
background-position:0 -127px
}
.tr-italic {
background-position:-16px -127px
}
.tr-underline {
background-position:-32px -127px
}
.tr-mention {
background-position:0 -220px
}
.tr-link {
background-position:-66px -127px
}
.tr-blockquote {
background-position:-112px -127px
}
.tr-code {
background-position:-128px -127px
}
.tr-insertOrderedList {
background-position:-144px -127px
}
.tr-insertUnorderedList {
background-position:-160px -127px
}
.tr-image {
background-position:-80px -127px
}
.tr-video {
background-position:-96px -127px
}
.tr-removeFormat {
background-position:-176px -127px
}
.tr-max {
background-position:-192px -127px
}
.zm-editable-toolbar-container {
position:relative
}
.tr-spinner {
position:absolute;
top:12px;
right:40px;
opacity:.85;
-ms-filter:"alpha(Opacity=85)";
overflow:hidden
}
.tr-equation {
background-position:-240px -111px
}
#zu-distraction-free-editor .tr-max {
background-position:-208px -127px
}
#toggleFullScreen {
float:right;
margin:0
}
.goog-toolbar-button.goog-toolbar-button-hover .tr-icon,.goog-toolbar-button.goog-toolbar-button-active .tr-icon,.goog-toolbar-button.goog-toolbar-button-checked .tr-icon {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.tr-icon {
background-color:#f1f1f1;
-webkit-transition:opacity .2s ease-in-out;
transition:opacity .2s ease-in-out;
opacity:.85;
-ms-filter:"alpha(Opacity=85)"
}
.goog-toolbar-button-active .tr-icon {
background-color:#ebebeb!important
}
.goog-toolbar-button-checked .tr-icon {
background-color:#ebebeb!important
}
.goog-toolbar-button-disabled .tr-icon {
opacity:.3;
-ms-filter:"alpha(Opacity=30)"
}
.goog-checkbox {
display:inline-block;
width:16px;
height:16px;
cursor:pointer
}
.goog-date-picker,.goog-date-picker th,.goog-date-picker td {
font:12px Arial,sans-serif
}
.goog-date-picker {
-moz-user-focus:normal;
-moz-user-select:none;
position:relative;
border:1px solid #ccc;
float:left;
padding:2px;
color:#999;
background:#fff;
cursor:default
}
.goog-date-picker th {
text-align:center
}
.goog-date-picker td {
text-align:center;
vertical-align:middle;
padding:1px 4px
}
.goog-date-picker-menu {
position:absolute;
background:threedface;
border:1px solid gray;
-moz-user-focus:normal;
z-index:1;
outline:0
}
.goog-date-picker-menu ul {
list-style:none;
margin:0;
padding:0
}
.goog-date-picker-menu ul li {
cursor:default
}
.goog-date-picker-menu-selected {
background:#ccf
}
.goog-date-picker th {
font-size:.9em
}
.goog-date-picker td div {
float:left
}
.goog-date-picker button {
padding:0;
margin:1px 0;
border:0;
color:#999;
font-weight:700;
background:transparent
}
.goog-date-picker-date {
background:#fdfdfd;
border:1px solid #eee
}
.goog-date-picker-date:hover {
color:#999;
background-color:#eee
}
.goog-date-picker-week,.goog-date-picker-wday {
padding:1px 3px;
border:0
}
.goog-date-picker-week {
opacity:.5;
-ms-filter:"alpha(Opacity=50)";
border-right-width:1px
}
.goog-date-picker-head td {
text-align:center;
background:#f7f7f7
}
td.goog-date-picker-today-cont {
text-align:center
}
td.goog-date-picker-none-cont {
text-align:center
}
.goog-date-picker-month {
width:11ex
}
.goog-date-picker-year {
width:6ex
}
.goog-date-picker table {
outline:0;
border-collapse:collapse
}
.goog-date-picker-other-month {
color:#888
}
td.goog-date-picker-selected {
background:#ddd
}
.goog-date-picker-today {
background:#f1f1f1;
color:#999
}
.ui-datetime-picker {
position:relative
}
.ui-datetime-picker .date {
width:70px;
margin-right:1em
}
.ui-datetime-picker select {
line-height:1;
height:28px;
border:1px solid #ccc;
background:transparent
}
.ui-datetime-picker .colon {
margin:0 .4em
}
.ui-datetime-picker .goog-date-picker {
position:absolute;
z-index:10;
top:30px;
left:0
}
.zm-profile-section-item {
position:relative;
padding:12px 0
}
.zm-profile-section-item+.zm-profile-section-item {
border-top:1px dotted #EEE
}
.zm-profile-section-item .zm-item-link-avatar {
float:left
}
.zm-profile-section-item .zm-item-img-avatar {
float:left;
height:50px;
margin:2px 10px 0 0;
width:50px;
border:0 none;
border-radius:2px
}
.zm-profile-section-item .meta a {
color:#999
}
.zm-profile-section-item.inactive .zm-profile-item-text {
color:#999
}
.zm-profile-vote-count {
float:left;
padding:2px;
color:#25bb9b;
height:38px;
width:46px;
line-height:20px;
font-weight:700;
text-align:center;
border-radius:4px;
background:#eff6fa;
-webkit-text-size-adjust:none
}
.zm-profile-vote-num {
padding:2px 0 4px;
font-weight:700;
font-size:16px;
line-height:1
}
.zm-profile-vote-type {
line-height:1;
font-weight:400;
font-size:12px
}
.zm-profile-section-main {
margin-left:60px
}
.zm-item-answer a.collapse {
display:none
}
.zm-item-expanded a.collapse {
display:block
}
.toggle-expand.btn-toggle-question-detail {
padding:0;
display:none
}
.zm-item-expanded .toggle-expand.btn-toggle-question-detail {
display:block
}
.zm-item-answer-author-info a.collapse {
margin-left:10px
}
a.toggle-expand.btn-toggle-question-detail {
margin-bottom:5px;
text-decoration:none;
color:#999;
font-size:13px
}
a.toggle-expand.btn-toggle-question-detail span {
font-size:12px;
color:#25bb9b;
padding:3px;
border-radius:2px
}
.btn-toggle-question-detail:hover span {
background-color:#eff6fa
}
.feed-question-detail-item .question-description-plain {
display:none
}
.zm-item-expanded .feed-question-detail-item .question-description-plain {
display:block
}
.zm-item-expanded .feed-question-detail-item .question-description {
display:none
}
.zm-item-expanded .feed-question-detail-item.question-detail-expanded .btn-toggle-question-detail {
display:none
}
.zm-item-expanded .feed-question-detail-item.question-detail-expanded .question-description {
display:block
}
.awesome-answer-list .zm-item-meta {
display:none
}
.awesome-answer-list .zm-item-expanded .zm-item-meta {
display:block
}
.zm-item-rich-text ul,.zm-editable-content ul,.editable ul,.zm-item-rich-text ol,.zm-editable-content ol,.editable ol {
margin:.8em 0;
padding:0
}
.zm-item-rich-text ul ol,.zm-editable-content ul ol,.editable ul ol,.zm-item-rich-text ol ol,.zm-editable-content ol ol,.editable ol ol,.zm-item-rich-text ul ul,.zm-editable-content ul ul,.editable ul ul,.zm-item-rich-text ol ul,.zm-editable-content ol ul,.editable ol ul {
padding-left:2em
}
.zm-item-rich-text li,.zm-editable-content li,.editable li {
margin:0 0 5px;
list-style-position:inside
}
blockquote {
margin:.8em 0;
padding:0 0 0 10px;
font-style:normal;
font-size:100%;
line-height:22px;
border-left:3px solid #D0E5F2
}
a.external {
margin:0 4px 0 0;
word-break:break-all
}
a.external>.icon-external {
margin-left:4px
}
a>.ellipsis:after {
content:'...'
}
a>.invisible {
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0
}
.editable img,.zg-content-img-source-link,.origin_image,.content_image,.video_image,.play_video {
margin:6px 0;
display:block;
overflow:hidden;
max-width:100%;
height:auto;
width:auto\9;
-ms-interpolation-mode:bicubic
}
.editable a,.zm-comment-editable a {
text-decoration:none
}
.editable .img.zg-content-img-source-link:hover,.editable img.origin_image:hover {
cursor:default
}
.zu-top {
position:fixed;
top:0;
left:0;
z-index:20;
width:100%;
height:45px;
background:#3d444c;
/*background:-webkit-linear-gradient(top,#086ed5,#055db5);
background:linear-gradient(to bottom,#086ed5,#055db5);*/
border-bottom:1px solid #044e97;
box-shadow:0 1px 2px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.15)
}
.zu-top .zg-wrap {
position:relative;
height:inherit
}
@media (max-width:1024px) {
body.zhi {
padding-top:0!important
}
.zu-top {
position:static
}
.zu-top .modal-shifting {
position:static!important
}
}.zu-top-link-logo {
float:left;
width:61px;
height:100%;
background-image:url(../images/res/nk.png);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
color:#fff
}
.zu-top-link-logo:active {
opacity:.8;
-ms-filter:"alpha(Opacity=80)"
}
.zu-top-search {
position:relative;
float:left;
margin:7px 0 0 12px
}
.zu-top-search .zm-ac-gray {
margin-left:1px
}
.zu-top-search .ac-renderer {
top:32px;
z-index:20
}
.zu-top-search-x {
float:left
}
.zu-top-search-form {
position:relative;
width:367px
}
@media (max-width:959px) {
.zu-top-search-form {
width:240px
}
}.zu-top-search-form .zu-top-search-button {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 100%;
background: #00BC9B;
background: -webkit-linear-gradient(top,#00BC9B,#00BC9B);
background: linear-gradient(to bottom,#00BC9B,#00BC9B);
border: 1px solid #3d444c;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 1px rgba(255,255,255,.15);
box-sizing: border-box;
outline: 0;
cursor: pointer;
/* border-width: 0; */
}
.zu-top-search-form .zu-top-search-button:before {
content:'';
display:inline-block;
height:100%;
vertical-align:middle
}
.zu-top-search-input {
padding:7px 50px 7px 10px;
width:100%;
color:#49525c;
font-size:14px;
line-height:17px;
background-color:#e1eaf2;
border:1px solid #045bb2;
border-radius:4px;
box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.1);
outline:0;
box-sizing:border-box;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.zu-top-search-input::-webkit-input-placeholder {
color:#8d9ba8
}
.zu-top-search-input::-moz-placeholder {
color:#8d9ba8
}
.zu-top-search-input:-ms-input-placeholder {
color:#8d9ba8
}
.zu-top-search-input::placeholder {
color:#8d9ba8
}
.zu-top-search-input:focus {
background-color:#fff;
box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 1px 15px rgba(255,255,255,.3)
}
.zu-top-add-question {
float: right;
width: 66px;
height: 32px;
line-height: 30px;
margin-top: 7px;
border: 1px solid #00B091;
border-radius: 4px;
background: #00BC9B;
box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 1px rgba(255,255,255,.15);
color: #fff;
font-size: 14px;
text-align: center;
text-shadow: 0 1px 1px rgba(0,0,0,.12);
outline: 0;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
/*.zu-top-add-question:active {
background:#096ed5;
background:-webkit-gradient(linear,left top,left bottom,from(#0e7ceb),to(#0c6fd3));
background:-moz-linear-gradient(top,#0e7ceb,#0c6fd3);
border:1px solid #0659ac;
box-shadow:0 1px 0 rgba(255,255,255,.06),inset 0 1px 2px rgba(0,0,0,.2)
}*/
.top-nav-topic-selector {
position:relative;
z-index:10
}
.top-nav-topic-selector .top-nav-dropdown {
left:-95px
}
.top-nav-topic-selector .top-nav-dropdown li:last-child>a {
text-align:center
}
.open .top-nav-dropdown,html.no-touchevents .top-nav-topic-selector:hover .top-nav-dropdown {
display:block;
top:45px
}
.top-nav-dropdown {
display:none;
margin:0;
position:absolute;
left:0
}
.top-nav-dropdown li {
margin:0;
list-style:none
}
.top-nav-dropdown li a {
display: block;
width: 145px;
height: 40px;
line-height: 40px;
color: #888;
text-decoration: none;
box-shadow: 0 1px 1px rgba(0,0,0,.4);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
cursor: pointer;
}
html.no-touchevents .top-nav-dropdown a:hover {
background-color: #31363D;
color: #fff;
}
.top-nav-dropdown li:first-child>a {
border-top:0
}
.top-nav-dropdown a.all {
text-align:center
}
.top-nav-dropdown li:last-child>a {
border-radius:0 0 4px 4px
}
.top-nav-dropdown img {
margin:0 9px;
width:25px;
height:25px;
border-radius:2px;
box-shadow:0 1px 1px rgba(0,0,0,.2)
}
.top-nav-dropdown img,.top-nav-dropdown span {
vertical-align:middle
}
.mobile-top-nav-popup {
position:absolute;
left:0;
right:0;
width:100%;
z-index:11;
display:none;
border-top:1px solid #ddd;
box-shadow:0 1px 1px rgba(0,0,0,.2);
border-radius:0 0 6px 6px;
margin-top:-1px
}
.mobile-top-nav-popup .top-nav-dropdown {
display:block;
position:static;
overflow:hidden;
background-color:#f4f4f4
}
.mobile-top-nav-popup .top-nav-dropdown li {
position:relative;
float:left;
width:50%;
height:45px;
background-color:#e4e4e4;
overflow:hidden;
border:solid #eee;
border-width:0 1px 1px 0;
box-sizing:border-box
}
.mobile-top-nav-popup .top-nav-dropdown li:last-child:nth-child(odd) {
width:100%
}
.mobile-top-nav-popup .top-nav-dropdown a {
width:100%;
height:45px;
line-height:39px;
box-shadow:none;
text-shadow:none;
border:0!important;
border-radius:0!important;
color:#000;
background-color:#f4f4f4
}
html.no-touchevents .mobile-top-nav-popup .top-nav-dropdown a:hover {
background-color:#e4e4e4
}
.mobile-top-nav-popup .top-nav-dropdown img {
margin:0 9px 0 10px
}
.mobile-top-nav-popup .slide-up {
display:block;
height:36px;
width:100%;
border:0;
border-radius:0 0 6px 6px;
background:url(../images/img/sticky_header/arrow-icon.56368fe2.png) center #f4f4f4 no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
.mobile-top-nav-popup .slide-up {
background-image:url(../images/img/sticky_header/arrow-icon@2x.84546e8e.png);
background-size:11px 7px
}
}.mobile-top-nav-popup-profile {
left:auto;
width:140px
}
.mobile-top-nav-popup-profile .top-nav-dropdown li {
float:none;
width:auto;
text-indent:1em
}
.mobile-top-nav-popup-profile .top-nav-dropdown a {
line-height:43px
}
.mobile-top-nav-popup-profile .zg-icon {
display:none
}
.top-nav-profile {
float:right;
position:relative;
min-width:120px;
margin-left:15px;
z-index:10
}
.top-nav-profile a {
display: block;
width: 120px;
background-color: #31363D;
text-shadow: 0 1px 1px rgba(0,0,0,.12);
font-size: 14px;
}
.top-nav-profile .top-nav-dropdown {
top:46px
}
.top-nav-profile .top-nav-dropdown a {
width:120px
}
.open .top-nav-dropdown,html.no-touchevents .top-nav-profile:hover .top-nav-dropdown {
display:block
}
.top-nav-profile .zu-top-nav-userinfo {
position: relative;
height: 45px;
line-height: 45px;
text-indent: 46px;
color: #888;
text-decoration: none;
border-top: 0;
background: transparent;
box-shadow: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.zu-top-nav-userinfo.selected,html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
height: 46px!important;
background: #31363D;
box-shadow: inset 0 0 2px rgba(0,0,0,.12);
color: #fff;
}
html.no-touchevents .zu-top-nav-userinfo:hover {
background-color:#046dd6
}
.zu-top-nav-userinfo .Avatar {
position:absolute;
top:9px;
left:10px;
border:1px solid rgba(0,0,0,.1);
box-shadow:0 1px 0 rgba(255,255,255,.1);
background-color:transparent
}
.top-nav-dropdown .zg-icon {
width:20px;
height:20px;
margin:0 11px 0 15px;
vertical-align:-7px
}
.zg-icon-dd-home {
background-position:-6px -7px
}
.zg-icon-dd-pm {
background-position:-6px -34px
}
.zg-icon-dd-settings {
background-position:-6px -60px
}
.zg-icon-dd-logout {
background-position:-6px -87px
}
.zu-top-nav {
float:left;
position:relative
}
.zu-top-nav-live {
position:absolute;
left:108px;
top:45px;
width:290px;
z-index:9;
background:#fff;
outline:0
}
.zu-top-nav-ul {
padding:0;
margin:0 0 0 18px
}
.zu-top-nav-li {
position:relative;
float:left;
margin:0;
list-style:none
}
.zu-top-nav-li.current {
background:#31363d;
}
.zu-top-nav-link,.zu-top-nav-link:visited,.zu-top-nav-link:active {
color:#eee
}
.zu-top-nav-link:hover {
color:#fff;
text-decoration:none
}
.zu-top-nav-link {
width:54px;
height:45px;
line-height:45px;
text-align:center;
display:block;
color:#f2f4f5;
text-shadow:0 1px 1px rgba(0,0,0,.12);
font-size:14px
}
@media (max-width:959px) {
.zu-top-nav-link {
width:auto;
padding:0 10px
}
}.zg-noti-number {
background:#bf1031;
border:1px solid #b11331;
box-shadow:0 1px 2px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.15);
color:#fff;
display:inline-block;
font-size:11px;
font-weight:700;
-webkit-text-size-adjust:none;
padding:0 5px;
height:16px;
line-height:16px;
border-radius:16px;
text-indent:0;
text-align:center;
text-decoration:none
}
.zu-top-nav-count,.zu-top-nav-userinfo .zu-top-nav-pm-count {
z-index:12;
top:5px;
position:absolute
}
.zu-top-nav-count {
left:31px
}
.zu-top-nav-userinfo .zu-top-nav-pm-count {
left:29px
}
.top-nav-profile .top-nav-dropdown .zu-top-nav-pm-count {
vertical-align:1px;
margin-left:8px
}
.zu-top-nav-count:hover {
text-decoration:none
}
.zg-black-tip {
position:absolute;
top:40px;
left:93px;
padding:0 10px 10px;
width:260px;
font-size:12px;
background:#000;
background:-webkit-linear-gradient(top,rgba(66,69,72,.9),rgba(26,28,30,.9) 90%,rgba(51,55,59,.9));
background:linear-gradient(to bottom,rgba(66,69,72,.9),rgba(26,28,30,.9) 90%,rgba(51,55,59,.9));
border:1px solid rgba(0,0,0,.2);
opacity:1;
-ms-filter:"alpha(Opacity=100)";
box-shadow:0 0 1px rgba(255,255,255,.2) inset,0 1px 3px rgba(0,0,0,.8);
z-index:999
}
.zg-black-tip-icon {
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat scroll -46px -648px;
width:14px;
height:7px;
position:absolute;
top:-7px;
left:55px
}
.zg-black-tip-content {
padding:5px 0 0;
color:#fff;
font-size:13px;
text-shadow:0 1px 0 rgba(0,0,0,.8);
text-align:center
}
.zg-black-tip {
width:100%;
max-width:395px
}
.zg-black-tip-icon {
left:50px
}
.zu-top-search-form>.zg-input-label {
position:absolute;
left:8px;
color:#999;
cursor:text
}
.topnav-noauth {
float:right;
margin:0 0 0 15px;
line-height:46px
}
.topnav-noauth .zg-icon {
width:20px;
height:20px;
margin-right:6px
}
.topnav-noauth a {
padding:0 10px;
width:auto;
height:46px;
line-height:46px;
text-align:center;
display:block;
color:#eee;
text-shadow:0 1px 1px rgba(0,0,0,.12);
white-space:nowrap;
font-size:14px
}
.topnav-noauth a:hover {
color:#fff;
text-decoration:none
}
.topnav-noauth>li {
float:left;
list-style:none
}
[class*=sprite-sidebar-icon-] {
display:inline-block;
vertical-align:middle
}
.sprite-sidebar,[class*=sprite-sidebar-] {
background-image:url(../images/img/sidebar/sprites.auto.84426159.png);
background-repeat:no-repeat
}
.sprite-sidebar-icon-column-active {
background-position:0 0;
width:25px;
height:25px
}
.sprite-sidebar-icon-column-normal {
background-position:-27px 0;
width:25px;
height:25px
}
.sprite-sidebar-icon-column-write {
background-position:0 -27px;
width:24px;
height:25px
}
.sprite-sidebar-icon-fold {
background-position:-26px -27px;
width:13px;
height:8px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-sidebar,[class*=sprite-sidebar-] {
background-image:url(../images/img/sidebar/sprites@2x.auto.40df1bd9.png);
background-size:52px 52px
}
}.zu-main-sidebar h3,.zm-side-section h3,.zu-main-sidebar h2,.zm-side-section h2 {
margin-bottom:10px
}
.zm-side-section {
position:relative;
margin:15px 0;
}
.zm-side-section+.zm-side-section>.zm-side-section-inner {
padding:15px 0 0;
border-top:1px solid #eee
}
.zm-side-section-inner h3 {
margin-bottom:10px
}
.zm-side-nav {
margin-left:-10px
}
.zm-side-nav-group:first-child {
margin-top:-4px
}
.zm-side-nav-group {
margin-bottom:10px
}
.zm-side-nav-group.zm-side-nav-button-group {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
margin-bottom:20px
}
.zm-side-nav-group.zm-side-nav-button-group .zm-side-nav-button {
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1
}
.zm-side-nav-group.zm-side-nav-button-group .zm-side-nav-button+.zm-side-nav-button {
margin-left:20px
}
.zm-side-nav-group.zm-side-nav-button-group .zm-side-nav-button-icon {
margin-top:-4px;
margin-right:8px
}
.zm-side-nav-group.zm-side-nav-button-group .zm-side-nav-button-icon.sprite-global-icon-ask {
margin-top:-3px
}
.zm-side-nav-group+.zm-side-nav-group {
padding-top:10px;
border-top:1px solid #eee
}
.zm-side-nav-li {
display:block;
margin-bottom:3px;
list-style:none;
position:relative
}
.zm-side-nav-li-wide {
list-style:none;
display:block;
margin:0 0 3px
}
.zm-side-nav-link {
position:relative;
padding:0 0 0 10px;
display:block;
height:28px;
line-height:28px;
color:#666
}
.zm-side-nav-link .z-ico-community {
display:inline-block;
position:relative;
top:1px;
left:-1px;
margin-right:2px
}
.zm-side-nav-link .zg-num {
vertical-align:1px;
background:#888
}
.zm-side-nav-link.active .zg-num,html.no-touchevents .zm-side-nav-li:hover .zg-num {
background:#5781b7
}
.zm-side-nav-link.active,html.no-touchevents .zm-side-nav-link:hover {
color:#25bb9b;
background:#eff6fa;
border-radius:3px;
text-decoration:none
}
.zm-side-nav-link .zg-icon {
margin-right:2px;
width:14px;
height:14px;
vertical-align:-2px
}
.zg-icon-sidenav-roundtable {
background-position:-88px -232px
}
a.active>.zg-icon-sidenav-roundtable,html.no-touchevents a:hover>.zg-icon-sidenav-roundtable {
background-position:-106px -232px
}
.zg-icon-sidenav-draft {
background-position:-152px -4px
}
a.active>.zg-icon-sidenav-draft,html.no-touchevents a:hover>.zg-icon-sidenav-draft {
background-position:-152px -24px
}
.zg-icon-sidenav-fav {
background-position:-167px -4px
}
a.active>.zg-icon-sidenav-fav,html.no-touchevents a:hover>.zg-icon-sidenav-fav {
background-position:-167px -24px
}
.zg-icon-sidenav-follow {
background-position:-183px -4px
}
a.active>.zg-icon-sidenav-follow,html.no-touchevents a:hover>.zg-icon-sidenav-follow {
background-position:-183px -24px
}
.zg-icon-sidenav-invite {
background-position:-200px -4px
}
a.active>.zg-icon-sidenav-invite,html.no-touchevents a:hover>.zg-icon-sidenav-invite {
background-position:-200px -24px
}
.zg-icon-sidenav-all {
background-position:-217px -4px
}
a.active>.zg-icon-sidenav-all,html.no-touchevents a:hover>.zg-icon-sidenav-all {
background-position:-217px -24px
}
.zg-icon-sidenav-plaza {
background-position:-234px -4px
}
a.active>.zg-icon-sidenav-plaza,html.no-touchevents a:hover>.zg-icon-sidenav-plaza {
background-position:-234px -24px
}
.zg-icon-sidenav-find {
background-position:-251px -4px
}
a.active>.zg-icon-sidenav-find,html.no-touchevents a:hover>.zg-icon-sidenav-find {
background-position:-251px -24px
}
.zg-icon-sidenav-publicedit {
background-position:-269px -4px
}
a.active>.zg-icon-sidenav-publicedit,html.no-touchevents a:hover>.zg-icon-sidenav-publicedit {
background-position:-269px -24px
}
.zm-side-gray {
color:#999;
font-size:12px
}
.zm-side-link-avatar {
float:left;
height:25px;
margin:5px 5px 5px 0;
width:25px
}
.zm-side-my-columns .name,.zm-side-my-columns .Avatar {
vertical-align:middle
}
.zm-side-my-columns .Avatar {
margin-right:5px;
width:25px;
height:25px;
border-radius:3px
}
.zm-side-my-columns .column-homepage {
padding-bottom:6px;
margin:0 0 9px;
border-bottom:1px dotted #eee
}
.zm-side-my-columns .column-homepage .zm-side-nav-li {
margin-left:-10px
}
.zm-side-my-columns .column-link {
height:auto;
line-height:34px
}
.zm-side-my-columns .column-list.fold {
overflow:hidden
}
.zm-side-my-columns .icon-column-logo {
display:inline-block;
vertical-align:middle;
margin:0 5px 0 0
}
.zm-side-my-columns .icon-column-logo-active {
background-position:0 0;
width:25px;
height:25px
}
.zm-side-my-columns .sprite-sidebar-icon-fold {
margin:0 11px 0 6px
}
.icon-column-write {
margin:0 4px 0 2px;
width:24px;
height:22px;
vertical-align:-7px;
background-position:0 -228px
}
html.no-touchevents a:hover>.icon-column-write {
background-position:-36px -228px
}
.zm-side-nav li {
position:relative
}
.pin-topic-avatar-link {
float:left
}
.shameimaru-section {
position:relative;
width:100%;
max-width:272px;
margin-bottom:20px
}
.shameimaru-section .shameimaru-link,.shameimaru-section .shameimaru-link img {
display:block;
width:inherit;
border-radius:6px
}
.shameimaru-section .shameimaru-close {
position:absolute;
right:6px;
top:6px;
opacity:.7;
-ms-filter:"alpha(Opacity=70)";
cursor:pointer
}
html.no-touchevents .shameimaru-section .shameimaru-close {
display:none
}
.shameimaru-section .shameimaru-close:hover {
opacity:.9;
-ms-filter:"alpha(Opacity=90)"
}
.shameimaru-section:hover a.shameimaru-close {
display:block
}
.shameimaru-pixel {
position:absolute;
width:0;
height:0;
left:-100000px;
top:-100000px
}
.comment-app-holder,.zm-comment-box {
max-width:540px
}
.comment-app-holder .OrgIcon,.zm-comment-box .OrgIcon {
display:none
}
.zm-comment-box {
position:relative;
margin:10px 0 35px;
background:#fff;
border:1px solid #ddd;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.zm-comment-box .load-more {
padding:8px 0;
display:block;
font-size:13px;
height:22px;
text-align:center;
border:1px solid #eee;
border-width:1px 0 0;
color:#25bb9b;
box-shadow:0 0 5px rgba(180,180,180,.1) inset;
text-shadow:0 1px 0 #fff
}
.zm-comment-box .load-more .text {
position:relative
}
.zm-comment-box .load-more .spinner {
position:absolute;
top:0;
right:-20px;
display:none
}
.zm-comment-box .load-more.loading .spinner {
display:block
}
html.no-touchevents .zm-comment-box .load-more:hover {
background:#fefefe;
text-decoration:none
}
.zm-comment-box .load-more:active {
background:#fbfbfb;
box-shadow:0 0 5px rgba(180,180,180,.2) inset
}
.zm-comment-box .load-more+.zm-item-comment {
margin:0;
padding:8px 12px;
border-top:1px solid #eee
}
.zm-comment-box .zm-comment-bubble {
position:absolute;
top:-8px;
left:81px;
display:none
}
.zm-comment-box.empty {
border:0;
box-shadow:none
}
.zm-comment-box.empty.cannot-comment {
border:1px solid #ddd
}
.zm-comment-box.cannot-comment .editable,.zm-comment-box.cannot-comment .zm-command,.zm-comment-box.cannot-comment .zm-comment-op-link.reply {
display:none!important
}
.zm-comment-box.empty .zm-comment-bubble {
display:none!important
}
.zm-comment-box.empty.cannot-comment .zm-comment-bubble {
display:block!important
}
.zm-comment-box.empty .zm-comment-box-ft {
margin:0 30px 0 0;
padding:0;
border:0!important;
background:0 0
}
.zm-comment-box.empty.cannot-comment .zm-comment-form {
margin:0
}
.zm-comment-box.empty.cannot-comment .zm-comment-form,.zm-comment-box .zm-comment-form {
padding:15px
}
.zm-comment-box.empty.cannot-comment .zm-comment-box-ft,.zm-comment-box .zm-comment-box-ft {
background:#fbfbfb;
border-radius:0 0 4px 4px;
border-top:1px solid #EEE;
position:relative
}
.zm-comment-box.empty.cannot-comment .zm-comment-box-ft {
background:#fff
}
.zm-comment-box .zm-comment-spinner {
padding:6px 12px;
color:#999
}
.zm-item-comment {
position:relative;
margin:0 12px;
padding:8px 0;
outline:0
}
.zm-item-comment .zm-comment-content-wrap {
margin:0 0 0 35px
}
.zm-item-comment>.zm-item-link-avatar {
float:left;
margin:4px 0 0
}
.zm-item-comment .zm-item-img-avatar {
width:25px;
height:25px;
border-radius:2px
}
.zm-item-comment .zm-comment-content {
color:#222;
min-height:22px
}
.zm-item-comment .zm-comment-hd,.zm-item-comment .zm-comment-ft {
color:#999
}
.zm-item-comment .zm-comment-hd .desc,.zm-item-comment .zm-comment-ft .desc {
font-size:12px
}
.zm-item-comment .zm-comment-ft {
font-size:12px
}
.zm-item-comment .like-num {
float:right;
margin-top:-1px
}
.zm-item-comment .like-num>span,.zm-item-comment .like-num>em {
font-style:normal;
vertical-align:-2px
}
.zm-item-comment .like-num.nil {
visibility:hidden
}
.zm-item-comment.focusin .zm-comment-op-link,.zm-item-comment:hover .zm-comment-op-link {
visibility:visible
}
.zm-item-comment+.zm-item-comment {
border-top:solid 1px #eee
}
.zm-item-comment .zm-comment-form {
padding:15px 0
}
.zm-comment-info {
text-align:center
}
.zm-comment-form .zm-comment-textarea,.zm-comment-form .zm-comment-editable {
padding:7px 8px;
font-size:13px;
line-height:22px;
min-height:22px;
white-space:pre-wrap;
color:#222;
cursor:text;
border:1px solid #ddd;
border-radius:3px;
box-shadow:0 1px 3px rgba(0,0,0,.1) inset;
background-color:#fff
}
.zm-comment-form .zm-comment-textarea {
height:1em;
width:95%
}
.zm-comment-form .zm-comment-editable:focus {
border:1px solid #ccc
}
.zm-comment-form .signin-mask-tip-comment {
position:absolute;
top:0;
width:100%;
height:100%
}
.zm-comment-form .zm-command {
display:none;
padding-bottom:0
}
.zm-comment-form.expanded .zm-command {
display:block;
line-height:33px
}
.with-self-avatar .zm-comment-form .avatar {
display:block
}
.zm-comment-form .avatar {
float:left;
display:none;
margin:2px 10px 0 0;
width:34px;
height:34px;
border-radius:4px
}
.zm-comment-form .avatar+.editable {
overflow:hidden
}
.zm-comment-op-link {
margin-left:.5em;
color:#999;
font-size:12px;
visibility:hidden
}
html.touchevents .zm-comment-op-link {
visibility:visible!important
}
html.no-touchevents .zm-comment-op-link:hover {
color:#25bb9b;
text-decoration:none
}
.zg-icon-comment-like,.zm-comment-op-link .zg-icon {
margin-right:5px;
width:11px;
height:11px;
vertical-align:-1px
}
.zg-icon-comment-report {
width:10px;
height:10px;
background-position:-71px -183px
}
html.no-touchevents a:hover .zg-icon-comment-report,html.no-touchevents button:hover .zg-icon-comment-report {
background-position:-71px -170px
}
.zg-icon-comment-del {
background-position:-236px -92px
}
html.no-touchevents a:hover .zg-icon-comment-del,html.no-touchevents button:hover .zg-icon-comment-del {
background-position:-236px -79px
}
.zg-icon-comment-reply {
background-position:-250px -92px
}
html.no-touchevents a:hover .zg-icon-comment-reply,html.no-touchevents button:hover .zg-icon-comment-reply {
background-position:-250px -79px
}
.zg-icon-comment-like {
background-position:-222px -92px
}
.like-num.liked .zg-icon-comment-like,html.no-touchevents a:hover .zg-icon-comment-like,html.no-touchevents button:hover .zg-icon-comment-like {
background-position:-222px -79px
}
.login-reg-box {
*zoom:1
}
.login-reg-box:before,.login-reg-box:after {
display:table;
content:""
}
.login-reg-box:after {
clear:both
}
.login-reg-box:before,.login-reg-box:after {
display:table;
content:""
}
.login-reg-box:after {
clear:both
}
.login-reg-box .reg-box-inner {
float:right;
margin-top:6px;
margin-left:10px
}
.login-reg-box .reg-box-inner .zg-btn-red {
margin-right:8px
}
.zm-item-answer-owner .zm-item-vote {
display:block!important
}
.zm-item-answer-owner .zm-votebar {
display:none!important
}
.question-invited-by {
margin-bottom:20px;
padding:13px 20px;
color:#888;
background:rgba(243,245,247,.44);
border-radius:4px;
border:1px solid #ddd
}
.question-invited-by .invite-others {
float:right
}
.qi-box-mixin {
border:1px solid #ddd;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.question-invite-panel {
position:relative;
display:none;
margin:5px 0 35px;
color:#222;
border:1px solid #ddd;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.question-invite-panel.loading {
padding:6px 12px
}
.question-invite-panel .icon-spike {
left:157px
}
.question-invite-panel .spinner {
color:#999
}
.question-invite-panel .error-message {
padding:6px 12px;
color:#999;
text-align:center
}
.question-invite-panel .invite-title {
padding:12px
}
.question-invite-panel .invite-title .spinner-gray {
float:right;
display:none;
margin-top:9px
}
.question-invite-panel .invite-status {
margin-left:5px;
color:#999
}
@media (max-width:767px) {
.question-invite-panel .invite-status {
display:block;
margin:5px 0 0
}
}.question-invite-panel .input-wrapper {
position:relative;
display:inline-block
}
.question-invite-panel .input-wrapper .zg-icon {
position:absolute;
right:6px;
top:50%;
margin-top:-6px
}
.question-invite-panel .search-input {
padding-right:20px;
width:130px;
line-height:15px;
color:#777
}
.question-invite-panel .invited-shortlist {
position:relative;
display:inline-block
}
.question-invite-panel .invited-shortlist .zg-link {
font-size:13px;
color:#555
}
.question-invite-panel .invited-shortlist .zg-link-gray {
font-size:13px
}
.question-invite-panel .invited-hovercard {
display:none;
position:absolute;
left:50%;
z-index:11;
padding-top:8px;
margin-left:-100px;
width:200px
}
.question-invite-panel .invited-hovercard .icon-spike {
left:50%;
top:1px;
margin-left:-7px
}
.question-invite-panel .invited-hovercard.in {
display:block;
-webkit-animation:fadeIn .05s ease-in both;
animation:fadeIn .05s ease-in both
}
.question-invite-panel .invited-fulllist {
border:1px solid #ddd;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.05);
list-style:none;
white-space:nowrap;
background:#fff
}
.question-invite-panel .invited-fulllist li {
position:relative;
padding:0 65px 0 10px;
height:45px;
line-height:45px;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.question-invite-panel .invited-fulllist li+li {
border-top:1px solid #f5f5f5
}
.question-invite-panel .invited-fulllist .zm-item-link-avatar {
margin-right:.5em
}
.question-invite-panel .invited-fulllist .zm-item-link-avatar:hover {
text-decoration:none
}
.question-invite-panel .invited-fulllist .zm-item-img-avatar {
width:25px;
height:25px;
vertical-align:middle;
border-radius:2px
}
.question-invite-panel .invited-fulllist .cancel-button {
position:absolute;
right:10px;
line-height:45px;
color:#999;
font-size:13px;
outline:0
}
.question-invite-panel .suggest-persons {
list-style:none
}
.question-invite-panel .suggest-persons .person {
margin:0 12px;
padding-top:18px;
padding-bottom:18px;
height:36px;
overflow:hidden
}
.question-invite-panel .suggest-persons .person:first-child {
padding-top:6px
}
.question-invite-panel .suggest-persons .person em,.question-invite-panel .suggest-persons .person .ac-highlighted {
font-style:normal;
color:#c20a0a
}
.question-invite-panel .suggest-persons .person .zm-item-link-avatar {
float:left;
margin-right:12px;
width:36px;
height:36px
}
.question-invite-panel .suggest-persons .person .zm-item-img-avatar {
border-radius:3px
}
.question-invite-panel .suggest-persons .person .content {
min-height:30px;
overflow:hidden
}
.question-invite-panel .suggest-persons .person .invite-button {
outline:0
}
.question-invite-panel .suggest-persons .person .describe {
padding-right:12px;
line-height:1.2;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.question-invite-panel .suggest-persons .person .describe .zg-link {
float:left;
color:#25bb9b
}
.question-invite-panel .suggest-persons .person .reason {
margin-top:3px;
color:#999
}
.question-invite-panel .suggest-persons .person .reason a {
color:#666
}
.question-invite-panel .suggest-persons .person.ac-active {
background-color:#fff
}
@media (max-width:767px) {
.question-invite-panel .suggest-persons .person {
height:auto
}
.question-invite-panel .suggest-persons .reason {
line-height:1.2
}
}.question-invite-panel .suggest-persons .person+.person {
border-top:1px solid #eee
}
.question-invite-panel .suggest-persons .invite-button {
float:right;
padding:4px 10px
}
.question-invite-panel .js-more {
display:block;
padding-top:12px;
padding-bottom:12px;
color:#25bb9b;
text-align:center;
text-decoration:none;
border-top:1px solid #eee
}
.question-invite-panel .js-more:active {
box-shadow:0 0 5px rgba(180,180,180,.2) inset
}
.question-invite-panel .no-result-tips {
display:inline-block;
padding-right:12px;
padding-left:12px;
height:30px;
line-height:30px;
color:#999
}
.zh-question-answer-form-wrap {
margin-top:10px
}
.zh-question-answer-form-wrap .signin-mask-tip-answer {
position:absolute;
top:0;
width:100%;
height:100%
}
.zh-question-answer-form-wrap .submit-button {
margin-left:1em
}
.zh-answer-form {
margin-bottom:10px
}
.zu-answer-form-title {
font-weight:700
}
.zu-answer-form-disabled-wrap {
color:#999;
text-align:center;
margin:15px 0 0
}
.zh-question-answer-form-orgRule {
position:relative
}
.zh-question-answer-form-orgRule ol {
list-style-position:inside
}
.zh-question-answer-form-orgRule ol li {
margin:1em 0
}
.zh-question-answer-form-orgRule .knowMore {
position:relative;
top:43px;
font-size:13px;
color:#25bb9b
}
.zh-add-question-form {
padding:2px 2px 0
}
.zh-add-question-form #zh-question-suggest-detail-container .zm-command {
display:none
}
.zh-add-question-form .zg-section-big,.zh-add-question-form #zh-question-suggest-autocomplete-container,.zh-add-question-form #zh-question-suggest-autocomplete-container2 {
position:relative
}
.zh-add-question-form #zh-question-suggest-autocomplete-container>.ac-renderer,.zh-add-question-form #zh-question-suggest-autocomplete-container2>.ac-renderer {
top:0;
left:0;
z-index:100;
width:235px
}
.zh-add-question-form #zh-question-suggest-detail-trigger,.zh-add-question-form #zh-question-suggest-topic-trigger {
cursor:pointer
}
.zh-add-question-form .zu-question-suggest-topic-input {
border:0 none;
margin:0 0 5px 5px
}
.zh-add-question-form #zm-modal-dialog-warnmsg-wrapper>.zu-global-notify-close,.zh-add-question-form .zm-modal-dialog-warnmsg-wrapper>.zu-global-notify-close {
position:absolute;
right:7px;
top:7px;
float:none;
margin:0
}
.zh-add-question-form .zu-question-suggest-topic-input {
width:120px
}
.zh-add-question-form .zm-item-img-avatar {
margin:-2px 10px 0 0
}
.zh-add-question-form #zh-topic-desc .tr-spinner {
display:none
}
.zh-add-question-form .zm-tag-editor-edit-item {
margin:0 5px 5px 0
}
.zh-add-question-form .zm-tag-editor-edit-item span {
color:#25bb9b
}
.zh-add-question-form .zm-ac-topic-alias {
font-size:12px;
line-height:14px;
color:#999;
display:inline;
padding:10px
}
.zh-add-question-form .label-input-label {
line-height:23px;
color:#999!important
}
.zh-add-question-form .zm-add-question-form-topic-wrap .zm-tag-editor-editor.empty .zg-icon {
display:block
}
.zh-add-question-form .zm-add-question-form-topic-wrap .sug-con {
padding-top:10px
}
.zh-add-question-form .zm-add-question-form-topic-wrap .sug-con .tip {
padding-right:8px
}
.zh-add-question-form .zm-add-question-form-topic-wrap .sug-con img {
margin-top:4px;
margin-left:4px
}
.zh-add-question-form .sug-con .sugs span:after {
vertical-align:1px;
font-weight:700;
content:" +";
margin-left:1px;
line-height:18px
}
.zh-add-question-form .zm-question-form-hide-in-about-question-el {
color:#666;
margin:5px 0
}
.zh-add-question-form .zm-question-form-notice {
float:left;
margin-top:5px;
color:#999
}
.zh-add-question-form .zm-question-form-notice.zm-question-form-notice--warning {
color:#c33
}
.zh-add-question-form #zh-question-suggest-detail-trigger {
line-height:24px;
color:#25bb9b;
display:inline-block;
border-radius:4px
}
.zh-add-question-form .zm-add-question-detail-icon {
display:inline-block;
height:14px;
width:15px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -132px -46px transparent;
margin-left:2px;
vertical-align:0;
margin-right:2px
}
.zh-add-question-form #zh-question-form-tag-err,.zh-add-question-form #zh-question-form-detail-err {
font-size:13px;
color:#c33;
font-weight:400
}
.zh-add-question-form #zh-question-form-tag-err {
margin-left:10px;
float: left;
line-height: 30px;
}
.zh-add-question-form #zh-question-suggest-detail-trigger:hover {
background:#eff6fa;
text-decoration:none
}
.zh-add-question-form .zm-editable-editor-wrap {
margin-top:5px
}
.zh-add-question-form .add-question-section-title {
margin-bottom:5px
}
.zh-add-question-form .title-length-err-msg {
color:#999;
margin-top:5px
}
.zh-add-question-form .title-length-err-msg .error {
color:#c33;
font-size:1.2em
}
.zh-add-question-form .add-question-title-form textarea {
vertical-align:bottom;
min-height:1em
}
.zh-add-question-form .extra-editor-toolbar div {
margin-left:10px
}
.zh-add-question-form .editable {
min-height:66px
}
.zh-add-question-form .add-question-splash-page {
display:none
}
.zh-add-question-form .add-question-splash-page b {
font-size:14px
}
.zh-add-question-form .add-question-splash-page .before-ask-form {
margin-top:30px
}
.zh-add-question-form .add-question-splash-page .before-ask-form input {
width:100%;
border-radius:2px;
box-sizing:border-box
}
.zh-add-question-form .add-question-splash-page .before-ask-form .ac-row a {
color:inherit
}
.zh-add-question-form .add-question-splash-page p {
margin-bottom:18px
}
.zh-add-question-form .add-question-splash-page .ac-renderer {
position:static;
margin-top:-1px;
width:100%;
border:1px solid #ccc;
border-radius:0;
box-shadow:none;
box-sizing:border-box
}
.zh-add-question-form .add-question-splash-page .ac-renderer .ac-row {
cursor:default;
padding:4px 8px
}
.zh-add-question-form .add-question-splash-page .ac-renderer .ac-row.ac-first {
cursor:default
}
.zh-add-question-form .add-question-splash-page .ac-renderer .ac-row.ac-last {
text-align:center;
cursor:pointer;
background-color:#fafafa;
border-top:1px solid #ccc
}
.zh-add-question-form .question-suggest-ac-wrap {
margin-top:5px
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer {
position:static;
margin-top:-1px;
width:100%;
border-radius:0;
box-shadow:none;
box-sizing:border-box
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row {
margin-bottom:-1px;
padding:6px 8px;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
border-collapse:collapse;
*zoom:1
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:before,.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:after {
display:table;
content:""
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:after {
clear:both
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:before,.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:after {
display:table;
content:""
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:after {
clear:both
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:last-child,.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:first-child {
border-radius:0
}
html.no-touchevents .zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:hover {
background-color:#eff6fa
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-head {
padding:6px 8px;
font-size:13px;
font-weight:400!important
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-header {
cursor:pointer;
position:relative;
padding-right:20px!important
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-header>.zippy-indicator {
position:absolute;
right:8px
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-header.goog-zippy-expanded {
background-color:#eff6fa
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content {
padding:6px 0 2px
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item {
color:#222;
text-decoration:none
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .inline-block {
display:inline-block;
vertical-align:middle
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .inline-block+.inline-block {
margin-left:8px
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .summary {
max-width:65%
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .author,.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .anon-author {
font-weight:700
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .zippy-row {
padding:2px 8px
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor {
border-radius:4px;
box-shadow:0 1px 3px rgba(0,0,0,.1) inset;
border:1px solid #ccc!important;
padding:8px 8px 3px;
position:relative
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor.empty {
display:block;
padding-left:25px
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor .icon-magnify {
vertical-align:-1px
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor .err-tip {
color:#999
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor .err-tip.light {
color:#a02313
}
.zu-global-notify {
position:relative;
top:-2px;
padding:5px 0 3px;
color:#666;
background:#FBF9E5;
box-shadow:0 1px 1px rgba(0,0,0,.1)
}
.zu-global-notify.zu-global-notify-info {
z-index:2;
background:#eff6fa
}
.zu-global-notify a+a {
margin-left:5px
}
.zu-global-notify-close {
float:right;
margin:0 -30px 0 0;
width:20px;
height:20px;
opacity:.5;
-ms-filter:"alpha(Opacity=50)";
text-indent:-9999px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -245px -144px
}
.zu-global-notify-close:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.zu-global-notify-icon {
float:left;
margin:2px 0 0 -25px;
width:20px;
height:16px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -225px -146px
}
.zu-global-notify-icon.zu-global-notify-icon-warn {
background-position:0 -467px
}
.zh-summary {
-webkit-tap-highlight-color:rgba(225,225,225,.5);
position:relative;
cursor:pointer
}
.zh-summary .inline-img,.CardAdFeed-image {
float:left;
height:112px;
width:200px;
border-radius:4px;
margin:1px 10px 5px 0
}
a.toggle-expand,.CardAdFeed-button {
display:inline-block;
padding:0 3px;
border-radius:2px;
font-size:.9em;
color: #25bb9b;
}
html.no-touchevents .zh-summary:hover a.toggle-expand {
text-decoration:none;
color: #25bb9b
}
.item-collapse {
float:right;
display:none;
margin:0;
padding:1px 6px 0;
background:0 0;
border:0;
border-radius:3px;
outline:0;
cursor:pointer;
-webkit-transition:background-color .2s,visibility .2s,opacity .2s,-webkit-transform .2s;
transition:background-color .2s,visibility .2s,opacity .2s,-webkit-transform .2s;
transition:background-color .2s,visibility .2s,opacity .2s,transform .2s;
transition:background-color .2s,visibility .2s,opacity .2s,transform .2s,-webkit-transform .2s;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.zm-item-expanded .item-collapse {
display:inline-block
}
.item-collapse.is-sticky {
position:fixed;
right:auto;
z-index:1;
margin:0;
background-color:#25bb9b;
color:#fff;
opacity:.9;
-ms-filter:"alpha(Opacity=90)"
}
.item-collapse.is-sticky:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.page-search .item-collapse.is-sticky {
color:#fff
}
html.no-touchevents .item-collapse.is-sticky:hover {
color:#fff
}
.zh-question-answer-wrapper .item-collapse,.awesome-answer-list .item-collapse {
visibility:hidden;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
float:none;
position:absolute;
top:5px;
right:0;
margin:0;
background-color:#25bb9b;
color:#fff
}
.zh-question-answer-wrapper .item-collapse.is-sticky,.awesome-answer-list .item-collapse.is-sticky {
visibility:visible;
position:fixed;
right:auto;
opacity:.9;
-ms-filter:"alpha(Opacity=90)"
}
.zh-question-answer-wrapper .item-collapse.is-sticky:hover,.awesome-answer-list .item-collapse.is-sticky:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.feeds .item-actions li.item-collapse {
float:right;
margin-right:0
}
.feeds .item-actions li.item-collapse .button-text {
padding-right:0
}
.feeds .item-actions li.item-collapse.is-sticky .button-text,.feeds .item-actions li.item-collapse.is-sticky .button-text:hover {
color:#fff
}
.item-collapse .sprite-global-icon-fold-white {
margin-right:5px;
vertical-align:baseline
}
.item-collapse [class*=sprite-global-icon-fold-round-] {
margin-right:4px;
vertical-align:baseline
}
.zh-trendings>ul {
list-style:none;
margin-top:-7px
}
.zh-trendings>ul>li {
position:relative;
padding:7px 0
}
html.no-touchevents .zh-trendings>ul>li:hover .del {
visibility:visible
}
.zh-trendings>ul>li+li {
border-top:dotted 1px #eee
}
.zh-trendings .del {
position:absolute;
top:5px;
right:0;
visibility:hidden
}
html.touchevents .zh-trendings .del {
visibility:visible
}
.zh-trendings .avatar {
float:left;
margin:3px 9px 0 0
}
.zh-trendings .avatar>img {
width:25px;
height:25px;
border-radius:2px
}
.zh-trendings .headline {
color:#666;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.zh-trendings .bd {
overflow:hidden
}
.zh-trendings .ft,.zh-trendings .ft>.reason>a {
color:#999
}
.mutiview-dialog-bg {
position:fixed;
left:0;
top:0;
background-color:#fff;
opacity:0!important;
-ms-filter:"alpha(Opacity=0)";
z-index:95;
-webkit-transition:opacity .2s ease-out;
transition:opacity .2s ease-out
}
.mutiview-dialog-bg.show {
opacity:.9!important;
-ms-filter:"alpha(Opacity=90)"
}
@media (max-width:450px) {
.mutiview-dialog-bg.show {
opacity:1!important;
-ms-filter:"alpha(Opacity=100)"
}
}.mutiview-dialog {
margin-top:14vh;
width:300px;
color:#787878;
font-size:14px;
background-color:#fff;
border:1px solid #cbcbcb;
border-radius:5px;
box-shadow:0 0 15px 0 rgba(0,0,0,.3);
outline:0;
z-index:99;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
overflow:hidden;
-webkit-transform:translate(0,20px);
-ms-transform:translate(0,20px);
transform:translate(0,20px);
-webkit-transition:.3s ease-out;
transition:.3s ease-out
}
.mutiview-dialog.show {
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0)
}
html.modal-open.no-flexbox .modal-wrapper .mutiview-dialog {
margin:14% auto auto
}
.mutiview-dialog .mutiview-dialog-title {
position:relative;
height:92px
}
.mutiview-dialog .mutiview-dialog-title .title {
position:absolute;
padding-top:25px;
padding-bottom:25px;
width:100%;
height:42px;
text-align:center;
line-height:1;
-webkit-transition:.3s ease-out;
transition:.3s ease-out
}
.mutiview-dialog .mutiview-dialog-title .title.left {
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translate(-50px,0);
-ms-transform:translate(-50px,0);
transform:translate(-50px,0)
}
.mutiview-dialog .mutiview-dialog-title .title.right {
visibility:hidden;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translate(50px,0);
-ms-transform:translate(50px,0);
transform:translate(50px,0)
}
.mutiview-dialog .mutiview-dialog-title .title h1 {
font-size:16px;
line-height:18px;
font-weight:700;
margin-bottom:10px
}
.mutiview-dialog .mutiview-dialog-title .title h2 {
font-size:14px;
font-weight:400
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back,.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close {
position:absolute;
top:10px;
cursor:pointer;
-webkit-transition:opacity .2s ease-out;
transition:opacity .2s ease-out
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back {
visibility:hidden;
left:10px;
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back.show {
opacity:.2;
-ms-filter:"alpha(Opacity=20)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back.show:hover {
opacity:.3;
-ms-filter:"alpha(Opacity=30)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back.show:active {
opacity:.25;
-ms-filter:"alpha(Opacity=25)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close {
right:10px;
opacity:.2;
-ms-filter:"alpha(Opacity=20)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close:hover {
opacity:.3;
-ms-filter:"alpha(Opacity=30)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close:active {
opacity:.25;
-ms-filter:"alpha(Opacity=25)"
}
.mutiview-dialog .mutiview-dialog-content {
position:relative
}
.mutiview-dialog .mutiview-dialog-content.transition {
-webkit-transition:height .3s ease-out;
transition:height .3s ease-out
}
.mutiview-dialog .mutiview-dialog-content .view {
width:100%;
box-sizing:border-box;
-webkit-transition:.3s ease-out;
transition:.3s ease-out
}
.mutiview-dialog .mutiview-dialog-content .view.left {
position:absolute;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translate(-100%,0);
-ms-transform:translate(-100%,0);
transform:translate(-100%,0)
}
.mutiview-dialog .mutiview-dialog-content .view.right {
visibility:hidden;
position:absolute;
top:0;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translate(100%,0);
-ms-transform:translate(100%,0);
transform:translate(100%,0)
}
@media (max-width:450px) {
.mutiview-dialog {
width:100%;
height:100%;
border:0;
border-radius:none;
box-shadow:none
}
.mutiview-dialog .mutiview-dialog-title {
}.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close {
top:0;
right:0;
border:12px solid #fff
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back {
top:0;
left:0;
border:12px solid #fff
}
.mutiview-dialog .mutiview-dialog-content {
height:auto!important
}
html.modal-open .modal-wrapper .mutiview-dialog {
margin-top:0
}
}.SignFlow {
color:#787878;
font-size:14px
}
.SignFlow .title {
padding-top:25px;
padding-bottom:25px;
width:100%;
height:42px;
text-align:center;
line-height:1
}
.SignFlow .title h1 {
font-size:16px;
line-height:18px;
font-weight:700;
margin-bottom:10px
}
.SignFlow .title h2 {
font-size:14px;
font-weight:400
}
.SignFlow button {
padding:0;
font-size:14px;
color:#787878;
background:0 0;
border:0;
outline:0;
cursor:pointer
}
.SignFlow .blue-button {
display:inline-block;
background-color:#0077d9;
padding:8px 16px;
font-size:14px;
line-height:1;
color:#fff;
border:0;
border-radius:3px;
outline:0;
cursor:pointer
}
.SignFlow .blue-button:hover {
background-color:#0070CD
}
.SignFlow .blue-button:active {
background-color:#0077d9
}
.SignFlow .blue-button:btn-pending {
background-color:#A8B9C7
}
.SignFlow .input-wrapper {
position:relative;
border-bottom:1px solid #eee
}
.SignFlow .input-wrapper:first-child {
border-top:1px solid #eee
}
.SignFlow .input-wrapper input {
padding:15px 8px;
height:48px;
width:100%;
font-size:14px;
line-height:18px;
color:#787878;
border:0;
outline:0;
box-sizing:border-box
}
.SignFlow .input-wrapper input:-webkit-autofill {
-webkit-box-shadow:0 0 0 30px #fff inset;
-webkit-text-fill-color:#787878
}
.SignFlow .input-wrapper input::-webkit-input-placeholder {
line-height:18px;
color:#ccc;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.SignFlow .input-wrapper input::-moz-placeholder {
line-height:18px;
color:#ccc;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.SignFlow .input-wrapper input:-ms-input-placeholder {
line-height:18px;
color:#ccc;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.SignFlow .input-wrapper input::placeholder {
line-height:18px;
color:#ccc;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.SignFlow .input-wrapper input::-ms-clear {
display:none
}
.SignFlow .input-wrapper input::-ms-reveal {
display:none
}
.SignFlow .input-wrapper label.error {
position:absolute;
top:0;
right:0;
padding:0 8px;
line-height:48px;
color:#c33;
cursor:text;
background:#fff;
background:-webkit-linear-gradient(left,rgba(255,255,255,0),#fff 8px);
background:linear-gradient(to right,rgba(255,255,255,0),#fff 8px);
visibility:hidden;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transition:.25s ease-out;
transition:.25s ease-out;
-webkit-transform:translate(8px,0);
-ms-transform:translate(8px,0);
transform:translate(8px,0)
}
.SignFlow .input-wrapper label.error.is-visible {
visibility:visible;
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0)
}
.SignFlow .input-wrapper label.error.highlighted {
color:#ed707c;
-webkit-transition:none;
transition:none
}
.SignFlow .input-wrapper label.error a {
text-decoration:none
}
.SignFlow .input-wrapper label.error a,.SignFlow .input-wrapper label.error span {
color:#787878
}
.SignFlow .input-wrapper.toggle-password .z-ico-show-password {
position:absolute;
top:0;
right:0;
margin:auto;
border:solid #fff;
border-width:17px 8px 17px 0;
cursor:pointer
}
.SignFlow .input-wrapper.toggle-password input {
padding-right:41px
}
.SignFlow .input-wrapper.toggle-password label.error {
right:26px
}
.SignFlow .input-wrapper.captcha-module {
display:none
}
.SignFlow .input-wrapper.captcha-module .captcha-container {
position:absolute;
top:0;
right:10px;
bottom:0;
margin:auto;
height:30px;
border-radius:4px;
overflow:hidden;
cursor:pointer
}
.SignFlow .input-wrapper.captcha-module .captcha-container .captcha {
height:30px;
width:90px
}
.SignFlow .input-wrapper.captcha-module label.error {
right:98px
}
.SignFlow .input-wrapper.verification-code input {
width:200px
}
.SignFlow .input-wrapper.verification-code label.error {
right:94px
}
.SignFlow .input-wrapper.verification-code .send-code {
position:relative;
z-index:2;
float:right;
width:94px;
height:48px;
color:#ababab;
background-color:#f7f7f7
}
.SignFlow .submit-wrapper {
padding:22px 0;
text-align:center
}
.SignFlow--bordered {
border:1px solid #eee;
border-radius:3px
}
.SignupForm .actions,.LoginForm .actions {
margin-top:12px;
padding:0 8px;
line-height:30px
}
.SignupForm .actions .submit.zg-btn-blue,.LoginForm .actions .submit.zg-btn-blue {
width:100%;
outline:0
}
.SignupForm .actions button.submit,.LoginForm .actions button.submit {
width:100%;
padding:10px 0
}
.SignupForm .sns,.LoginForm .sns {
position:relative;
padding:0 8px;
line-height:54px
}
.SignupForm .sns button,.LoginForm .sns button {
padding:13px 0;
line-height:1
}
.SignupForm .sns button .ico,.LoginForm .sns button .ico {
display:inline-block;
margin-right:7px;
vertical-align:bottom
}
.SignupForm .sns button:hover,.LoginForm .sns button:hover {
color:#999
}
.SignupForm .sns button:hover .ico,.LoginForm .sns button:hover .ico {
opacity:.8;
-ms-filter:"alpha(Opacity=80)"
}
@media (max-width:450px) {
.SignupForm .sns button.wechat,.LoginForm .sns button.wechat {
display:none
}
html.ua-wechat .SignupForm .sns button.wechat,html.ua-wechat .LoginForm .sns button.wechat {
display:inline-block
}
}.SignupForm .sns .js-show-sns-buttons,.LoginForm .sns .js-show-sns-buttons {
float:right;
padding:20px 0;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateX(-8px);
-ms-transform:translateX(-8px);
transform:translateX(-8px);
-webkit-transition:.25s ease-out;
transition:.25s ease-out;
-webkit-transition-property:opacity,-webkit-transform;
transition-property:opacity,-webkit-transform;
transition-property:opacity,transform;
transition-property:opacity,transform,-webkit-transform
}
.SignupForm .sns .js-show-sns-buttons.is-visible,.LoginForm .sns .js-show-sns-buttons.is-visible {
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:none;
-ms-transform:none;
transform:none
}
.SignupForm .sns .sns-buttons,.LoginForm .sns .sns-buttons {
position:absolute;
top:0;
right:8px;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
visibility:hidden;
-webkit-transform:translateX(8px);
-ms-transform:translateX(8px);
transform:translateX(8px);
-webkit-transition:.25s ease-out .12s;
transition:.25s ease-out .12s;
-webkit-transition-property:opacity,-webkit-transform;
transition-property:opacity,-webkit-transform;
transition-property:opacity,transform;
transition-property:opacity,transform,-webkit-transform
}
.SignupForm .sns .sns-buttons.is-visible,.LoginForm .sns .sns-buttons.is-visible {
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:none;
-ms-transform:none;
transform:none;
visibility:visible
}
.SignupForm .sns .sns-buttons button,.LoginForm .sns .sns-buttons button {
padding:18px 0;
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0
}
.LoginForm input[type=checkbox] {
vertical-align:1px
}
.mutiview-dialog.unable-login .view.start {
padding:25px 0 50px
}
.mutiview-dialog.unable-login .view.start .blue-button {
display:block;
margin:auto;
padding:10px 0;
width:165px
}
.mutiview-dialog.unable-login .view.start .blue-button+.blue-button {
margin-top:25px
}
.mutiview-dialog.oauth-register .view.bound,.mutiview-dialog.oauth-register .view.registered {
text-align:center
}
.mutiview-dialog.oauth-register .view.bound img,.mutiview-dialog.oauth-register .view.registered img {
display:block;
margin:auto;
border-radius:50%
}
.mutiview-dialog.oauth-register .view.bound .name,.mutiview-dialog.oauth-register .view.registered .name {
display:block;
margin:12px auto 15px
}
.mutiview-dialog.oauth-register .view.bound button.register,.mutiview-dialog.oauth-register .view.registered button.register {
width:100%;
height:45px;
margin-top:30px;
background-color:#fafafa
}
.mutiview-dialog.oauth-register .view.bind-login .actions {
padding:20px 9px
}
.mutiview-dialog.oauth-register .view.bind-login input[name=account] {
background-color:#f7f7f7
}
.mutiview-dialog.oauth-register .view.bind-login button.submit {
float:right
}
.answer-share-tip {
margin-top:30px;
padding:32px 0;
font-size:14px;
font-weight:700;
text-align:center;
background-color:#f7f7f7;
border-radius:2px
}
.answer-share-tip button {
margin-left:15px;
font-size:14px;
border:0;
background:0 0;
cursor:pointer;
outline:0
}
.answer-share-tip button:hover {
text-decoration:underline
}
.answer-share-tip button.wechat {
position:relative
}
.answer-share-tip button.wechat:hover .qr-code {
display:block
}
.answer-share-tip .qr-code {
display:none;
position:absolute;
top:-148px;
left:-31px;
padding:0 12px 12px;
font-size:13px;
line-height:33px;
color:#999;
background-color:#fff;
border:1px solid #ccc;
border-radius:6px;
box-shadow:#ddd 0 1px 2px
}
.answer-share-tip .qr-code:before,.answer-share-tip .qr-code:after {
position:absolute;
top:100%;
left:50%;
height:0;
width:0;
border:solid transparent;
content:" "
}
.answer-share-tip .qr-code:before {
margin-left:-10px;
border-width:10px;
border-top-color:#aeaeae
}
.answer-share-tip .qr-code:after {
margin-left:-9px;
border-width:9px;
border-top-color:#fff
}
.answer-share-tip .qr-code img {
display:block;
width:90px;
height:90px
}
.answer-share-tip .ico {
display:inline-block;
margin-right:6px;
vertical-align:-3px
}
.wechat-share-tip {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.8);
background-image:url(../images/img/wechat_share_tips/bg.9cefd995.png);
background-size:250px 103px;
background-repeat:no-repeat;
background-position:85% 10px;
z-index:999;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transition:opacity .15s linear;
transition:opacity .15s linear
}
html.show-wechat-share-tip .wechat-share-tip {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3) {
.wechat-share-tip {
background-image:url(../images/img/wechat_share_tips/bg@3x.19faef19.png)
}
}#guidersv2-page-banner {
margin-bottom:1em;
padding:.5em .8em;
color:#5d7596;
border:1px solid #d4e1ec;
border-radius:4px;
background:#f2f7ff
}
.page-roundtable-list #guidersv2-page-banner {
margin:0 1em 2em
}
#guidersv2-page-banner .icon-close-8x8 {
margin-top:.5em
}
#guidersv2-page-banner .content {
vertical-align:middle
}
.guidev2-mask {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index:2;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
background:#fff;
-webkit-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out
}
.guidev2-mask.fx-show {
opacity:.5;
-ms-filter:"alpha(Opacity=50)"
}
.guide2-section-popover {
position:absolute;
z-index:99;
background:#fff;
width:250px;
border:1px solid #ddd;
border-radius:4px;
box-shadow:0 0 8px 0 rgba(0,0,0,.15);
color:#666;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transition:.3s all ease-in-out;
transition:.3s all ease-in-out
}
.guide2-section-popover .title,.guide2-section-popover .content {
padding:.8em
}
.guide2-section-popover .title,.guide2-section-popover .dismiss {
font-size:1.1em
}
.guide2-section-popover .title {
font-weight:700;
padding-bottom:0
}
.guide2-section-popover .skip-all {
position:absolute;
top:.5em;
right:.5em;
cursor:pointer
}
.guide2-section-popover .dismiss {
display:block;
margin:-1px;
color:#fff;
line-height:2.5;
text-align:center;
background:#58a1de;
cursor:pointer;
border-radius:0 0 4px 4px
}
html.no-touchevents .guide2-section-popover .dismiss:hover {
text-decoration:none
}
.guide2-section-popover.righttop {
top:0;
right:-270px;
-webkit-transform:translate(-20px,0);
-ms-transform:translate(-20px,0);
transform:translate(-20px,0)
}
.guide2-section-popover.lefttop {
top:0;
left:-270px;
-webkit-transform:translate(20px,0);
-ms-transform:translate(20px,0);
transform:translate(20px,0)
}
.guide2-section-popover.bottomcenter {
top:100%;
left:50%;
margin:20px 0 0 -125px
}
.guide2-section-popover.fx-show {
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0)
}
.guide2-section-popover:after,.guide2-section-popover:before {
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none
}
.guide2-section-popover.arrow-lefttop:after,.guide2-section-popover.arrow-lefttop:before {
right:100%;
top:20px
}
.guide2-section-popover.arrow-lefttop:after {
border-color:rgba(255,255,255,0);
border-right-color:#fff;
border-width:8px;
margin-top:-8px
}
.guide2-section-popover.arrow-lefttop:before {
border-color:rgba(221,221,221,0);
border-right-color:#ddd;
border-width:9px;
margin-top:-9px
}
.guide2-section-popover.arrow-righttop:after,.guide2-section-popover.arrow-righttop:before {
left:100%;
top:20px
}
.guide2-section-popover.arrow-righttop:after {
border-color:rgba(255,255,255,0);
border-left-color:#fff;
border-width:8px;
margin-top:-8px
}
.guide2-section-popover.arrow-righttop:before {
border-color:rgba(221,221,221,0);
border-left-color:#ddd;
border-width:9px;
margin-top:-9px
}
.guide2-section-popover.arrow-topcenter:after,.guide2-section-popover.arrow-topcenter:before {
bottom:100%;
left:50%
}
.guide2-section-popover.arrow-topcenter:after {
border-color:rgba(255,255,255,0);
border-bottom-color:#fff;
border-width:8px;
margin-left:-8px
}
.guide2-section-popover.arrow-topcenter:before {
border-color:rgba(221,221,221,0);
border-bottom-color:#ddd;
border-width:9px;
margin-left:-9px
}
.zm-voters-dialog {
width:520px
}
.zm-voters {
padding-right:.9em;
overflow-y:auto;
max-height:600px;
max-height:70vh;
-webkit-overflow-scrolling:touch
}
@media (min-height:900px) {
.zm-voters {
max-height:650px
}
}.zm-voters .empty-results {
color:#999;
text-align:center
}
.zm-voters .zm-profile-card {
padding:.9em 0
}
.zm-voters .zm-profile-card:first-child {
padding-top:0
}
.zm-voters .zm-profile-card+.zm-profile-card {
border-top:1px solid #eee
}
.zm-voters .zm-profile-card .zm-item-link-avatar {
float:left;
margin-right:1em
}
.zm-voters .zm-profile-card .zm-item-link-avatar,.zm-voters .zm-profile-card .zm-item-link-avatar img {
width:40px;
height:40px;
border-radius:2px
}
.zm-voters .zm-profile-card .body {
overflow:hidden;
color:#999
}
.zm-voters .zm-profile-card .author {
max-width:95%
}
.zm-voters .zm-profile-card .bio {
color:#999;
max-width:160px
}
.zm-voters .zm-profile-card .status {
margin:0;
font-size:.9em
}
.zm-voters .zm-profile-card .status li {
display:inline
}
.zm-voters .zm-profile-card .status li+li:before {
content:'/';
margin-right:.2em
}
.zm-voters .zm-profile-card .status span,.zm-voters .zm-profile-card .status a {
color:inherit;
text-decoration:none
}
.goog-menu.share-menu .ico {
display:inline-block;
vertical-align:-4px;
margin-right:6px
}
.goog-menu.share-menu .qrcode-image {
display:block;
margin:5px 0;
width:94px;
height:94px
}
.zm-light-box-fullscreen-image .zm-light-box-img-el {
cursor:-webkit-zoom-out;
cursor:zoom-out;
cursor:url(/static/img/zoom-out.cur)
}
.origin_image {
cursor:-webkit-zoom-in;
cursor:zoom-in;
cursor:url(/static/img/zoom-in.cur)
}
.zh-summary .origin_image {
cursor:pointer
}
.zh-lightbox-showing {
overflow:hidden
}
.zm-light-box.modal-dialog {
border-radius:0;
background:transparent url(../images/img/light_box_close.de97bb10.png) no-repeat 98% 16px;
width:100%;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
overflow-x:hidden;
overflow:auto;
padding:0
}
.zm-light-box .modal-dialog-title {
display:none
}
.zm-light-box .modal-dialog-content {
padding:0;
margin:0;
width:100%;
background:transparent
}
.zm-light-box:hover {
cursor:pointer
}
a.zm-light-box-show-origin {
color:#888;
padding:10px;
display:inline-block;
font-size:14px
}
.zm-light-box-footer {
text-align:center;
line-height:22px
}
.modal-dialog-bg.zm-light-box-background {
opacity:.9;
-ms-filter:"alpha(Opacity=90)";
background:#fff
}
.zm-light-box-img-el {
line-height:22px;
width:100%;
box-shadow:0 1px 4px rgba(0,0,0,.5);
display:block;
margin:0 auto
}
.zm-light-box-x1 {
font-size:0;
text-align:center
}
.zm-light-box-x2 {
display:inline-block;
vertical-align:middle;
padding:0 40px
}
.unblock-dialog-appeal,.unblock-dialog-success {
display:none
}
.unblock-dialog-text {
margin-bottom:10px
}
.unblock-dialog-timeout {
color:#999
}
.unblock-dialog-error {
visibility:hidden;
margin-bottom:5px;
color:#c33;
text-align:right
}
.unblock-dialog-error.is-visible {
visibility:visible
}
.unblock-dialog-menu {
line-height:33px
}
.unblock-dialog-btn {
float:right
}
.unblock-dialog-loading {
display:none;
float:right;
width:14px;
height:15px;
margin:9px 12px 0 0;
background-image:url(../images/img/spinner/grey-loading.b016b1c7.gif);
background-size:cover
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
.unblock-dialog-loading {
background-image:url(../images/img/spinner/grey-loading@2x.c8492b4b.gif)
}
}.unblock-dialog-captcha {
margin:12px 0;
line-height:30px;
text-align:center
}
.unblock-dialog-captcha input {
width:80px;
vertical-align:middle
}
.unblock-dialog-captcha img {
width:120px;
height:30px;
margin:0 4px;
vertical-align:middle
}
.unblock-dialog-captcha a {
color:#999;
vertical-align:middle
}
.unblock-dialog-success-icon {
display:block;
width:30px;
margin:30px auto 10px
}
.unblock-dialog-success-text {
text-align:center
}
.unblock-dialog-success-time {
display:none;
margin:20px 0;
color:#999;
font-size:11px;
text-align:center
}
html.enable-dark-theme.ios-dark-theme a {
color:#4380c3
}
html.enable-dark-theme.ios-dark-theme a.disabled {
color:#606476
}
html.enable-dark-theme.ios-dark-theme .zg-btn-blue {
background:#3a76d0;
background:-webkit-linear-gradient(top,#3a76d0,#064a8f);
background:linear-gradient(to bottom,#3a76d0,#064a8f);
border:1px solid #094f85
}
html.enable-dark-theme.ios-dark-theme body.zhi {
background-color:#1e1e29;
color:#858d9e
}
.Tipjar-entry {
text-align:center;
margin:44px 0 50px
}
.Tipjar-tagLine {
color:#666;
margin-bottom:26px
}
.Tipjar-entryButton {
width:60px;
height:36px;
line-height:36px;
display:inline-block;
text-align:center;
background:#e26d6d;
color:#fff;
border-radius:4px
}
.Tipjar-entryButton:hover {
text-decoration:none
}
.zm-fav-list-item-place-holder {
color:#ccc;
border:2px dashed #ddd;
padding:10px 0;
text-align:center
}
.zm-fav-list-item-lock {
margin-right:.5em
}
.zm-fav-list-item-lock .icon {
margin:0
}
.zm-favo-list-item-link-active {
background:url(../images/img/check4.18d29da3.png) no-repeat 96% center
}
.zm-favo-list-item-title {
color:#222
}
.zu-list-empyt-place-holder {
color:#ccc;
border:2px dashed #ddd;
padding:15px 0;
text-align:center;
margin:15px 0 0
}
.zm-favo-list-item-link {
display:block;
margin:0 12px;
border:solid 1px #DDD;
padding:8px 12px;
box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.zm-favo-list-item-link .meta {
display:block
}
.zm-favo-list-item-link+.zm-favo-list-item-link {
margin-top:12px
}
.zm-favo-list-item-link:hover {
text-decoration:none;
background-color:#F5F5F5
}
.zm-favo-list-content {
max-height:300px;
overflow:auto
}
.zm-favo-dialog-create {
padding:5px 0
}
.zm-favo-dialog-create.zg-btn-blue {
padding:4px 10px;
margin-left:15px
}
.zh-favo-add-form .zg-form-text-input {
width:100%;
box-sizing:border-box
}
.zh-favo-add-title-error {
font-size:13px;
color:#c33;
margin-left:10px
}
.zh-favo-error-message-label {
color:#c33;
margin:5px 0 0
}
.report-dialog.loading .modal-dialog-buttons {
display:none
}
.report-dialog .options {
margin-top:8px
}
.report-dialog .options li {
padding:4px 6px;
list-style:none;
line-height:2
}
.report-dialog .options li li {
padding:0 6px;
display:inline-block;
box-sizing:border-box;
width:50%
}
.report-dialog .options label {
cursor:pointer
}
.report-dialog .options input[type=radio] {
margin-right:10px
}
.report-dialog .options .description,.report-dialog .options .group-description {
padding-left:1em;
line-height:1.7;
color:#999
}
.report-dialog .options .group-options {
margin-left:10px
}
.report-dialog .options .visible-if-checked {
display:none
}
.report-dialog .options li.checked {
background-color:#eff6fa;
border-radius:3px
}
.report-dialog .options li.checked .visible-if-checked {
display:block
}
.report-dialog .reason-text {
width:100%;
margin:10px 0;
box-sizing:border-box
}
.report-dialog .error-container {
color:#fa8282;
text-align:right
}
.report-dialog .input-container {
position:relative
}
.report-dialog .headnote {
float:right;
color:#999
}
.report-dialog .footnote {
color:#999
}
.report-dialog .loading {
text-align:center;
color:#999
}
.report-success-dialog p {
position:relative;
line-height:35px;
font-size:13px
}
.report-success-dialog p a {
color:#25bb9b
}
@media (max-width:500px) {
.report-dialog .options li {
width:100%
}
}.draft-controls {
margin-top:5px
}
.draft-controls-mobile {
position:absolute;
left:0;
margin-left:20px;
margin-top:30px
}
.draft-saved-info {
margin:6px 0 0
}
.draft-saved-time,.draft-save-button {
vertical-align:-2px
}
.draft-saved-time {
margin-left:.5em;
color:#999
}
.draft-saved-time.warning {
color:#c33
}
.anno-box {
cursor:pointer;
margin-top:5px
}
.anno-box span {
padding-left:10px;
margin-left:10px;
border-left:1px solid #ccc
}
.copyright-box {
cursor:pointer;
margin-right:20px;
margin-top:5px
}
.zm-editable-editor-input {
margin:0 auto;
width:100%
}
div.zm-editable-editor-input {
min-height:66px
}
.zm-editable-disabled .zu-edit-button {
display:none
}
.zm-editable-tip-label {
cursor:pointer
}
.editable {
min-height:88px;
background:#fff;
font-size:13px;
cursor:text
}
.zu-edit-button {
color:#999;
display:inline-block;
font-size:11px;
-webkit-text-size-adjust:none;
font-weight:400;
padding:0 5px 0 2px;
margin:0 0 0 2px
}
html.no-touchevents .zu-edit-button:hover {
text-decoration:none;
background:#eff6fa;
border-radius:3px;
color:#25bb9b
}
.zu-edit-button-icon {
background-position:-118px -50px;
height:12px;
margin-right:4px;
outline:medium none;
overflow:hidden;
width:12px;
vertical-align:-3px
}
html.no-touchevents a:hover>.zu-edit-button-icon {
background-position:-131px -50px
}
.zg-icon-edit-button-gray {
height:12px;
width:10px;
background-position:-121px -50px
}
.zg-icon-edit-button-blue {
height:12px;
width:14px;
background-position:-135px -51px
}
.zm-editable-editor-wrap {
margin:8px 0 5px;
position:relative
}
.zm-editable-editor-outer {
position:relative;
background:#FFF
}
.zm-editable-editor-field-wrap {
position:relative;
padding:8px 10px;
border:1px solid #ccc;
border-radius:0 0 3px 3px;
box-shadow:0 0 4px 0 rgba(0,0,0,.1) inset;
-webkit-transition:min-height .25s ease-out;
background:#fff
}
#zh-question-suggest-detail-container .zm-editable-editor-field-wrap {
overflow-y:auto;
max-height:192px
}
#zh-question-suggest-detail-container embed {
max-width:392px
}
.zm-editable-editor-field-wrap-active {
border:1px solid #AAA
}
.rich-editable-loading-holder {
color:#999;
margin:10px 0
}
.rich-editable-loading-holder img {
vertical-align:text-top
}
.zm-editable-editor-wrap.no-toolbar .zm-editable-editor-field-wrap {
border-radius:4px
}
.editable-dropzone {
display:none;
position:absolute;
top:8px;
background-color:rgba(255,255,255,.5)
}
.editable-dropzone .row {
display:table-row
}
.editable-dropzone .row .cell {
display:table-cell;
color:#999;
font-size:20px;
text-align:center;
vertical-align:middle;
background-color:#fff;
border:3px dashed #999;
border-radius:4px;
opacity:.7;
-ms-filter:"alpha(Opacity=70)"
}
.mention-popup {
position:absolute;
top:0;
left:0;
z-index:201;
margin:0;
padding:0;
width:198px;
border-radius:4px 4px 0 0;
box-shadow:0 1px 5px rgba(0,0,0,.15);
border-bottom:1px solid #bbb
}
.mention-popup.activated {
border-radius:4px
}
.mention-popup .writing-bg {
border:1px solid #bbb;
border-bottom:0;
padding:4px 8px;
border-radius:4px 4px 0 0;
background:#fff
}
.mention-popup .writing-bg input {
width:100%;
outline:0;
border:0;
line-height:13px
}
.mention-popup .tip {
background:#f4f4f4;
min-width:180px;
padding:2px 0;
text-indent:10px;
border:1px solid #bbb;
border-bottom:0;
border-top:0;
color:#999
}
.mention-popup .name,.mention-popup .avatar {
vertical-align:middle
}
.mention-popup .body {
overflow:hidden;
line-height:1.4
}
.mention-popup .bio,.mention-popup .name {
display:block;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.mention-popup .name {
color:#222
}
.mention-popup .avatar {
float:left;
margin:5px 8px 0 0;
width:25px;
height:25px;
border-radius:2px
}
.mention-popup .ac-renderer {
position:static;
width:auto;
margin:0;
padding:0;
border:0!important;
background:#fff;
box-shadow:none;
border-radius:0 0 4px 4px
}
.mention-popup .ac-renderer .ac-row {
margin:0;
padding:5px 10px;
height:36px;
color:#999;
border:solid #bbb;
border-width:0 1px
}
.mention-popup .ac-renderer .ac-row:first-child {
border-radius:0
}
.mention-holder {
color:#222
}
.hc-lang-select {
position:absolute;
z-index:110;
text-shadow:0 1px rgba(255,255,255,.8)
}
.lang-select {
position:relative;
width:150px;
overflow:hidden;
border:1px solid #bebebe;
border-radius:3px;
background:#f0f0f0;
box-shadow:rgba(255,255,255,.4) 0 1px 0 inset,0 1px 1px rgba(0,0,0,.1)
}
.lang-select.collapsed .lang-list,.lang-select.collapsed .input-wrapper {
display:none
}
.lang-select.collapsed .title-button {
cursor:pointer
}
.lang-select .zg-icon-double-arrow {
position:absolute;
top:7px;
right:4px;
pointer-events:none
}
.lang-select .title-button {
display:block;
margin:0 10px;
padding-right:1em;
height:28px;
line-height:29px;
outline:0;
cursor:default;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.lang-select .input-wrapper {
margin:1px 0 8px
}
.lang-select .filter-input {
height:15px;
line-height:15px;
margin:0 auto;
display:block;
width:120px;
font-size:13px;
border-radius:3px;
box-shadow:0 1px 1px rgba(0,0,0,.1) inset,0 1px rgba(255,255,255,.4);
outline:0;
padding:6px!important
}
.lang-list {
margin:0;
padding:0;
height:auto!important;
max-height:300px;
overflow-x:auto
}
.lang-list>.lang-option {
padding:3px 10px;
cursor:pointer
}
.lang-list>.lang-option.active {
background:#fdfdfd
}
.lang-list>.lang-option.checked {
display:none
}
.lang-list>.lang-option .icon.checked {
display:none
}
.zh-backtotop {
position: fixed;
bottom: 113px;
z-index: 19;
right: 0;
margin-right: 90px;
}
.zh-backtotop .btn-action {
display:block;
width:38px;
height:38px;
background-color:#ddd;
border-radius:3px;
border:0;
cursor:pointer;
position:relative
}
.zh-backtotop .arrow,.zh-backtotop .stick {
position:absolute;
right:0;
left:0;
margin:auto
}
.zh-backtotop .arrow {
width:0;
height:0;
top:-1px;
border:9px solid transparent;
border-bottom-color:#aaa
}
.zh-backtotop .stick {
width:8px;
height:14px;
top:15px;
border-radius:1px;
background-color:#aaa
}
html.no-touchevents .zh-backtotop .btn-action:hover {
background-color:#e2e2e2
}
html.no-touchevents .zh-backtotop .btn-action:hover .arrow {
border-bottom-color:#bbb
}
html.no-touchevents .zh-backtotop .btn-action:hover .stick {
background-color:#bbb
}
.modal-dialog.shortcut-tips-dialog {
width:550px
}
.shortcut-tips {
margin:0;
overflow:hidden;
line-height:2;
color:#222
}
.shortcut-tips>.group {
width:50%;
display:inline-block;
vertical-align:top
}
.shortcut-tips h2 {
margin:0 0 0 130px;
text-align:left
}
.shortcut-tips dl {
margin:0 0 1em 20px;
font-size:14px;
line-height:28px
}
.shortcut-tips dt {
padding-right:5px;
float:left;
clear:left;
min-width:105px;
text-align:right
}
.shortcut-tips dd {
text-align:left
}
.shortcut-tips dt:after {
margin-left:4px;
content:':';
color:#999
}
kbd {
display:inline-block;
margin:0 1px;
padding:0 5px;
min-width:1em;
font:11px/22px Menlo,Monaco,monospace;
color:#888;
border:1px solid #C1C1C1;
border-radius:3px;
text-align:center;
box-shadow:inset 0 2px 2px #fff,0 1px 2px rgba(0,0,0,.1);
background:-webkit-linear-gradient(top,#fff 0,rgba(240,240,240,.92) 83%,rgba(250,250,250,.91) 89%,rgba(188,188,188,.9) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6bcbcbc',GradientType=0)
}
body.zu-editing-distraction-free {
overflow:hidden;
-webkit-font-smoothing:antialiased
}
#zu-distraction-free-editor {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:88;
display:none;
font:13px 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,'Hiragino Sans GB',sans-serif;
overflow-y:auto;
background-color:#fbfcf7
}
#zu-distraction-free-editor .tr-icon {
background-color:#fbfcf7
}
body.zu-editing-distraction-free #zu-distraction-free-editor {
display:block
}
#zu-distraction-free-editor .content {
margin-top:50px
}
#zu-distraction-free-editor .header,#zu-distraction-free-editor .header a,#zu-distraction-free-editor .goog-toolbar,#zu-distraction-free-editor .toolbar-info,#zu-distraction-free-editor .tools {
-webkit-transition:opacity .33s ease-in-out;
transition:opacity .33s ease-in-out
}
#zu-distraction-free-editor .header {
width:100%;
border-bottom:1px solid #e3e3e3;
opacity:.5;
-ms-filter:"alpha(Opacity=50)";
z-index:90
}
#zu-distraction-free-editor .header:hover,#zu-distraction-free-editor .goog-scrollfloater:hover .toolbar-info,#zu-distraction-free-editor .goog-toolbar:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
#zu-distraction-free-editor .title,#zu-distraction-free-editor .wrapper,#zu-distraction-free-editor .toolbar,#zu-distraction-free-editor .content {
width:600px;
margin:0 auto;
position:relative
}
#zu-distraction-free-editor .title {
font-size:18px;
font-weight:700;
color:#222;
padding:20px 0
}
#zu-distraction-free-editor .back,#zu-distraction-free-editor .publish {
text-indent:-9999px;
position:absolute;
display:block;
width:68px;
height:30px;
top:18px;
opacity:.8;
-ms-filter:"alpha(Opacity=80)"
}
html.no-touchevents #zu-distraction-free-editor .back:hover,html.no-touchevents #zu-distraction-free-editor .publish:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
#zu-distraction-free-editor .back {
background:url(../images/img/editor/back.da2c3b8c.png) no-repeat;
left:-150px
}
#zu-distraction-free-editor .publish {
background:url(../images/img/editor/publish.b50c5729.png) no-repeat;
right:-150px
}
@media (max-width:959px) {
#zu-distraction-free-editor .back {
left:-75px
}
#zu-distraction-free-editor .publish {
right:-75px
}
}#zu-distraction-free-editor .toolbar {
display:none;
height:50px;
padding:0 0 5px;
background:url(../images/img/editor/shadow.7fa75ac6.png) no-repeat center bottom
}
#zu-distraction-free-editor .tools {
height:50px;
background:0 0;
opacity:.5;
-ms-filter:"alpha(Opacity=50)";
position:relative
}
#zu-distraction-free-editor .tools span {
position:absolute;
right:0;
top:16px
}
#zu-distraction-free-editor .tools:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
#zu-distraction-free-editor .toolbar-info {
position:absolute;
right:4em;
top:15px;
height:16px;
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
#zu-distraction-free-editor .editable {
min-height:500px;
margin-top:20px;
padding:0 0 100px;
background:transparent;
font:16px/1.8 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,'Hiragino Sans GB',sans-serif!important
}
#zu-distraction-free-editor .editable pre {
font-size:14px;
border:1px solid rgba(0,0,0,.1);
background:rgba(255,255,255,.5)
}
#zu-distraction-free-editor .content ul,#zu-distraction-free-editor .content ol {
margin:0 0 0 30px
}
#zu-distraction-free-editor .content ul li,#zu-distraction-free-editor .content ol li {
margin:0
}
#zu-distraction-free-editor .content address,#zu-distraction-free-editor .content blockquote,#zu-distraction-free-editor .content sup {
line-height:36px;
border-left:3px solid #E5E6E1
}
#zu-distraction-free-editor .zm-editable-editor-outer {
margin-top:0
}
#zu-distraction-free-editor .goog-toolbar,#zu-distraction-free-editor .zm-editable-editor-outer,#zu-distraction-free-editor .zm-editable-editor-field-wrap {
padding:0!important;
border:0;
background:0 0;
box-shadow:none
}
#zu-distraction-free-editor .goog-toolbar {
height:40px;
opacity:.5;
-ms-filter:"alpha(Opacity=50)"
}
#zu-distraction-free-editor .sticky-goog-scrollfloater {
position:fixed;
top:0;
z-index:100
}
#zu-distraction-free-editor .sticky-goog-scrollfloater+div {
margin-top:55px
}
#zu-distraction-free-editor .goog-scrollfloater {
padding:10px 0 5px;
width:600px;
z-index:89;
height:40px;
background:url(../images/img/editor/shadow.7fa75ac6.png) no-repeat center bottom #fbfcf7
}
.zh-hovercard-arrow,.zu-top-live-icon {
height:15px;
width:23px;
z-index:101;
position:absolute
}
.zh-hovercard-arrow.bottom {
bottom:-11px;
left:25px;
background-position:-168px -185px
}
.zh-hovercard-arrow.top,.zu-top-live-icon {
top:-11px;
left:25px;
background-position:-168px -165px
}
.zu-top-live-icon {
top:-12px
}
#zh-tooltip {
position:absolute;
background:0 0;
z-index:100;
-webkit-animation:.05s ease-in both;
animation:.05s ease-in both
}
#zh-tooltip.in {
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}
#zh-tooltip.out {
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}
#zh-tooltip.goog-hovercard.popover {
z-index:90
}
.zh-profile-card {
width:380px
}
.zh-profile-card .upper,.zh-profile-card .lower {
border:14px solid transparent
}
.zh-profile-card .upper {
background:#fff;
padding-left:66px;
min-height:50px
}
.zh-profile-card .upper .icon {
margin-left:3px
}
.zh-profile-card .upper a.avatar-link {
position:relative
}
.zh-profile-card .upper img.Avatar {
position:absolute;
left:-66px
}
.zh-profile-card .upper span.name {
font-size:14px;
font-weight:700
}
.zh-profile-card .upper div.tagline {
font-size:13px;
color:#222;
padding-top:4px
}
.zh-profile-card .upper .personal {
padding-top:8px
}
.zh-profile-card .upper .personal .zg-icon {
vertical-align:-1px
}
.zh-profile-card .upper .personal .icon-profile-education,.zh-profile-card .upper .personal .icon-profile-company {
margin-right:6px
}
.zh-profile-card .upper .personal .info-wrap {
color:#999
}
.zh-profile-card .upper .personal .info-wrap .item+.item {
border-left:1px solid #EEE;
padding-left:10px;
margin-left:10px
}
.zh-profile-card .upper .secondary {
padding-top:8px;
color:#999;
border-top:1px solid #EEE;
margin-top:8px
}
.zh-profile-card .upper .secondary div span {
display:inline-block
}
.zh-profile-card .upper .secondary a,.zh-profile-card .upper .secondary a:visited {
color:#222
}
.zh-profile-card .upper .secondary .OrgIcon {
display:none
}
.zh-profile-card .upper .other span {
color:#999
}
.zh-profile-card .upper .hr {
border-top:1px solid #eee;
width:225px;
padding-top:6px;
margin-top:6px
}
.zh-profile-card .lower {
background:#fafafa
}
.zh-profile-card .lower .operation .self {
line-height:48px;
float:right;
color:#999
}
.zh-profile-card .lower .operation .zg-btn,.zh-profile-card .lower .operation .zg-btn-white,.zh-profile-card .lower .operation button {
float:right;
height:32px;
margin-top:8px;
vertical-align:middle
}
.zh-profile-card .lower .operation .zg-btn {
margin-left:15px;
font-size:13px
}
.zh-profile-card .lower .operation .zg-icon.pm {
background-position:0 -148px;
width:17px;
height:14px;
text-indent:-999em
}
.zh-profile-card .lower .meta .item {
float:left;
padding:0 16px;
border-right:1px solid #eee;
color:inherit;
text-decoration:none
}
.zh-profile-card .lower .meta .item:hover {
color:#25bb9b
}
.zh-profile-card .lower .meta .item:hover .key {
color:inherit
}
.zh-profile-card .lower .meta .item .value,.zh-profile-card .lower .meta .item .key {
display:block;
text-align:center
}
.zh-profile-card .lower .meta .item .value {
font-size:15px;
font-weight:700
}
.zh-profile-card .lower .meta .item .key {
font-size:14px;
color:#999
}
.zh-profile-card .lower .meta .item:first-child {
padding-left:0
}
.zh-profile-card .lower .meta .item:last-child {
border-right:0 none
}
.zu-top-nav-live {
border-radius:5px;
border:solid 1px #bbb
}
.zu-top-nav-live-inner {
padding:10px;
border-radius:5px;
border:solid 3px #f4f4f4;
background:#fff
}
.zh-hovercard-spinner {
width:45px;
height:30px;
background-image:url(../images/img/spinner2.8f60205d.gif);
background-repeat:no-repeat;
background-position:center
}
.zu-tooltip-arrow-bottom,.zh-tooltip-arrow-right {
position:absolute;
border:6px solid transparent;
width:0;
height:0
}
.zu-tooltip-arrow-bottom {
border-bottom-color:#222;
top:-10px;
left:8px
}
.zh-tooltip-arrow-right {
border-right-color:#222;
top:8px;
left:-10px
}
.popover {
position:absolute;
top:0;
left:0;
z-index:1050;
display:none;
padding:12px
}
.popover.top {
margin-top:-6px
}
.popover.right {
margin-left:6px
}
.popover.bottom {
margin-top:6px
}
.popover.left {
margin-left:-6px
}
.popover.top .arrow {
bottom:0;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-top:13px solid #ccc
}
.popover.top .arrow2 {
bottom:1px;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-top:13px solid #fafafa
}
.popover.top .arrow2.loading {
bottom:1px;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-top:13px solid #fff
}
.popover.right .arrow {
top:50%;
left:0;
margin-top:-13px;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-right:13px solid #ccc
}
.popover.right .arrow2 {
top:50%;
left:1px;
margin-top:-13px;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-right:13px solid #fff
}
.popover.bottom .arrow {
top:0;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-bottom:13px solid #ccc
}
.popover.bottom .arrow2 {
top:1px;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-bottom:13px solid #fff
}
.popover.left .arrow {
top:50%;
right:0;
margin-top:-13px;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-left:13px solid #ccc
}
.popover.left .arrow2 {
top:50%;
right:1px;
margin-top:-13px;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-left:13px solid #fff
}
.popover .arrow,.popover .arrow2 {
position:absolute;
width:0;
height:0
}
.popover .popover-title {
padding:9px 15px;
line-height:1;
background-color:#f5f5f5;
border-bottom:1px solid #eee;
border-radius:3px 3px 0 0
}
.popover .popover-content {
background:#fff;
border:solid 1px #ccc;
border-radius:5px;
overflow:hidden
}
.popover .popover-content p,.popover .popover-content ul,.popover .popover-content ol {
margin-bottom:0
}
.goog-hovercard.popover {
display:block
}
.well {
background:#F7F7F7;
border-radius:4px;
margin:0 0 20px;
padding:10px 15px;
color:#666
}
.zm-side-section-inner .well>span {
display:block;
margin-bottom:6px
}
.modal-dialog.activate-dialog .modal-dialog-content {
margin:0;
padding:12px 15px
}
.modal-dialog.activate-dialog .tip {
margin-bottom:17px;
padding:10px 13px;
color:#5B7BA0;
background:#ecf4f8;
border:1px solid #dbe6eb;
border-radius:4px
}
.modal-dialog.activate-dialog .describe,.modal-dialog.activate-dialog .email,.modal-dialog.activate-dialog .actions {
line-height:1;
text-align:center
}
.modal-dialog.activate-dialog .describe {
margin:22px 0 27px;
color:#999
}
.modal-dialog.activate-dialog .email {
color:#666;
font-size:15px
}
.modal-dialog.activate-dialog .actions {
color:#999;
margin-top:22px;
margin-bottom:15px
}
.modal-dialog.activate-dialog .actions .zg-bull {
padding:0;
color:#999
}
.modal-dialog.activate-dialog .actions a.resend-activation-email.disabled {
color:#999;
text-decoration:none
}
.modal-dialog.activate-dialog form.activate {
display:none
}
.modal-dialog.activate-dialog form .input-wrapper {
margin-bottom:15px
}
.modal-dialog.activate-dialog form .input-wrapper input.text {
width:165px
}
.modal-dialog.activate-dialog form .input-wrapper label.info {
display:inline-block;
width:88px
}
.modal-dialog.activate-dialog form .input-wrapper label.error {
display:block;
margin-top:15px;
margin-left:88px;
color:#c33
}
.modal-dialog.activate-dialog form .input-wrapper .resend-code {
margin-left:13px;
color:#999;
background:0 0;
border:0;
cursor:pointer
}
.modal-dialog.activate-dialog form .submit {
float:right;
margin-bottom:5px
}
.activate-mask-tip-answer {
width:100%;
height:100%;
padding:67px 50px 0 140px;
margin-bottom:25px;
box-sizing:border-box;
background-image:url(../images/img/activatemail.e6febda7.png);
background-size:64px 45px;
background-position:50px 67px;
background-repeat:no-repeat;
background-color:rgba(255,255,255,.5);
font-size:14px;
color:#999;
position:absolute;
top:0;
z-index:9;
overflow:hidden
}
@media (max-width:767px) {
.activate-mask-tip-answer {
background-image:none!important;
padding-left:50px
}
}.activate-mask-tip-answer-simple {
padding-top:20px;
background-position:50px 20px
}
.activate-mask-tip-comment {
padding:15px 50px 15px 140px;
border:1px solid #DDD;
border-radius:3px;
box-shadow:0 1px 3px rgba(0,0,0,.1) inset;
background-image:url(../images/img/activatemail.e6febda7.png);
background-size:64px 45px;
background-position:50px 15px;
background-repeat:no-repeat;
background-color:rgba(255,255,255,.5);
color:#999;
font-size:14px;
overflow:hidden
}
@media (max-width:767px) {
.activate-mask-tip-comment {
background-image:none!important;
padding-left:50px
}
}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
.activate-mask-tip-answer {
background-image:url(../images/img/activatemail@2x.ee1403f9.png)
}
.activate-mask-tip-comment {
background-image:url(../images/img/activatemailsent@2x.c95b894f.png)
}
}.hc-actionbar {
position:absolute;
z-index:110;
border:1px solid #b0b0b0;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.1);
background:#f0f0f0
}
.hc-actionbar>.button {
float:left;
padding:6px;
cursor:pointer;
border-right:1px solid #b0b0b0
}
.hc-actionbar>.button:hover {
background:#f8f8f8
}
.hc-actionbar>.button.checked,.hc-actionbar>.button:active {
background:#e3e3e3;
box-shadow:inset 0 0 3px rgba(0,0,0,.1)
}
.hc-actionbar>.button.first {
border-radius:4px 0 0 4px
}
.hc-actionbar>.button.last {
border-right:0;
border-radius:0 4px 4px 0
}
.hc-actionbar .icon {
display:block;
width:16px;
height:16px;
line-height:16px
}
.icon-actionbar-link {
background-position:-182px -202px
}
.icon-actionbar-text {
background-position:-166px -202px
}
.editable a[data-editable].hover,.editable a[data-editable]:hover {
background:#eff6fa
}
img[eeimg] {
max-width:100%;
vertical-align:middle
}
img[eeimg="1"] {
display:inline-block;
margin:0 3px
}
img[eeimg="2"] {
margin:10px auto;
display:block
}
.ee-modal-dialog {
width:475px
}
.ee-displaymath {
text-align:center
}
.ee-content {
background:#FFF;
border:1px solid #369;
overflow:auto;
padding:4px 8px
}
.ee-tex {
position:relative;
padding:8px 10px;
border:1px solid #ccc;
border-radius:0 0 3px 3px;
box-shadow:0 0 4px 0 rgba(0,0,0,.1) inset;
-webkit-transition:min-height .25s ease-out;
background:#fff;
width:94.8%!important;
display:block;
height:4.5em
}
.ee-section-title {
margin:10px 0;
font-weight:700
}
.ee-section-title:first-child {
margin-top:0
}
.ee-section-title-floating {
float:left
}
#ee-section-learn-more {
float:right
}
.ee-preview-container {
border:1px dashed #ccc;
height:80px;
margin:10px 0;
padding:8px;
overflow:auto
}
.ee-warning {
color:red
}
.ee-palette {
border:1px solid #aaa;
left:0;
outline:0;
position:absolute
}
.ee-palette-table {
border:0;
border-collapse:separate
}
.ee-palette-cell {
background:#fff;
border:1px solid #FFF;
margin:0;
padding:1px
}
.ee-palette-cell-hover {
background:#E2ECF9!important;
border:1px solid #8db5e8;
padding:1px
}
.ee-palette-cell-selected {
background:#F0F0F0;
border:1px solid #CCC!important;
padding:1px
}
.ee-menu-palette-table {
margin-right:10px
}
.ee-menu-palette {
position:relative;
margin:0;
padding:4px;
background:#f1f1f1;
background:-webkit-linear-gradient(top,#f5f5f5,#efefef);
background:linear-gradient(to bottom,#f5f5f5,#efefef);
border:1px solid #ccc;
border-bottom:0;
border-radius:3px 3px 0 0;
box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
cursor:default;
zoom:1;
outline:0;
padding-top:2px
}
.ee-menu-palette-cell {
background:#F0F0F0 none repeat scroll 0 0;
border-color:#ddd;
border-style:solid;
border-width:0;
padding-right:4px
}
.ee-menu-palette-cell-hover,.ee-menu-palette-cell-selected {
border-color:#d1d1d1!important;
background:#F0F0F0
}
.ee-menu-palette-cell-hover .ee-menu-palette-item {
border:1px solid #ccc
}
.ee-palette-item,.ee-menu-palette-item {
border-radius:2px;
padding:2px 0 0;
margin:2px 0 0;
border:1px solid rgba(0,0,0,0);
background-image:url(../images/img/ee-palettes.7f5a8ec7.png)
}
.zm-uploader-button-fix {
vertical-align:0
}
.zm-img-uploader a.browser {
margin:0 10px 10px 0
}
.zm-img-uploader .zg-form-text-input {
margin:0 15px 10px 0;
width:270px
}
.zm-img-uploader-tab {
color:#999
}
@media only screen and (max-device-width:450px) {
.zm-img-uploader .zg-form-text-input {
width:90%
}
.zm-uploader-button-fix {
margin:10px 0 0
}
}.zm-video-uploader-info {
height:24px;
overflow:hidden;
margin:6px 0 0
}
.zm-img-uploader-error {
color:#A02313;
vertical-align:3px
}
.zm-img-uploader-loading {
color:#999;
padding:0 0 0 20px;
background:url(../images/img/spinner2.8f60205d.gif) no-repeat;
vertical-align:3px
}
.zm-img-uploader form {
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #EEE
}
.zm-img-uploader .tab-content {
display:none
}
.zm-img-uploader .tab-content.selected {
display:block
}
.zm-img-uploader .tab-content.selected.inline {
display:inline-block
}
.zm-img-uploader .tab-nav {
font-weight:700
}
.zm-img-uploader .tab-nav.selected {
color:#222;
cursor:default;
text-decoration:none
}
.zm-noti7-popup-week {
font-size:12px;
line-height:1;
background-clip:padding-box;
background-color:#fff;
border-bottom:1px solid #ddd;
border-radius:3px 3px 0 0;
color:#222
}
.zm-noti7-popup-week-summary {
padding:8px 8px 6px;
text-align:left
}
.zm-noti7-popup-week-summary a {
color:#3b5998
}
.zm-noti7-frame {
width:100%;
height:300px;
overflow:hidden;
position:relative
}
.zm-noti7-frame-border {
height:1px;
width:100%;
position:relative;
background:#ddd;
background:-webkit-linear-gradient(left,rgba(250,250,250,.1) 0,rgba(240,240,240,.8) 1%,#ddd 4%,#ddd 96%,rgba(240,240,240,.8) 99%,rgba(250,250,250,.1) 100%);
background:linear-gradient(to right,rgba(250,250,250,.1) 0,rgba(240,240,240,.8) 1%,#ddd 4%,#ddd 96%,rgba(240,240,240,.8) 99%,rgba(250,250,250,.1) 100%)
}
.zm-noti7-frame-border.top::after {
content:"";
position:absolute;
top:0;
height:1px;
box-shadow:0 1px 1px rgba(0,0,0,.05);
left:4px;
right:4px;
z-index:10
}
.zm-noti7-frame-border.bottom::after {
content:"";
position:absolute;
top:0;
height:1px;
box-shadow:0 -1px 1px rgba(0,0,0,.05);
left:4px;
right:4px;
z-index:10
}
.zm-noti7-content {
width:315px;
height:100%;
overflow-y:scroll;
position:relative;
-webkit-overflow-scrolling:touch
}
.zm-noti7-content.message .OrgIcon,.zm-noti7-content.thanks .OrgIcon {
display:none
}
.zm-noti7-content-body .zm-noti7-sect:last-child .zm-noti7-content-item:last-child {
border-bottom:0
}
.zm-noti7-content-body .zm-noti7-sect .zm-noti7-expandable {
margin:0;
border:0;
padding:0
}
.zm-noti7-content-head-item {
padding:7px 11px 7px 23px;
border-bottom:1px solid #eee
}
.unread .zm-noti7-content-item {
border-bottom:1px solid #E5EEF7!important
}
.unread .zm-noti7-content-item:last-child {
border-bottom:1px solid #EEE!important
}
.zm-noti7-content-item {
padding:7px 11px;
position:relative
}
.zm-noti7-content-item .author-list .user-block {
word-break:break-all
}
.zu-noti7-popup .zm-noti7-popup-tab-container {
outline:0
}
.zu-noti7-popup .noti-spinner-loading {
width:24px;
height:24px;
display:inline-block;
background-repeat:no-repeat
}
.zu-noti7-popup.open .noti-spinner-loading {
background-image:url(../images/img/noti-loading.d4eba93d.gif)
}
.zu-noti7-popup .zm-noti7-content-item::after {
content:"";
position:absolute;
bottom:-1px;
left:0;
display:block;
width:100%;
height:1px;
background:-webkit-linear-gradient(left,#fff 0,rgba(255,255,255,.5) 1%,rgba(255,255,255,0) 6%,rgba(255,255,255,0) 94%,rgba(255,255,255,.5) 99%,#fff 100%);
background:linear-gradient(to right,#fff 0,rgba(255,255,255,.5) 1%,rgba(255,255,255,0) 6%,rgba(255,255,255,0) 94%,rgba(255,255,255,.5) 99%,#fff 100%)
}
.zm-noti7-popup-footer {
vertical-align:middle
}
.zm-noti7-popup-footer a {
color:#999;
display:inline-block;
padding:6px 12px
}
.zm-noti7-popup-footer a.current {
background-color:#ddd
}
.zm-noti7-popup-empty {
width:312px;
height:20px;
text-align:center;
vertical-align:middle;
color:#999;
position:absolute;
top:125px
}
.zu-noti7-popup .zu-top-nav-live-inner {
padding:0;
border:0;
box-shadow:0 1px 4px rgba(0,0,0,.3);
margin:0
}
.zu-noti7-popup .zu-home-noti-inner {
margin:0
}
.zu-noti7-popup.zu-top-nav-live {
width:315px;
left:52px;
top:48px;
border:1px solid #ddd;
display:none
}
.zu-noti7-popup .zu-top-live-icon {
left:144px;
width:25px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -228px -186px
}
.zm-noti7-popup-loading {
padding:119px 0;
vertical-align:middle;
text-align:center
}
.zm-noti7-popup-loading .icon {
display:inline-block;
width:24px;
line-height:22px;
text-indent:-9999px;
position:relative;
top:80px
}
.zm-noti7-wrap .zm-item-more-wrap {
border:0
}
.zm-noti7-popup-tab-item {
float:left;
width:33%;
text-align:center;
vertical-align:middle;
position:relative;
cursor:pointer;
background:0 0;
border:0;
outline:0
}
.zm-noti7-popup-tab-item+.zm-noti7-popup-tab-item {
border-left:1px solid #EEE
}
.zm-noti7-popup-tab-item .icon {
position:relative;
display:inline-block;
width:22px;
line-height:16px;
margin:9px;
text-indent:-9999px;
opacity:.6;
-ms-filter:"alpha(Opacity=60)"
}
.zm-noti7-popup-tab-item .icon.withdot:after {
position:absolute;
top:5px;
right:-10px;
display:block;
width:6px;
height:6px;
background:#3098EB;
border-radius:15px;
content:""
}
.zm-noti7-popup-tab-item:active .icon,html.no-touchevents .zm-noti7-popup-tab-item:hover .icon {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.zm-noti7-popup-tab-item.message .icon {
background-position:-94px -66px
}
.zm-noti7-popup-tab-item.message.current .icon {
background-position:-94px -87px;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.zm-noti7-popup-tab-item.user .icon {
background-position:-123px -65px
}
.zm-noti7-popup-tab-item.user.current .icon {
background-position:-123px -87px;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.zm-noti7-popup-tab-item.thanks .icon {
background-position:-151px -65px;
margin:10px 0 6px
}
.zm-noti7-popup-tab-item.thanks.current .icon {
background-position:-151px -87px;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.zm-noti7-content-item .zg-follow,.zm-noti7-content-item .zg-unfollow {
display:none
}
html.no-touchevents .zm-noti7-content-item:hover .zg-follow,html.no-touchevents .zm-noti7-content-item:hover .zg-unfollow {
display:block
}
.zu-noti7-popup .zm-noti7-sect {
width:100%
}
.zu-noti7-popup .zm-noti7-content-item {
border-bottom:1px solid #eee
}
.zm-noti7-sect.unread {
background:#eff6fa
}
.zm-noti7-content-body .zm-noti7-content-item.unread {
background:#eff6fa;
border-bottom:1px solid #d1e0e8
}
.zu-noti7-popup .zm-item-link-avatar {
float:left;
height:40px;
width:40px;
margin-top:2px
}
.zu-noti7-popup .zm-list-content-medium {
margin-left:50px
}
.zu-noti7-popup .zm-profile-section-item {
padding:0
}
.zu-noti7-popup .zm-profile-section-item .zg-btn {
display:none
}
.zu-noti7-popup .zm-profile-section-item .zm-item-link-avatar img {
width:40px;
height:40px;
border-radius:4px;
margin:0 10px 0 0
}
.avatar-edit-dialog {
width:340px
}
@media (max-height:470px) {
.avatar-edit-dialog>.modal-dialog-content {
padding:0
}
.avatar-edit-dialog>.modal-dialog-title {
display:none
}
}.avatar-editor-container {
overflow:hidden;
position:static
}
.avatar-editor-container .avatar-editor-container-inner {
position:relative;
overflow:hidden;
background-color:#fff;
cursor:move
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window {
position:static;
overflow:hidden;
margin:40px
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window .avatar-editor-window-inner {
position:relative
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window img {
position:absolute
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window-shadow {
box-shadow:0 0 15px rgba(0,0,0,.5) inset;
border:1px solid #EEE\0;
position:absolute;
z-index:1
}
.avatar-editor-container .avatar-editor-container-inner>img {
position:absolute;
top:0;
left:0;
opacity:.6;
-ms-filter:"alpha(Opacity=60)"
}
.avatar-editor-container .goog-slider-wrap {
margin:5px 30px 0
}
.avatar-editor-container .goog-slider-wrap .image-minus {
display:block;
background-position:-109px 0;
width:15px;
height:15px;
float:left;
margin:2px 0 0
}
.avatar-editor-container .goog-slider-wrap .image-plus {
display:block;
background-position:-128px 0;
width:19px;
height:19px;
float:right
}
.avatar-editor-container .goog-slider-wrap .goog-slider {
position:relative;
overflow:hidden;
height:20px;
outline:0;
margin:0 36px 0 29px
}
.avatar-editor-container .goog-slider-wrap .goog-slider-thumb {
position:absolute;
overflow:hidden;
background:#bbb;
cursor:pointer;
height:11px;
width:11px;
top:4px;
border-radius:6px
}
.avatar-editor-container .goog-slider-wrap .line {
position:absolute;
width:100%;
overflow:hidden;
top:7px;
height:5px;
background:#eee;
border-radius:2px;
cursor:pointer
}
.zm-entry-head-avatar-edit-button {
cursor:pointer
}
.file-upload:hover>.zm-entry-head-avatar-edit-button {
display:block
}
.new-avatar-editor-label {
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
height:100%;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
cursor:pointer
}
.new-avatar-editor-loading {
height:50px;
padding:150px 0;
text-align:center;
color:#999
}
.new-avatar-editor-loading span {
display:inline-block;
background:url(../images/img/spinner2.8f60205d.gif) no-repeat;
height:16px;
width:16px
}
.avatar-editor-form-ie {
display:inline!important;
position:static
}
.avatar-editor-form-ie input {
height:0;
width:0
}
.avatar-editor-form-ie label {
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
vertical-align:middle;
opacity:1;
-ms-filter:"alpha(Opacity=100)";
cursor:pointer
}
.profile-edit-avatar-btn form label {
padding:5px 0
}
.zm-entry-head-avatar-edit-button {
background:url(../images/img/ed_white.48efe02e.gif) no-repeat 6px 8px #000;
color:#fff;
display:none;
height:25px;
left:0;
padding:0;
position:absolute;
text-indent:19px;
bottom:0;
width:100%;
line-height:25px;
border-radius:0 0 4px 4px
}
.goog-menu.zh-answer-more-actions {
padding:0
}
.goog-menu.zh-answer-more-actions .goog-menuitem {
display:block;
text-align:center;
padding:5px;
margin:0;
width:86px;
text-shadow:0 1px 0 rgba(255,255,255,.8)
}
.goog-menu.zh-answer-more-actions .goog-menuseparator {
border-top:1px solid #eee;
margin:0
}
.zg-icon-ellipsis-mobi {
background-position:-282px -88px;
vertical-align:-1px
}
.zg-icon-ellipsis {
background-position:-50px -170px;
width:15px
}
.zm-item-meta .more-actions {
outline:0
}
.zm-item-meta .more-actions .goog-menu-button-dropdown {
display:none
}
html.no-touchevents .zm-item-meta .more-actions:hover .zg-icon-ellipsis {
background-position:-50px -182px
}
html.no-touchevents .zm-item-meta .more-actions:hover .lbl {
text-decoration:underline
}
.zm-votebar.goog-scrollfloater-floating {
display:block;
margin-top:10px;
margin-left:0
}
.zm-votebar .up,.zm-votebar .down {
display:block;
color:#25bb9b;
height:24px;
line-height:24px;
width:38px;
border-radius:3px;
border:0;
cursor:pointer;
background:#eff6fa;
font-weight:700;
font-weight:500;
text-align:center;
position:relative
}
.zm-votebar .up {
padding-top:18px;
height:44px
}
.zm-votebar .down {
margin:5px 0 0
}
.zm-votebar .count {
display:block
}
.zm-votebar .label {
bottom:1px
}
.zm-votebar .vote-arrow {
width:0;
height:0;
border:6px solid transparent;
font-size:0;
_border-style:dashed;
background-image:none
}
.zm-votebar .up .vote-arrow {
position:absolute;
top:11px;
left:50%;
margin-left:-6px;
border-top-width:0;
border-bottom-color:#25bb9b;
border-top-style:solid
}
.zm-votebar .down .vote-arrow {
border-bottom-width:0;
border-top-color:#25bb9b
}
html.no-touchevents .zm-votebar .up:hover .vote-arrow,.zm-votebar .up.pressed .vote-arrow {
border-bottom-color:#fff
}
html.no-touchevents .zm-votebar .down:hover .vote-arrow,.zm-votebar .down.pressed .vote-arrow {
border-top-color:#fff
}
html.no-touchevents .zm-votebar .up:hover,html.no-touchevents .zm-votebar .down:hover,.zm-votebar .up.pressed,.zm-votebar .down.pressed {
background:#25bb9b;
color:#fff
}
.zm-item-vote-count {
display:block;
color:#25bb9b;
height:24px;
line-height:24px;
width:38px;
border-radius:3px;
border:0;
cursor:pointer;
background:#eff6fa;
font-weight:700;
font-weight:500;
text-align:center;
text-decoration:none;
overflow:hidden;
-webkit-text-size-adjust:none
}
.zm-item-vote-count:hover {
text-decoration:none
}
html.no-touchevents .zm-item-vote-count:hover {
background:#25bb9b;
color:#fff
}
.zm-item-vote {
display:none;
position:absolute;
left:-48px
}
.zm-votebar {
float:left;
margin-left:-48px
}
.no-votebar .zm-item-vote {
display:block!important
}
.no-votebar .zm-votebar {
display:none!important
}
.votebar-mobile-dialog {
width:auto
}
.votebar-mobile-dialog .modal-dialog-content {
padding:35px 40px 20px;
margin:0
}
.votebar-mobile-dialog .modal-dialog-title {
background:#fff;
border:0;
box-shadow:none;
text-indent:-999em;
height:0;
padding:0
}
.votebar-mobile-dialog .modal-dialog-title-close {
position:absolute;
top:1px;
right:-14px;
background-position:-10px -167px;
width:30px;
height:30px
}
.votebar-mobile-dialog .text {
margin-top:10px;
color:#666
}
.votebar-mobile-dialog .text label {
width:50px;
text-align:center
}
.votebar-mobile-dialog .zm-votebar {
display:block;
position:relative;
height:50px;
width:140px;
float:none;
margin-left:0
}
.votebar-mobile-dialog .zm-votebar .count {
display:none
}
.votebar-mobile-dialog .zm-votebar .down,.votebar-mobile-dialog .zm-votebar .up {
float:left;
width:50px;
height:50px;
margin:0;
position:relative
}
.votebar-mobile-dialog .zm-votebar .down .vote-arrow,.votebar-mobile-dialog .zm-votebar .up .vote-arrow {
top:10px;
left:10px;
border-width:15px
}
.votebar-mobile-dialog .zm-votebar .down {
float:right
}
.votebar-mobile-dialog .zm-votebar .down .vote-arrow {
top:18px
}
.votebar-mobile-dialog .zm-votebar .up .vote-arrow {
top:3px;
margin-left:0
}
.votebar-mobile-dialog .votebar-post .up {
float:none;
margin:0 auto
}
.votebar-mobile-dialog .votebar-text-post {
text-align:center
}
.zm-item-vote-count.votenum-mobile {
width:auto;
margin-right:6px;
padding:0 5px;
font-size:14px;
color:#25bb9b;
display:inline-block
}
.zm-item-vote-count.votenum-mobile.owner .arrow {
display:none
}
.zm-item-vote-count.votenum-mobile .arrow {
margin-left:3px;
top:8px;
right:5px;
width:5px;
height:7px;
vertical-align:1px;
background-position:0 -169px
}
.tag-list {
list-style:none
}
.tag-list>li {
position:relative;
float:left
}
.tag-list>li.canedit .tag-link {
padding-right:35px
}
.tag-list .tag-link {
float:left;
display:inline-block;
margin:0 5px 5px 0;
padding:1px 10px 0;
border-radius:30px;
background:#eff6fa;
text-decoration:none
}
.tag-list .button {
position:absolute;
right:15px;
top:4px;
width:15px;
height:15px;
border-radius:3px;
cursor:pointer;
vertical-align:middle;
background-color:#25bb9b;
background-repeat:no-repeat;
background-image:url(../images/img/sprites-1.9.2.4c54885a.png)
}
.tag-list .remove-button {
background-position:-264px -103px
}
html.no-touchevents .tag-list .remove-button:hover {
background-color:#25bb9b
}
.zg-editor-simple-wrap {
border:1px solid #999;
padding:4px 4px 0
}
.zu-seamless-input-origin-element {
overflow:hidden
}
.zg-editor-input {
width:100%;
font-weight:400;
min-height:66px;
padding:0;
margin:0;
border:0
}
.x-c {
color:#999
}
.zm-item-tag,.zm-tag-editor-edit-item {
background:#eff6fa;
padding:1px 10px 0;
border-radius:30px;
text-decoration:none;
margin:0 5px 5px 0;
display:inline-block;
float:left;
white-space:nowrap
}
.zm-item-tag-x {
position:relative;
left:-7px;
padding:1px 5px;
background:#eff6fa;
border-radius:0 30px 30px 0;
text-decoration:none
}
html.no-touchevents .zm-item-tag:hover,html.no-touchevents .zm-item-tag-x:hover {
background:#25bb9b;
color:#fff;
text-decoration:none
}
.zm-tag-editor-edit-item {
float:left
}
.zm-tag-editor-edit-item>a,.zm-tag-editor-edit-item>span {
float:left!important
}
.zm-tag-editor-edit-item .zm-tag-editor-remove-button {
float:right;
margin:3px 0 0 5px;
visibility:visible
}
.zm-tag-editor-remove-button {
margin:3px 6px 0 0;
float:left;
width:15px;
height:15px;
cursor:pointer;
visibility:hidden;
overflow:hidden;
text-indent:-9000px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -264px -141px;
border-radius:8px
}
html.no-touchevents .zm-tag-editor-remove-button:hover {
background-position:-264px -103px;
background-color:#25bb9b
}
.video-box {
position:relative;
display:block;
padding:13px 15px;
margin:12px 0;
width:100%;
border:solid 1px #ddd;
border-radius:2px;
overflow:hidden;
cursor:pointer;
box-sizing:border-box
}
html.no-touchevents .video-box:hover {
border-color:#d2dcea;
text-decoration:none
}
html.no-touchevents .video-box:hover .title {
color:#25bb9b
}
html.no-touchevents .video-box:hover .title .z-ico-extern-gray {
display:none
}
html.no-touchevents .video-box:hover .title .z-ico-extern-blue {
display:inline-block
}
.video-box .thumbnail {
float:left;
width:75px;
height:56px
}
.video-box .content {
display:block;
padding-left:18px;
font-size:0;
overflow:hidden
}
.video-box .title {
position:relative;
display:inline-block;
margin-top:-2px;
padding-right:11px;
max-width:100%;
box-sizing:border-box;
font-size:16px;
color:#555;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.video-box .title .z-ico-extern-blue,.video-box .title .z-ico-extern-gray {
position:absolute;
top:11px;
right:0
}
.video-box .title .z-ico-extern-gray {
display:inline-block
}
.video-box .title .z-ico-extern-blue {
display:none
}
.video-box .url {
display:block;
margin-top:8px;
color:#a5a5a5;
font-size:13px;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.video-box .url .z-ico-video {
display:inline-block;
margin-right:9px;
vertical-align:-2px
}
.video-link {
display:block;
padding-left:20px;
background-image:url(../images/img/video/video.ae2ebded.png);
background-repeat:no-repeat;
background-position:0 center
}
.video-box-thumbnail {
float:left;
position:relative;
margin-right:10px
}
.video-box-thumbnail .thumbnail {
width:132px;
height:99px
}
.video-box-thumbnail .z-ico-play-video {
position:absolute;
margin:auto;
top:0;
right:0;
bottom:0;
left:0;
opacity:.8;
-ms-filter:"alpha(Opacity=80)"
}
.carousel {
width:462px;
height:248px;
background:#fff;
display:table;
margin:-17px 0 0 -15px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.carousel .carousel-content {
width:344px;
height:248px;
text-align:center;
margin:0 auto;
box-sizing:border-box
}
.carousel .carousel-inner-content {
position:relative;
width:100%;
overflow:hidden;
padding:0;
display:none
}
.carousel .carousel-navigation-dot-group {
box-sizing:border-box;
width:100%;
padding-top:16px
}
.carousel .carousel-navigation-btn {
display:table-cell;
vertical-align:middle;
width:60px
}
html.no-touchevents .carousel .carousel-navigation-btn {
visibility:hidden
}
html.no-touchevents .carousel:hover .carousel-navigation-btn {
visibility:visible
}
.carousel .carousel-left-btn {
margin-left:14px;
cursor:pointer
}
.carousel .carousel-left-btn:hover {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png);
background-repeat:no-repeat;
background-size:108px 92px;
background-position:-47px -1px;
width:44px;
height:44px
}
@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx) {
.carousel .carousel-left-btn:hover {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png)
}
}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx) {
.carousel .carousel-left-btn:hover {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons@2x_8b39c44a17.9ab11555.png)
}
}.carousel .carousel-right-btn {
margin-right:14px;
cursor:pointer
}
.carousel .carousel-right-btn:hover {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png);
background-repeat:no-repeat;
background-size:108px 92px;
background-position:-47px -47px;
width:44px;
height:44px
}
@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx) {
.carousel .carousel-right-btn:hover {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png)
}
}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx) {
.carousel .carousel-right-btn:hover {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons@2x_8b39c44a17.9ab11555.png)
}
}.carousel .carousel-dot {
margin:0 3px;
display:inline-block;
width:6px;
height:6px;
background-color:#dbdbdb;
border-radius:50%
}
.carousel .carousel-dot-selected {
background-color:#6c94ce
}
.copyright-notification {
z-index:999;
position:absolute;
left:100px;
top:50px;
width:350px;
height:100%;
display:none
}
.copyright-notification .user-image-container {
float:left;
padding:0;
height:30px
}
.copyright-notification .user-image-container .user-image {
border-radius:4px;
width:30px;
height:30px;
box-shadow:0 1px 2px 0 rgba(0,0,0,.3)
}
.copyright-notification .noty-tooltip {
height:30px;
width:186px;
margin-left:38px;
padding:0;
display:table
}
.copyright-notification .noty-tooltip .arrow {
left:-5px;
color:#404040;
border-right-color:#404040;
color:#e9e9e9
}
.copyright-notification .noty-tooltip .inner {
box-shadow:0 1px 2px 0 rgba(0,0,0,.3);
background-color:#404040;
font-size:13px;
text-align:center;
max-width:230px;
height:30px;
box-sizing:border-box;
color:#e9e9e9;
vertical-align:middle;
display:table-cell
}
.copyright-ico-prev,.copyright-ico-prev-on,.copyright-ico-next,.copyright-ico-next-on,.copyright-ico-pointer,.copyright-ico-indicator {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png);
background-repeat:no-repeat;
background-size:108px 92px
}
@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx) {
.copyright-ico-prev,.copyright-ico-prev-on,.copyright-ico-next,.copyright-ico-next-on,.copyright-ico-pointer,.copyright-ico-indicator {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png)
}
}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx) {
.copyright-ico-prev,.copyright-ico-prev-on,.copyright-ico-next,.copyright-ico-next-on,.copyright-ico-pointer,.copyright-ico-indicator {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons@2x_8b39c44a17.9ab11555.png)
}
}.copyright-ico-prev {
background-position:-1px -1px;
width:44px;
height:44px
}
.copyright-ico-prev-on {
background-position:-47px -1px;
width:44px;
height:44px
}
.copyright-ico-next {
background-position:-1px -47px;
width:44px;
height:44px
}
.copyright-ico-next-on {
background-position:-47px -47px;
width:44px;
height:44px
}
.copyright-ico-pointer {
background-position:-93px -1px;
width:14px;
height:20px
}
.copyright-ico-indicator {
background-position:-93px -23px;
width:7px;
height:14px
}
@-webkit-keyframes select-region {
0% {
box-shadow:inset 0 0 #c6e2ff
}
100% {
box-shadow:inset 300px 0 #c6e2ff
}
}@keyframes select-region {
0% {
box-shadow:inset 0 0 #c6e2ff
}
100% {
box-shadow:inset 300px 0 #c6e2ff
}
}@-webkit-keyframes move1 {
0% {
left:30px;
top:75px
}
100% {
left:309px;
top:75px
}
}@keyframes move1 {
0% {
left:30px;
top:75px
}
100% {
left:309px;
top:75px
}
}@-webkit-keyframes move2 {
0% {
top:75px
}
62.5% {
top:75px
}
100% {
top:100px
}
}@keyframes move2 {
0% {
top:75px
}
62.5% {
top:75px
}
100% {
top:100px
}
}@-webkit-keyframes move3 {
0% {
top:100px
}
100% {
top:125px
}
}@keyframes move3 {
0% {
top:100px
}
100% {
top:125px
}
}@-webkit-keyframes move4 {
0% {
top:125px
}
100% {
top:147px
}
}@keyframes move4 {
0% {
top:125px
}
100% {
top:147px
}
}@-webkit-keyframes noty-show {
0% {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
100% {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
}@keyframes noty-show {
0% {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
100% {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
}.copyright-demo .copyright-demo-title {
margin-top:24px;
margin-bottom:28px;
font-size:14px;
color:#707070
}
.copyright-demo .copyright-demo-region {
margin:0 auto 10px;
display:block;
width:280px;
height:14px;
background-color:#eee
}
.copyright-demo .copyright-demo-region-selected {
background-color:#c6e2ff
}
.copyright-demo .copyright-demo-region1-select-animation {
-webkit-animation:select-region .35s linear forwards;
animation:select-region .35s linear forwards
}
.copyright-demo #copyright-demo-indicator {
display:none;
position:absolute;
left:309px;
top:147px
}
.copyright-demo .indicator-move1 {
-webkit-animation:move1 .35s linear forwards;
animation:move1 .35s linear forwards
}
.copyright-demo .indicator-move2 {
-webkit-animation:move2 .4s linear forwards;
animation:move2 .4s linear forwards
}
.copyright-demo .indicator-move3 {
-webkit-animation:move3 .15s linear forwards;
animation:move3 .15s linear forwards
}
.copyright-demo .indicator-move4 {
-webkit-animation:move4 .15s linear forwards;
animation:move4 .15s linear forwards
}
.copyright-demo .copyright-demo-pointer {
position:absolute;
left:40px;
top:105px;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
display:block
}
.copyright-demo .copyright-demo-pointer-show-animation {
-webkit-animation:noty-show .5s linear forwards;
animation:noty-show .5s linear forwards
}
.copyright-demo .copyright-demo-noty {
top:114px;
left:58px;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
display:block
}
.copyright-demo .copyright-demo-noty-show-animation {
-webkit-animation:noty-show .5s .6s linear forwards;
animation:noty-show .5s .6s linear forwards
}
#copyright-demo-helper {
width:230px;
height:90px;
border:1px solid #ddd;
border-radius:3px;
z-index:99;
margin-top:-108px;
margin-left:-108px;
background-color:#fff
}
#copyright-demo-helper .copyright-demo-helper-intro {
height:44px;
padding:10px;
border-bottom:1px solid #ddd;
color:#666
}
#copyright-demo-helper .copyright-demo-helper-btn {
text-align:center;
background-color:#51a0e0;
color:#fff;
padding:5px;
border-radius:0 0 3px 3px;
cursor:pointer
}
#copyright-demo-helper .copyright-demo-helper-btn:after,#copyright-demo-helper .copyright-demo-helper-btn:before {
top:100%;
left:50%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none
}
#copyright-demo-helper .copyright-demo-helper-btn:after {
border-color:rgba(136,183,213,0);
border-top-color:#51a0e0;
border-width:8px;
margin-left:-8px
}
#copyright-demo-helper .copyright-demo-helper-btn:before {
border-color:rgba(194,225,245,0);
border-top-color:#51a0e0;
border-width:14px;
margin-left:-14px
}
.openinapp-instruction-page {
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
margin:0;
padding:0;
background-color:#efeff4;
text-align:center
}
.openinapp-instruction-page .inner {
position:relative;
margin:0 auto;
width:235px;
height:280px;
padding:0;
top:50%;
margin-top:-122px
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3) {
.openinapp-instruction-page .inner {
width:267px
}
}.openinapp-instruction-page .inner .instruction-title {
font-size:18px;
font-weight:700;
color:#333;
margin-bottom:35px
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3) {
.openinapp-instruction-page .inner .instruction-title {
margin-bottom:37px
}
}.openinapp-instruction-page .inner .instructions .icon-instruction {
margin-bottom:20px
}
.openinapp-instruction-page .inner .instructions .icon-middle {
margin-top:25px;
margin-left:10px
}
.openinapp-instruction-page .inner .instructions .instr-left {
float:left
}
.openinapp-instruction-page .inner .instructions .instr-right {
float:right
}
.openinapp-instruction-page .inner .instructions .step {
font-size:16px;
font-weight:700;
color:#666;
margin-bottom:10px
}
.openinapp-instruction-page .inner .instructions .step-content {
font-size:12px;
color:#666
}
================================================
FILE: wenda/src/main/resources/static/styles/login.css
================================================
body,ul,ol,li,p,h1,h2,h3,h4,h5 {
margin: 0;
padding: 0
}
button,input,select,textarea {
margin: 0;
font-family: inherit;
font-size: 100%
}
img {
border: 0
}
a {
text-decoration: none
}
a:hover {
text-decoration: underline
}
html.touchevents a:hover {
text-decoration: none
}
a:hover {
color: #25bb9b;
}
object:not([data]) {
display: none
}[hidden] {
display: none!important
}
.hidden {
display: none
}
.centered-block {
text-align: center;
white-space: nowrap;
height: 100%
}
.centered-block:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -.25em
}
.centered-block-inner {
display: inline-block;
vertical-align: middle;
text-align: left;
white-space: normal
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.text-muted {
color: #999
}
.clearfix {
*zoom: 1
}
.clearfix:before,.clearfix:after {
display: table;
content: ""
}
.clearfix:after {
clear: both
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.ellipsis {
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0
}
.z-ico-play-video,.z-ico-wechat-right-panel,.z-ico-show-password,.z-ico-hide-password,.z-ico-weibo,.z-ico-wechat-unlogin-page,.z-ico-weibo-share,.z-ico-wechat-share,.z-ico-green-check,.z-ico-gray-check,.z-ico-daily-share,.z-ico-qq,.z-ico-wechat,.z-ico-textedit,.z-ico-shameimaru-close,.z-ico-left,.z-ico-close,.z-ico-community:hover,.z-ico-community,.z-ico-video,.z-ico-extern-gray,.z-ico-extern-blue {
background-image: url(/static/revved/img/compiled/icons_a9b07ecead.261e7c3b.png);
background-repeat: no-repeat;
background-size: 108px 93px
}
@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx) {
.z-ico-play-video,.z-ico-wechat-right-panel,.z-ico-show-password,.z-ico-hide-password,.z-ico-weibo,.z-ico-wechat-unlogin-page,.z-ico-weibo-share,.z-ico-wechat-share,.z-ico-green-check,.z-ico-gray-check,.z-ico-daily-share,.z-ico-qq,.z-ico-wechat,.z-ico-textedit,.z-ico-shameimaru-close,.z-ico-left,.z-ico-close,.z-ico-community:hover,.z-ico-community,.z-ico-video,.z-ico-extern-gray,.z-ico-extern-blue {
background-image: url(/static/revved/img/compiled/icons_a9b07ecead.261e7c3b.png)
}
}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx) {
.z-ico-play-video,.z-ico-wechat-right-panel,.z-ico-show-password,.z-ico-hide-password,.z-ico-weibo,.z-ico-wechat-unlogin-page,.z-ico-weibo-share,.z-ico-wechat-share,.z-ico-green-check,.z-ico-gray-check,.z-ico-daily-share,.z-ico-qq,.z-ico-wechat,.z-ico-textedit,.z-ico-shameimaru-close,.z-ico-left,.z-ico-close,.z-ico-community:hover,.z-ico-community,.z-ico-video,.z-ico-extern-gray,.z-ico-extern-blue {
background-image: url(/static/revved/img/compiled/icons@2x_a9b07ecead.58bad5a6.png)
}
}
.z-ico-play-video {
background-position: -1px -1px;
width: 38px;
height: 38px
}
.z-ico-wechat-right-panel {
background-position: -41px -1px;
width: 24px;
height: 22px
}
.z-ico-show-password {
background-position: -41px -25px;
width: 21px;
height: 13px
}
.z-ico-hide-password {
background-position: -1px -41px;
width: 21px;
height: 13px
}
.z-ico-weibo {
background-position: -67px -1px;
width: 20px;
height: 16px
}
.z-ico-wechat-unlogin-page {
background-position: -67px -19px;
width: 20px;
height: 18px
}
.z-ico-weibo-share {
background-position: -1px -56px;
width: 18px;
height: 18px
}
.z-ico-wechat-share {
background-position: -21px -56px;
width: 18px;
height: 18px
}
.z-ico-green-check {
background-position: -41px -56px;
width: 18px;
height: 18px
}
.z-ico-gray-check {
background-position: -61px -56px;
width: 18px;
height: 18px
}
.z-ico-daily-share {
background-position: -89px -1px;
width: 18px;
height: 18px
}
.z-ico-qq {
background-position: -89px -21px;
width: 17px;
height: 16px
}
.z-ico-wechat {
background-position: -89px -39px;
width: 16px;
height: 15px
}
.z-ico-textedit {
background-position: -89px -56px;
width: 16px;
height: 16px
}
.z-ico-shameimaru-close {
background-position: -1px -76px;
width: 16px;
height: 16px
}
.z-ico-left {
background-position: -19px -76px;
width: 16px;
height: 16px
}
.z-ico-close {
background-position: -37px -76px;
width: 16px;
height: 16px
}
.z-ico-container:hover .z-ico-community,.z-ico-community:hover {
background-position: -67px -39px;
width: 14px;
height: 13px
}
.z-ico-community {
background-position: -24px -41px;
width: 14px;
height: 13px
}
.z-ico-video {
background-position: -40px -41px;
width: 13px;
height: 12px
}
.z-ico-extern-gray {
background-position: -55px -41px;
width: 7px;
height: 7px
}
.z-ico-extern-blue {
background-position: -55px -76px;
width: 7px;
height: 7px
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
-ms-filter: "alpha(Opacity=0)"
}
to {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
}
@keyframes fadeIn {
from {
opacity: 0;
-ms-filter: "alpha(Opacity=0)"
}
to {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
to {
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
to {
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
-webkit-transform: none;
transform: none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: .2s;
animation-duration: .2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
to {
opacity: 0;
-ms-filter: "alpha(Opacity=0)"
}
}
@keyframes fadeOut {
from {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
to {
opacity: 0;
-ms-filter: "alpha(Opacity=0)"
}
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
to {
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
to {
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
-webkit-animation-duration: .2s;
animation-duration: .2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.zg-btn-blue,.zg-btn-green,.zg-btn-red,.zg-btn-white,.zg-btn-disabled {
font-size: 14px;
line-height: 1.7;
text-decoration: none!important;
vertical-align: middle;
display: inline-block;
_display: inline!important;
text-align: center;
padding: 4px 10px;
cursor: pointer;
border-radius: 3px;
white-space: nowrap;
box-sizing: border-box
}
.zg-btn-blue.disabled,.zg-btn-green.disabled,.zg-btn-red.disabled,.zg-btn-white.disabled,.zg-btn-disabled.disabled,.zg-btn-blue[disabled],.zg-btn-green[disabled],.zg-btn-red[disabled],.zg-btn-white[disabled],.zg-btn-disabled[disabled] {
background: #eee;
color: #888!important;
border: 1px solid #ddd;
cursor: not-allowed;
text-shadow: none;
box-shadow: none!important
}
.zg-btn-blue.disabled:active,.zg-btn-green.disabled:active,.zg-btn-red.disabled:active,.zg-btn-white.disabled:active,.zg-btn-disabled.disabled:active,.zg-btn-blue[disabled]:active,.zg-btn-green[disabled]:active,.zg-btn-red[disabled]:active,.zg-btn-white[disabled]:active,.zg-btn-disabled[disabled]:active {
background: #eee;
border-color: #ccc
}
.zg-btn {
display: block;
text-align: center;
min-width: 78px;
font-size: 12px;
text-decoration: none!important;
padding: 1px;
font-weight: 400;
line-height: 18px;
border-radius: 3px;
cursor: pointer;
box-sizing: border-box
}
.zg-btn-disabled {
cursor: default!important
}
.zg-btn-white.zu-button-more {
display: block;
font-size: 13px;
margin: 20px 0;
padding: 5px 1px
}
.zu-button-more.loading {
cursor: not-allowed
}
.zm-command>.zg-btn-blue,.zm-command>.zg-btn-green,.zm-command>.zg-btn-white,.zm-command>.zg-btn-disabled {
vertical-align: baseline
}
.zg-btn-blue {
color: #fff!important;
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
background: #1472cf;
background: -webkit-linear-gradient(top,#1d7fe2,#0865c2);
background: linear-gradient(to bottom,#1d7fe2,#0865c2);
border: 1px solid #0D6EB8;
box-shadow: 0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2)
}
.zg-btn-blue:active {
background: #1a70c7;
background: -webkit-linear-gradient(top,#1a79d9,#1a70c7);
background: linear-gradient(to bottom,#1a79d9,#1a70c7);
box-shadow: 0 1px 2px rgba(255,255,255,.15) inset
}
.zg-btn-red {
color: #fff!important;
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
background: #e55345;
background: -webkit-linear-gradient(top,#e96249,#e03c40);
background: linear-gradient(to bottom,#e96249,#e03c40);
border: 1px solid #cf2b28;
box-shadow: 0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2)
}
.zg-btn-red:active {
background: #e55039;
background: -webkit-linear-gradient(top,#e7563b,#e04735);
background: linear-gradient(to bottom,#e7563b,#e04735);
box-shadow: 0 1px 2px #9C3522 inset
}
.zg-btn-green,.zg-btn-follow {
width: auto;
_width: 78px;
min-width: 78px;
color: #3e5e00!important;
text-shadow: 0 1px 0 rgba(255,255,255,.3);
background: #8ab923;
background: -webkit-linear-gradient(top,#adda4d,#86b846);
background: linear-gradient(to bottom,#adda4d,#86b846);
border: 1px solid #6d8f29;
box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,0 1px 0 rgba(0,0,0,.2)
}
.zg-btn-green:active,.zg-btn-follow:active {
background: #79a814;
background: -webkit-linear-gradient(top,#9ac244,#78a53e);
background: linear-gradient(to bottom,#9ac244,#78a53e);
box-shadow: 0 1px 2px rgba(0,0,0,.3) inset
}
.zg-btn-white {
color: #666!important;
text-shadow: 0 1px 0 #fff;
background: #f1f1f2;
background: -webkit-linear-gradient(top,#f8f8f9,#e6e6e8);
background: linear-gradient(to bottom,#f8f8f9,#e6e6e8);
border: 1px solid #bbb;
box-shadow: 0 1px 0 #fff inset,0 1px 0 rgba(0,0,0,.1)
}
.zg-btn-white:active {
background: #ddd;
box-shadow: none
}
.zg-btn-unfollow,.zg-btn-disabled {
background: #eee;
color: #888;
border: 1px solid #ddd
}
.zg-btn-unfollow:active,.zg-btn-disabled:active {
border-color: #ccc
}
.zg-unfollow {
color: #999
}
.zg-unfollow>.z-icon-follow {
display: none
}
.zg-follow {
color: #25bb9b
}
html.no-touchevents .zg-follow:hover {
color: #25bb9b
}
.zg-btn-blue.zg-btn-justify,.zg-btn-green.zg-btn-justify,.zg-btn-white.zg-btn-justify {
font-size: 13px!important;
line-height: 18px!important
}
.zg-btn-blue,.zg-btn-green,.zg-btn-white,a.follow {
*line-height: 20px
}
.small {
*line-height: 18px!important
}
.goog-link-button {
position: relative;
color: #25bb9b;
text-decoration: underline;
cursor: pointer
}
.goog-link-button-disabled {
color: #999;
text-decoration: none;
cursor: default
}
.btn-pending {
opacity: .85;
-ms-filter: "alpha(Opacity=85)"
}
.zg-link-btn {
border: 0;
color: #25bb9b;
background: transparent;
cursor: pointer
}
html.no-touchevents .zg-link-btn:hover {
text-decoration: underline
}
.modal-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
overflow: auto;
-webkit-overflow-scrolling: touch
}
html.modal-open.flexbox .modal-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start
}
.modal-dialog {
position: absolute;
z-index: 99;
width: 420px;
max-width: 100%;
border-radius: 8px;
border: 1px solid #888;
box-shadow: 0 0 80px 0 rgba(0,0,0,.4);
background: #fff;
text-align: left
}
html.modal-open .modal-wrapper .modal-dialog {
position: static;
margin-top: 14%;
margin-top: 14vh
}
html.modal-open.no-flexbox .modal-wrapper .modal-dialog {
margin-left: auto;
margin-right: auto
}
html.modal-open.mobile .modal-wrapper .modal-dialog {
margin-top: 0
}
html.modal-open.no-flexbox .modal-wrapper .modal-dialog.centered {
margin-top: 50%
}
html.modal-open.flexbox .modal-wrapper .modal-dialog.centered {
-ms-flex-item-align: center;
-webkit-align-self: center;
align-self: center
}
.modal-dialog-bg {
position: fixed;
left: 0;
top: 0;
z-index: 95;
min-height: 100%!important;
width: 100%!important;
height: 100%!important;
overflow: visible;
background: #666
}
.modal-dialog-title-close {
position: absolute;
top: 50%;
_top: 20px;
right: 3px;
width: 30px;
height: 30px;
margin-top: -15px;
text-indent: -9999px;
cursor: pointer;
background-position: -60px -53px
}
.modal-dialog-title {
position: relative;
margin: -1px -1px 0;
padding: 10px 15px;
line-height: 14px;
background: #1D7FE2;
background: -webkit-linear-gradient(top,#1D7FE2,#0865C2);
background: linear-gradient(to bottom,#1D7FE2,#0865C2);
border: 1px solid #0D6EB8;
border-radius: 6px 6px 0 0;
box-shadow: 0 1px 0 rgba(255,255,255,.1) inset,0 1px 1px rgba(0,0,0,.2)
}
.modal-dialog-title-draggable {
cursor: move
}
.modal-dialog-title-text {
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.4);
font-size: 15px;
font-weight: 700
}
.modal-dialog-content {
padding: 0 15px;
margin: 17px 0
}
.modal-dialog-buttons {
padding: 0 15px;
margin-bottom: 15px;
text-align: right;
background: #fff
}
.modal-dialog-buttons button[name=cancel] {
border: 0;
color: #25bb9b;
background: transparent;
cursor: pointer;
font-size: 13px
}
html.no-touchevents .modal-dialog-buttons button[name=cancel]:hover {
text-decoration: underline
}
.modal-dialog-buttons button+button {
margin-left: 1em
}
.modal-dialog .zm-command {
padding: 20px 0 0
}
.modal-dialog.with-button .modal-dialog-content {
border-radius: 0;
border-bottom: 0;
font-size: 14px
}
.modal-dialog.with-button .modal-dialog-buttons {
display: block;
padding: 0 15px;
border-top: 0
}
.goog-buttonset-default {
font-size: 14px;
line-height: 1.7;
text-decoration: none!important;
vertical-align: middle;
display: inline-block;
_display: inline!important;
text-align: center;
padding: 4px 10px;
cursor: pointer;
border-radius: 3px;
white-space: nowrap;
box-sizing: border-box;
color: #fff!important;
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
background: #1472cf;
background: -webkit-linear-gradient(top,#1d7fe2,#0865c2);
background: linear-gradient(to bottom,#1d7fe2,#0865c2);
border: 1px solid #0D6EB8;
box-shadow: 0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2);
*line-height: 20px
}
.goog-buttonset-default.disabled,.goog-buttonset-default[disabled] {
background: #eee;
color: #888!important;
border: 1px solid #ddd;
cursor: not-allowed;
text-shadow: none;
box-shadow: none!important
}
.goog-buttonset-default.disabled:active,.goog-buttonset-default[disabled]:active {
background: #eee;
border-color: #ccc
}
.goog-buttonset-default:active {
background: #1a70c7;
background: -webkit-linear-gradient(top,#1a79d9,#1a70c7);
background: linear-gradient(to bottom,#1a79d9,#1a70c7);
box-shadow: 0 1px 2px rgba(255,255,255,.15) inset
}
.modal-dialog .textarea {
width: 100%;
padding: 8px 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 0 4px 0 rgba(0,0,0,.1);
box-sizing: border-box
}
.modal-dialog-cancelNoti {
float: left;
margin-top: 20px;
font-size: 13px
}
.modal-dialog-async-loading {
color: #999;
text-align: center
}
.mutiview-dialog-bg {
position: fixed;
left: 0;
top: 0;
background-color: #fff;
opacity: 0!important;
-ms-filter: "alpha(Opacity=0)";
z-index: 95;
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out
}
.mutiview-dialog-bg.show {
opacity: .9!important;
-ms-filter: "alpha(Opacity=90)"
}
@media (max-width:450px) {
.mutiview-dialog-bg.show {
opacity: 1!important;
-ms-filter: "alpha(Opacity=100)"
}
}
.mutiview-dialog {
margin-top: 14vh;
width: 300px;
color: #787878;
font-size: 14px;
background-color: #fff;
border: 1px solid #cbcbcb;
border-radius: 5px;
box-shadow: 0 0 15px 0 rgba(0,0,0,.3);
outline: 0;
z-index: 99;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
overflow: hidden;
-webkit-transform: translate(0,20px);
-ms-transform: translate(0,20px);
transform: translate(0,20px);
-webkit-transition: .3s ease-out;
transition: .3s ease-out
}
.mutiview-dialog.show {
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0)
}
html.modal-open.no-flexbox .modal-wrapper .mutiview-dialog {
margin: 14% auto auto
}
.mutiview-dialog .mutiview-dialog-title {
position: relative;
height: 92px
}
.mutiview-dialog .mutiview-dialog-title .title {
position: absolute;
padding-top: 25px;
padding-bottom: 25px;
width: 100%;
height: 42px;
text-align: center;
line-height: 1;
-webkit-transition: .3s ease-out;
transition: .3s ease-out
}
.mutiview-dialog .mutiview-dialog-title .title.left {
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translate(-50px,0);
-ms-transform: translate(-50px,0);
transform: translate(-50px,0)
}
.mutiview-dialog .mutiview-dialog-title .title.right {
visibility: hidden;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translate(50px,0);
-ms-transform: translate(50px,0);
transform: translate(50px,0)
}
.mutiview-dialog .mutiview-dialog-title .title h1 {
font-size: 16px;
line-height: 18px;
font-weight: 700;
margin-bottom: 10px
}
.mutiview-dialog .mutiview-dialog-title .title h2 {
font-size: 14px;
font-weight: 400
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back,.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close {
position: absolute;
top: 10px;
cursor: pointer;
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back {
visibility: hidden;
left: 10px;
opacity: 0;
-ms-filter: "alpha(Opacity=0)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back.show {
opacity: .2;
-ms-filter: "alpha(Opacity=20)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back.show:hover {
opacity: .3;
-ms-filter: "alpha(Opacity=30)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back.show:active {
opacity: .25;
-ms-filter: "alpha(Opacity=25)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close {
right: 10px;
opacity: .2;
-ms-filter: "alpha(Opacity=20)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close:hover {
opacity: .3;
-ms-filter: "alpha(Opacity=30)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close:active {
opacity: .25;
-ms-filter: "alpha(Opacity=25)"
}
.mutiview-dialog .mutiview-dialog-content {
position: relative
}
.mutiview-dialog .mutiview-dialog-content.transition {
-webkit-transition: height .3s ease-out;
transition: height .3s ease-out
}
.mutiview-dialog .mutiview-dialog-content .view {
width: 100%;
box-sizing: border-box;
-webkit-transition: .3s ease-out;
transition: .3s ease-out
}
.mutiview-dialog .mutiview-dialog-content .view.left {
position: absolute;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translate(-100%,0);
-ms-transform: translate(-100%,0);
transform: translate(-100%,0)
}
.mutiview-dialog .mutiview-dialog-content .view.right {
visibility: hidden;
position: absolute;
top: 0;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translate(100%,0);
-ms-transform: translate(100%,0);
transform: translate(100%,0)
}
@media (max-width:450px) {
.mutiview-dialog {
width: 100%;
height: 100%;
border: 0;
border-radius: none;
box-shadow: none
}
.mutiview-dialog .mutiview-dialog-title {
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close {
top: 0;
right: 0;
border: 12px solid #fff
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back {
top: 0;
left: 0;
border: 12px solid #fff
}
.mutiview-dialog .mutiview-dialog-content {
height: auto!important
}
html.modal-open .modal-wrapper .mutiview-dialog {
margin-top: 0
}
}
.SignFlow {
color: #787878;
font-size: 14px
}
.SignFlow .title {
padding-top: 25px;
padding-bottom: 25px;
width: 100%;
height: 42px;
text-align: center;
line-height: 1
}
.SignFlow .title h1 {
font-size: 16px;
line-height: 18px;
font-weight: 700;
margin-bottom: 10px
}
.SignFlow .title h2 {
font-size: 14px;
font-weight: 400
}
.SignFlow button {
padding: 0;
font-size: 14px;
color: #787878;
background: 0 0;
border: 0;
outline: 0;
cursor: pointer
}
.SignFlow .blue-button {
display: inline-block;
background-color: #0077d9;
padding: 8px 16px;
font-size: 14px;
line-height: 1;
color: #fff;
border: 0;
border-radius: 3px;
outline: 0;
cursor: pointer
}
.SignFlow .blue-button:hover {
background-color: #0070CD
}
.SignFlow .blue-button:active {
background-color: #0077d9
}
.SignFlow .blue-button:btn-pending {
background-color: #A8B9C7
}
.SignFlow .input-wrapper {
position: relative;
border-bottom: 1px solid #eee
}
.SignFlow .input-wrapper:first-child {
border-top: 1px solid #eee
}
.SignFlow .input-wrapper input {
padding: 15px 8px;
height: 48px;
width: 100%;
font-size: 14px;
line-height: 18px;
color: #787878;
border: 0;
outline: 0;
box-sizing: border-box
}
.SignFlow .input-wrapper input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px #fff inset;
-webkit-text-fill-color: #787878
}
.SignFlow .input-wrapper input::-webkit-input-placeholder {
line-height: 18px;
color: #ccc;
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.SignFlow .input-wrapper input::-moz-placeholder {
line-height: 18px;
color: #ccc;
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.SignFlow .input-wrapper input:-ms-input-placeholder {
line-height: 18px;
color: #ccc;
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.SignFlow .input-wrapper input::placeholder {
line-height: 18px;
color: #ccc;
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.SignFlow .input-wrapper input::-ms-clear {
display: none
}
.SignFlow .input-wrapper input::-ms-reveal {
display: none
}
.SignFlow .input-wrapper label.error {
position: absolute;
top: 0;
right: 0;
padding: 0 8px;
line-height: 48px;
color: #c33;
cursor: text;
background: #fff;
background: -webkit-linear-gradient(left,rgba(255,255,255,0),#fff 8px);
background: linear-gradient(to right,rgba(255,255,255,0),#fff 8px);
visibility: hidden;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
-webkit-transform: translate(8px,0);
-ms-transform: translate(8px,0);
transform: translate(8px,0)
}
.SignFlow .input-wrapper label.error.is-visible {
visibility: visible;
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0)
}
.SignFlow .input-wrapper label.error.highlighted {
color: #ed707c;
-webkit-transition: none;
transition: none
}
.SignFlow .input-wrapper label.error a {
text-decoration: none
}
.SignFlow .input-wrapper label.error a,.SignFlow .input-wrapper label.error span {
color: #787878
}
.SignFlow .input-wrapper.toggle-password .z-ico-show-password {
position: absolute;
top: 0;
right: 0;
margin: auto;
border: solid #fff;
border-width: 17px 8px 17px 0;
cursor: pointer
}
.SignFlow .input-wrapper.toggle-password input {
padding-right: 41px
}
.SignFlow .input-wrapper.toggle-password label.error {
right: 26px
}
.SignFlow .input-wrapper.captcha-module {
display: none
}
.SignFlow .input-wrapper.captcha-module .captcha-container {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
margin: auto;
height: 30px;
border-radius: 4px;
overflow: hidden;
cursor: pointer
}
.SignFlow .input-wrapper.captcha-module .captcha-container .captcha {
height: 30px;
width: 90px
}
.SignFlow .input-wrapper.captcha-module label.error {
right: 98px
}
.SignFlow .input-wrapper.verification-code input {
width: 200px
}
.SignFlow .input-wrapper.verification-code label.error {
right: 94px
}
.SignFlow .input-wrapper.verification-code .send-code {
position: relative;
z-index: 2;
float: right;
width: 94px;
height: 48px;
color: #ababab;
background-color: #f7f7f7
}
.SignFlow .submit-wrapper {
padding: 22px 0;
text-align: center
}
.SignFlow--bordered {
border: 1px solid #eee;
border-radius: 3px
}
.SignupForm .actions,.LoginForm .actions {
margin-top: 12px;
padding: 0 8px;
line-height: 30px
}
.SignupForm .actions .submit.zg-btn-blue,.LoginForm .actions .submit.zg-btn-blue {
width: 100%;
outline: 0
}
.SignupForm .actions button.submit,.LoginForm .actions button.submit {
width: 100%;
padding: 10px 0
}
.SignupForm .sns,.LoginForm .sns {
position: relative;
padding: 0 8px;
line-height: 54px
}
.SignupForm .sns button,.LoginForm .sns button {
padding: 13px 0;
line-height: 1
}
.SignupForm .sns button .ico,.LoginForm .sns button .ico {
display: inline-block;
margin-right: 7px;
vertical-align: bottom
}
.SignupForm .sns button:hover,.LoginForm .sns button:hover {
color: #999
}
.SignupForm .sns button:hover .ico,.LoginForm .sns button:hover .ico {
opacity: .8;
-ms-filter: "alpha(Opacity=80)"
}
@media (max-width:450px) {
.SignupForm .sns button.wechat,.LoginForm .sns button.wechat {
display: none
}
html.ua-wechat .SignupForm .sns button.wechat,html.ua-wechat .LoginForm .sns button.wechat {
display: inline-block
}
}
.SignupForm .sns .js-show-sns-buttons,.LoginForm .sns .js-show-sns-buttons {
float: right;
padding: 20px 0;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translateX(-8px);
-ms-transform: translateX(-8px);
transform: translateX(-8px);
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
transition-property: opacity,transform;
transition-property: opacity,transform,-webkit-transform
}
.SignupForm .sns .js-show-sns-buttons.is-visible,.LoginForm .sns .js-show-sns-buttons.is-visible {
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.SignupForm .sns .sns-buttons,.LoginForm .sns .sns-buttons {
position: absolute;
top: 0;
right: 8px;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
visibility: hidden;
-webkit-transform: translateX(8px);
-ms-transform: translateX(8px);
transform: translateX(8px);
-webkit-transition: .25s ease-out .12s;
transition: .25s ease-out .12s;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
transition-property: opacity,transform;
transition-property: opacity,transform,-webkit-transform
}
.SignupForm .sns .sns-buttons.is-visible,.LoginForm .sns .sns-buttons.is-visible {
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
-webkit-transform: none;
-ms-transform: none;
transform: none;
visibility: visible
}
.SignupForm .sns .sns-buttons button,.LoginForm .sns .sns-buttons button {
padding: 18px 0;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.LoginForm input[type=checkbox] {
vertical-align: 1px
}
.mutiview-dialog.unable-login .view.start {
padding: 25px 0 50px
}
.mutiview-dialog.unable-login .view.start .blue-button {
display: block;
margin: auto;
padding: 10px 0;
width: 165px
}
.mutiview-dialog.unable-login .view.start .blue-button+.blue-button {
margin-top: 25px
}
.mutiview-dialog.oauth-register .view.bound,.mutiview-dialog.oauth-register .view.registered {
text-align: center
}
.mutiview-dialog.oauth-register .view.bound img,.mutiview-dialog.oauth-register .view.registered img {
display: block;
margin: auto;
border-radius: 50%
}
.mutiview-dialog.oauth-register .view.bound .name,.mutiview-dialog.oauth-register .view.registered .name {
display: block;
margin: 12px auto 15px
}
.mutiview-dialog.oauth-register .view.bound button.register,.mutiview-dialog.oauth-register .view.registered button.register {
width: 100%;
height: 45px;
margin-top: 30px;
background-color: #fafafa
}
.mutiview-dialog.oauth-register .view.bind-login .actions {
padding: 20px 9px
}
.mutiview-dialog.oauth-register .view.bind-login input[name=account] {
background-color: #f7f7f7
}
.mutiview-dialog.oauth-register .view.bind-login button.submit {
float: right
}
.zh-hovercard-arrow,.zu-top-live-icon {
height: 15px;
width: 23px;
z-index: 101;
position: absolute
}
.zh-hovercard-arrow.bottom {
bottom: -11px;
left: 25px;
background-position: -168px -185px
}
.zh-hovercard-arrow.top,.zu-top-live-icon {
top: -11px;
left: 25px;
background-position: -168px -165px
}
.zu-top-live-icon {
top: -12px
}
#zh-tooltip {
position: absolute;
background: 0 0;
z-index: 100;
-webkit-animation: .05s ease-in both;
animation: .05s ease-in both
}
#zh-tooltip.in {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
#zh-tooltip.out {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
#zh-tooltip.goog-hovercard.popover {
z-index: 90
}
.zh-profile-card {
width: 380px
}
.zh-profile-card .upper,.zh-profile-card .lower {
border: 14px solid transparent
}
.zh-profile-card .upper {
background: #fff;
padding-left: 66px;
min-height: 50px
}
.zh-profile-card .upper .icon {
margin-left: 3px
}
.zh-profile-card .upper a.avatar-link {
position: relative
}
.zh-profile-card .upper img.Avatar {
position: absolute;
left: -66px
}
.zh-profile-card .upper span.name {
font-size: 14px;
font-weight: 700
}
.zh-profile-card .upper div.tagline {
font-size: 13px;
color: #222;
padding-top: 4px
}
.zh-profile-card .upper .personal {
padding-top: 8px
}
.zh-profile-card .upper .personal .zg-icon {
vertical-align: -1px
}
.zh-profile-card .upper .personal .icon-profile-education,.zh-profile-card .upper .personal .icon-profile-company {
margin-right: 6px
}
.zh-profile-card .upper .personal .info-wrap {
color: #999
}
.zh-profile-card .upper .personal .info-wrap .item+.item {
border-left: 1px solid #EEE;
padding-left: 10px;
margin-left: 10px
}
.zh-profile-card .upper .secondary {
padding-top: 8px;
color: #999;
border-top: 1px solid #EEE;
margin-top: 8px
}
.zh-profile-card .upper .secondary div span {
display: inline-block
}
.zh-profile-card .upper .secondary a,.zh-profile-card .upper .secondary a:visited {
color: #222
}
.zh-profile-card .upper .secondary .OrgIcon {
display: none
}
.zh-profile-card .upper .other span {
color: #999
}
.zh-profile-card .upper .hr {
border-top: 1px solid #eee;
width: 225px;
padding-top: 6px;
margin-top: 6px
}
.zh-profile-card .lower {
background: #fafafa
}
.zh-profile-card .lower .operation .self {
line-height: 48px;
float: right;
color: #999
}
.zh-profile-card .lower .operation .zg-btn,.zh-profile-card .lower .operation .zg-btn-white,.zh-profile-card .lower .operation button {
float: right;
height: 32px;
margin-top: 8px;
vertical-align: middle
}
.zh-profile-card .lower .operation .zg-btn {
margin-left: 15px;
font-size: 13px
}
.zh-profile-card .lower .operation .zg-icon.pm {
background-position: 0 -148px;
width: 17px;
height: 14px;
text-indent: -999em
}
.zh-profile-card .lower .meta .item {
float: left;
padding: 0 16px;
border-right: 1px solid #eee;
color: inherit;
text-decoration: none
}
.zh-profile-card .lower .meta .item:hover {
color: #25bb9b
}
.zh-profile-card .lower .meta .item:hover .key {
color: inherit
}
.zh-profile-card .lower .meta .item .value,.zh-profile-card .lower .meta .item .key {
display: block;
text-align: center
}
.zh-profile-card .lower .meta .item .value {
font-size: 15px;
font-weight: 700
}
.zh-profile-card .lower .meta .item .key {
font-size: 14px;
color: #999
}
.zh-profile-card .lower .meta .item:first-child {
padding-left: 0
}
.zh-profile-card .lower .meta .item:last-child {
border-right: 0 none
}
.zu-top-nav-live {
border-radius: 5px;
border: solid 1px #bbb
}
.zu-top-nav-live-inner {
padding: 10px;
border-radius: 5px;
border: solid 3px #f4f4f4;
background: #fff
}
.zh-hovercard-spinner {
width: 45px;
height: 30px;
background-image: url(/static/revved/img/spinner2.8f60205d.gif);
background-repeat: no-repeat;
background-position: center
}
.zu-tooltip-arrow-bottom,.zh-tooltip-arrow-right {
position: absolute;
border: 6px solid transparent;
width: 0;
height: 0
}
.zu-tooltip-arrow-bottom {
border-bottom-color: #222;
top: -10px;
left: 8px
}
.zh-tooltip-arrow-right {
border-right-color: #222;
top: 8px;
left: -10px
}
.tooltip {
position: absolute;
z-index: 1050;
display: block;
visibility: visible;
padding: 5px;
white-space: nowrap;
-webkit-animation: .05s ease-in both;
animation: .05s ease-in both
}
.tooltip.in {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
.tooltip.out {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
.tooltip.top {
margin-top: -8px
}
.tooltip.right {
margin-left: 6px
}
.tooltip.bottom {
margin-top: 8px
}
.tooltip.left {
margin-left: -6px
}
.tooltip.top .tooltip-arrow {
bottom: -3px;
left: 50%;
margin-left: -8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #000;
border-top-color: rgba(0,0,0,.75)
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: -3px;
margin-top: -8px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid #000;
border-left-color: rgba(0,0,0,.75)
}
.tooltip.bottom .tooltip-arrow {
top: -3px;
left: 50%;
margin-left: -8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #000;
border-bottom-color: rgba(0,0,0,.75)
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: -3px;
margin-top: -8px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #000;
border-right-color: rgba(0,0,0,.75)
}
.tooltip .tooltip-inner {
max-width: 300px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
background-color: rgba(0,0,0,.75);
border-radius: 4px
}
.tooltip .tooltip-arrow {
position: absolute;
width: 0;
height: 0
}
.tooltip .content-prewrap {
white-space: pre-wrap
}
.tooltip[data-theme=white].top .tooltip-inner {
position: relative;
background: #fff;
border: 1px solid #ddd
}
.tooltip[data-theme=white].top .tooltip-inner:after,.tooltip[data-theme=white].top .tooltip-inner:before {
position: absolute;
height: 0;
width: 0;
content: ' ';
border: solid transparent;
top: 100%
}
.tooltip[data-theme=white].top .tooltip-inner:after {
border-width: 8px;
border-top-color: #fff;
left: 50%;
margin-left: -8px
}
.tooltip[data-theme=white].top .tooltip-inner:before {
border-width: 9px;
border-top-color: #ddd;
left: 50%;
margin-left: -9px
}
.tooltip[data-theme=white].left .tooltip-inner {
position: relative;
background: #fff;
border: 1px solid #ddd
}
.tooltip[data-theme=white].left .tooltip-inner:after,.tooltip[data-theme=white].left .tooltip-inner:before {
position: absolute;
height: 0;
width: 0;
content: ' ';
border: solid transparent;
left: 100%
}
.tooltip[data-theme=white].left .tooltip-inner:after {
border-width: 8px;
border-left-color: #fff;
top: 50%;
margin-top: -8px
}
.tooltip[data-theme=white].left .tooltip-inner:before {
border-width: 9px;
border-left-color: #ddd;
top: 50%;
margin-top: -9px
}
.tooltip[data-theme=white].bottom .tooltip-inner {
position: relative;
background: #fff;
border: 1px solid #ddd
}
.tooltip[data-theme=white].bottom .tooltip-inner:after,.tooltip[data-theme=white].bottom .tooltip-inner:before {
position: absolute;
height: 0;
width: 0;
content: ' ';
border: solid transparent;
bottom: 100%
}
.tooltip[data-theme=white].bottom .tooltip-inner:after {
border-width: 8px;
border-bottom-color: #fff;
left: 50%;
margin-left: -8px
}
.tooltip[data-theme=white].bottom .tooltip-inner:before {
border-width: 9px;
border-bottom-color: #ddd;
left: 50%;
margin-left: -9px
}
.tooltip[data-theme=white].right .tooltip-inner {
position: relative;
background: #fff;
border: 1px solid #ddd
}
.tooltip[data-theme=white].right .tooltip-inner:after,.tooltip[data-theme=white].right .tooltip-inner:before {
position: absolute;
height: 0;
width: 0;
content: ' ';
border: solid transparent;
right: 100%
}
.tooltip[data-theme=white].right .tooltip-inner:after {
border-width: 8px;
border-right-color: #fff;
top: 50%;
margin-top: -8px
}
.tooltip[data-theme=white].right .tooltip-inner:before {
border-width: 9px;
border-right-color: #ddd;
top: 50%;
margin-top: -9px
}
.tooltip[data-theme=white] .tooltip-arrow {
display: none
}
.tooltip[data-theme=white] .tooltip-inner {
padding: 10px;
color: #666;
text-align: left;
white-space: nowrap;
box-shadow: 0 0 8px 0 rgba(0,0,0,.15)
}
.tooltip[data-theme=white] li {
list-style-position: inside
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1050;
display: none;
padding: 12px
}
.popover.top {
margin-top: -6px
}
.popover.right {
margin-left: 6px
}
.popover.bottom {
margin-top: 6px
}
.popover.left {
margin-left: -6px
}
.popover.top .arrow {
bottom: 0;
left: 50%;
margin-left: -13px;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-top: 13px solid #ccc
}
.popover.top .arrow2 {
bottom: 1px;
left: 50%;
margin-left: -13px;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-top: 13px solid #fafafa
}
.popover.top .arrow2.loading {
bottom: 1px;
left: 50%;
margin-left: -13px;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-top: 13px solid #fff
}
.popover.right .arrow {
top: 50%;
left: 0;
margin-top: -13px;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
border-right: 13px solid #ccc
}
.popover.right .arrow2 {
top: 50%;
left: 1px;
margin-top: -13px;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
border-right: 13px solid #fff
}
.popover.bottom .arrow {
top: 0;
left: 50%;
margin-left: -13px;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-bottom: 13px solid #ccc
}
.popover.bottom .arrow2 {
top: 1px;
left: 50%;
margin-left: -13px;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-bottom: 13px solid #fff
}
.popover.left .arrow {
top: 50%;
right: 0;
margin-top: -13px;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
border-left: 13px solid #ccc
}
.popover.left .arrow2 {
top: 50%;
right: 1px;
margin-top: -13px;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
border-left: 13px solid #fff
}
.popover .arrow,.popover .arrow2 {
position: absolute;
width: 0;
height: 0
}
.popover .popover-title {
padding: 9px 15px;
line-height: 1;
background-color: #f5f5f5;
border-bottom: 1px solid #eee;
border-radius: 3px 3px 0 0
}
.popover .popover-content {
background: #fff;
border: solid 1px #ccc;
border-radius: 5px;
overflow: hidden
}
.popover .popover-content p,.popover .popover-content ul,.popover .popover-content ol {
margin-bottom: 0
}
.goog-hovercard.popover {
display: block
}[class*=sprite-index-icon-] {
display: inline-block;
vertical-align: middle
}
.sprite-index,[class*=sprite-index-] {
background-image: url(/static/revved/img/index/sprites.auto.011cd4a7.png);
background-repeat: no-repeat
}
.sprite-index-icon-arrow {
background-position: 0 0;
width: 54px;
height: 42px
}
.sprite-index-icon-delete {
background-position: -22px -44px;
width: 16px;
height: 16px
}
.sprite-index-icon-mark {
background-position: -40px -44px;
width: 16px;
height: 16px
}
.sprite-index-icon-qq {
background-position: -56px 0;
width: 20px;
height: 18px
}
.sprite-index-icon-qrcode {
background-position: -78px 0;
width: 15px;
height: 15px
}
.sprite-index-icon-refresh {
background-position: -58px -44px;
width: 16px;
height: 16px
}
.sprite-index-icon-wechat {
background-position: -56px -20px;
width: 20px;
height: 18px
}
.sprite-index-icon-weibo {
background-position: 0 -44px;
width: 20px;
height: 18px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-index,[class*=sprite-index-] {
background-image: url(/static/revved/img/index/sprites@2x.auto.639fd724.png);
background-size: 93px 62px
}
}
.captcha-module {
display: none
}
.captcha-module .captcha-container {
margin-top: 1em;
text-align: right;
line-height: 40px;
font-size: 13px
}
.captcha-module .captcha-container img {
float: left;
width: 80px;
height: 40px;
border-radius: 4px
}
.sign-flow .view-signin .QRCode {
margin-top: 24px
}
.sign-flow .view-signup .QRCode {
margin-top: 48px
}
.sign-flow .agreement a,.sign-flow .org-tip a {
color: #25bb9b
}
.sign-flow .agreement {
margin: 22px 0
}
.sign-flow .agreement label {
color: #666;
height: 18px;
line-height: 18px;
cursor: pointer
}
.sign-flow .agreement input {
margin-right: 8px;
position: relative;
top: -1px
}
.sign-flow .agreement .error {
color: #c33;
margin-top: 3px
}
.sign-flow .org-tip {
margin-top: 30px;
text-align: center;
font-size: 13px;
color: #999
}
.sign-flow .view {
display: none;
float: right;
width: 202px;
margin: 38px 0;
font-size: 14px
}
.sign-flow .view a:hover {
text-decoration: none
}
.sign-flow .view.selected {
display: block
}
.sign-flow .view .signin-switch {
float: right
}
.sign-flow .view .input-wrapper,.sign-flow .view .button-wrapper,.sign-flow .view .signin-misc-wrapper,.sign-flow .view .weibo-signup-wrapper {
margin-top: 18px
}
.sign-flow .view .input-wrapper {
position: relative
}
.sign-flow .view .input-wrapper input {
margin: 0;
padding: 8px 10px;
width: 180px;
background: #e7f1f8;
line-height: 19px;
color: #555;
border: 1px solid #1672B9;
border-radius: 5px;
box-shadow: inset 0 1px 2px rgba(15,82,135,.25),0 1px 0 rgba(255,255,255,.15)
}
.sign-flow .view .input-wrapper input:focus {
background: #fff;
outline: 0;
box-shadow: inset 0 1px 2px rgba(15,82,135,.25),0 0 10px rgba(255,255,255,.3);
border: 1px solid #197CC9
}
.sign-flow .view .input-wrapper input.first,.sign-flow .view .input-wrapper input.last {
width: 70px
}
.sign-flow .view .input-wrapper input.last {
margin-left: 18px
}
.sign-flow .view .signin-misc-wrapper .remember-me {
float: left
}
.sign-flow .view .signin-misc-wrapper .remember-me input {
vertical-align: 1px;
margin-right: 3px
}
.sign-flow .view .signin-misc-wrapper .unable-login {
float: right
}
.sign-flow .view .failure {
display: none;
margin-top: 18px;
width: 100%;
background: rgba(0,0,0,.1);
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0,0,0,.1) inset,0 1px 0 rgba(255,255,255,.15)
}
.sign-flow .view .failure ul {
padding: 10px;
list-style: none
}
.sign-flow .view .failure li span {
color: #9ed8ff;
cursor: pointer
}
.sign-flow .view .failure li a {
color: #9ed8ff;
text-decoration: underline
}
.sign-flow .view .failure li a.hover {
color: #fff
}
.sign-flow .view .failure li+li {
margin-top: 5px
}
@media (max-width :740px) {
.sign-flow .view {
float: none;
margin: 0 auto;
width: 248px
}
.sign-flow .view .input-wrapper,.sign-flow .view .button-wrapper,.sign-flow .view .signin-misc-wrapper,.sign-flow .view .weibo-signup-wrapper {
margin-top: 22px
}
.sign-flow .view .input-wrapper input {
width: 226px
}
.sign-flow .view .weibo-signup-wrapper .js-bindwechat {
display: none
}
html.ua-wechat .sign-flow .view .weibo-signup-wrapper .js-bindwechat {
display: inline-block
}
}
.sign-button {
padding: 0;
font-size: 15px;
line-height: 33px;
color: #fff;
text-align: center;
float: left;
width: 145px;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
background: #80c3f7;
background: -webkit-linear-gradient(top,#80c3f7,#6bbaf8);
background: linear-gradient(to bottom,#80c3f7,#6bbaf8);
border: 1px solid #1D80CF;
border-radius: 5px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.3),0 1px 1px rgba(50,50,50,.05);
outline: 0;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.sign-button + .sign-button {
margin-left: 10px;
}
.sign-button:active {
color: #eee;
border: 1px solid #0971C5;
background: -webkit-linear-gradient(top,#5dadec,#51a4e6);
background: linear-gradient(to bottom,#5dadec,#51a4e6);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.1)
}
.sign-button.sign-button-white {
color: #484848;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
background: #f2f5f7;
background: -webkit-linear-gradient(top,#f2f5f7,#e0e4e7);
background: linear-gradient(to bottom,#f2f5f7,#e0e4e7);
border: 1px solid #3b86c2;
box-shadow: inset 0 1px 0 rgba(255,255,255,.5),0 1px 1px rgba(50,50,50,.05)
}
.sign-button.sign-button-white:active {
color: #424242;
background: -webkit-linear-gradient(top,#cddae2,#c9d4dd);
background: linear-gradient(to bottom,#cddae2,#c9d4dd);
border: 1px solid #297DC0;
box-shadow: inset 0 1px 2px rgba(0,0,0,.15),0 1px 0 rgba(255,255,255,.1)
}
.sign-flow {
text-align: center
}
.sign-flow .title .icon-sign {
display: none
}
.sign-flow .view {
float: none;
margin: auto;
width: 300px;
text-align: left
}
.sign-flow .view .group-inputs {
padding: 1px 0;
border: 1px solid #d5d5d5;
border-radius: 3px
}
.sign-flow .view .input-wrapper {
position: relative;
margin: 0;
overflow: hidden
}
.sign-flow .view .input-wrapper+.input-wrapper {
border-top: 1px solid #e8e8e8
}
.sign-flow .view .input-wrapper input {
padding: 1em .8em;
width: 100%;
box-sizing: border-box
}
.sign-flow .view .input-wrapper input,.sign-flow .view .input-wrapper input:focus {
border: 0;
border-radius: 0;
box-shadow: none;
background: #fff
}
.sign-flow .view .input-wrapper input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px #fff inset;
-webkit-text-fill-color: #555
}
.sign-flow a {
color: inherit
}
.sign-flow a:hover {
color: #25bb9b;
}
.sign-flow .title {
display: none
}
.sign-flow .sign-button {
background: #00BC9B;
box-shadow: none;
border: 0;
border-radius: 3px;
line-height: 41px;
color: #fff
}
.sign-flow .sign-button:focus,html.no-touchevents .sign-flow .sign-button:hover {
background: #00B091
}
.sign-flow label.error {
position: absolute;
top: 0;
right: 8px;
padding: 0 8px;
line-height: 48px;
color: #c33;
cursor: text;
background: #fff;
background: -webkit-linear-gradient(left,rgba(255,255,255,0),#fff 8px);
background: linear-gradient(to right,rgba(255,255,255,0),#fff 8px);
visibility: hidden;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translate(20px,0);
-ms-transform: translate(20px,0);
transform: translate(20px,0);
-webkit-transition: .25s ease-out;
transition: .25s ease-out
}
.sign-flow label.error.is-visible {
visibility: visible;
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0)
}
.sign-flow label.error.highlighted {
color: #ed707c;
-webkit-transition: none;
transition: none
}
.sign-flow label.error .switch-to-login {
color: #787878;
cursor: pointer
}
.sign-flow label.error a {
text-decoration: none
}
.sign-flow label.error a,.sign-flow label.error span {
color: #787878
}
.sign-flow .captcha-module .captcha-container {
margin: 0
}
.sign-flow .captcha-module .captcha-container span,.sign-flow .captcha-module .captcha-container a {
display: none
}
.sign-flow .captcha-module .captcha {
position: absolute;
top: 50%;
right: .5em;
margin-top: -19px;
width: 100px;
height: 38px
}
.sign-flow .captcha-module label.error {
right: 105px
}
.sign-flow .weibo-signup-wrapper .name {
vertical-align: middle;
margin-right: 20px;
color: #787878;
cursor: pointer
}
html.no-touchevents .sign-flow .weibo-signup-wrapper .name:hover {
color: #555
}
.sign-flow .weibo-signup-wrapper a {
margin: 0 25px 0 0;
opacity: .7;
-ms-filter: "alpha(Opacity=70)";
-webkit-transition: opacity .15s ease-out;
transition: opacity .15s ease-out
}
html.no-touchevents .sign-flow .weibo-signup-wrapper a:hover {
opacity: 1;
-ms-filter: "alpha(Opacity=100)"
}
.sign-flow .sns-buttons {
display: inline-block;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
-webkit-transition: opacity .25s ease-out,-webkit-transform .25s ease-out;
transition: opacity .25s ease-out,-webkit-transform .25s ease-out;
transition: opacity .25s ease-out,transform .25s ease-out;
transition: opacity .25s ease-out,transform .25s ease-out,-webkit-transform .25s ease-out;
visibility: hidden
}
.sign-flow .sns-buttons.is-visible {
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.index-header {
text-align: center
}
.index-header .logo {
margin: 0 auto;
width: 46px;
height: 46px;
background: url(../imagse/log.png) no-repeat;
background-size: contain
}
@media (max-width :740px) {
.index-header .logo {
width: 96px;
height: 44.4px
}
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
.index-header .logo {
background-image: url(/static/revved/img/index/logo@2x.e4e2b466.png)
}
}
.index-header .logo.org-logo {
width: 178px;
height: 41px;
background-image: url(/static/revved/img/org/signup/logo.57fac9a5.png)
}
@media (max-width :740px) {
.index-header .logo.org-logo {
width: 142.4px;
height: 32.8px
}
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
.index-header .logo.org-logo {
background-image: url(/static/revved/img/org/signup/logo@2x.ce86aca0.png)
}
}
.index-header .subtitle {
margin: 30px 0 20px;
font-weight: 400;
font-size: 18px;
line-height: 1
}
.index-tab-navs {
margin-bottom: 10px;
font-size: 18px;
text-align: center
}
.index-tab-navs .navs-slider {
position: relative;
display: inline-block
}
.index-tab-navs .navs-slider .navs-slider-bar {
position: absolute;
left: 0;
bottom: 0;
margin: 0 .8em;
width: 2.4em;
height: 2px;
background: #0f88eb;
-webkit-transition: left .15s ease-in;
transition: left .15s ease-in
}
.index-tab-navs .navs-slider[data-active-index="1"] .navs-slider-bar {
left: 4em
}
.index-tab-navs a {
float: left;
width: 4em;
line-height: 35px;
opacity: .7;
-ms-filter: "alpha(Opacity=70)";
-webkit-transition: opacity .15s,color .15s;
transition: opacity .15s,color .15s
}
html.no-touchevents .index-tab-navs a:hover {
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
text-decoration: none
}
.index-tab-navs a.active {
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
color: #0f88eb
}
.QRCode {
position: relative
}
.QRCode-toggleButton {
display: block;
padding: 0;
width: 100%;
height: 41px;
line-height: 39px;
color: #5fa6e5;
background: 0 0;
border: 1px solid #96c2e9;
border-radius: 3px;
cursor: pointer;
outline: 0
}
.QRCode-toggleButton .sprite-index-icon-qrcode {
vertical-align: -3px
}
.QRCode-toggleButtonText {
margin-left: 2px
}
.QRCode-card {
display: none;
position: absolute;
left: -5px;
bottom: 68px;
width: 310px;
height: 310px;
color: #555;
background-color: #fff;
box-shadow: 0 0 8px 0 rgba(0,0,0,.15);
border-radius: 10px
}
.QRCode-card .sprite-index-icon-arrow {
position: absolute;
margin: auto;
right: 0;
bottom: -14px;
left: 0
}
.QRCode-image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 250px;
height: 250px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url(/static/revved/img/index/qr-code.d6565408.png)
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
.QRCode-image {
background-image: url(/static/revved/img/index/qr-code@2x.2607d448.png)
}
}
html,body {
height: 100%
}
body {
color: #555;
font-size: 15px;
line-height: 1.7;
font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;
background: #f7fafc;
-webkit-font-smoothing: subpixel-antialiased
}
.index-main {
min-height: 100%;
margin-bottom: -42px
}
@media (max-width :740px) {
.index-main {
margin-bottom: -102px
}
}
.index-main-body {
margin: auto;
padding: 30px 0 102px;
width: 300px
}
@media (min-width :741px) {
.index-main {
text-align: center;
white-space: nowrap;
height: 100%
}
.index-main:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -.25em
}
.index-main-body {
padding: 0;
min-height: 590px;
display: inline-block;
vertical-align: middle;
text-align: left;
white-space: normal
}
}
@media (min-width :741px) and (max-height:600px) {
.index-main {
height: auto
}
}
.footer {
font-size: 12px;
line-height: 42px;
text-align: center
}
@media (max-width :740px) {
.footer {
padding-bottom: 60px
}
.footer :not(.footer-changeUserType) {
display: none
}
}
.footer span,.footer a {
color: #aebdc9
}
.footer .dot {
margin: 0 3px
}
#particles {
position: absolute;
top: 0;
z-index: -1;
width: 100%;
height: 100%
}
#particles canvas {
display: block
}
.topic-list-for-spider h1 {
color: #aebdc9;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255,255,255,.8)
}
.topic-list-for-spider .topics {
padding: 20px 30px;
margin-top: 10px;
line-height: 2.5em;
background: #fff;
border-radius: 5px;
box-shadow: 0 1px 1px rgba(100,100,100,.15);
overflow: hidden
}
.topic-list-for-spider .topics a {
float: left;
margin-right: 10px;
color: #7491A8
}
.topic-list-for-spider .topics a:hover {
text-decoration: underline
}
.dialog-org-tip a {
color: #25bb9b
}
.dialog-org-tip p {
color: #000;
margin-bottom: 12px
}
.dialog-org-tip ol,.dialog-org-tip li {
list-style: none;
color: #666
}
.Captcha {
display: none;
padding: 10px .8em;
background-color: #fafafa
}
.Captcha label.error {
position: absolute;
left: 0;
top: 0;
line-height: inherit;
color: #c33;
visibility: hidden;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
padding: 0;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
-webkit-transform: translate(-20px,0);
-ms-transform: translate(-20px,0);
transform: translate(-20px,0);
background: 0 0
}
.Captcha label.error.is-visible {
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
visibility: visible;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0)
}
.Captcha-imageConatiner {
position: relative;
width: 200px;
margin: auto
}
.Captcha-image {
margin: auto;
display: block;
width: 200px;
height: 44px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.Captcha-mark {
position: absolute
}
.Captcha-operate {
position: relative;
color: #555;
line-height: 16px;
height: 16px;
margin-bottom: 6px
}
.Captcha-refresh {
position: absolute;
right: 0;
top: 0;
cursor: pointer
}
.Captcha-prompt {
position: absolute;
font-size: 14px;
vertical-align: middle;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
visibility: visible;
opacity: 1;
-ms-filter: "alpha(Opacity=100)";
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0)
}
.Captcha-prompt.is-hidden {
visibility: hidden;
opacity: 0;
-ms-filter: "alpha(Opacity=0)";
-webkit-transform: translate(20px,0);
-ms-transform: translate(20px,0);
transform: translate(20px,0)
}
.GaussianBlur {
background-color: rgba(255,255,255,.96);
box-shadow: 0 -1px 0 0 rgba(0,0,0,.08)
}
@supports (-webkit-backdrop-filter:blur(18px)) {
.GaussianBlur {
-webkit-backdrop-filter: blur(18px);
background-color: rgba(255,255,255,.68)
}
}
.AppPromotionBar {
position: fixed;
bottom: 0;
z-index: 3;
display: none;
width: 100%;
height: 60px;
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out
}
html.is-AppPromotionBarVisible .AppPromotionBar {
display: block
}
.AppPromotionBar.is-hidden {
opacity: 0;
-ms-filter: "alpha(Opacity=0)"
}
.AppPromotionBar-closeButton {
float: left;
width: 21px;
height: 21px;
padding: 19px 12px 20px;
background-image: url(/static/revved/img/app_promotion_bar/close.d37dfef8.png);
background-position: center;
background-repeat: no-repeat;
background-size: 21px
}
.AppPromotionBar-icon {
float: left;
margin: 9.5px 10px 0;
width: 41px;
height: 41px;
background-image: url(/static/revved/img/app_promotion_bar/icon.926a6569.png);
background-position: center;
background-size: 41px
}
.AppPromotionBar-closeButton+.AppPromotionBar-icon {
margin-left: 0
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
.AppPromotionBar-icon {
background-image: url(/static/revved/img/app_promotion_bar/icon@3x.6362b806.png)
}
}
.AppPromotionBar-title,.AppPromotionBar-describe {
margin-right: 84px;
line-height: 1;
color: rgba(12,26,62,.48)
}
.AppPromotionBar-title {
margin-top: 12px;
margin-bottom: 0;
font-size: 19px
}
.AppPromotionBar-describe {
margin-top: 3px;
font-size: 14px
}
.AppPromotionBar-downloadButton {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
width: 74px;
height: 23px;
padding-top: 10px;
margin: auto;
font-size: 13px;
line-height: 1;
text-align: center;
color: #fff;
background-color: #0084ff;
border-radius: 4px;
box-shadow: inset 0 -2px #006acc
}
@media (min-width:500px) {
.AppPromotionBar {
height: 90px
}
.AppPromotionBar-closeButton {
width: 30px;
height: 30px;
padding: 30px 25px;
background-image: url(/static/revved/img/app_promotion_bar/close_large.be2e2c35.png);
background-size: 30px
}
.AppPromotionBar-icon {
margin: 14.5px 15px 0 25px;
left: 80px;
width: 61px;
height: 61px;
background-image: url(/static/revved/img/app_promotion_bar/icon_large.e71ae6e3.png);
background-size: 61px
}
.AppPromotionBar-title,.AppPromotionBar-describe {
margin-right: 135px
}
.AppPromotionBar-title {
margin-top: 20px;
font-size: 27px
}
.AppPromotionBar-describe {
margin-top: 7px;
font-size: 16px
}
.AppPromotionBar-downloadButton {
right: 25px;
width: 110px;
height: 36px;
padding-top: 19px;
font-size: 18px;
border-radius: 6px;
box-shadow: inset 0 -3px #006acc
}
}
================================================
FILE: wenda/src/main/resources/static/styles/result.css
================================================
@-webkit-keyframes fadeIn {
from {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
to {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
}@keyframes fadeIn {
from {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
to {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
}@-webkit-keyframes fadeInUp {
from {
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
to {
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:none;
transform:none
}
}@keyframes fadeInUp {
from {
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
to {
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:none;
transform:none
}
}.fadeInUp {
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp;
-webkit-animation-duration:.2s;
animation-duration:.2s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
@-webkit-keyframes fadeOut {
from {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
to {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
}@keyframes fadeOut {
from {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
to {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
}@-webkit-keyframes fadeOutDown {
from {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
to {
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}@keyframes fadeOutDown {
from {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
to {
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}.fadeOutDown {
-webkit-animation-name:fadeOutDown;
animation-name:fadeOutDown;
-webkit-animation-duration:.2s;
animation-duration:.2s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
body,ul,ol,li,p,h1,h2,h3,h4,h5 {
margin:0;
padding:0
}
button,input,select,textarea {
margin:0;
font-family:inherit;
font-size:100%
}
img {
border:0
}
a {
text-decoration:none
}
a:hover {
text-decoration:underline
}
html.touchevents a:hover {
text-decoration:none
}
object:not([data]) {
display:none
}
[hidden] {
display:none!important
}
.zg-warn-message,.zg-error-message,.zg-info-message {
margin:10px 0;
padding:10px;
border:1px solid;
text-align:center
}
.zg-warn-message {
border-color:#ccc9ac;
background:#fbf9e5
}
.zg-error-message {
border-color:#c3412f;
background:#fff5fa
}
.zg-info-message {
border-color:#adcf66;
background:#f2fddb
}
.hidden {
display:none
}
.centered-block {
text-align:center;
white-space:nowrap;
height:100%
}
.centered-block:before {
content:'';
display:inline-block;
height:100%;
vertical-align:middle;
margin-right:-.25em
}
.centered-block-inner {
display:inline-block;
vertical-align:middle;
text-align:left;
white-space:normal
}
.text-center {
text-align:center
}
.text-right {
text-align:right
}
.text-muted {
color:#999
}
.clearfix {
*zoom:1
}
.clearfix:before,.clearfix:after {
display:table;
content:""
}
.clearfix:after {
clear:both
}
.hide-text {
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0
}
.ellipsis {
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.sr-only {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
border:0
}
[ng-cloak] {
display:none
}
body.zhi {
padding-top:46px;
_padding-top:64px;
-webkit-font-smoothing:subpixel-antialiased
}
html.in-app body.zhi {
background-color:#fff;
padding-top:0
}
a {
color:#25bb9b
}
a:active {
outline:0
}
body {
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.placeholder-label-hilight {
color:#A02313!important
}
.placeholder-hilight::-webkit-input-placeholder,.placeholder-hilight::-moz-input-placeholder,.placeholder-hilight::input-placeholder {
color:#A02313!important
}
div[contentEditable],input,textarea,button,a:link {
-webkit-tap-highlight-color:rgba(225,225,225,.5)
}
small {
font-size:12px
}
input[type=text]:focus,input[type=password]:focus,textarea:focus {
outline:0
}
input[type=text],input[type=password]:focus {
-webkit-appearance:none
}
textarea {
border:0;
border:0;
-moz-outline:0;
outline:0;
overflow:auto;
resize:none;
-webkit-appearance:none
}
.modal-dialog,div[contentEditable] {
outline:0;
-moz-outline:0
}
.editable-wrapper {
position:relative;
padding:8px 10px;
border:1px solid #ccc;
border-radius:0 0 3px 3px;
box-shadow:0 0 4px 0 rgba(0,0,0,.1) inset;
-webkit-transition:min-height .25s ease-out;
background:#fff
}
html.no-js img.lazy {
display:none
}
.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content p {
margin:12px 0
}
body {
font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
font-size:13px;
line-height:1.7;
word-wrap:break-word;
color:#222;
background-color:#fff
}
button {
padding:0;
line-height:1.7
}
h1,h2,h3,h4,h5 {
font-weight:700;
font-size:14px;
outline:0
}
i,em {
font-style:italic
}
ins {
text-decoration:none;
padding:3px 0;
background:#EAF0DD;
color:#5B7918
}
del {
text-decoration:line-through;
padding:3px 0;
background:#f5dfdf;
color:#ac1414
}
ins img {
margin:6px 0;
display:block;
max-width:300px!important
}
del.del-img,ins.ins-img {
display:inline-block;
width:75px;
text-align:center;
background:0 0
}
del.del-img span,ins.ins-img span {
padding:3px 0
}
ins.ins-img span {
background:#EAF0DD;
color:#5B7918
}
del.del-img span {
background:#f5dfdf;
color:#ac1414
}
input[type=checkbox] {
margin:0 5px 0 0;
vertical-align:0
}
address,sup {
border-left:3px solid #D0E5F2;
font-style:normal;
padding:0 0 0 10px;
display:block;
line-height:22px;
vertical-align:baseline;
font-size:100%
}
.hilight {
color:#C20A0A
}
.cross {
width:6px;
height:6px;
display:inline-block;
position:relative
}
.cross span {
background-color:#25bb9b
}
.cross .vertical {
position:absolute;
width:2px;
height:6px;
top:0;
left:2px
}
.cross .horizontal {
position:absolute;
width:6px;
height:2px;
top:2px;
left:0
}
.zg-anchor-hidden {
top:-48px;
position:relative;
display:block;
width:0;
font:0/0 a
}
.zg-anchor-hidden.ac {
top:-100px
}
.zu-nav-page {
height:35px;
text-align:right
}
.gray_link,.gray_link:visited {
color:#999
}
.zg-red {
color:#A02313
}
.zg-content-video-icon,.zg-content-img-icon {
margin:0 5px -1px 1px;
display:inline-block;
width:13px;
height:11px;
background-repeat:no-repeat;
background-image:url(../images/img/sprites-1.9.2.4c54885a.png)
}
.zg-content-img-icon {
background-position:-28px -5px
}
.zg-content-video-icon {
background-position:-41px -5px
}
.zg-section {
margin:0 0 10px;
display:block
}
.section-title {
border-bottom:1px solid #ccc;
color:#666
}
.zg-section-title {
padding:0 0 3px;
margin:0 0 10px;
border-bottom:solid 1px #ddd
}
.zg-section-title.zg-section-title-wide {
padding:0 0 10px
}
.zg-clear:before,.zg-clear:after {
content:"\0020";
display:block;
height:0;
visibility:hidden
}
.zg-clear:after {
clear:both
}
.zg-clear {
height:1%
}
.zg-r3px {
border-radius:3px
}
.zg-r4px {
border-radius:4px
}
.zg-r5px,.goog-tooltip {
border-radius:5px
}
.zg-r10px {
border-radius:10px
}
.zg-hide {
display:none
}
.zg-ml10 {
margin:0 0 0 10px
}
.zg-ml20 {
margin:0 0 0 20px
}
.zg-mr10 {
margin:0 10px 0 0
}
.zg-mr15 {
margin:0 15px 0 0
}
.zg-mb15 {
margin:0 0 15px
}
.zg-locked {
background:transparent url(../images/img/lock.070c061d.gif) scroll no-repeat 0 5px;
color:#999;
padding:0 0 0 15px
}
.zu-autohide {
display:none
}
.goog-inline-block.zu-autohide {
display:none
}
.zu-autohide {
_display:inline-block!important
}
.zg-14px {
font-size:14px
}
.zg-gray {
color:#999;
font-size:12px;
font-weight:400
}
.zg-gray-darker {
color:#666
}
.zg-medium-gray {
color:#999;
font-size:13px
}
.zg-gray-small {
color:#999;
font-size:12px
}
.zg-big-gray {
color:#999;
font-size:14px;
font-weight:400
}
.zg-right {
float:right
}
.zg-left {
float:left
}
.zg-text-error {
color:#C3412F
}
.link-disabled {
color:#999;
font-weight:400;
text-decoration:none;
cursor:default
}
.link-disabled:hover {
text-decoration:none
}
.zg-link {
cursor:pointer;
text-decoration:none
}
.zg-link:hover {
text-decoration:underline
}
.zg-link-disabled:hover {
text-decoration:none;
cursor:not-allowed
}
.zg-link-white {
color:#fff
}
.zg-link-black {
color:#222
}
.zg-link-litgray,.zg-link-litgray:hover {
color:#ddd!important;
font-size:12px
}
.zg-bull {
padding:0 3px;
color:#BBB;
font-family:Arial
}
.zg-bull-medium-lit {
padding:0 5px;
color:#DDD
}
.zg-gray-normal,.zg-link-gray-normal,.zg-link-gray {
color:#999;
font-weight:400
}
.zg-link-gray {
font-size:12px
}
html.no-touchevents .zg-link-gray:hover,html.no-touchevents .zg-link-gray-normal:hover {
color:#25bb9b
}
.zg-link-litblue,.zg-link-litblue-normal {
color:#25bb9b;
font-weight:400
}
.zg-link-litblue {
font-size:12px
}
.zg-link-litblue:hover,.zg-link-litblue-normal:hover {
color:#25bb9b
}
.zg-blue-edit {
width:15px;
height:11px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -20px -151px transparent;
display:inline-block;
margin-right:3px
}
.zm-command {
padding:10px 0;
text-align:right
}
.zm-command-cancel {
margin:0 15px 0 0;
cursor:pointer
}
.zm-command-cancel:hover {
text-decoration:underline
}
.zg-num {
margin:0 0 0 3px;
padding:1px 5px;
background:#25bb9b;
color:#fff;
font-size:11px;
-webkit-text-size-adjust:none;
vertical-align:top;
border-radius:30px
}
.zg-item-log-detail {
*zoom:1;
border-left:3px solid #DDD;
padding:5px 10px;
margin:5px 0
}
.zg-item-log-detail:before,.zg-item-log-detail:after {
display:table;
content:""
}
.zg-item-log-detail:after {
clear:both
}
.zg-item-log-detail:before,.zg-item-log-detail:after {
display:table;
content:""
}
.zg-item-log-detail:after {
clear:both
}
.zg-item-log-detail ul,.zg-item-log-detail ol {
margin-left:2em
}
.zg-error-text {
color:#C3412F
}
.zg-orange-message {
padding:10px;
margin:10px 0;
background:#FFFCDD;
color:#8D7745
}
.zg-simple-info {
text-align:center;
padding:20px 0
}
.zg-avatar-big {
width:100px;
height:100px;
border:0 none;
border-radius:4px
}
.zg-avatar-medium {
width:50px;
height:50px;
border:0 none;
border-radius:4px
}
.zg-inline {
display:inline!important
}
.zg-c12,.zg-c16 {
margin-left:auto;
margin-right:auto;
width:960px
}
.zg-g1,.zg-g2,.zg-g3,.zg-g4,.zg-g5,.zg-g6,.zg-g7,.zg-g8,.zg-g9,.zg-g10,.zg-g11,.zg-g12,.zg-g13,.zg-g14,.zg-g15,.zg-g16 {
display:inline;
float:left;
margin-left:10px;
margin-right:10px
}
.zg-push-1,.zg-pull-1,.zg-push-2,.zg-pull-2,.zg-push-3,.zg-pull-3,.zg-push-4,.zg-pull-4,.zg-push-5,.zg-pull-5,.zg-push-6,.zg-pull-6,.zg-push-7,.zg-pull-7,.zg-push-8,.zg-pull-8,.zg-push-9,.zg-pull-9,.zg-push-10,.zg-pull-10,.zg-push-11,.zg-pull-11,.zg-push-12,.zg-pull-12,.zg-push-13,.zg-pull-13,.zg-push-14,.zg-pull-14,.zg-push-15,.zg-pull-15 {
position:relative
}
.zg-c12 .zg-g3,.zg-c16 .zg-g4 {
width:220px
}
.zg-c12 .zg-g6,.zg-c16 .zg-g8 {
width:460px
}
.zg-c12 .zg-g9,.zg-c16 .zg-g12 {
width:700px
}
.zg-c12 .zg-g12,.zg-c16 .zg-g16 {
width:940px
}
.zg-alpha {
margin-left:0
}
.zg-omega {
margin-right:0
}
.zg-c12 .zg-g1 {
width:60px
}
.zg-c12 .zg-g2 {
width:140px
}
.zg-c12 .zg-g4 {
width:300px
}
.zg-c12 .zg-g5 {
width:380px
}
.zg-c12 .zg-g7 {
width:540px
}
.zg-c12 .zg-g8 {
width:620px
}
.zg-c12 .zg-g10 {
width:780px
}
.zg-c12 .zg-g11 {
width:860px
}
.zg-c16 .zg-g1 {
width:40px
}
.zg-c16 .zg-g2 {
width:100px
}
.zg-c16 .zg-g3 {
width:160px
}
.zg-c16 .zg-g5 {
width:280px
}
.zg-c16 .zg-g6 {
width:340px
}
.zg-c16 .zg-g7 {
width:400px
}
.zg-c16 .zg-g9 {
width:520px
}
.zg-c16 .zg-g10 {
width:580px
}
.zg-c16 .zg-g11 {
width:640px
}
.zg-c16 .zg-g13 {
width:760px
}
.zg-c16 .zg-g14 {
width:820px
}
.zg-c16 .zg-g15 {
width:880px
}
.zg-inline-block,.inline-block,.more {
display:inline-block!important
}
#zh-top-nav-btn-hide {
font-size:12px;
font-weight:700
}
.zg-fly-input-label {
color:#BEBEBE;
left:7px;
position:absolute;
top:7px;
cursor:text;
font-size:14px
}
.zg-fly-input-label {
color:#BEBEBE;
left:8px;
position:absolute;
top:6px;
cursor:text
}
.zm-modal-dialog-guide-title,.zm-modal-dialog-guide-warn-message {
padding:5px 9px;
margin:0 0 15px;
position:relative
}
.zm-modal-dialog-guide-title {
background:none repeat scroll 0 0 #F7FBFD;
border:1px solid #D2E1E8
}
.zm-modal-dialog-guide-warn-message {
background:none repeat scroll 0 0 #f8f6e2;
border:1px solid #ccc9ac!important;
padding:5px 30px 5px 9px!important;
margin:0 0 15px!important
}
.zm-modal-dialog-guide-title-spin {
background:transparent url(../images/img/sprites-1.9.2.4c54885a.png) scroll no-repeat -38px -902px;
visibility:hidden;
position:absolute;
bottom:-11px;
left:20px;
width:16px;
height:11px
}
.zm-modal-dialog-guide-title-msg {
background:transparent url(../images/img/sprites-1.9.2.4c54885a.png) scroll no-repeat -227px -174px;
visibility:hidden;
position:absolute;
bottom:-11px;
left:20px;
width:16px;
height:11px
}
.zh-question-suggest-trigger {
color:#444
}
.zh-question-suggest-optional {
color:#aaa
}
#zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-spin,#zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-msg,.zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-spin,.zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-msg {
bottom:-10px;
z-index:1;
visibility:visible;
left:21px
}
.goog-zippy-expanded>.zm-modal-dialog-guide-title-spin {
visibility:visible
}
.zm-modal-dialog-guide-title-dropdown {
background:transparent url(../images/img/sprites-1.9.2.4c54885a.png) scroll no-repeat -46px -674px;
position:absolute;
top:13px;
right:10px;
width:11px;
height:6px
}
.goog-zippy-expanded>.zm-modal-dialog-guide-title-dropdown {
background-position:-39px -934px;
top:12px
}
.goog-zippy-collapsed>.zm-modal-dialog-guide-title-dropdown {
background-position:-39px -928px;
top:14px
}
.zh-question-topic-autocomplete-plaintext {
background-color:#EFEFEF;
color:#888;
font-size:.9em;
padding:1px 8px
}
.zm-item-more-wrap {
border-top:solid 1px #ddd
}
.zu-edit-btn {
color:#999;
display:inline-block;
font-size:11px;
-webkit-text-size-adjust:none;
font-weight:400;
padding:0 3px 0 0;
margin:0 0 0 5px;
line-height:130%
}
.zu-edit-btn:hover,.zu-edit-btn:visited {
color:#666;
background-color:#e1f0f7;
border-radius:2px;
text-decoration:none
}
.zg-report-title {
padding-bottom:10px
}
.zg-report-title .zg-report-msg {
color:#A02313
}
.zm-item-img-avatar {
border-radius:2px
}
.zg-wrap {
width:960px;
margin:0 auto;
clear:both
}
.zu-main {
min-height:340px;
padding:25px 0 50px;
position:relative;
z-index:2
}
.zu-main.no-sidebar .zu-main-content {
float:none
}
.zu-main.no-sidebar .zu-main-content-inner {
margin:0
}
@media (max-width:959px) {
.zu-main.no-sidebar .zu-main-content-inner {
margin:0 10px
}
}.zu-main-content {
float:left;
width:100%
}
.zu-main-content-inner {
position:relative;
}
.zu-main-sidebar {
position:relative;
float:left;
margin:0 0 0 -270px;
width:270px
}
@media (max-width:767px) {
.zg-wrap {
width:auto;
padding-left:6px;
padding-right:6px
}
.zu-main-content-inner {
margin:0
}
.zu-main-content {
float:none
}
.zu-main-sidebar {
float:none;
margin:0
}
}@media (min-width:768px) and (max-width:959px) {
.zg-wrap {
width:auto;
padding-left:6px;
padding-right:6px
}
.zu-main-content-inner {
margin:0 300px 0 0
}
}.zh-footer {
clear:both;
text-align:right
}
.zh-footer,.zh-footer a {
color:#999
}
.zh-footer .content {
padding:20px 15px;
border-top:1px solid #ccc
}
.zh-footer ul,.zh-footer li {
display:inline
}
.zh-footer li {
list-style:none
}
.zh-footer li+li:before {
content:'•';
margin-right:3px;
padding:0 3px;
font-family:Arial;
color:#bbb
}
.zh-footer .copy {
float:left
}
.zu-main-sidebar .zh-footer {
margin-top:10px;
text-align:left
}
.zu-main-sidebar .zh-footer .content {
padding:10px 0;
width:auto;
border-top-color:#eee
}
.zu-main-sidebar .zh-footer li:nth-child(5):before {
content:'';
margin:0;
padding:0;
display:block
}
.zu-main-sidebar .zh-footer .copy {
margin-left:1px;
float:none
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
color:#999
}
input::-moz-placeholder,textarea::-moz-placeholder {
color:#999
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
color:#999
}
input::placeholder,textarea::placeholder {
color:#999
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
input[type=number] {
-moz-appearance:textfield
}
.form-basic .group {
margin-bottom:1em
}
.form-basic .lbl {
width:5em;
float:left;
text-align:right;
line-height:33px
}
.form-basic .controls {
margin-left:6em
}
.form-basic label.error {
margin-left:5px;
color:#c33
}
.form-basic label.error:first-child {
margin:0
}
input.text,textarea.text {
padding:8px 10px;
font-size:13px;
line-height:15px;
box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
border-radius:3px;
background:#fff;
border:1px solid #ccc;
color:#222;
box-sizing:border-box
}
input.text:focus,textarea.text:focus {
outline:0;
box-shadow:0 0 5px rgba(105,142,191,.4);
border:1px solid #b0c4dd;
position:relative
}
.zm-form-table {
width:100%;
margin:0
}
.zm-form-table-head {
width:43px;
float:left;
text-align:right
}
.zg-form-text-input,.zg-form-select {
padding:8px 10px;
font-size:13px;
line-height:15px;
box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
border-radius:3px;
background:#fff;
border:1px solid #ccc;
color:#222
}
.zg-form-text-input:focus {
outline:0;
box-shadow:0 0 5px rgba(105,142,191,.4);
border:1px solid #b0c4dd;
position:relative
}
.zg-form-select {
color:#666;
line-height:1;
height:32px;
min-width:215px
}
.label-input-label {
color:#777!important
}
textarea.zg-form-text-input,.zg-form-text-input>textarea {
color:#222;
overflow:hidden;
min-height:66px;
line-height:22px;
font-size:13px;
padding:0!important;
margin:0!important;
border:0 none
}
.zm-form-btn-collapse {
vertical-align:middle;
margin-left:5px
}
.zm-form-table-head-align-middle {
margin:5px 0 0
}
.zg-form-table-count {
min-height:27px;
padding-top:5px!important
}
.zg-form-table-count label {
color:#999;
padding-right:20px
}
.zm-form-table-field {
margin:0 0 0 53px;
padding:0 0 10px;
vertical-align:top
}
.zm-form-table-field-last {
padding:0
}
.zm-form-table-wide>.zm-form-table-head {
width:100px;
position:relative
}
.zm-form-table-wide>.zm-form-table-field {
margin:0 0 0 125px
}
.zm-form-table-medium>.zm-form-table-head {
width:3em;
clear:both
}
.zm-form-table-medium>.zm-form-table-field {
margin:0 0 0 3.5em;
zoom:1
}
.icon,.tr-icon,.tr-inline-icon,.goog-option-selected .goog-menuitem-checkbox,.zu-edit-button-icon,.zu-top-live-icon,.zh-global-backtotop,.zh-hovercard-arrow,.modal-dialog-title-close,.icon-external,.zg-icon,.zm-profile-icon,.zm-profile-header-icon,.icon-info,.icon-green-check,.icon-big-arrow-left,.icon-big-arrow-right,.icon-weibo,.icon-qzone,.icon-weibo-corner,.icon-big-white-sina,.icon-big-white-qq,.icon-big-white-mail,.icon-delete,.icon-edit {
width:16px;
height:16px;
background-image:url(../images/img/sprites-1.9.2.4c54885a.png);
background-repeat:no-repeat;
display:inline-block;
vertical-align:middle
}
.icon-bubble,.icon-avatar {
width:13px;
height:13px
}
.icon-bubble {
background-position:-208px -46px
}
.icon-avatar {
background-position:-152px -46px
}
.icon-profile-company {
background-position:-92px -110px
}
.icon-profile-male {
background-position:-144px -110px
}
.icon-profile-female {
background-position:-127px -110px
}
.icon-profile-location {
background-position:-58px -110px
}
.icon-profile-education {
background-position:-111px -110px
}
.icon-weibo {
background-position:-194px -110px;
width:16px;
height:13px;
vertical-align:-2px
}
.icon-qzone {
background-position:-245px -167px;
width:16px;
height:16px;
vertical-align:-2px
}
.icon-big-arrow-left {
background-position:-210px -232px;
width:90px;
height:18px
}
.icon-big-arrow-right {
background-position:-210px -214px;
width:90px;
height:18px
}
.icon-help {
background-position:-284px -68px
}
.icon-disabled {
background-position:-124px -232px;
width:14px;
height:14px;
vertical-align:text-top
}
.icon-delete {
width:15px;
height:15px;
background-repeat:no-repeat;
background-position:-264px -103px;
background-color:#25bb9b;
border-radius:3px;
cursor:pointer
}
html.no-touchevents .icon-delete:hover {
background-color:#25bb9b
}
.icon-edit {
width:12px;
height:12px;
background-position:-131px -50px
}
.spinner-gray,.spinner-lightgray {
display:inline-block;
margin:0 5px;
width:14px;
height:15px;
vertical-align:-3px;
background-size:14px 15px;
background-repeat:no-repeat;
background-image:url(../images/res/grey-loading.b016b1c7.gif)
}
.spinner-lightgray {
background-image:url(../images/res/lightgray-loading.e0eefd9c.gif)
}
.icon-weibo-corner {
background-position:-157px -222px;
width:26px;
height:28px;
position:absolute;
bottom:-12px;
right:-11px
}
.icon-green-check {
background-position:-284px -111px;
vertical-align:-4px;
width:16px;
height:16px;
margin-right:5px
}
.icon-big-white-qq {
vertical-align:-5px;
background-position:-61px -230px;
margin-right:7px;
width:24px;
height:20px
}
.view-sina .icon-big-white-qq {
margin:0 13px 0 3px
}
.icon-big-white-sina {
vertical-align:-5px;
background-position:-284px -153px;
margin-right:7px;
width:24px;
height:20px
}
.icon-big-white-mail {
background-position:-284px -180px;
vertical-align:-4px;
margin-right:8px;
width:20px;
height:16px
}
.icon-spike {
position:absolute;
top:-8px;
left:23px;
width:13px;
height:8px;
background-position:-200px -165px
}
.icon-ignore {
width:20px;
height:20px;
background-position:-261px -62px
}
html.no-touchevents a:hover>.icon-ignore {
background-position:-261px -42px
}
.icon-info {
background-position:-227px -146px;
width:16px;
height:16px
}
.icon-copyable,.icon-uncopyable {
width:13px;
height:13px;
vertical-align:-1px
}
.icon-copyable {
background-position:-75px -4px
}
.icon-uncopyable {
background-position:-58px -4px
}
.icon-validate-ok,.icon-validate-error {
margin-right:3px;
width:16px;
height:16px;
vertical-align:-3px
}
.icon-validate-error {
background-position:-284px -131px
}
.icon-validate-ok {
background-position:-284px -111px
}
.icon-vote {
width:20px;
height:14px;
background-position:-123px -184px
}
.icon-voted {
width:20px;
height:14px;
background-position:-123px -166px
}
.zg-icon-topic-square {
background-position:-50px -88px
}
.zg-icon-topic-feed {
background-position:-28px -88px
}
.zg-icon-dropdown-menu {
margin:2px;
height:18px;
width:28px;
vertical-align:bottom;
background-position:-53px -146px
}
.zg-icon-topic-square,.zg-icon-topic-feed {
width:17px;
height:17px;
margin-right:8px;
vertical-align:-4px
}
.icon-magnify {
width:12px;
height:12px;
background-position:-45px -52px;
vertical-align:-3px
}
.icon-magnify-q {
width:13px;
height:15px;
background-position:-239px -60px
}
.icon-magnify-active {
background-position:-222px -62px
}
.icon-lock {
background-position:-47px -67px;
width:9px;
height:11px;
vertical-align:-1px;
margin-right:6px
}
.zg-icon-settings {
width:16px;
height:16px;
background-position:-88px -148px;
margin-right:1px;
vertical-align:-5px
}
.icon-external {
width:7px;
height:7px;
vertical-align:0;
background-position:0 -204px
}
.icon-close-circle {
background-position:-247px -146px
}
.icon-close-8x8 {
width:8px;
height:8px;
background-position:-267px -68px;
cursor:pointer;
vertical-align:0
}
html.no-touchevents .icon-close-8x8:hover {
background-position:-267px -48px
}
.icon-close-16x16 {
width:16px;
height:16px;
background-position:-263px -63px;
cursor:pointer;
vertical-align:-2px
}
html.no-touchevents .icon-close-16x16:hover {
background-position:-263px -43px
}
.zg-icon-bin {
width:10px;
height:11px;
vertical-align:-3px;
background-position:-236px -92px
}
.zg-icon-trash {
background-position:-240px -127px;
width:16px;
height:16px
}
.zg-icon-pen {
background-position:-224px -127px;
width:16px;
height:16px
}
html.no-touchevents a:hover .zg-icon-bin {
background-position:-236px -79px
}
i[class^=z-icon-],i[class*=" z-icon-"] {
display:inline-block;
*margin-right:.3em;
line-height:10px;
vertical-align:0;
background-image:url(../images/img/sprites-1.9.2.4c54885a.png);
background-repeat:no-repeat;
margin-right:5px
}
.z-icon-x {
width:8px;
height:8px;
background-position:-130px -206px
}
.z-icon-x:hover {
background-position:-110px -206px
}
.z-icon-comment {
width:9px;
height:10px;
background-position:-28px -22px
}
.z-icon-collect {
width:7px;
height:10px;
background-position:-56px -22px
}
.z-icon-thank {
width:10px;
height:10px;
background-position:-41px -22px
}
.z-icon-share {
width:11px;
height:10px;
background-position:-67px -22px
}
.z-icon-report-o {
width:10px;
height:10px;
background-position:-82px -22px
}
.z-icon-follow {
width:8px;
height:9px;
background-position:-97px -23px
}
.z-icon-fold {
width:8px;
height:9px;
background-position:-135px -22px
}
.meta-item {
margin-left:7px;
color:#999
}
.meta-item.meta-item-black {
color:inherit
}
.meta-item:first-child,.zg-bull+.meta-item {
margin-left:0
}
html.no-touchevents .meta-item:hover {
color:#25bb9b
}
html.no-touchevents .meta-item:hover .goog-menu-button-caption {
color:#25bb9b;
text-decoration:underline
}
.meta-item.disabled,html.no-touchevents .meta-item.disabled:hover {
color:#bbb;
cursor:default;
text-decoration:none
}
html.no-touchevents .meta-item:hover .z-icon-fold {
background-position:-135px -37px
}
html.no-touchevents .meta-item:hover .z-icon-follow,html.no-touchevents .topic-follow:hover .z-icon-follow {
background-position:-97px -38px
}
html.no-touchevents .meta-item:hover .z-icon-share {
background-position:-67px -37px
}
html.no-touchevents .meta-item:hover .z-icon-thank {
background-position:-41px -37px
}
html.no-touchevents .meta-item.disabled:hover .z-icon-thank {
background-position:-41px -22px
}
html.no-touchevents .meta-item:hover .z-icon-collect {
background-position:-56px -37px
}
html.no-touchevents .meta-item:hover .z-icon-comment {
background-position:-28px -37px
}
.zg-icon-feedlist {
width:16px;
height:16px;
vertical-align:-4px;
margin-right:5px;
background-position:-71px -88px
}
.zg-icon-question-mark {
width:16px;
height:16px;
vertical-align:-3px;
background-position:-284px -68px;
opacity:.5;
-ms-filter:"alpha(Opacity=50)"
}
.zg-icon-question-mark:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.zu-entry-focus-single-way,.zu-entry-focus-each {
width:18px;
height:14px;
display:none;
vertical-align:-2px
}
.zu-entry-focus-single-way {
padding-right:4px;
background-position:-57px -202px
}
.zg-btn-green>.zu-entry-focus-single-way,.zg-btn-follow>.zu-entry-focus-single-way {
display:inline-block
}
.zu-entry-focus-each {
background-position:-82px -202px
}
.zg-btn-white>.zu-entry-focus-each,.zg-btn-unfollow>.zu-entry-focus-each {
display:inline-block
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
.icon,i[class^=z-icon-],.modal-dialog-title-close,.goog-option-selected .goog-menuitem-checkbox,.zg-content-img-icon,.zg-content-video-icon,.tr-icon,.tr-inline-icon,.zg-icon,.icon-external,.feed-item .ignore,.side-topic-item .up,.side-topic-item .delete,.zu-edit-button-icon,.zg-blue-edit,.zm-add-question-detail-icon,.zh-hovercard-arrow,.zu-top-live-icon,.zm-item-top-btn,.zm-profile-icon,.zm-profile-header-icon,.zm-profile-empty-icon,.zu-global-notify-icon,.zu-global-notify-close,.zm-modal-dialog-guide-title-msg,.zm-modal-dialog-guide-title-dropdown,.zm-noti7-popup-tab-item .icon,.zu-noti7-popup .zu-top-live-icon,.icon-info,.icon-green-check,.icon-big-arrow-left,.icon-big-arrow-right,.icon-weibo,.icon-qzone,.icon-weibo-corner,.icon-big-white-sina,.icon-big-white-qq,.icon-big-white-mail,.icon-delete,.icon-edit {
background-image:url(../images/img/sprites-1.9.2@2x.6e638473.png);
background-size:308px 250px
}
.spinner-gray {
background-image:url(../images/res/grey-loading@2x.c8492b4b.gif)
}
.spinner-lightgray {
background-image:url(../images/res/lightgray-loading@2x.0ac3edf8.gif)
}
}.zg-icon-rare {
width:16px;
height:16px;
background-image:url(../images/img/sprites-rare-0.1.42f52e35.png);
background-repeat:no-repeat;
display:inline-block;
vertical-align:middle
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
.zg-icon-rare {
background-image:url(../images/img/sprites-rare-0.1@2x.4c1b03dc.png);
background-size:256px 30px
}
}.zg-btn-blue,.zg-btn-green,.zg-btn-red,.zg-btn-white,.zg-btn-disabled {
font-size:14px;
line-height:1.7;
text-decoration:none!important;
vertical-align:middle;
display:inline-block;
_display:inline!important;
text-align:center;
padding:4px 10px;
cursor:pointer;
border-radius:3px;
white-space:nowrap;
box-sizing:border-box
}
.zg-btn-blue.disabled,.zg-btn-green.disabled,.zg-btn-red.disabled,.zg-btn-white.disabled,.zg-btn-disabled.disabled,.zg-btn-blue[disabled],.zg-btn-green[disabled],.zg-btn-red[disabled],.zg-btn-white[disabled],.zg-btn-disabled[disabled] {
background:#eee;
color:#888!important;
border:1px solid #ddd;
cursor:not-allowed;
text-shadow:none;
box-shadow:none!important
}
.zg-btn-blue.disabled:active,.zg-btn-green.disabled:active,.zg-btn-red.disabled:active,.zg-btn-white.disabled:active,.zg-btn-disabled.disabled:active,.zg-btn-blue[disabled]:active,.zg-btn-green[disabled]:active,.zg-btn-red[disabled]:active,.zg-btn-white[disabled]:active,.zg-btn-disabled[disabled]:active {
background:#eee;
border-color:#ccc
}
.zg-btn {
display:block;
text-align:center;
min-width:78px;
font-size:12px;
text-decoration:none!important;
padding:1px;
font-weight:400;
line-height:18px;
border-radius:3px;
cursor:pointer;
box-sizing:border-box
}
.zg-btn-disabled {
cursor:default!important
}
.zg-btn-white.zu-button-more {
display:block;
font-size:13px;
margin:20px 0;
padding:5px 1px
}
.zu-button-more.loading {
cursor:not-allowed
}
.zm-command>.zg-btn-blue,.zm-command>.zg-btn-green,.zm-command>.zg-btn-white,.zm-command>.zg-btn-disabled {
vertical-align:baseline
}
.zg-btn-blue {
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.5);
background:#1472cf;
background:-webkit-linear-gradient(top,#1d7fe2,#0865c2);
background:linear-gradient(to bottom,#1d7fe2,#0865c2);
border:1px solid #0D6EB8;
box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2)
}
.zg-btn-blue:active {
background:#1a70c7;
background:-webkit-linear-gradient(top,#1a79d9,#1a70c7);
background:linear-gradient(to bottom,#1a79d9,#1a70c7);
box-shadow:0 1px 2px rgba(255,255,255,.15) inset
}
.zg-btn-red {
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.5);
background:#e55345;
background:-webkit-linear-gradient(top,#e96249,#e03c40);
background:linear-gradient(to bottom,#e96249,#e03c40);
border:1px solid #cf2b28;
box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2)
}
.zg-btn-red:active {
background:#e55039;
background:-webkit-linear-gradient(top,#e7563b,#e04735);
background:linear-gradient(to bottom,#e7563b,#e04735);
box-shadow:0 1px 2px #9C3522 inset
}
.zg-btn-green,.zg-btn-follow {
width: auto;
_width: 78px;
min-width: 78px;
color: #fff!important;
text-shadow: 0 1px 0 rgba(255,255,255,.3);
background: #25bb9b;
background: -webkit-linear-gradient(top,#25bb9b,#00B091);
background: linear-gradient(to bottom,#25bb9b,#00B091);
border: 1px solid #25bb9b;
box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,0 1px 0 rgba(0,0,0,.2);
}
.zg-btn-green:active,.zg-btn-follow:active {
background:#25bb9b;
background:-webkit-linear-gradient(top,#25bb9b,#00B091);
background:linear-gradient(to bottom,#25bb9b,#00B091);
box-shadow:0 1px 2px rgba(0,0,0,.3) inset
}
.zg-btn-white {
color:#666!important;
text-shadow:0 1px 0 #fff;
background:#f1f1f2;
background:-webkit-linear-gradient(top,#f8f8f9,#e6e6e8);
background:linear-gradient(to bottom,#f8f8f9,#e6e6e8);
border:1px solid #bbb;
box-shadow:0 1px 0 #fff inset,0 1px 0 rgba(0,0,0,.1)
}
.zg-btn-white:active {
background:#ddd;
box-shadow:none
}
.zg-btn-unfollow,.zg-btn-disabled {
background:#eee;
color:#888;
border:1px solid #ddd
}
.zg-btn-unfollow:active,.zg-btn-disabled:active {
border-color:#ccc
}
.zg-unfollow {
color:#999
}
.zg-unfollow>.z-icon-follow {
display:none
}
.zg-follow {
color:#25bb9b
}
html.no-touchevents .zg-follow:hover {
color:#25bb9b
}
.zg-btn-blue.zg-btn-justify,.zg-btn-green.zg-btn-justify,.zg-btn-white.zg-btn-justify {
font-size:13px!important;
line-height:18px!important
}
.zg-btn-blue,.zg-btn-green,.zg-btn-white,a.follow {
*line-height:20px
}
.small {
*line-height:18px!important
}
.goog-link-button {
position:relative;
color:#25bb9b;
text-decoration:underline;
cursor:pointer
}
.goog-link-button-disabled {
color:#999;
text-decoration:none;
cursor:default
}
.btn-pending {
opacity:.85;
-ms-filter:"alpha(Opacity=85)"
}
.zg-link-btn {
border:0;
color:#25bb9b;
background:transparent;
cursor:pointer
}
html.no-touchevents .zg-link-btn:hover {
text-decoration:underline
}
.z-ico-play-video,.z-ico-wechat-right-panel,.z-ico-show-password,.z-ico-hide-password,.z-ico-weibo,.z-ico-wechat-unlogin-page,.z-ico-weibo-share,.z-ico-wechat-share,.z-ico-green-check,.z-ico-gray-check,.z-ico-daily-share,.z-ico-qq,.z-ico-wechat,.z-ico-textedit,.z-ico-shameimaru-close,.z-ico-left,.z-ico-close,.z-ico-community:hover,.z-ico-community,.z-ico-video,.z-ico-extern-gray,.z-ico-extern-blue {
background-image:url(../images/img/compiled/icons_a9b07ecead.261e7c3b.png);
background-repeat:no-repeat;
background-size:108px 93px
}
@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx) {
.z-ico-play-video,.z-ico-wechat-right-panel,.z-ico-show-password,.z-ico-hide-password,.z-ico-weibo,.z-ico-wechat-unlogin-page,.z-ico-weibo-share,.z-ico-wechat-share,.z-ico-green-check,.z-ico-gray-check,.z-ico-daily-share,.z-ico-qq,.z-ico-wechat,.z-ico-textedit,.z-ico-shameimaru-close,.z-ico-left,.z-ico-close,.z-ico-community:hover,.z-ico-community,.z-ico-video,.z-ico-extern-gray,.z-ico-extern-blue {
background-image:url(../images/img/compiled/icons_a9b07ecead.261e7c3b.png)
}
}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx) {
.z-ico-play-video,.z-ico-wechat-right-panel,.z-ico-show-password,.z-ico-hide-password,.z-ico-weibo,.z-ico-wechat-unlogin-page,.z-ico-weibo-share,.z-ico-wechat-share,.z-ico-green-check,.z-ico-gray-check,.z-ico-daily-share,.z-ico-qq,.z-ico-wechat,.z-ico-textedit,.z-ico-shameimaru-close,.z-ico-left,.z-ico-close,.z-ico-community:hover,.z-ico-community,.z-ico-video,.z-ico-extern-gray,.z-ico-extern-blue {
background-image:url(../images/img/compiled/icons@2x_a9b07ecead.58bad5a6.png)
}
}.z-ico-play-video {
background-position:-1px -1px;
width:38px;
height:38px
}
.z-ico-wechat-right-panel {
background-position:-41px -1px;
width:24px;
height:22px
}
.z-ico-show-password {
background-position:-41px -25px;
width:21px;
height:13px
}
.z-ico-hide-password {
background-position:-1px -41px;
width:21px;
height:13px
}
.z-ico-weibo {
background-position:-67px -1px;
width:20px;
height:16px
}
.z-ico-wechat-unlogin-page {
background-position:-67px -19px;
width:20px;
height:18px
}
.z-ico-weibo-share {
background-position:-1px -56px;
width:18px;
height:18px
}
.z-ico-wechat-share {
background-position:-21px -56px;
width:18px;
height:18px
}
.z-ico-green-check {
background-position:-41px -56px;
width:18px;
height:18px
}
.z-ico-gray-check {
background-position:-61px -56px;
width:18px;
height:18px
}
.z-ico-daily-share {
background-position:-89px -1px;
width:18px;
height:18px
}
.z-ico-qq {
background-position:-89px -21px;
width:17px;
height:16px
}
.z-ico-wechat {
background-position:-89px -39px;
width:16px;
height:15px
}
.z-ico-textedit {
background-position:-89px -56px;
width:16px;
height:16px
}
.z-ico-shameimaru-close {
background-position:-1px -76px;
width:16px;
height:16px
}
.z-ico-left {
background-position:-19px -76px;
width:16px;
height:16px
}
.z-ico-close {
background-position:-37px -76px;
width:16px;
height:16px
}
.z-ico-container:hover .z-ico-community,.z-ico-community:hover {
background-position:-67px -39px;
width:14px;
height:13px
}
.z-ico-community {
background-position:-24px -41px;
width:14px;
height:13px
}
.z-ico-video {
background-position:-40px -41px;
width:13px;
height:12px
}
.z-ico-extern-gray {
background-position:-55px -41px;
width:7px;
height:7px
}
.z-ico-extern-blue {
background-position:-55px -76px;
width:7px;
height:7px
}
@media (min-width:980px) {
.visible-phone {
display:none
}
.visible-tablet {
display:none
}
.hidden-desktop {
display:none
}
}@media (max-width:767px) {
.hidden-phone {
display:none!important
}
.visible-desktop {
display:none
}
}@media (min-width:768px) and (max-width:979px) {
.hidden-tablet {
display:none
}
.visible-desktop {
display:none
}
}html.in-app .hidden-in-app {
display:none
}
.z-link-lit {
color:#25bb9b
}
.z-text-muted {
color:#999
}
.tab-navs {
*zoom:1;
margin:0 0 10px;
padding:0;
text-align:center;
list-style:none;
border-bottom:1px solid #ccc
}
.tab-navs:before,.tab-navs:after {
display:table;
content:""
}
.tab-navs:after {
clear:both
}
.tab-navs:before,.tab-navs:after {
display:table;
content:""
}
.tab-navs:after {
clear:both
}
.tab-navs .tab-nav {
position:relative;
float:left;
margin-right:5px;
margin-bottom:-1px
}
.tab-navs .tab-nav>a {
display:block;
padding:5px 15px;
min-width:45px;
color:#25bb9b;
text-decoration:none;
border:1px solid transparent;
border-radius:2px 2px 0 0
}
html.no-touchevents .tab-navs .tab-nav>a:hover {
background:#eff6fa;
text-decoration:none;
border-bottom-color:#ccc
}
.tab-navs .tab-nav.active>a,html.no-touchevents .tab-navs .tab-nav.active>a:hover {
background:#fff!important;
border:1px solid #ccc;
border-bottom-color:transparent;
cursor:default
}
.tab-navs .tab-nav.active>a {
color:#666!important
}
@media (max-width:480px) {
.tab-navs {
margin-right:2px
}
.tab-navs .tab-nav>a {
min-width:initial
}
}[class*=sprite-global-icon-] {
display:inline-block;
vertical-align:middle
}
.sprite-global,[class*=sprite-global-] {
background-image:url(../images/img/sprites.auto.915a539c.png);
background-repeat:no-repeat
}
.sprite-global-icon-checked {
background-position:-60px -20px;
width:16px;
height:16px
}
.sprite-global-icon-close {
background-position:-82px -33px;
width:11px;
height:11px
}
html.no-touchevents a:hover .sprite-global-icon-enter-default,html.no-touchevents button:hover .sprite-global-icon-enter-default,html.no-touchevents .sprite-global-icon-enter-default:hover,.sprite-global-icon-enter-hover {
background-position:0 -81px;
width:8px;
height:13px
}
.sprite-global-icon-enter {
background-position:-71px -50px;
width:8px;
height:13px
}
.sprite-global-icon-fold-round-default {
background-position:0 -68px;
width:10px;
height:11px
}
html.no-touchevents a:hover .sprite-global-icon-fold-round-default,html.no-touchevents button:hover .sprite-global-icon-fold-round-default,html.no-touchevents .sprite-global-icon-fold-round-default:hover,.sprite-global-icon-fold-round-hover {
background-position:-44px -30px;
width:10px;
height:11px
}
.sprite-global-icon-fold-round-white {
background-position:-12px -68px;
width:10px;
height:11px
}
.sprite-global-icon-fold-white {
background-position:-70px -38px;
width:8px;
height:9px
}
.sprite-global-icon-go {
background-position:-24px -68px;
width:7px;
height:10px
}
.sprite-global-icon-gray-check {
background-position:-30px 0;
width:28px;
height:28px
}
.sprite-global-icon-green-check {
background-position:0 0;
width:28px;
height:28px
}
.sprite-global-icon-industry {
background-position:-18px -50px;
width:16px;
height:16px
}
.sprite-global-icon-lock {
background-position:-60px -38px;
width:8px;
height:10px
}
.sprite-global-icon-magnifier-dark {
background-position:-82px -34px;
width:15px;
height:15px
}
.sprite-global-icon-magnifier-light {
background-position:-54px -50px;
width:15px;
height:15px
}
.sprite-global-icon-marked {
background-position:-82px -46px;
width:10px;
height:12px
}
.sprite-global-icon-org-14 {
background-position:-82px -17px;
width:14px;
height:14px
}
.sprite-global-icon-org-16 {
background-position:0 -50px;
width:16px;
height:16px
}
.sprite-global-icon-qq-gray {
background-position:-60px 0;
width:20px;
height:18px
}
.sprite-global-icon-select-arrow {
background-position:-10px -81px;
width:6px;
height:12px
}
.sprite-global-icon-wechat-gray {
background-position:-22px -30px;
width:20px;
height:18px
}
.sprite-global-icon-wechat {
background-position:-36px -50px;
width:16px;
height:15px
}
.sprite-global-icon-weibo-gray {
background-position:0 -30px;
width:20px;
height:18px
}
[class*=sprite-rare-icon-] {
display:inline-block;
vertical-align:middle
}
.sprite-rare,[class*=sprite-rare-] {
background-image:url(../images/img/rare/sprites.auto.768f71ae.png);
background-repeat:no-repeat
}
.sprite-rare-icon-ok {
background-position:0 0;
width:30px;
height:30px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-rare,[class*=sprite-rare-] {
background-image:url(../images/img/rare/sprites@2x.auto.375a8003.png);
background-size:30px 30px
}
}.editable pre {
display:block;
white-space:pre-wrap
}
.editable pre div {
*display:inline
}
.editable pre br {
*display:block
}
pre.code-diff {
white-space:pre-wrap
}
pre.code-diff,body .highlight,.editable pre {
margin:.5em 0;
padding:.4em .6em;
font-size:12px;
line-height:1.5;
border-radius:2px;
background:#f8f8f8
}
code,.editable pre,.highlight pre {
font-family:Menlo,Monaco,Consolas,"Andale Mono","lucida console","Courier New",monospace
}
body .highlight {
width:auto;
overflow:auto;
word-wrap:normal
}
.highlight pre {
margin:0
}
.highlight::-webkit-scrollbar {
width:6px;
height:6px
}
.highlight::-webkit-scrollbar-thumb:horizontal {
border-radius:6px;
background-color:rgba(0,0,0,.5)
}
.highlight::-webkit-scrollbar-thumb:horizontal:hover {
background-color:rgba(0,0,0,.6)
}
.highlight code {
overflow:auto
}
.highlight .hll {
background-color:#ffc
}
.highlight {
background:#fff
}
.highlight .c {
color:#998;
font-style:italic
}
.highlight .err {
color:#a61717;
background-color:#e3d2d2
}
.highlight .k {
font-weight:700
}
.highlight .o {
font-weight:700
}
.highlight .cm {
color:#998;
font-style:italic
}
.highlight .cp {
color:#999;
font-weight:700
}
.highlight .c1 {
color:#998;
font-style:italic
}
.highlight .cs {
color:#999;
font-weight:700;
font-style:italic
}
.highlight .gd {
color:#000;
background-color:#fdd
}
.highlight .ge {
font-style:italic
}
.highlight .gr {
color:#a00
}
.highlight .gh {
color:#999
}
.highlight .gi {
color:#000;
background-color:#dfd
}
.highlight .go {
color:#888
}
.highlight .gp {
color:#555
}
.highlight .gs {
font-weight:700
}
.highlight .gu {
color:#aaa
}
.highlight .gt {
color:#a00
}
.highlight .kc {
font-weight:700
}
.highlight .kd {
font-weight:700
}
.highlight .kn {
font-weight:700
}
.highlight .kp {
font-weight:700
}
.highlight .kr {
font-weight:700
}
.highlight .kt {
color:#458;
font-weight:700
}
.highlight .m {
color:#099
}
.highlight .s {
color:#d32
}
.highlight .na {
color:teal
}
.highlight .nb {
color:teal
}
.highlight .nc {
color:#458;
font-weight:700
}
.highlight .no {
color:teal
}
.highlight .ni {
color:purple
}
.highlight .ne {
color:#900;
font-weight:700
}
.highlight .nf {
color:#900;
font-weight:700
}
.highlight .nn {
color:#555
}
.highlight .nt {
color:navy
}
.highlight .nv {
color:teal
}
.highlight .ow {
font-weight:700
}
.highlight .w {
color:#bbb
}
.highlight .mf {
color:#099
}
.highlight .mh {
color:#099
}
.highlight .mi {
color:#099
}
.highlight .mo {
color:#099
}
.highlight .sb {
color:#d32
}
.highlight .sc {
color:#d32
}
.highlight .sd {
color:#d32
}
.highlight .s2 {
color:#d32
}
.highlight .se {
color:#d32
}
.highlight .sh {
color:#d32
}
.highlight .si {
color:#d32
}
.highlight .sx {
color:#d32
}
.highlight .sr {
color:olive
}
.highlight .s1 {
color:#d32
}
.highlight .ss {
color:#d32
}
.highlight .bp {
color:#999
}
.highlight .vc {
color:teal
}
.highlight .vg {
color:teal
}
.highlight .vi {
color:teal
}
.highlight .il {
color:#099
}
.Dot {
padding:0 2px
}
.Link--light {
color:#25bb9b
}
.Button {
display:inline-block;
padding:4px 10px;
font-size:14px;
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,.5);
background:#1472cf;
background:-webkit-linear-gradient(top,#1d7fe2,#0865c2);
background:linear-gradient(to bottom,#1d7fe2,#0865c2);
border:1px solid #0d6eb8;
border-radius:3px;
box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2);
outline:0;
cursor:pointer
}
.Button:hover {
text-decoration:none;
background:#1a70c7;
background:-webkit-linear-gradient(top,#1a79d9,#1a70c7);
background:linear-gradient(to bottom,#1a79d9,#1a70c7);
box-shadow:0 1px 2px rgba(255,255,255,.15) inset
}
.Button-flatPrimary {
color:#fff;
background:#0077d9;
box-shadow:none;
border:0;
text-shadow:none
}
.Button-flatPrimary:focus,.Button-flatPrimary:hover {
background:#0171ce
}
.Button-flatPrimary.disabled,.Button-flatPrimary[disabled] {
background:#b3c1cd
}
.Button--large {
padding:10px 55px;
font-size:15px;
line-height:24px
}
.Button--green {
text-shadow:none;
background:#50c87e;
border:0;
box-shadow:none
}
.Button--green:hover {
background:#50c87e;
box-shadow:none
}
.Button--link {
color:#25bb9b;
text-shadow:none;
background:0 0;
border:0;
box-shadow:none
}
.Button--link:hover {
background:0 0;
box-shadow:none;
text-decoration:underline
}
.Button--text {
padding:0;
color:inherit;
text-shadow:none;
background:0 0;
border:0;
box-shadow:none
}
.Button--text:hover {
background:0 0;
box-shadow:none
}
.Button-icon {
vertical-align:0;
margin-right:.5em
}
.Button-icon--right {
margin-left:.5em;
margin-right:0
}
.Button .sprite-global-icon-wechat {
vertical-align:-2px
}
.IconButton {
display:inline-block;
padding:0 5px;
height:20px;
color:#25bb9b;
font-size:12px;
border:0;
outline:0;
background:0 0;
cursor:pointer
}
html.no-touchevents .IconButton:hover {
background:#eff6fa;
border-radius:3px
}
.IconButton-icon {
margin-right:4px;
vertical-align:-1px!important
}
.Input {
padding:8px 10px;
width:100%;
color:inherit;
font-size:13px;
line-height:15px;
box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
border-radius:3px;
background:transparent;
border:1px solid #ccc;
box-sizing:border-box;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.Input:focus {
border:1px solid #b0c4dd;
box-shadow:0 0 5px rgba(105,142,191,.4)
}
textarea.Input {
vertical-align:bottom
}
.Input-selectWrapper {
position:relative;
display:inline-block
}
.Input-selectArrow {
position:absolute;
top:0;
bottom:0;
right:10px;
margin:auto
}
.Avatar {
width:25px;
height:25px;
border-radius:3px;
background-color:#eee
}
.Avatar--is {
width:34px;
height:34px
}
.Avatar--xs {
width:50px;
height:50px
}
.Avatar--m {
width:75px;
height:75px;
border-radius:4px
}
.Avatar--l {
width:100px;
height:100px;
border-radius:4px
}
.avatar.\34 0 {
width:40px;
height:40px;
border-radius:4px
}
.avatar.\35 0 {
width:50px;
height:50px;
border-radius:4px
}
.avatar.\36 0 {
width:60px;
height:60px;
border-radius:4px
}
.Spinner {
display:inline-block;
width:14px;
height:15px;
background-image:url(../images/res/grey-loading.b016b1c7.gif)
}
.Spinner--light {
background-image:url(../images/res/lightgray-loading.e0eefd9c.gif)
}
.Sorter {
overflow:hidden;
height:24px;
position:absolute;
right:-9px;
background:#fff
}
.Sorter:hover,.Sorter.activated {
margin-top:-1px;
right:-10px;
z-index:1;
height:auto;
border:1px solid #ddd;
border-color:#ddd;
border-radius:3px;
box-shadow:0 1px 1px rgba(0,0,0,.05);
text-decoration:none
}
.Sorter .zg-icon-double-arrow {
position:absolute;
top:4px;
right:3px
}
.Sorter .lbl,.Sorter a.lbl {
padding:0 19px 0 7px;
text-decoration:none;
display:block;
color:#999
}
.Sorter a.lbl:hover {
background-color:#eee
}
.SidebarSection {
padding-top:15px;
margin-bottom:15px;
border-top:1px solid #eee
}
.SidebarListNav {
position:relative
}
.SidebarListNav-list {
margin-left:-10px
}
.SidebarListNav-itemLink {
display:block;
height:25px;
line-height:25px;
padding:5px 0;
padding-left:10px;
color:#666
}
.SidebarListNav-itemLink:active,html.no-touchevents .SidebarListNav-listItem .follow-link:hover+.SidebarListNav-itemLink,html.no-touchevents .SidebarListNav-itemLink:hover {
color:#25bb9b;
background:#eff6fa;
border-radius:3px;
text-decoration:none
}
.SidebarListNav-sideLink {
font-weight:400;
font-size:12px;
float:right;
margin-top:1px
}
.SidebarListNav-listItem {
position:relative;
display:block;
margin-bottom:3px;
list-style:none
}
html.no-touchevents .SidebarListNav-listItem:hover .follow-link {
display:inline;
text-decoration:none
}
.SidebarListNav-listItem .follow-link {
position:absolute;
right:12px;
top:5px;
line-height:25px;
display:none
}
.SidebarListNav-listItem .follow-link:hover {
color:#25bb9b!important
}
.SidebarListNav-listItem .follow-link .z-icon-follow {
display:none
}
.SidebarListNav-avatar {
vertical-align:top;
margin-right:5px
}
.SidebarListNav-hint {
float:right;
padding-right:12px;
color:#999
}
.SidebarListNav-label {
max-width:170px;
display:inline-block;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap
}
html.no-touchevents .SidebarListNav-listItem:hover .SidebarListNav-hint {
color:#25bb9b
}
html.no-touchevents .SidebarListNav-listItem:hover .SidebarListNav-hint--hoverHidden {
display:none
}
.Message {
position:relative;
margin-bottom:10px;
padding:22px;
font-size:15px;
text-align:center;
background:#fff;
border:1px solid #ddd;
border-radius:4px
}
.Message--withMargin {
margin:12px 10px 0
}
.Message--roundtable {
margin-bottom:2em
}
.Message-actions {
margin-top:22px
}
.Message-actions+.Message-actions {
color:#999
}
.Message-close {
position:absolute;
top:8px;
right:8px;
margin:0;
padding:0 4px;
line-height:18px;
background:0 0;
border:0;
outline:0;
cursor:pointer
}
.GaussianBlur {
background-color:rgba(255,255,255,.96);
box-shadow:0 -1px 0 0 rgba(0,0,0,.08)
}
@supports (-webkit-backdrop-filter:blur(18px)) {
.GaussianBlur {
-webkit-backdrop-filter:blur(18px);
background-color:rgba(255,255,255,.68)
}
}.AppPromotionBar {
position:fixed;
bottom:0;
z-index:3;
display:none;
width:100%;
height:60px;
-webkit-transition:opacity .2s ease-out;
transition:opacity .2s ease-out
}
html.is-AppPromotionBarVisible .AppPromotionBar {
display:block
}
.AppPromotionBar.is-hidden {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
.AppPromotionBar-closeButton {
float:left;
width:21px;
height:21px;
padding:19px 12px 20px;
background-image:url(../images/img/app_promotion_bar/close.d37dfef8.png);
background-position:center;
background-repeat:no-repeat;
background-size:21px
}
.AppPromotionBar-icon {
float:left;
margin:9.5px 10px 0;
width:41px;
height:41px;
background-image:url(../images/img/app_promotion_bar/icon.926a6569.png);
background-position:center;
background-size:41px
}
.AppPromotionBar-closeButton+.AppPromotionBar-icon {
margin-left:0
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
.AppPromotionBar-icon {
background-image:url(../images/img/app_promotion_bar/icon@3x.6362b806.png)
}
}.AppPromotionBar-title,.AppPromotionBar-describe {
margin-right:84px;
line-height:1;
color:rgba(12,26,62,.48)
}
.AppPromotionBar-title {
margin-top:12px;
margin-bottom:0;
font-size:19px
}
.AppPromotionBar-describe {
margin-top:3px;
font-size:14px
}
.AppPromotionBar-downloadButton {
position:absolute;
top:0;
right:10px;
bottom:0;
width:74px;
height:23px;
padding-top:10px;
margin:auto;
font-size:13px;
line-height:1;
text-align:center;
color:#fff;
background-color:#0084ff;
border-radius:4px;
box-shadow:inset 0 -2px #006acc
}
@media (min-width:500px) {
.AppPromotionBar {
height:90px
}
.AppPromotionBar-closeButton {
width:30px;
height:30px;
padding:30px 25px;
background-image:url(../images/img/app_promotion_bar/close_large.be2e2c35.png);
background-size:30px
}
.AppPromotionBar-icon {
margin:14.5px 15px 0 25px;
left:80px;
width:61px;
height:61px;
background-image:url(../images/img/app_promotion_bar/icon_large.e71ae6e3.png);
background-size:61px
}
.AppPromotionBar-title,.AppPromotionBar-describe {
margin-right:135px
}
.AppPromotionBar-title {
margin-top:20px;
font-size:27px
}
.AppPromotionBar-describe {
margin-top:7px;
font-size:16px
}
.AppPromotionBar-downloadButton {
right:25px;
width:110px;
height:36px;
padding-top:19px;
font-size:18px;
border-radius:6px;
box-shadow:inset 0 -3px #006acc
}
}.OrgIcon {
margin-left:3px;
vertical-align:-2px
}
.OrgIcon.sprite-global-icon-org-16 {
vertical-align:-1px
}
.SquareBlock {
position:relative
}
.SquareBlock:before {
content:'';
display:block;
padding-top:100%
}
.SquareBlock-content {
position:absolute;
top:0;
left:0;
bottom:0;
right:0
}
.Guide.modal-dialog {
position:absolute;
margin:0!important;
width:100%;
height:100%;
box-shadow:none;
border:0;
border-radius:0;
overflow-x:hidden;
color:#444;
background:rgba(255,255,255,.95);
-webkit-align-self:baseline;
-ms-flex-item-align:baseline;
align-self:baseline
}
.Guide.modal-dialog .modal-dialog-title {
display:none
}
.Guide.modal-dialog .modal-dialog-content {
margin:0;
padding:0
}
.Guide.modal-dialog .Guide-header,.Guide.modal-dialog .Guide-content,.Guide.modal-dialog .Guide-TopicsFooter {
-webkit-animation:.3s fadeInUp ease-in;
animation:.3s fadeInUp ease-in
}
.Guide.modal-dialog.fx-hide .Guide-header,.Guide.modal-dialog.fx-hide .Guide-content,.Guide.modal-dialog.fx-hide .Guide-TopicsFooter {
-webkit-animation:.3s fadeOutDown ease-in;
animation:.3s fadeOutDown ease-in
}
.Guide-header {
text-align:center
}
@media (max-width:767px) {
.Guide-header {
padding:0 20px
}
}.Guide-title {
margin:40px 0 20px;
color:#222;
font-size:24px;
font-weight:400
}
@media (max-width:767px) {
.Guide-title {
margin:31px 0 20px;
font-size:22px
}
}.Guide-subtitle {
font-size:14px;
color:#999
}
.Guide-content {
margin:40px auto 0
}
@media (max-width:767px) {
.Guide-content {
margin-top:31px
}
}.Guide-BioEditor {
text-align:center
}
@media (max-width:767px) {
.Guide-BioEditor {
padding:0 20px
}
}.Guide-BioEditorForm {
margin:auto;
height:40px;
max-width:388px
}
.Guide-BioEditorButton {
float:right;
margin-left:18px;
height:100%;
line-height:1
}
.Guide-BioEditorInputWrapper {
height:100%;
overflow:hidden
}
.Guide-BioEditorInput {
width:100%;
height:100%;
font-size:14px
}
.Guide-BioEditorUsers {
margin:63px 0;
font-size:16px
}
@media (max-width:767px) {
.Guide-BioEditorUsers {
margin-top:74px;
text-align:left
}
}.Guide-BioEditorDescription {
margin-bottom:44px;
color:#666
}
@media (max-width:767px) {
.Guide-BioEditorDescription {
margin-bottom:32px
}
}.Guide-BioEditorItem {
position:relative;
left:50%;
text-align:left;
list-style:none
}
@media (max-width:767px) {
.Guide-BioEditorItem {
left:0
}
.Guide-BioEditorItem+.Guide-BioEditorItem {
margin-top:24px
}
}.Guide-BioEditorItem--first {
margin-left:-190px
}
.Guide-BioEditorItem--second {
margin-left:36px
}
.Guide-BioEditorItem--third {
margin-left:-280px
}
.Guide-BioEditorItem--fourth {
margin-top:9px;
margin-left:-34px
}
.Guide-BioEditorItem--fifth {
margin-top:50px;
margin-left:-190px
}
.Guide-BioEditorItem--sixth {
margin-top:32px;
margin-left:-34px
}
@media (max-width:767px) {
.Guide-BioEditorItem--first,.Guide-BioEditorItem--second,.Guide-BioEditorItem--third,.Guide-BioEditorItem--fourth,.Guide-BioEditorItem--fifth,.Guide-BioEditorItem--sixth {
margin-left:0
}
}.Guide-BioEditorAvatar {
float:left;
margin-right:16px;
display:block;
width:50px;
height:50px;
border-radius:50%
}
.Guide-BioEditorBio {
font-size:14px;
color:#999;
line-height:50px
}
@media (max-width:767px) {
.Guide-BioEditorBio {
display:block;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
}.Guide-Topics {
position:relative
}
.Guide-fadeIn {
-webkit-animation-name:fadeIn;
animation-name:fadeIn;
-webkit-animation-duration:1.5s;
animation-duration:1.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.Guide-TopicsList {
margin:-14px auto 0;
max-width:968px;
*zoom:1
}
.Guide-TopicsList:before,.Guide-TopicsList:after {
display:table;
content:""
}
.Guide-TopicsList:after {
clear:both
}
.Guide-TopicsList:before,.Guide-TopicsList:after {
display:table;
content:""
}
.Guide-TopicsList:after {
clear:both
}
.Guide-topicsLoading {
padding-top:100px;
color:#999;
font-size:14px;
text-align:center
}
.Guide-TopicsItem {
float:left;
list-style:none;
margin:14px 1.44628099%;
width:16.52892562%;
cursor:pointer;
border-radius:8px;
overflow:hidden
}
.Guide-TopicsItem:nth-child(5n+1) {
margin-left:2.89256198%
}
.Guide-TopicsList--narrow .Guide-TopicsItem {
margin:7.5px 2.04918033%;
width:27.86885246%
}
.Guide-TopicsList--narrow .Guide-TopicsItem:nth-child(5n+1) {
margin-left:2.04918033%
}
.Guide-TopicsList--narrow .Guide-TopicsItem:nth-child(3n+1) {
margin-left:4.09836066%
}
.Guide-TopicsMask {
position:absolute;
top:0;
bottom:0;
width:100%;
background-image:-webkit-linear-gradient(top,rgba(0,0,0,.32),rgba(0,0,0,.6));
background-image:linear-gradient(to bottom,rgba(0,0,0,.32),rgba(0,0,0,.6));
-webkit-transition:.1s opacity ease-in-out;
transition:.1s opacity ease-in-out;
border-radius:8px
}
html.no-touchevents .Guide-TopicsItem:hover .Guide-TopicsMask {
opacity:.6;
-ms-filter:"alpha(Opacity=60)"
}
.Guide-TopicsAvatar {
width:100%;
height:100%;
border-radius:8px
}
.Guide-TopicsIcon {
position:absolute;
top:14px;
right:14px
}
@media (max-width:767px) {
.Guide-TopicsIcon {
top:8px;
right:8px
}
}.Guide-TopicsName {
position:absolute;
bottom:7.7px;
padding:0 14px;
width:100%;
font-size:18px;
color:#fff;
box-sizing:border-box;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
@media (max-width:767px) {
.Guide-TopicsName {
font-size:16px;
bottom:2.4px;
padding:0 8px
}
}.Guide-TopicsCheckedIcon {
display:none
}
.Guide-TopicsItem.is-checked .Guide-TopicsCheckedIcon {
display:block
}
.Guide-TopicsItem.is-checked .Guide-TopicsUnCheckedIcon {
display:none
}
.Guide-TopicsHint {
padding:40px 0 160px;
text-align:center;
color:#999
}
@media (max-width:767px) {
.Guide-TopicsHint {
margin:32px 20px 112px
}
}.Guide-TopicsFooter {
position:fixed;
bottom:0;
width:100%;
height:120px;
line-height:120px;
text-align:center
}
@media (max-width:767px) {
.Guide-TopicsFooter {
height:80px;
line-height:80px
}
}.Guide-TopicsSubmit {
position:relative;
padding:9px 24px;
font-size:18px
}
@media (max-width:767px) {
.Guide-TopicsSubmit {
padding:6px 24px
}
}.zm-middle-hilight-box {
border:solid 1px #c8c49d;
background:#f8f9e7 url(../images/img/home_enforce_real_name.a274a7bc.png) scroll no-repeat 14px 14px
}
.zm-middle-hilight-box-content {
padding:20px 10px 10px 70px;
min-height:30px
}
#zh-single-answer-author-info {
min-height:55px
}
#zh-home-list-title {
font-size:14px;
color:#666;
font-weight:700
}
.zu-global-nitify-inner {
margin:0 30px 0 25px
}
.zm-item-meta .zg-unfollow {
color:#999!important
}
.zu-home-sub-noti {
list-style:none;
padding:0 0 0 20px;
border-left:5px solid #eff6fa;
padding:0 0 0 5px;
margin:5px 0;
font-size:12px;
color:#666;
line-height:18px;
clear:both
}
.zu-home-noti-item-inner>.x-d>.x-a {
color:#25bb9b
}
.zu-home-noti-item {
list-style:none!important;
border-bottom:1px solid #E7E7E7;
list-style-type:none!important;
margin-bottom:8px;
padding:0 0 8px;
zoom:1
}
.x-m {
float:right;
display:inline;
text-indent:-9999px;
width:18px;
height:16px;
background:url(../images/img/close.c9ff4447.gif) no-repeat 100% center;
opacity:.1;
-ms-filter:"alpha(Opacity=10)";
margin:3px 0 0 8px;
visibility:hidden
}
.zh-question-suggest-info .x-m {
background-position:100% 5px;
margin:2px 4px 0 0;
visibility:visible;
width:14px
}
.x-e {
float:right;
color:#96B7DE;
visibility:hidden
}
html.touchevents .x-m,html.touchevents .x-e {
visibility:visible
}
.x-d {
display:block;
margin:0
}
.zu-top-nav-live .x-m {
margin:2px 0 0 3px
}
.zu-home-noti-item:hover>.x-m {
visibility:visible
}
.zu-home-noti-item:hover>.x-e {
color:#999;
visibility:visible
}
.x-m:hover {
opacity:.5;
-ms-filter:"alpha(Opacity=50)"
}
.zu-home-noti-sep {
border:0;
border-top:1px solid #e7e7e7;
clear:both;
height:0;
margin:5px 0
}
.zu-home-noti-inner {
margin:0 0 10px;
padding:0
}
.goog-scrollfloater {
z-index:9
}
.zm-simple-list-item:hover>.x-m {
visibility:visible
}
.zm-simple-list-item:hover>.x-e {
color:#999;
visibility:visible
}
.zu-simple-item-list {
margin:10px 0 0;
padding:10px 0 0
}
.zm-simple-list-item .x-m {
display:none
}
.zm-simple-list-item-hilited {
background:#D6ECFA;
font-weight:700
}
.zm-list-avatar {
float:left;
height:25px;
width:25px;
border:0 none;
border-radius:2px
}
.zm-list-avatar-medium {
float:left;
height:50px;
margin:2px 10px 0 0;
width:50px;
border:0 none;
border-radius:5px
}
.zm-list-avatar-topic {
float:left;
height:50px;
margin:3px 15px 0 0;
width:50px;
border:0 none
}
.zm-list-avatar-link {
float:left
}
.zm-list-content {
margin:0 0 0 35px
}
.zm-list-content-topic {
margin-left:66px
}
.zm-list-content-maxheight {
max-height:62px
}
.zm-list-content-topic {
margin-left:66px
}
.zg-link-topic {
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
max-height:44px
}
.zm-list-title {
display:block;
overflow:hidden
}
.zm-list-content-medium {
margin:0 0 0 64px
}
.zm-list-focus-button-wrap {
margin:7px 0 0
}
.zm-list-content-title {
margin:0
}
.zu-main-nav-current>.zg-title16 {
color:#eee
}
.zu-main-nav-a>.zg-title16 {
padding:13px 0 0;
line-height:20px
}
.zu-main-feed-con {
position:relative;
border-top:1px solid #ccc
}
.zm-item-container {
padding:15px 0 0
}
.zm-item {
margin:6px 0 0
}
.zm-item-answer,.zm-item {
position:relative;
padding:0;
outline:0
}
.zm-item-answer {
margin-left:48px
}
.zm-item-answer .answer-head {
min-height:25px
}
#zh-question-log-list-wrap .zm-item {
padding:10px 0 5px;
margin:0
}
#zh-question-answer-collestions .zm-item {
padding:8px 0 3px;
margin:0
}
.zm-item .zm-item-answer-author-info .zm-item-link-avatar {
display:none
}
#zh-question-answer-wrap .zm-item-answer,.zm-item-answer+.zm-item-answer,.zm-item+.zm-item {
border-top:1px solid #eee
}
.zm-item+.zm-item {
padding-top:7px
}
#zh-question-collapsed-wrap>.zm-item-answer,#zh-question-answer-wrap>.zm-item-answer {
padding:10px 0 5px
}
.zm-item.zm-item-h60 {
min-height:60px
}
.zm-item.zm-item-h50 {
min-height:50px
}
.zm-item.zm-item-h25 {
min-height:25px
}
.zm-item.zm-item-collapsed {
background:#ccc!important
}
.zg-section-big {
margin:0 0 15px
}
.zm-item-tag .cross {
margin-left:6px;
margin-bottom:2px
}
.zm-item-tag:hover .cross span {
background:#fff
}
.zm-meta-panel {
padding:5px 0;
margin-bottom:-5px;
background:#fff
}
.zm-meta-panel a.collapse {
visibility:hidden
}
.zm-meta-panel .zg-follow {
color:#999
}
.zm-meta-panel .zg-follow:hover {
color:#58b
}
.zm-meta-panel>a,.zm-meta-panel>span {
color:#999;
vertical-align:middle
}
.zm-item-meta {
position:relative;
margin-bottom:5px
}
.zm-item-meta .zm-meta-panel {
background:transparent
}
.zm-item-meta .zm-meta-panel a.collapse {
visibility:visible
}
.zm-item-meta .zm-item-meta-actions {
color:#999
}
.zm-item-meta .zm-item-meta-actions a {
color:#999
}
html.no-touchevents .zm-item-meta .zm-item-meta-actions a:hover {
color:#25bb9b
}
#zh-question-meta-wrap {
margin-bottom:10px
}
#zh-question-meta-wrap>a.comment,#zh-question-meta-wrap>a.report {
margin:0
}
.zm-item-answer .zm-item-link-avatar,.zm-item .zm-item-link-avatar,.zm-editable-editor-wrap .zm-item-link-avatar {
float:right;
height:25px;
width:25px
}
.zm-editable-editor-wrap .zm-item-link-avatar {
margin-top:-1px
}
.zm-item-link-avatar50 {
float:left;
height:50px;
width:50px;
margin:0 10px 0 0
}
.zm-item-answer .zm-item-img-avatar,.zm-item .zm-item-img-avatar {
max-height:25px;
max-width:25px;
overflow:hidden;
border:0 none;
float:left
}
.zm-item-img-avatar-left {
float:left;
margin:2px 10px 0 0
}
.zm-item-img-avatar50 {
height:50px;
width:50px;
overflow:hidden;
border:0;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.2)
}
.zm-item-title {
margin:0 30px 3px 0
}
.zm-item-answer-owner .zm-item-vote {
display:block!important
}
.zm-item .zm-item-btn-collapse a {
display:inline;
padding-right:14px;
background:url(../images/img/fold-video.eb40a520.png) no-repeat right center
}
.zm-item-answer-cc {
display:inline-block
}
.zm-item-answer-summary {
display:none
}
.zm-item-vote-info {
margin:3px 0;
color:#999;
font-size:0
}
.zm-item-vote-info .text {
font-size:12px
}
.zm-item-vote-info .zm-item-vote-info {
font-size:inherit
}
.zm-item-vote-info .voters {
display:inline
}
.zm-item-vote-info .voters span {
display:inline-block;
white-space:nowrap
}
.zm-item-vote-info .voters .js-voteCount {
text-decoration:inherit
}
.zm-item-vote-info .voters .OrgIcon {
display:none
}
.zm-item-vote-info a {
color:inherit;
font-size:inherit
}
html.no-touchevents .zm-item-vote-info a:hover {
color:#25bb9b
}
.zm-item-answer-creator {
font-size:13px
}
.zm-item-answer-author-info {
margin:0 0 1px
}
.zm-item-answer-author-info a {
color:inherit
}
.zm-item-answer-author-info .author-link {
font-weight:700
}
.zm-item-answer-author-info .cancel-anon {
margin-left:8px
}
.zu-seamless-input-mock-element {
position:absolute;
top:0;
left:0;
z-index:-1;
text-align:left;
visibility:hidden
}
.zm-modal-dialog-warnmsg {
margin:5px 0 5px 5px;
border-left:3px solid #C3412F;
padding:0 0 0 10px
}
#zh-global-spinner {
position:fixed;
top:130px;
left:0;
z-index:101;
margin:0;
width:105px;
height:30px;
line-height:30px;
text-indent:45px;
opacity:.5;
-ms-filter:"alpha(Opacity=50)";
filter:alpha(opacity=50);
color:#fff;
font-size:90%;
font-weight:700;
text-shadow:0 1px #222;
border-radius:0 5px 5px 0;
background:url(../images/img/ld.46a2f063.gif) #999 10px center no-repeat
}
.zm-settings-account .zm-form-table-wide {
width:530px
}
.zm-settings-form-zippy .goog-zippy-expanded .zm-form-btn-expand {
display:none
}
.zm-settings-form-zippy-header {
margin-bottom:5px
}
.zm-settings-form-pwd .goog-zippy-expanded {
display:none
}
.zm-settings-account .zm-form-hidden dt {
clear:left
}
.zm-pm-wrap {
position:relative
}
.zm-pm-wrap .zm-profile-email-history-link {
float:right
}
.zm-pm-wrap .zm-command {
line-height:33px
}
.zm-pm-wrap .ac-renderer {
left:62px;
top:33px;
width:196px
}
.zm-person-item {
overflow:hidden;
padding:12px 0
}
.zm-person-item+.zm-person-item {
border-top:1px solid #eee
}
.zh-settings-noti-form-wrapper .intro .img {
float:left
}
#zh-question-title>.zm-editable-editor-wrap {
clear:both
}
.zg-mt10 {
margin:10px 0 0
}
iframe {
border:0;
min-height:60px
}
.zm-question-collapsed-list-loading {
height:60px;
background:url(../images/img/spinner2.8f60205d.gif) no-repeat center
}
.navigable-focusin {
outline:0
}
.zm-item-expanded .zu-autohide,.navigable-focusin .zu-autohide,.focusin .zu-autohide,html.no-touchevents .zm-item-answer:hover .zu-autohide,html.no-touchevents .feed-item:hover .zu-autohide,html.no-touchevents .zm-item:hover .zu-autohide {
display:inline-block
}
html.no-touchevents .zm-item-meta>.zg-link-gray:hover {
color:#25bb9b!important
}
.topic-story-item h2 {
margin:0
}
.zu-question-big-title {
font-size:18px;
margin:0 0 30px
}
#zh-question-title .zm-editable-editor-input {
font-size:18px;
font-weight:700;
line-height:1.7;
min-height:90px
}
.zu-bio-editor-wrap .zm-editable-editor-outer {
padding:0
}
.zu-question-notify-wrap {
list-style:none;
padding:0;
margin:0
}
.zu-question-notify-item {
margin:0
}
.zu-question-notify-wrap em {
color:#25bb9b;
font-style:normal;
cursor:pointer
}
.zu-question-notify-wrap em:hover {
text-decoration:underline
}
.zu-question-notify-wrap a {
color:#25bb9b;
font-style:normal;
cursor:pointer
}
.zu-question-notify-wrap a:hover {
text-decoration:underline
}
#zh-question-title>.zm-item-title {
display:inline;
margin:0
}
#zh-question-title {
margin:0 0 5px
}
.QuestionPage-titleButton {
vertical-align:1px;
font-size:12px;
line-height:14px;
opacity:.7;
-ms-filter:"alpha(Opacity=70)"
}
.QuestionPage-titleButton:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.QuestionPage-titleButton .sprite-global-icon-lock {
vertical-align:-1px
}
.zm-tag-editor {
margin:0 0 5px
}
#zh-question-redirect-diag-content {
position:relative;
margin:10px 0
}
#zh-question-redirect-diag-content .ac-renderer {
left:1px;
top:32px;
width:398px
}
.zu-question-related-redirect-question>.zg-section {
margin:0 0 5px
}
#zh-question-redirect-diag-content>.zg-form-text-input {
width:374px
}
.zg-simple-editor-wrap {
padding:4px;
border:solid 1px #aaa
}
#zh-question-title>.zm-item-title {
font-size:18px
}
#zh-question-title>.zm-item-title .zm-editable-editor-wrap {
font-size:13px
}
.zu-modify-reason-menu {
position:absolute
}
.sidebar-author-info .zm-profile-card {
padding:0
}
.sidebar-author-info .zm-rich-follow-btn.nth-0 {
width:60px
}
.sidebar-author-info .zm-profile-card .details {
display:none
}
#zh-question-side-header-wrap {
position:relative;
z-index:2
}
#zh-question-side-header-wrap .follow-button {
margin-right:10px
}
.zu-question-collap-title {
padding:10px 0;
color:#999;
border-bottom:1px solid #EEE
}
#zh-question-collapsed-wrap,#zh-question-answer-wrap {
border-bottom:1px solid #EEE
}
.zu-small-avatar-list>.zm-item-link-avatar {
float:left;
margin:3px 3px 0 0;
width:25px;
height:25px
}
.zm-tag-editor-command-buttons-wrap {
position:relative
}
.zm-tag-editor-command-buttons-wrap>.ac-renderer {
width:235px;
top:33px;
left:1px
}
.zm-tag-editor-maxcount {
color:#999
}
.zm-tag-editor-maxcount span {
margin-right:15px
}
.zh-question-suggest-info {
background:none repeat scroll 0 0 #FFF!important;
border-bottom:1px solid #D2E1E8;
color:#888;
padding:5px
}
#zh-question-suggest-info-close {
float:right;
color:#ccc
}
#zh-question-suggest-info-close:hover {
float:right;
color:#888;
text-decoration:none
}
#zh-question-suggest-info-close:hover>.x-m {
opacity:.5;
-ms-filter:"alpha(Opacity=50)"
}
.zh-question-censor-tip {
position:relative;
margin-top:1em;
padding:5px 0 5px 1em;
line-height:2;
border:1px solid #b9b481;
background:#fbf9e5;
border-radius:4px;
color:#666
}
.zh-question-censor-tip .arrow-tip {
width:13px;
height:7px;
position:absolute;
top:-7px;
left:1.5em;
background:url(../images/img/icon_warning_arrow_up.b143ed4f.png) no-repeat 0 50%
}
.zu-question-devider {
margin-top:10px;
width:100%;
border-bottom:solid 1px #ddd
}
.zh-answers-title {
position:relative;
padding:10px 0;
line-height:24px;
border-top:1px solid #EEE
}
.zh-answers-title h3 {
margin:0;
display:inline
}
.zh-answers-title h3 a {
font-size:13px
}
.zh-answers-filter {
height:24px;
border:1px solid #fff;
cursor:pointer
}
html.no-touchevents .zh-answers-filter:hover {
border-color:#ddd;
border-radius:3px;
box-shadow:0 1px 1px rgba(0,0,0,.05);
text-decoration:none
}
.zh-answers-filter,.zh-answers-filter-popup {
position:absolute;
right:-9px;
top:50%;
margin-top:-13px
}
.zh-answers-filter-popup {
display:none;
z-index:2;
border:1px solid #ddd;
border-radius:3px;
box-shadow:0 1px 1px rgba(0,0,0,.05);
text-decoration:none;
background:#fff
}
.zh-answers-filter,.zh-answers-filter-popup>div {
height:24px;
padding:0 19px 0 7px;
color:#999;
outline:0
}
.zh-answers-filter-popup>div {
position:relative;
display:block;
-webkit-user-select:none
}
.zh-answers-filter-popup>.selectable {
cursor:pointer
}
html.no-touchevents .zh-answers-filter-popup>.selectable:hover {
background:#eee;
text-decoration:none
}
.zh-answers-filter-popup>.selectable .zg-icon {
display:none
}
.zh-answers-filter .zg-icon-double-arrow,.zh-answers-filter-popup .zg-icon-double-arrow {
position:absolute;
right:3px;
top:4px
}
.zg-icon-double-arrow {
background-position:-191px -229px;
width:14px;
height:14px
}
.zm-menu {
border-radius:3px;
min-width:200px;
padding:5px 0;
background:#fff;
border:solid 1px #ccc;
z-index:100;
box-shadow:0 1px 2px #ddd
}
.zm-menu-title {
color:#999;
margin:0 0 10px;
padding:0 0 0 10px
}
.zm-menu-item-link,.zm-menu-item-link:visited {
color:#999;
display:block;
padding:3px 0 3px 9px;
text-decoration:none
}
.zm-menu-item-link:hover {
background:#d6e9f8;
text-decoration:none;
color:#444
}
.zm-menu-disabled:hover {
background:#fff
}
.question-item {
padding:10px 0
}
.question-item-title {
margin:0 0 4px
}
.question-item-meta {
color:#999
}
.question-item-meta .zg-follow {
color:#999
}
.question-item+.question-item {
border-top:1px solid #eee
}
#zh-current-topic-bio .zm-editable-editor-outer {
padding:0;
margin:0
}
#zh-list-title>.zm-item-title {
font-size:18px
}
#zh-list-title .zm-editable-editor-input {
font-size:18px;
font-weight:700
}
#zh-fav-list-side-related .zm-item-title {
font-size:13px;
font-weight:400;
margin:0 30px 0 0
}
#zh-fav-list-side-related .zm-item-meta {
margin:0
}
.zh-document {
font-size:14px;
line-height:2
}
.zh-document ol,.zh-document ul {
margin-left:2em
}
.zh-document ol ol {
list-style-type:lower-alpha
}
.zh-document h1,.zh-document h2,.zh-document p,.zh-document li {
margin-bottom:1em
}
.zh-document h1,.zh-document h2 {
font-size:16px
}
.zh-document-sidenav {
position:fixed;
font-size:14px;
list-style:none
}
.zh-document-sidenav li {
margin-bottom:10px
}
.zh-document-sidenav a,.zh-document-sidenav a:hover,.zh-document-sidenav a:visited {
color:#333
}
.zg-star {
float:left;
margin:4px 0 0;
width:13px;
height:13px;
overflow:hidden;
text-indent:-100px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -108px -49px
}
a.zg-star:hover {
cursor:default;
text-decoration:none
}
#zh-virgin-answer-list .ignore {
display:none!important
}
.zm-profile-desc-label {
margin-left:0!important
}
.zm-noti-header {
font-weight:700;
font-size:14px;
padding-bottom:10px;
border-bottom:1px solid #CCC;
position:relative
}
.zm-noti-cleaner-setting {
font-weight:400;
font-size:13px
}
.close {
float:right;
width:16px;
height:16px;
background:transparent url(../images/img/light_box_close.de97bb10.png) no-repeat;
opacity:.2;
-ms-filter:"alpha(Opacity=20)";
filter:alpha(opacity=20)
}
html.no-touchevents .close:hover {
color:#000;
text-decoration:none;
cursor:pointer;
opacity:.4;
-ms-filter:"alpha(Opacity=40)";
filter:alpha(opacity=40)
}
button.close {
padding:0;
cursor:pointer;
border:0;
-webkit-appearance:none
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
.feed-item .time {
float:none
}
.feed-item .collapse {
display:none!important
}
.feed-item .hide-in-iphone {
display:none!important
}
}html.touchevents .zu-autohide {
display:inline-block
}
html.touchevents .feed-item .more_opt,html.touchevents .feed-item .ignore {
visibility:hidden!important;
display:none!important
}
.zm-invite-title {
margin-bottom:10px
}
.zm-invite-title select {
float:right;
margin-top:2px
}
.zm-invite-sort {
float:left;
padding:5px 10px;
background-color:#FBFBFB;
margin-bottom:15px
}
.zm-invite-sort-item {
padding:0 10px;
color:#07B;
cursor:pointer
}
.zm-invite-sort-item.active {
font-weight:700;
color:#444
}
.zm-invite-ignore-all {
display:block;
float:right;
cursor:pointer;
padding:5px 14px;
color:#666
}
.zm-invite-item {
padding:10px 0
}
.zm-invite-item+.zm-invite-item {
border-top:1px solid #eee
}
.zm-invite-page-empty-msg {
padding:20px;
text-align:center;
vertical-align:middle
}
.zm-invite-item-info {
margin-right:60px
}
.zm-invite-item-meta a {
color:#222
}
.zm-invite-item-info h3 {
margin:0 0 4px
}
.border-pager {
margin-bottom:10px;
margin-top:10px;
border-top:1px solid #eee;
padding-top:10px
}
.zm-invite-pager {
text-align:center
}
.zm-invite-pager span {
padding:0 10px;
font-size:14px
}
html.touchevents .topic-item .pin,html.touchevents .topic-item .unpin {
visibility:visible!important
}
html.touchevents .topic-item .unfollow {
display:none!important
}
.zm-item-fav .zm-item-meta-extra {
margin-left:48px
}
.page-explore .page-title {
padding-bottom:10px;
color:#666;
border-bottom:1px solid #ccc
}
.page-explore .page-title .subtitle {
font-size:12px
}
.page-explore .page-title>a {
margin-top:3px
}
.page-explore .top-recommend-feed .zh-summary {
cursor:default
}
.page-explore .pagination {
margin-top:5px;
padding-top:8px;
border-top:1px solid #ccc
}
.explore-side-section.zm-side-section {
margin:0
}
.explore-side-section .section-title {
border:0
}
.explore-side-section .list {
list-style:none
}
.explore-side-section .list>li {
padding-bottom:1em
}
.explore-side-section .list>li+li {
padding-top:1em;
border-top:1px solid #eee
}
.explore-side-section .avatar-link {
float:left;
margin-right:10px
}
.explore-side-section .content {
overflow:hidden
}
.explore-side-section .meta {
color:#999
}
.explore-side-section .bottom {
margin-top:5px;
clear:both
}
.explore-feed-meta>a,.explore-feed-meta {
color:#999
}
.explore-editor-recommends .feed-title {
font-weight:400
}
.explore-editor-recommends .top-recommend-feed>.feed-title {
font-size:17px
}
.explore-editor-recommends .top-recommend-feed .zm-votebar,.explore-editor-recommends .top-recommend-feed .zm-item-vote {
top:42px
}
.explore-editor-recommends .recommend-feed>.feed-title {
font-size:15px
}
.explore-editor-recommends .recommend-feed .feed-meta {
padding-top:3px
}
.explore-tab {
margin-top:10px
}
.explore-tab .tab-navs .tab-nav>a {
color:#999
}
html.no-touchevents .explore-tab .tab-navs .tab-nav>a:hover {
background:#eee
}
.explore-tab .tab-navs .tab-nav.active>a {
color:inherit
}
.zm-item-post {
position:relative;
margin-left:48px;
outline:0
}
.zm-item-post .collapse {
display:none
}
.zm-item-post .author-info {
font-weight:700
}
.zm-item-post .author-info a {
color:inherit
}
.segment {
position:relative;
padding:10px 12px;
border:1px solid #eee;
border-radius:2px;
overflow:hidden
}
html.flexbox .segment {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
overflow:visible
}
.feed-item .segment .avatar {
float:left;
margin:0 15px 0 0
}
html.flexbox .feed-item .segment .avatar {
float:none
}
.segment-content {
position:relative;
overflow:hidden
}
html.flexbox .segment-content {
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
overflow:visible
}
.segment-content-centered {
text-align:center
}
.segment-header,.segment-meta {
margin-right:120px
}
@media (max-width:480px) {
.segment-header,.segment-meta {
margin-right:0
}
}.segment-header {
font-weight:400
}
.segment-meta {
margin-top:4px;
color:#999
}
.segment-paragraph {
margin-top:1em
}
.segment-extra {
position:absolute;
top:50%;
right:0;
margin-top:-11px
}
@media (max-width:480px) {
.segment-extra {
position:static;
margin-top:4px
}
}.validation-reminder-segment {
padding:25px 12px 25px 140px;
background-image:url(../images/img/topstory/actioncard-validation-bg.9f55ea4e.png);
background-size:100px 57px;
background-position:20px bottom;
background-repeat:no-repeat
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
.validation-reminder-segment {
background-image:url(../images/img/topstory/actioncard-validation-bg@2x.dd6f3009.png)
}
}@media (max-width:480px) {
.validation-reminder-segment {
padding:10px 12px;
background:0 0
}
}.headline-reminder-form {
position:relative
}
html.flexbox .headline-reminder-form {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
.headline-reminder-fields {
padding-right:62px
}
html.flexbox .headline-reminder-fields {
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
padding-right:0
}
.headline-reminder-input {
box-sizing:border-box;
width:100%
}
.headline-reminder-input::-webkit-input-placeholder {
color:#ccc
}
.headline-reminder-input::-moz-placeholder {
color:#ccc
}
.headline-reminder-input:-ms-input-placeholder {
color:#ccc
}
.headline-reminder-input::placeholder {
color:#ccc
}
.headline-reminder-actions {
position:absolute;
top:0;
right:0;
margin-left:12px
}
html.flexbox .headline-reminder-actions {
position:static
}
.headline-reminder-instruction {
display:none;
margin-top:18px
}
.headline-reminder-examples {
line-height:25px
}
html.flexbox .headline-reminder-examples {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
@media (max-width:767px) {
html.flexbox .headline-reminder-examples {
display:block
}
}@media (max-width:767px) {
.headline-reminder-examples-title {
display:block;
margin-bottom:18px
}
}html.flexbox .headline-reminder-users {
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around
}
@media (max-width:767px) {
.headline-reminder-users {
display:inline-block
}
}.headline-reminder-user {
padding:0 10px
}
.feed-item .headline-reminder-user .avatar {
display:inline-block;
vertical-align:top;
float:none;
margin:0 5px 0 0
}
.headline-reminder-name {
color:#999
}
.avatar-reminder-avatar-wrapper {
position:relative
}
.avatar-reminder-avatar-wrapper .spinner {
display:inline-block;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:1;
background:url(../images/img/spinner2.8f60205d.gif) 44px no-repeat
}
.actioncard {
}.actioncard-content,.actioncard .items {
margin:.5em 0 .6em
}
.actioncard-button {
margin:0;
padding:0;
font-size:inherit;
color:#999;
background:0 0;
border:0;
cursor:pointer
}
html.no-touchevents .actioncard-button:hover {
color:#58b;
text-decoration:underline
}
.actioncard .pager.mobile {
margin-top:.5em;
text-align:center
}
.actioncard .pager.mobile a {
margin:0
}
.actioncard .pager.mobile a[href] {
color:#999
}
.actioncard .pager a {
margin-left:.5em;
cursor:pointer;
color:#25bb9b;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.actioncard .pager a:hover {
text-decoration:none
}
.actioncard .pager .disabled {
cursor:default;
color:#999
}
.actioncard h2 {
font-weight:400;
font-size:13px;
color:#999
}
.actioncard .topic-list-popular .topic {
margin-right:5%;
float:left;
width:21.25%
}
.actioncard .topic-list-popular .topic:last-child {
margin:0
}
.actioncard .topic-list-popular .topic .meta {
margin-bottom:3px;
letter-spacing:-1px
}
.actioncard .topic-list-popular .name-link {
display:inline-block;
max-width:100%;
line-height:1
}
.actioncard .topic-list-popular .avatar-link {
display:block
}
.actioncard .topic-list-popular .avatar-link img {
width:100%;
border-radius:4px
}
.actioncard .topic-list-popular button[data-follow] {
width:100%
}
@media (max-width:480px) {
.actioncard .topic-list-popular .topic {
margin-bottom:1em;
float:none;
width:100%
}
.actioncard .topic-list-popular .item-body {
padding:0 1em
}
.actioncard .topic-list-popular .avatar-link,.actioncard .topic-list-popular .item-body {
float:left
}
.actioncard .topic-list-popular .avatar-link {
width:48px;
height:48px
}
.actioncard .topic-list-popular button[data-follow] {
float:right;
width:auto
}
}.actioncard .topic-list-suggested {
border:1px solid #eee;
border-radius:2px
}
.actioncard .topic-list-suggested .topic {
float:left;
box-sizing:border-box;
width:33.33%;
padding:10px 16px
}
.actioncard .topic-list-suggested .topic+.topic {
border-left:1px solid #eee
}
.actioncard .topic-list-suggested .topic .topic-img-wrap {
float:left;
position:relative
}
.actioncard .topic-list-suggested .topic .topic-img-wrap .topic-img {
width:45px;
height:45px;
border-radius:2px;
vertical-align:bottom
}
.actioncard .topic-list-suggested .topic .topic-img-wrap:after {
content:'';
position:absolute;
top:0;
left:0;
box-sizing:border-box;
width:100%;
height:100%;
border:1px solid rgba(80,80,80,.1);
border-radius:2px
}
.actioncard .topic-list-suggested .topic .topic-intro {
box-sizing:border-box;
height:45px;
padding:4px 0 4px 17px;
line-height:1.35;
overflow:hidden
}
.actioncard .topic-list-suggested .topic .topic-intro .topic-name {
display:inline-block;
max-width:100%;
color:inherit;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.actioncard .topic-list-suggested .topic .topic-intro .topic-follow {
color:#999
}
.actioncard .topic-list-suggested .topic .topic-intro .topic-follow:hover {
color:#58b
}
@media (max-width:767px) {
.actioncard .topic-list-suggested .topic {
width:50%
}
.actioncard .topic-list-suggested .topic:last-child {
display:none
}
}[class*=sprite-topstory-icon-] {
display:inline-block;
vertical-align:middle
}
.sprite-topstory,[class*=sprite-topstory-] {
background-image:url(../images/img/topstory/sprites.auto.ebf39759.png);
background-repeat:no-repeat
}
.sprite-topstory-icon-ad-menu-down {
background-position:0 0;
width:10px;
height:6px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-topstory,[class*=sprite-topstory-] {
background-image:url(../images/img/topstory/sprites@2x.auto.d5ba6ef4.png);
background-size:10px 6px
}
}.AdFeed-menuBtn {
position:absolute!important;
top:11px;
right:0;
padding:1px 8px;
border:0;
border-radius:3px;
background:#eff6fa;
color:#25bb9b;
font-size:100%;
cursor:pointer;
outline:0
}
.AdFeed-impression {
position:absolute;
width:0;
height:0;
left:-100000px;
top:-100000px
}
.ImageAdFeed-attachment,.CardAdFeed-attachment {
display:block
}
.ImageAdFeed-image {
width:100%;
border-radius:4px
}
.CardAdFeed-attachment {
-webkit-tap-highlight-color:rgba(225,225,225,.5);
position:relative;
cursor:pointer;
*zoom:1;
color:inherit
}
.CardAdFeed-attachment .inline-img {
float:left;
height:112px;
width:200px;
border-radius:4px;
margin:1px 10px 5px 0
}
.CardAdFeed-attachment:before,.CardAdFeed-attachment:after {
display:table;
content:""
}
.CardAdFeed-attachment:after {
clear:both
}
.CardAdFeed-attachment:before,.CardAdFeed-attachment:after {
display:table;
content:""
}
.CardAdFeed-attachment:after {
clear:both
}
.CardAdFeed-attachment:hover {
text-decoration:none
}
.CardAdFeed-button {
color:#25bb9b
}
.CardAdFeed-attachment:hover .CardAdFeed-button {
text-decoration:none;
background-color:#eff6fa
}
.HomeTopics {
padding-bottom:8px;
border-bottom:1px solid #eee
}
.HomeTopics-title {
float:left;
color:#666
}
.HomeTopics-list {
margin-top:10px;
*zoom:1
}
.HomeTopics-list:before,.HomeTopics-list:after {
display:table;
content:""
}
.HomeTopics-list:after {
clear:both
}
.HomeTopics-list:before,.HomeTopics-list:after {
display:table;
content:""
}
.HomeTopics-list:after {
clear:both
}
.HomeTopics-item.zm-item-tag {
margin:0 8px 8px 0
}
.HomeTopics-moreLink {
float:left;
margin-left:3px;
color:#999
}
[class*=sprite-home-icon-] {
display:inline-block;
vertical-align:middle
}
.sprite-home,[class*=sprite-home-] {
background-image:url(../images/img/home/sprites.auto.9e910fa6.png);
background-repeat:no-repeat
}
.sprite-home-answer-off {
background-position:0 0;
width:24px;
height:24px
}
.sprite-home-answer-on {
background-position:-26px 0;
width:24px;
height:24px
}
.sprite-home-post-off {
background-position:0 -26px;
width:24px;
height:24px
}
.sprite-home-post-on {
background-position:-26px -26px;
width:24px;
height:24px
}
.sprite-home-question-off {
background-position:-52px 0;
width:24px;
height:24px
}
.sprite-home-question-on {
background-position:-52px -26px;
width:24px;
height:24px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-home,[class*=sprite-home-] {
background-image:url(../images/img/home/sprites@2x.auto.d0a99034.png);
background-size:76px 50px
}
}.feed-item.topic-story-item .entry-body {
margin-left:48px
}
.feed-item.topic-story-item .ignore {
top:9px
}
.zm-item-expanded .question-description+.entry-body {
border-top:solid 1px #eee;
margin-top:0;
padding-top:6px
}
a.zu-main-feed-fresh-button {
display:block;
background-color:#eff6fa;
text-align:center;
margin:12px 0 2px;
padding:4px 10px;
border-radius:4px;
color:#777;
text-shadow:0 1px 0 #fff;
text-decoration:none!important;
cursor:pointer;
border:1px solid #cce1ef
}
a.zu-main-feed-fresh-button:hover,a.zu-main-feed-fresh-button:active {
background:#daedf5;
border:1px solid #c7dff0;
color:#666
}
.feed-item.combine {
margin-left:48px
}
.feed-item.combine .feed-content h2,.feed-item.combine .avatar,.feed-item.combine .feed-question-detail-item,.feed-item.combine .feed-source {
display:none
}
.feed-item.combine .feed-main {
margin-left:0
}
.feed-item.combine .feed-content,.feed-item.combine .entry-body {
margin-top:0
}
.feed-item.combine .ignore {
display:none
}
.feed-item.combine.first-combine {
margin-left:0
}
.feed-item.combine.first-combine .feed-content,.feed-item.combine.first-combine .entry-body {
margin-top:2px
}
.feed-item.combine.first-combine .feed-content h2,.feed-item.combine.first-combine .avatar,.feed-item.combine.first-combine .feed-question-detail-item,.feed-item.combine.first-combine .feed-source {
display:block
}
.feed-item.combine.first-combine .feed-main {
margin-left:48px
}
.feed-item.combine.first-combine .ignore {
display:block
}
#home-settings-page-wrap .home-settings-content {
border-top:1px solid #CCC
}
#home-settings-page-wrap .home-settings-section {
padding:15px 0 10px
}
#home-settings-page-wrap .home-settings-section+.home-settings-section {
border-top:1px solid #eee
}
.feed-item .zm-item-btn-collapse a {
display:inline;
padding-left:14px;
background:url(../images/img/fold-video.eb40a520.png) no-repeat left center
}
.feed-item .text-summary ol,.feed-item .text-summary ul {
}.feed-item .text-summary {
position:relative
}
.feed-item {
padding:10px 0;
position:relative;
margin-left:0;
outline:0
}
.feed-item .zm-votebar {
display:none;
margin-top:-1px
}
.feed-item .zm-item-vote {
margin-top:-1px
}
.feed-item .time {
display:inline-block;
font-size:12px;
color:#999;
margin-left:2px;
float:right
}
.feed-item .entry-body,.feed-item .zm-item-answer {
margin-top:3px
}
h2+.meta {
margin:0
}
.feed-item .avatar {
float:left;
margin:3px 0 0
}
.feed-item .avatar,.feed-item .avatar a,.feed-item .avatar img {
display:block;
width:38px;
height:38px
}
.feed-item .avatar img {
border-radius:3px
}
.feed-main {
margin-left:48px
}
.feed-main>.title {
color:#999
}
.feed-main>.title>.zg-link {
color:#999
}
.feed-item .entry-body {
position:relative
}
.entry-body .zm-item-vote,.zm-item-answer .zm-item-vote,.zm-item-feed .zm-item-vote,.zm-item-answer .zm-item-answer-summary {
display:block
}
.entry-body .zm-item-vote-info,.entry-body .full-content,.zm-item-answer .zm-votebar,.zm-item-feed .zm-votebar,.zm-item-answer .zm-item-vote-info,.zm-item-feed .zm-item-vote-info {
display:none
}
.zm-item-expanded .zm-item-vote,.zh-question-answer-wrapper .zm-item-vote,.zm-item-expanded div.text-summary,.zm-item-expanded .zm-item-answer-summary {
display:none
}
.zm-item-expanded .zm-votebar,.zh-question-answer-wrapper .zm-votebar,.zh-question-answer-wrapper .zm-item-vote-info,.zm-item-expanded .zm-item-vote-info,.zm-item-expanded .zm-item-meta,.zm-item-expanded a.collapse,.zm-item-expanded .full-content {
display:block
}
.expandable .visible-expanded {
display:none
}
.expandable.zm-item-expanded .visible-expanded,.zm-item-expanded .expandable .visible-expanded {
display:block
}
.feed-item .hidden-default {
display:none
}
.feed-item.zm-item-expanded .hidden-default {
display:block
}
.feed-item .entry-link {
color:#999
}
.feed-source,.feed-source a {
color:#999
}
.feed-source .zg-bull {
font-size:12px
}
.feed-source .OrgIcon {
display:none
}
.feed-source a.follow-topic {
color:#25bb9b
}
html.no-touchevents .feed-source a.follow-topic:hover {
padding:0 2px;
text-decoration:none
}
html.no-touchevents .feed-source a:hover {
color:#25bb9b
}
.question-description+.toggle-expand:hover {
text-decoration:none
}
.feed-item .zm-tag-editor-labels {
margin:5px 0 0;
display:none
}
.feed-item .question-description {
display:none;
padding-bottom:6px
}
.feed-item.zm-item-expanded .zm-tag-editor-labels,.feed-item.zm-item-expanded .question-description {
display:block
}
.feed-summary {
overflow:auto
}
.feed-summary b {
font-weight:400
}
.feed-thumbnail {
display:inline;
max-height:100px;
max-width:120px;
float:left;
margin:4px 10px 5px 0
}
.feed-item .ignore {
position:absolute;
right:0;
top:35px;
display:inline-block;
text-indent:-9999px;
width:20px;
height:20px;
background-image:url(../images/img/sprites-1.9.2.4c54885a.png);
background-repeat:no-repeat;
background-position:-261px -62px
}
.feed-item .ignore:hover {
background-position:-261px -42px
}
.feed-item .feed-content h2 {
margin-right:20px
}
.feed-item .more_opt {
cursor:pointer
}
.feed-item .more_opt:hover .options {
display:block
}
.feed-item .ssep {
border-top:1px solid #EEE;
margin:3px 10px
}
.feed-item .options {
position:absolute;
display:block;
right:15px;
top:18px;
border:1px solid #DDD;
padding:3px 0;
box-shadow:0 1px 2px #EEE;
border-radius:4px 0 4px 4px;
z-index:1;
background:#fff;
display:none
}
.feed-item .options a {
color:#666;
padding:2px 10px;
display:block
}
.feed-item .options a:hover {
text-decoration:none;
background:#d6e9f8
}
.feed-item .dot {
margin:0 2px;
color:#ddd;
font-family:Arial
}
.feed-item .sep {
font-size:10px;
display:inline-block;
height:10px;
border-left:1px solid #EEE
}
.feed-item .zm-item-vote-info,.feed-item .zm-item-answer-author-info {
margin-bottom:2px
}
.feed-item .zm-item-vote-info.empty {
margin:0
}
.feed-item .zm-item-meta {
margin-bottom:0
}
.feed-item .answer-head {
min-height:0
}
.feed-item .author {
font-weight:700
}
.feed-item .author a {
color:#222;
font-weight:700
}
.feed-item .author a:hover {
color:#25bb9b
}
.feed-item a.question {
font-size:14px;
font-weight:700;
display:inline-block
}
.feed-item .meta {
color:#999;
margin-bottom:0
}
.feed-item .downvote {
padding-left:6px
}
.feed-item .upvote {
}.feed-item .upvote i,.feed-item .downvote i {
margin-right:5px
}
.feed-item .collapse {
display:none;
float:right
}
.feed-item .comment,.feed-item .collect,.feed-item .vote_actions,.feed-item .follow {
}.feed-item .comment i,.feed-item .collect i,.feed-item .share i,.feed-item .collapse i,.feed-item .follow i {
margin-right:5px
}
.feed-item .more_opt {
visibility:hidden
}
.feed-item:hover .more_opt {
visibility:visible
}
.answer_snippet {
margin-top:4px
}
.answer_snippet {
}.feed-item+.feed-item {
border-top:1px solid #eee
}
.feed-divider {
margin-bottom:12px;
text-align:center;
font-size:12px;
line-height:1;
border-bottom:1px solid #ddd
}
.feed-divider span {
position:relative;
padding:0 13px;
top:6px;
color:#aaa;
background-color:#fff
}
#zh-question-collapsed-wrap .zm-item-answer:first-child .zm-item-answer-detail {
border-top:0
}
.manage-menu .goog-menuitem-content {
color:#999
}
.manage-menu .goog-menuitem-accel {
color:#ccc;
direction:ltr;
left:auto;
padding:0 6px;
position:absolute;
right:0;
text-align:right
}
.manage-menu .goog-menuitem {
color:#000;
font:400 13px Arial,sans-serif;
list-style:none;
margin:0;
padding:4px 2em 4px 10px;
white-space:nowrap
}
.manage-menu .goog-submenu-arrow {
left:auto;
padding-right:6px;
position:absolute;
right:0;
text-align:right
}
.maybe-intrests {
padding:8px 15px
}
.maybe-intrests .feed-item+.feed-item {
border-top:1px dotted #EEE
}
.maybe-intrests .feed-item {
margin-left:0
}
.maybe-intrests .feed-item .feed-main {
margin-left:0
}
.maybe-intrests .feed-item .feed-main .feed-source a {
color:#000
}
.maybe-intrests .feed-item .entry-body {
margin-left:48px
}
.maybe-intrests .feed-item h2 {
margin-bottom:2px
}
.maybe-intrests .feed-item .feed-meta {
margin-left:48px
}
.maybe-intrests .feed-item .feed-meta .ignore {
display:none
}
.maybe-intrests .ignore,.maybe-intrests .avatar {
display:none
}
.maybe-intrests .header {
border-bottom:1px dotted #eee;
margin:0 -15px;
padding:0 15px 8px
}
.feed-item .feed-topic-detail {
margin-top:10px;
*zoom:1
}
.feed-item .feed-topic-detail:before,.feed-item .feed-topic-detail:after {
display:table;
content:""
}
.feed-item .feed-topic-detail:after {
clear:both
}
.feed-item .feed-topic-detail:before,.feed-item .feed-topic-detail:after {
display:table;
content:""
}
.feed-item .feed-topic-detail:after {
clear:both
}
.feed-item .feed-topic-detail .topic-name {
font-size:14px
}
.feed-item .feed-topic-detail .topic-avatar {
float:left;
width:75px;
height:75px;
margin-right:10px
}
.feed-item .feed-topic-detail .topic-avatar img {
border-radius:3px;
width:75px;
height:75px
}
.feed-item .feed-topic-detail .summary {
color:#999
}
.feed-item .author-info a {
color:inherit;
font-weight:700
}
.feed-hide-options {
margin-left:48px;
color:#999
}
.feed-hide-options .close-button {
position:absolute;
right:0;
top:10px
}
.feed-hide-options .line+.line {
margin-top:6px
}
.feed-hide-options .revert-button {
color:#999
}
.feed-hide-options .option-more a {
color:#222
}
.feed-hide-options .option-more .icon {
margin-right:8px
}
.post-body a.collapse {
margin-top:23px;
margin-left:10px
}
.feed-item .undo-dislike-options {
margin-left:48px;
position:relative;
display:none;
color:#999
}
.feed-item .undo-dislike-options .close {
position:absolute;
right:0;
top:0;
display:inline-block;
text-indent:-9999px;
width:20px;
height:20px;
background-image:url(../images/img/sprites-1.9.2.4c54885a.png);
background-repeat:no-repeat;
background-position:-261px -62px;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.feed-item .roundtable,.feed-item .column {
padding-top:5px;
overflow:hidden
}
.feed-item .roundtable .left,.feed-item .column .left {
float:left;
margin-right:15px
}
.feed-item .roundtable .left img,.feed-item .column .left img {
width:100px
}
.feed-item .roundtable .right,.feed-item .column .right {
position:relative;
overflow:hidden
}
.feed-item .roundtable .content,.feed-item .column .content {
padding:0 0 5px
}
.feed-item .roundtable .info,.feed-item .column .info {
border-top:1px solid #eee;
padding:6px 0 0
}
.feed-item .roundtable .left img {
border-radius:4px
}
.feed-item .roundtable .info-organization,.feed-item .roundtable .info-guest {
color:#999
}
.feed-item .column[data-entry-url] {
cursor:pointer
}
.feed-item .column .left img {
border-radius:50%
}
.feed-item .column .info-title,.feed-item .column .info-time {
color:#999
}
.feed-item .column .info-content {
color:#222;
cursor:pointer
}
.zh-general-list.topstory .feed-source .time {
margin-left:0;
float:none
}
.zh-general-list.topstory .feed-meta .ignore {
top:11px
}
.rq3-publiceditlink {
position:relative
}
.rq3-publiceditlink>.tour {
padding-left:35px;
position:absolute;
left:106px;
top:-21px;
width:180px;
height:70px;
color:#666;
line-height:70px;
background:url(../images/img/2013/publiceditlink-tour-card.d1795431.png) 0 0 no-repeat
}
.rq3-publiceditlink>.tour>.icon {
margin-left:4px
}
@media only screen and (max-device-width:450px) {
.rq3-publiceditlink>.tour {
display:none
}
}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
.rq3-publiceditlink>.tour {
background-image:url(../images/img/2013/publiceditlink-tour-card@2x.bf26f53e.png);
background-size:contain
}
}hr.devider {
margin:22px 0;
border:0;
border-top:1px solid #eee;
border-bottom:1px solid #fff
}
.devider.hr-medium {
margin:11px 0
}
.home-suggest-block {
margin:0 0 20px
}
.bordered-block {
border:solid 1px #ddd;
border-radius:4px
}
.bordered-block .head {
border-bottom:1px solid #DDD
}
.bordered-block .head-inner {
padding:10px 15px;
font-size:14px;
color:#666
}
.home-suggest-block .head-inner {
text-align:center;
padding:10px 15px;
font-size:14px;
color:#666;
margin:10px 0
}
.bordered-block .close {
margin:4px 0 0
}
.suggest-list {
position:relative;
margin:0;
padding:0;
min-height:172px
}
.suggest-list .bubble-loading {
position:absolute;
top:50%;
left:50%;
margin-top:-12px;
margin-left:-12px
}
.suggest-item {
width:33.2%;
display:block;
zoom:1;
float:left;
margin:0
}
.avatar-img-25 {
width:25px;
height:25px;
border-radius:1px
}
.avatar-img-40 {
width:40px;
height:40px;
border-radius:3px;
box-shadow:0 1px 1px rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.1)
}
.avatar-img-50 {
width:50px;
height:50px;
border-radius:3px;
box-shadow:0 1px 1px rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.1)
}
.suggest-item+.suggest-item {
border-left:solid 1px #ddd
}
.suggest-item-inner {
padding:12px 15px
}
.suggest-item-inner .image-link {
float:left;
width:40px;
height:40px;
margin:2px 0 0
}
.suggest-item-inner .item-link {
font-size:14px;
font-weight:700
}
.item-info-major {
color:#666
}
.item-info-minor {
color:#999
}
.suggest-item-inner .details {
margin:8px 0 0;
height:22px;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.suggest-item-inner .item-main {
overflow:hidden;
padding:0 0 0 12px
}
.suggest-item-inner .zm-item-link-avatar img {
width:35px;
position:absolute
}
.suggest-item-inner .suggest-item-main {
overflow:hidden;
padding:0 0 0 40px
}
.suggest-item-inner .item-extra {
line-height:22px
}
.suggest-list+.zu-button-more {
margin:10px 15px 15px
}
.suggest-item-inner .summary {
height:26px
}
.suggest-list.vertical {
min-height:400px
}
.suggest-list.vertical .suggest-item {
width:100%;
float:none
}
.suggest-list.vertical .suggest-item+.suggest-item {
border-left:0;
border-top:solid 1px #eee
}
.bordered-block-menu {
margin:-1px 0 0 0;
float:left;
border-right:solid 1px #ddd
}
.bordered-block-menu-item {
display:block;
zoom:1;
margin:0
}
.bordered-block-menu-link {
color:#333;
display:block;
border-bottom:solid 1px transparent;
border-top:solid 1px transparent
}
.bordered-block-menu-link:hover {
text-decoration:none
}
html.no-touchevents .bordered-block-menu-link:hover {
margin:0
}
html.no-touchevents .bordered-block-menu-link:hover .bordered-block-menu-text {
background:#fafafa;
color:#222
}
.goog-tab-selected .bordered-block-menu-link {
border:solid 1px #ccc;
margin:0 -1px
}
.goog-tab-selected .bordered-block-menu-text,html.no-touchevents .goog-tab-selected .bordered-block-menu-link:hover .bordered-block-menu-text {
background:#FBFBFB;
box-shadow:inset 0 0 10px #EAEAEA;
color:#222
}
.bordered-block-menu-text {
display:block;
padding:10px 15px;
color:#666
}
.suggest-people-by-class .suggest-list {
border-left:solid 1px #ddd;
overflow:hidden;
margin-left:-1px
}
.zu-main.with-indention-votebar .zu-main-content-inner {
margin-left:48px
}
@media (max-width:480px) {
.zu-main.with-indention-votebar .zu-main-content-inner {
margin:0 10px
}
}.zu-main.with-indention-votebar .zu-main-content-inner .zm-item-answer {
margin-left:0
}
.zh-question-related-questions li {
list-style:none;
margin-bottom:8px
}
.zh-question-related-questions .num {
display:inline-block;
color:#999
}
.zh-question-related-questions .next {
margin-top:1px;
color:#999;
cursor:pointer;
text-decoration:none
}
.question-status {
background:#f6f6f6;
border-radius:4px;
margin:0 0 20px;
padding:14px 20px;
box-shadow:0 1px 0 rgba(0,0,0,.06)
}
.question-status h4 {
font-size:18px
}
.question-status .reason {
margin-top:4px
}
.question-status .note {
color:#999;
margin-top:4px
}
.question-tip-box-bottom {
margin-top:15px;
border-top:1px solid #eee;
padding:10px 0;
color:#666
}
.question-tip-box-bottom a[name=cancel] {
margin-right:10px
}
.first-question-tip {
margin-bottom:20px;
padding:10px;
color:#666;
line-height:1.9;
border:1px solid #eee;
border-radius:4px
}
.first-question-tip h4 {
color:#222
}
.first-question-tip ul {
list-style-position:inside
}
.question-page-pager {
margin-top:10px
}
.user-guiding-dialog ol {
margin-left:18px
}
.user-guiding-dialog .command {
overflow:hidden;
margin-top:15px;
background-size:contain;
background-repeat:no-repeat
}
.user-guiding-dialog .command a {
display:block;
float:right
}
.user-guiding-dialog .modal-dialog-content {
margin:20px 0
}
.user-guiding-dialog .view-firsttip .command {
background-image:url(../images/img/user_guiding/tips-search.a5c9d0d8.png)
}
.user-guiding-dialog .view-firsttip .command a {
margin-top:95px
}
@media (max-width:480px) {
.user-guiding-dialog .view-firsttip .command a {
margin-top:140px
}
}.user-guiding-dialog .view-secondtip .command {
background-image:url(../images/img/user_guiding/tips-topic.71d765fe.png)
}
.user-guiding-dialog .view-secondtip .command a {
margin-top:65px
}
@media (max-width:480px) {
.user-guiding-dialog .view-secondtip .command a {
margin-top:100px
}
}.user-guiding-dialog .view-thirdtip .command {
background-image:url(../images/img/user_guiding/tips-invite.6f61c0e2.png)
}
.user-guiding-dialog .view-thirdtip .command a {
margin-top:55px
}
@media (max-width:480px) {
.user-guiding-dialog .view-thirdtip .command a {
margin-top:106px
}
}[class*=sprite-topic-exprience-icon-] {
display:inline-block;
vertical-align:middle
}
.sprite-topic-exprience,[class*=sprite-topic-exprience-] {
background-image:url(../images/img/topic-exprience/sprites.auto.7b1b5bb9.png);
background-repeat:no-repeat
}
.sprite-topic-exprience-icon-add {
background-position:0 0;
width:14px;
height:14px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-topic-exprience,[class*=sprite-topic-exprience-] {
background-image:url(../images/img/topic-exprience/sprites@2x.auto.466997a6.png);
background-size:14px 14px
}
}.modal-dialog.bio-editor-modal {
width:500px
}
.modal-dialog.bio-editor-modal .modal-dialog-content {
margin:24px 0;
padding:0 24px
}
.modal-dialog.bio-editor-modal .modal-dialog-content .bio-editor-modal-title {
margin-bottom:24px
}
.zm-bio-item {
position:relative;
padding:12px 18px;
margin-bottom:20px;
border:1px solid #ddd;
border-radius:3px
}
.zm-bio-item .zm-bio-item-title {
margin-bottom:12px;
font-size:100%;
color:#999
}
.zm-bio-item .zm-bio-item-checkbox {
position:absolute;
top:50%;
right:18px;
margin:-6px 0 0
}
.zm-bio-item .avatar {
width:24px;
margin-right:10px;
vertical-align:top;
border-radius:2px
}
.zm-bio-item .zm-bio-item-empty-tip {
display:inline-block
}
.zm-bio-item .zm-bio-item-empty-tip .sprite-topic-exprience-icon-add {
margin-right:10px
}
.zm-bio-item .zm-bio-item-content {
display:inline-block;
width:90%;
vertical-align:middle
}
.zm-bio-item .zm-bio-item-content .username {
color:#25bb9b;
font-weight:700
}
.zm-bio-item .zm-bio-item-editor {
position:relative;
width:90%;
display:inline-block
}
.zm-bio-item .zm-bio-item-editor .zg-form-text-input {
position:relative;
top:-3px;
padding:0 5px
}
.zm-bio-item .zm-bio-item-editor .zg-form-text-input textarea {
position:relative;
top:2px;
width:100%;
height:24px;
min-height:24px;
line-height:24px
}
.zm-bio-item .zm-bio-item-editor .zm-command {
padding:0;
margin-top:5px
}
.zm-bio-item .zm-bio-item-editor .zm-command a {
margin-left:10px
}
.zm-bio-item .zm-bio-item-editor .limitTip {
position:absolute;
left:0;
bottom:10px;
color:#999
}
.zm-bio-item .zm-bio-item-editor .limitTip.exceed {
color:#c33
}
.zm-bio-item.normal .zm-bio-item-empty-tip,.zm-bio-item.normal .zm-bio-item-editor {
display:none
}
.zm-bio-item.normal .zm-bio-item-content {
width:80%
}
.zm-bio-item.empty {
cursor:pointer
}
.zm-bio-item.empty .zm-bio-item-empty-tip>a {
vertical-align:middle
}
.zm-bio-item.empty .zm-bio-item-content,.zm-bio-item.empty .zm-bio-item-editor,.zm-bio-item.empty .zm-bio-item-checkbox,.zm-bio-item.empty .zm-bio-item-title,.zm-bio-item.empty .avatar {
display:none
}
.zm-bio-item.empty:hover a {
text-decoration:underline
}
.zm-bio-item.editing .zm-bio-item-checkbox,.zm-bio-item.editing .zm-bio-item-content,.zm-bio-item.editing .zm-bio-item-empty-tip {
display:none
}
#zh-question-answer-form-wrap {
margin-top:30px;
border-radius:4px
}
#zh-question-answer-form-wrap .zu-edit-button {
color:#25bb9b
}
#zh-question-answer-form-wrap .zu-edit-button .zu-edit-button-icon {
background-position:-131px -50px
}
#zh-question-answer-form-wrap .zm-editable-editor-wrap {
margin:0
}
#zh-question-answer-form-wrap .zm-editable-editor-wrap .zm-command {
padding:10px 0 0
}
.QuestionBookPromotionTest {
border-top:1px solid #eee;
border-bottom:1px solid #eee;
padding:15px 0;
margin-bottom:15px
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd {
overflow:hidden
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .pic {
float:left;
margin-right:15px
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .pic img {
width:80px
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .info {
overflow:hidden;
zoom:1
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .info h4 {
margin-bottom:8px
}
.QuestionBookPromotionTest .QuestionBookPromotionTest-bd .info p {
color:#666;
margin-bottom:8px
}
.QuestionOrgBanner {
padding:10px 0;
border-top:1px solid #eee;
height:32px;
line-height:32px;
color:#999
}
.QuestionOrgBanner>.zm-item-link-avatar {
display:inline-block;
vertical-align:top;
width:32px;
height:32px
}
.QuestionOrgBanner>.zm-item-link-avatar>.zm-item-img-avatar {
width:inherit;
height:inherit
}
.QuestionOrgBanner>.zg-link {
margin-left:12px;
color:inherit;
font-weight:700
}
.QuestionOrgBanner-more {
float:right;
color:inherit
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
.user-guiding-dialog .view-firsttip .command {
background-image:url(../images/img/user_guiding/tips-search@2x.28ae690a.png)
}
.user-guiding-dialog .view-secondtip .command {
background-image:url(../images/img/user_guiding/tips-topic@2x.7d5f5979.png)
}
.user-guiding-dialog .view-thirdtip .command {
background-image:url(../images/img/user_guiding/tips-invite@2x.a3a80f7b.png)
}
}.MyTopicEmpty-title {
color:#666;
font-weight:400;
font-size:13px;
margin-top:25px
}
.MyTopicList {
margin:25px 0 15px
}
.MyTopicList a {
text-decoration:none
}
.MyTopicList .zm-tag-editor-edit-item {
margin:0 10px 10px 0
}
.MyTopicList .topic-max {
line-height:23px
}
.MyTopicAdd {
margin-bottom:22px
}
.QuestionSuggestListTitle {
height:48px;
line-height:48px;
border-bottom:1px solid #ccc;
position:relative
}
.QuestionSuggestListTitle h4 {
color:#666;
font-weight:400;
font-size:13px
}
.QuestionSuggestListTitle .feed-switcher {
position:absolute;
right:0;
top:0;
color:#999
}
.QuestionSuggestListTitle .feed-switcher a {
text-decoration:none
}
.QuestionSuggestListTitle .feed-switcher a.current {
color:#999;
cursor:text
}
.QuestionInvitedTitle {
margin-top:26px
}
.QuestionInvitedTitle h4 {
font-size:13px;
font-weight:400
}
.QuestionList .feed-item .subtopic {
color:#999
}
.QuestionList .feed-item .subtopic a {
color:#666
}
.QuestionList .feed-item .ignore {
top:10px
}
.QuestionHotList .question-item-title {
margin-right:20px
}
.stretch-to {
width:175px;
-webkit-transition-property:width;
transition-property:width;
-webkit-transition-duration:.5s;
transition-duration:.5s;
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out
}
.pin-topic-moving {
cursor:move;
z-index:9999;
box-shadow:0 0 10px rgba(0,0,0,.2)
}
.topic-feed-title {
font-size:14px;
font-weight:700;
color:#666;
border-bottom:1px solid #ccc;
padding-bottom:8px
}
.topic-feed-title a {
margin-top:3px
}
.title-meta-info {
color:#999;
font-size:13px;
font-weight:400;
float:right
}
.topic-children-wrapper {
overflow:hidden;
border-bottom:1px solid #eee;
padding:18px 0 8px
}
.topic-children-wrapper>* {
float:left
}
.topic-children-title {
color:#999;
margin:1px 0 11px
}
.topic-children-list {
margin-left:5px
}
.topic-children-list.zm-topic-cat-main {
border-bottom:0;
padding:0
}
.topic-feed-container {
border-top:1px solid #ccc
}
.topic-item+.topic-item {
border-top:1px solid #eee
}
.topic-item {
padding:15px 0
}
.topic-avatar {
float:left;
position:relative;
margin-top:4px;
width:50px;
height:50px
}
.topic-avatar-img {
border-radius:3px;
width:50px;
height:50px
}
.topic-item-content {
margin:-3px 0 0 64px
}
.topic-item-title {
margin-bottom:6px;
word-break:break-all
}
.topic-item-title-link {
color:#222
}
.topic-feed-item {
margin-bottom:6px
}
.no-topics {
color:#999;
font-size:12px;
font-weight:400;
margin-top:58px;
text-align:center
}
.no-topics h6 {
margin-top:0;
margin-bottom:10px;
color:#666;
font-size:13px;
font-weight:400
}
.no-pin-topics {
color:#999
}
.topic-recommend {
margin-top:66px;
border:1px solid #ddd;
border-radius:4px;
box-shadow:0 1px 0 #f2f4f5
}
.topic-recommend .topic-recommend-head {
overflow:hidden;
padding:7px 14px;
border-bottom:1px solid #EEE
}
.topic-recommend .topic-recommend-name {
float:left;
font-size:14px;
font-weight:700;
color:#666;
margin-bottom:0
}
.topic-recommend .topic-recommend-list {
padding:0 14px
}
.topic-recommend .topic-avatar,.topic-recommend .Avatar {
width:50px;
height:50px
}
.zu-main-sidebar .topic-recommend {
border-radius:0;
border-width:1px 0 0;
padding-bottom:10px;
box-shadow:none;
margin-top:25px
}
.zu-main-sidebar .topic-recommend .topics-pager {
float:right
}
.zu-main-sidebar .topic-recommend .topic-recommend-head {
border-bottom:0;
padding:15px 0 9px
}
.zu-main-sidebar .topic-recommend .topic-recommend-list {
padding:0
}
.zu-main-sidebar .topic-recommend .topic-item {
padding:0 0 10px;
border-top:0
}
.zu-main-sidebar .topic-recommend .topic-item .topic-avatar,.zu-main-sidebar .topic-recommend .topic-item .Avatar {
width:40px;
height:40px;
margin-top:0
}
.zu-main-sidebar .topic-recommend .topic-item-content {
margin:0 0 0 56px;
line-height:40px;
position:relative
}
.zu-main-sidebar .topic-recommend .topic-item-content h3 {
margin:0 60px 0 0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.zu-main-sidebar .topic-recommend .topic-item-content a[data-follow] {
position:absolute;
right:0;
top:0
}
.topic-recommend:hover .topics-nomore-recommend {
display:block
}
.topics-pager {
position:relative;
margin-left:12px;
top:2px
}
.topics-pager.disabled {
display:none
}
.hidden-topics-plaza {
border-top:1px solid #eee;
padding:16px 0;
text-align:center;
background:#f7f7f7;
color:#666;
font-size:14px
}
.new-follow-topics {
display:block;
width:261px;
padding:5px 0;
margin:67px auto 75px;
border:1px solid #cce1ef;
border-radius:4px;
background:#eff6fA;
text-align:center;
color:#5488b4
}
.new-follow-topics:hover {
text-decoration:none
}
.topics-plaza {
margin-bottom:20px;
padding:34px 0;
border:1px solid #cce1ef;
border-radius:4px;
background:#eff6fA;
text-align:center
}
.topics-plaza a.text {
display:block;
margin-top:20px;
font-size:13px;
color:#5488b4
}
.bull {
margin:0 3px;
color:#bbb
}
.side-topic-item.cursor-move {
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:move
}
.ui-sortable-helper {
box-shadow:0 1px 3px rgba(0,0,0,.1);
z-index:1;
margin:0
}
.ui-sortable-placeholder {
border:3px dashed #EEE;
height:57px;
visibility:visible!important
}
.z-icon-unpin {
background-position:-27px -52px;
width:14px;
height:11px;
vertical-align:-1px;
margin-right:3px
}
a.unpin,a.pin {
margin-left:3px
}
.z-icon-pin {
background-position:-25px -67px;
width:14px;
height:11px;
vertical-align:-1px;
margin-right:3px
}
.topic-hover-content {
display:inline-block;
visibility:hidden
}
html.no-touchevents .topic-item:hover .topic-hover-content,html.no-touchevents .topic-info:hover .topic-hover-content {
visibility:visible
}
.topic-name {
position:relative
}
.topic-name .topic-hover-content {
position:absolute;
top:0;
right:0;
z-index:100
}
.side-topic-item .up {
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -263px -84px;
background-color:#25bb9b;
border-radius:3px;
width:15px;
height:15px;
display:block;
position:absolute;
right:10px;
top:10px;
visibility:hidden
}
.side-topic-item .delete {
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -264px -103px;
background-color:#25bb9b;
border-radius:3px;
width:15px;
height:15px;
position:absolute;
right:30px;
top:10px;
visibility:hidden
}
html.no-touchevents .side-topic-item .up:hover {
background-color:#25bb9b
}
html.no-touchevents .side-topic-item .delete:hover {
background-color:#25bb9b
}
.side-topic-item {
border-radius:4px;
border:1px solid #DDD;
padding:10px;
width:242px;
background:#fff;
position:relative
}
.side-topic-avatar {
width:38px;
height:38px;
border-radius:4px
}
.side-topic-content {
margin-left:50px;
white-space:nowrap;
text-overflow:ellipsis
}
.side-topic-content .topic-link {
display:inline-block;
font-weight:700;
max-width:145px;
margin-right:35px;
overflow:hidden;
text-overflow:ellipsis
}
.side-topic-meta {
color:#999;
line-height:16px
}
.side-topic-more {
display:none;
color:#25bb9b;
font-size:12px;
line-height:16px
}
.side-topic-item {
margin-bottom:15px
}
.side-title {
color:#555
}
.side-topic-item:hover .up,.side-topic-item:hover .delete {
visibility:visible
}
.topic-pages,.topic-feed-page {
}.topic-pages .feed-switcher,.topic-feed-page .feed-switcher {
border-bottom:1px solid #eee;
text-align:right;
padding:10px 0;
color:#999;
font-size:12px
}
.topic-pages .feed-switcher span,.topic-feed-page .feed-switcher span,.topic-pages .feed-switcher a,.topic-feed-page .feed-switcher a {
margin:0 3px
}
.topic-pages .feed-switcher-tip,.topic-feed-page .feed-switcher-tip {
float:left
}
.topic-pages .feed-item .feed-content h2,.topic-feed-page .feed-item .feed-content h2 {
margin-right:0
}
.topic-pages .ignore,.topic-feed-page .ignore {
display:none
}
.topic-pages .time,.topic-feed-page .time {
font-weight:400
}
.topic-pages .zu-top-feed-list .feed-item h2,.topic-feed-page .zu-top-feed-list .feed-item h2 {
margin-bottom:2px
}
.topic-pages .zu-top-feed-list .feed-item .feed-meta,.topic-feed-page .zu-top-feed-list .feed-item .feed-meta {
margin-left:48px
}
.topic-pages .zu-top-feed-list .feed-item .feed-meta .ignore,.topic-feed-page .zu-top-feed-list .feed-item .feed-meta .ignore {
display:none
}
.topic-pages .zu-top-feed-list .feed-item.combine.first-combine,.topic-feed-page .zu-top-feed-list .feed-item.combine.first-combine {
margin-left:0
}
.topic-pages .zu-top-feed-list .feed-item.combine.first-combine .feed-main,.topic-feed-page .zu-top-feed-list .feed-item.combine.first-combine .feed-main {
margin-left:0
}
.topic-pages .zu-top-feed-list .feed-item.combine,.topic-feed-page .zu-top-feed-list .feed-item.combine {
margin-left:32px
}
.topic-pages .zu-top-feed-list .feed-item.combine .feed-main,.topic-feed-page .zu-top-feed-list .feed-item.combine .feed-main {
margin-left:-30px
}
.topic-pages .zu-top-feed-list .feed-item+.feed-item.combine,.topic-feed-page .zu-top-feed-list .feed-item+.feed-item.combine {
border-top:1px dotted #EEE
}
.topic-pages .zu-top-feed-list .feed-item+.feed-item.combine.first-combine,.topic-feed-page .zu-top-feed-list .feed-item+.feed-item.combine.first-combine {
border-top:1px solid #EEE
}
.topic-pages .feed-item .zg-bull,.topic-feed-page .feed-item .zg-bull,.topic-pages .zm-item-answer .zg-bull,.topic-feed-page .zm-item-answer .zg-bull {
margin-left:0
}
.topic-pages .topic-avatar .zm-entry-head-side,.topic-feed-page .topic-avatar .zm-entry-head-side {
width:50px
}
.topic-pages .topic-avatar .zm-entry-head-avatar-link,.topic-feed-page .topic-avatar .zm-entry-head-avatar-link {
display:block;
position:relative;
width:50px;
height:50px
}
.topic-pages .topic-avatar .zm-entry-head-avatar-link img.zm-avatar-editor-preview,.topic-feed-page .topic-avatar .zm-entry-head-avatar-link img.zm-avatar-editor-preview {
width:50px;
height:50px;
border-radius:4px
}
.topic-pages .topic-info .topic-name,.topic-feed-page .topic-info .topic-name {
margin:0 0 8px 65px
}
.topic-pages .topic-info .topic-name h1,.topic-feed-page .topic-info .topic-name h1 {
font-size:18px
}
.topic-pages .topic-info .zm-topic-topbar-nav,.topic-feed-page .topic-info .zm-topic-topbar-nav {
margin-left:65px
}
.topic-pages .topic-info .share-button,.topic-feed-page .topic-info .share-button {
position:relative;
top:4px
}
.topic-pages .topic-header-side .zm-entry-head-side,.topic-feed-page .topic-header-side .zm-entry-head-side {
width:68px
}
.topic-pages .topic-header-side .zm-entry-head-avatar-link,.topic-feed-page .topic-header-side .zm-entry-head-avatar-link {
display:block;
position:relative;
width:68px;
height:68px
}
.topic-pages .topic-header-side .zm-entry-head-avatar-link img.zm-avatar-editor-preview,.topic-feed-page .topic-header-side .zm-entry-head-avatar-link img.zm-avatar-editor-preview {
width:68px;
height:68px;
border-radius:4px
}
.topic-pages .topic-header-side #zh-topic-desc,.topic-feed-page .topic-header-side #zh-topic-desc {
margin-top:15px
}
.topic-pages .topic-header-side .zm-entry-head-main,.topic-feed-page .topic-header-side .zm-entry-head-main {
margin:0 0 0 80px
}
.topic-pages .topic-header-side #zh-topic-title,.topic-feed-page .topic-header-side #zh-topic-title {
height:68px;
position:relative
}
.topic-pages .topic-header-side #zh-topic-side-head .zu-entry-focus-button,.topic-feed-page .topic-header-side #zh-topic-side-head .zu-entry-focus-button {
margin-right:13px
}
.topic-pages .topic-header-side #zh-topic-side-head .zm-topic-side-followers-info,.topic-feed-page .topic-header-side #zh-topic-side-head .zm-topic-side-followers-info {
line-height:32px;
margin-left:0
}
.topic-pages .zm-topic-topbar,.topic-feed-page .zm-topic-topbar {
margin-top:4px
}
.topic-pages .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item,.topic-feed-page .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item {
padding-right:15px;
margin-right:15px;
border-right:1px solid #eee
}
.topic-pages .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item:last-child,.topic-feed-page .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item:last-child {
border-right:0
}
.topic-pages .zm-topic-list-container .feed-main,.topic-feed-page .zm-topic-list-container .feed-main {
margin-left:0
}
.topic-pages .zm-topic-list-container .feed-item .entry-body,.topic-feed-page .zm-topic-list-container .feed-item .entry-body {
margin-left:48px
}
.topic-pages .zm-topic-list-container .feed-item .more_opt,.topic-feed-page .zm-topic-list-container .feed-item .more_opt {
display:none!important
}
.topic-pages .child-topic .zm-topic-side-title-link,.topic-feed-page .child-topic .zm-topic-side-title-link {
display:inline-block;
margin-top:5px
}
.topic-pages .related-news,.topic-feed-page .related-news {
color:#666
}
.topic-pages .related-news .news_source,.topic-feed-page .related-news .news_source {
color:#999;
text-align:right
}
.topic-pages .related-news h3,.topic-feed-page .related-news h3 {
font-weight:700;
color:#222
}
.topic-pages .related-news li,.topic-feed-page .related-news li {
list-style:none
}
.topic-pages .related-news li+li,.topic-feed-page .related-news li+li {
margin-top:5px;
border-top:1px dotted #EEE;
padding-top:10px
}
.topic-pages .related-news a,.topic-feed-page .related-news a {
font-weight:700
}
.topic-pages .stock-info,.topic-feed-page .stock-info,.topic-pages .company-info,.topic-feed-page .company-info {
color:#555
}
.topic-pages .stock-info h3,.topic-feed-page .stock-info h3,.topic-pages .company-info h3,.topic-feed-page .company-info h3 {
color:#222
}
.topic-pages .stock-info table,.topic-feed-page .stock-info table {
border-spacing:0
}
.topic-pages .stock-info table td,.topic-feed-page .stock-info table td {
padding:0
}
.topic-pages .stock-info .divide,.topic-feed-page .stock-info .divide {
border-right:1px solid #EEE
}
.topic-feed-page .topic-title {
padding-top:15px;
line-height:40px;
margin-bottom:16px
}
.topic-feed-page .topic-title .Avatar {
width:40px;
height:40px;
margin-right:16px
}
.topic-feed-page .topic-title .topic-title-name {
color:#555;
font-weight:700;
font-size:14px;
max-width:40%;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.topic-feed-page .topic-title .feed-switcher {
padding:0 0 15px
}
.topic-feed-page .topic-title .feed-switcher a.current {
color:#999;
cursor:text
}
.topic-feed-page .topic-title .feed-switcher a.current:hover {
text-decoration:none
}
.zm-topic-list-container .subtopic {
margin-bottom:2px;
color:#999
}
.zm-topic-list-container .subtopic a {
color:#555
}
.topic-header-bar-search .icon-magnify {
vertical-align:-1px
}
#zh-current-topic-bio .zm-editable-editor-outer {
padding:0
}
.zm-topic-tree ul,.zu-topic-organize-list-parent {
margin:0 0 10px 1.6em;
list-style:circle outside
}
.zm-topic-tree li,.zu-topic-organize-list-item {
margin:0 0 5px
}
.zm-entry-head-wrap {
overflow:hidden
}
.zm-entry-head-side {
float:left;
width:100px
}
.topic-avatar:hover>.zm-entry-head-avatar-edit-button {
display:block
}
.topic-avatar.disabled:hover>.zm-entry-head-avatar-edit-button {
display:none
}
.zm-entry-head-main {
margin:0 0 0 115px
}
.zm-topic-top,.zm-topic-wait {
float:left;
width:280px;
padding:20px 0
}
.zm-topic-top {
margin-right:50px
}
.zm-topic-top-container {
border-top:2px solid #ddd
}
.zm-topic-top-list {
margin:0;
padding:0
}
.zm-topic-top-list-item {
margin-bottom:10px;
list-style:none
}
.zm-topic-main-module {
padding:12px 0
}
.zm-topic-main-module+.zm-topic-main-module {
border-top:1px solid #eee
}
.zm-topic-organize-loadmore a {
color:#999
}
#zh-current-topic-bio {
min-height:25px
}
.zh-question-followers-sidebar {
margin:15px 0
}
.zh-question-followers-sidebar>.list {
margin:10px 0 20px
}
.zh-question-followers-sidebar>.list .zm-item-img-avatar {
border-radius:2px;
width:25px;
height:25px
}
.zm-topic-side-title-link {
margin-left:5px;
font-weight:400
}
.zm-topic-side-person-item {
overflow:hidden;
padding:10px 0
}
.zm-topic-side-person-item+.zm-topic-side-person-item {
border-top:1px solid #eee
}
.zm-topic-side-person-item-content {
padding:0 0 0 35px
}
.zm-topic-side-person-item .zm-list-avatar-link {
margin:2px 0 0
}
.zm-topic-side-person-item .zm-topic-side-person-item-content .zm-list-avatar-medium {
width:34px;
height:34px
}
.zm-topic-side-bio {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.zm-topic-common {
border-top:1px solid #EEE;
padding:20px 0
}
#zh-topic-list-title {
margin-top:10px
}
.zm-topic-follow-wrap {
font-size:13px;
margin-left:10px
}
.zm-topic-side-nav .zg-link-litblue {
font-size:13px
}
#zh-topic-admin-page-wrap {
padding:0
}
.zm-topic-manage-item {
padding:12px 0
}
.zm-topic-manage-item:after {
content:'';
display:table;
clear:both
}
.zm-topic-manage-item .zg-gray {
font-size:13px
}
.zm-topic-manage-item+.zm-topic-manage-item {
border-top:1px solid #eee
}
.zm-topic-manage-item-title {
float:left
}
.zm-topic-manage-item-inner {
margin-left:90px
}
.zm-topic-manage-item-inner ul {
list-style-position:inside;
margin:5px 0 0 1.6em
}
.zm-topic-manage-item .zg-btn-blue {
margin-top:-5px
}
.zm-topic-side-followers-container {
margin-top:15px
}
.zm-topic-faq-container .zg-gray {
font-size:13px
}
.zm-topic-side-locked {
margin-top:10px
}
.zm-topic-manage-info-select {
display:inline-block;
height:32px;
line-height:32px;
border:1px solid #ccc
}
.zm-topic-topbar {
margin-top:25px;
border-bottom:1px solid #ccc
}
.zm-topic-topbar-nav {
overflow:hidden;
margin-bottom:12px;
font-size:14px;
line-height:24px;
font-weight:700;
color:#555
}
.zm-topic-topbar-nav .meta-item {
font-weight:400
}
.zm-topic-topbar-nav-list {
margin:0
}
.zm-topic-topbar-nav-list-item {
list-style:none;
display:inline-block;
float:left;
margin:0 25px 0 0
}
.topic-header-bar-search {
margin-top:-4px
}
.zm-topic-feed-item {
padding:10px 0;
position:relative
}
.zm-topic-feed-item+.zm-topic-feed-item {
border-top:1px solid #EEE
}
.zm-topic-feed-time {
position:absolute;
right:0;
top:10px
}
.zm-topic-feed-question {
font-size:14px;
margin:0;
padding-right:45px
}
.zm-topic-feed-meta {
margin:4px 0 0;
color:#999
}
.zm-topic-feed-badge {
color:#555;
display:inline-block;
background:#F4F4F4;
padding:0 5px;
border-radius:2px;
cursor:pointer;
float:left;
margin-right:8px;
line-height:21px
}
html.no-touchevents .zm-topic-feed-badge:hover {
background:#E8E8E8;
text-decoration:none
}
.zm-topic-feed-page-turner {
background:#F4F4F4;
border-radius:4px;
margin-top:5px;
display:inline-block
}
.zm-topic-feed-page-item {
color:#555;
display:inline-block;
padding:5px 12px;
cursor:pointer;
float:left
}
html.no-touchevents .zm-topic-feed-page-item:hover {
text-decoration:none
}
.zm-topic-feed-page-turner .invalid {
cursor:default;
color:#CCC
}
.zm-topic-feed-page-item.left {
border-radius:4px 0 0 4px
}
.zm-topic-feed-page-item.right {
border-radius:0 4px 4px 0
}
.zm-topic-feed-page-item+.zm-topic-feed-page-item {
border-left:1px solid #EEE
}
.zm-topic-feed-page-item.current {
background:#E8E8E8
}
.zm-topic-feed-page-item.current,.zm-topic-feed-page-item.current+.zm-topic-feed-page-item {
border-left:1px solid #E6E6E6
}
html.no-touchevents .zm-topic-feed-page-item:hover {
background:#E8E8E8
}
.zm-topic-feed-page-item.invalid {
background:#F4F4F4
}
.zm-topic-manage-info-msg {
margin-left:10px
}
.zm-topic-manage-loading {
display:inline-block;
height:16px;
width:16px;
vertical-align:middle;
background:url(../images/img/spinner2.8f60205d.gif) no-repeat
}
#zh-topic-side-head .zu-entry-focus-button {
float:left
}
.zm-topic-side-followers-info {
display:inline-block;
margin-left:8px;
line-height:32px;
color:#999
}
.zm-topic-cat-title {
border-bottom:1px solid #ccc;
padding-bottom:10px
}
.zm-topic-cat-title h2 {
margin:0;
color:#666
}
.zm-topic-cat-main {
padding:18px 0 8px;
border-bottom:1px solid #eee
}
.zm-topic-cat-main li {
float:left;
margin:0 10px 10px 0;
list-style:none
}
.zm-topic-cat-main .zm-topic-cat-item a {
display:block;
padding:0 10px;
border-radius:30px;
text-decoration:none;
border:1px solid #daecf5
}
html.no-touchevents .zm-topic-cat-main .zm-topic-cat-item:hover a,.zm-topic-cat-main .zm-topic-cat-item.current a {
background:#25bb9b;
border-color:#25bb9b;
color:#fff
}
.zm-topic-cat-main .zm-topic-cat-more a {
display:block;
margin-top:1px;
line-height:22px
}
.zm-topic-cat-main .zm-topic-cat-more .sprite-global-icon-enter {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
margin:-2px 0 0 6px
}
.zm-topic-cat-main .zm-topic-cat-more a:hover .sprite-global-icon-enter {
background-position:0 -81px;
width:8px;
height:13px
}
.zm-topic-cat-sub .item {
position:relative;
float:left;
width:50%;
list-style:none;
border-bottom:1px dotted #eee
}
.zm-topic-cat-sub .item.no-border {
border-color:transparent
}
.zm-topic-cat-sub .item:nth-child(even) .blk {
margin-left:15px;
margin-right:0
}
.zm-topic-cat-sub .item:nth-child(even) .follow {
right:0
}
.zm-topic-cat-sub .item:nth-child(even) img {
left:15px
}
.zm-topic-cat-sub .item.even .blk {
margin-left:15px;
margin-right:0
}
.zm-topic-cat-sub .item.even .follow {
right:0
}
.zm-topic-cat-sub .item.even img {
left:15px
}
.zm-topic-cat-sub strong {
max-width:12em
}
.zm-topic-cat-sub img {
top:23px
}
.zm-topic-cat-sub p {
height:40px;
overflow:hidden
}
.zm-topic-cat-sub .blk {
padding-left:62px;
margin:18px 15px 18px 0
}
.zm-topic-cat-sub .follow {
position:absolute;
top:18px;
right:15px
}
.zm-topic-cat-hot .section {
margin-bottom:12px;
padding:10px;
border:1px solid #d5d5d5;
border-radius:3px;
box-shadow:0 1px 0 #f2f2f2
}
.zm-topic-cat-hot .head {
position:relative;
padding-left:62px;
height:60px
}
.zm-topic-cat-hot .head strong {
max-width:14em
}
.zm-topic-cat-hot li {
padding:8px 0;
list-style:none;
border-top:1px dotted #eee
}
.zm-topic-cat-sub strong,.zm-topic-cat-hot strong {
display:inline-block;
height:1.5em;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
html.no-touchevents .zm-topic-cat-sub a:hover strong,html.no-touchevents .zm-topic-cat-hot a:hover strong {
text-decoration:underline
}
.zm-topic-cat-sub img,.zm-topic-cat-hot img {
position:absolute;
left:0;
width:50px;
height:50px;
border-radius:3px
}
.zm-topics-page-link {
color:#666
}
.zm-topics-page-link:hover {
color:#25bb9b
}
.zm-topics-page-link .zg-icon {
width:14px;
height:14px;
vertical-align:-2px;
margin-right:5px
}
.zh-answer-status p {
color:#999
}
.zh-answer-status .copyright .icon {
margin-right:5px
}
.zh-answer-status .copyright>a {
color:#999
}
.autohide-false .zu-autohide {
display:inline-block
}
.more-awesome {
color:#999;
font-size:14px;
text-align:center;
border-bottom:1px solid #eee;
margin-bottom:15px;
margin-top:15px
}
.more-awesome span {
position:relative;
top:13px;
background-color:#fff;
padding:0 20px
}
.answer-status {
background:#f6f6f6;
border-radius:4px;
margin:10px 0;
padding:14px 20px;
box-shadow:0 1px 0 rgba(0,0,0,.06)
}
.answer-status .reason {
margin-top:4px
}
.answer-status .note {
color:#999;
margin-top:4px
}
.page-search .text-muted {
color:#999
}
.page-search .text-centered {
text-align:center
}
.page-search .title em,.page-search .summary em,.page-search .name-link em,.page-search .text-highlight {
font-style:normal;
color:#c20a0a
}
.page-search .entry-left {
float:left
}
.page-search .entry-body {
position:relative;
margin-left:53px
}
@media (max-width:767px) {
.page-search .entry-body {
margin-left:0
}
}.page-search .entry-content ul,.page-search .entry-content ol {
margin:.8em 0;
padding-left:2em
}
.page-search .zm-votebar {
position:static;
float:none;
margin-left:0
}
.page-search .visible-expanded {
display:none
}
.page-search .visible-expanded .zm-item-vote-info {
display:block
}
.page-search .numbers .number-item {
color:#999;
margin:0 .3em
}
.page-search .numbers .number-item:first-child {
margin-left:0
}
.page-search .actions .action-item {
color:#999;
margin:0 .3em
}
.page-search .actions .action-item:first-child {
margin-left:0
}
.page-search .actions .votenum-mobile {
color:#25bb9b;
display:inline-block;
vertical-align:bottom
}
.page-search .range-selector {
position:relative;
height:33px;
border-bottom:1px solid #eee
}
.page-search .secondary-tabs {
display:inline-block;
color:#999
}
.page-search .secondary-tab-divider {
padding:0 6px
}
.page-search .secondary-tab-divider::before {
content:'|'
}
.page-search .Sorter {
top:0
}
.page-search .summary {
margin:.5em 0;
display:block;
color:inherit;
cursor:pointer
}
.page-search .summary:hover {
text-decoration:none
}
.page-search .summary img {
max-width:120px;
max-height:80px;
display:inline;
margin-right:1em;
float:left
}
html.no-touchevents .page-search .summary:hover .toggle-expand {
text-decoration:none;
background-color:#eff6fa
}
.page-search .entry.article .author,.page-search .entry.answer .author {
font-weight:700
}
.page-search .entry.article .author,.page-search .entry.answer .author,.page-search .entry.article .author a,.page-search .entry.answer .author a {
color:inherit
}
html.no-touchevents .page-search .entry.article .visible-focusin,html.no-touchevents .page-search .entry.answer .visible-focusin {
display:none
}
html.no-touchevents .page-search .entry.article:hover .visible-focusin,html.no-touchevents .page-search .entry.answer:hover .visible-focusin {
display:inline-block
}
.page-search .entry.article .title,.page-search .entry.answer .title {
font-size:1.1em
}
.page-search .entry.article .toggle-expand,.page-search .entry.answer .toggle-expand {
display:inline-block;
padding:0 3px;
color:#25bb9b;
border-radius:2px;
font-size:.9em
}
.page-search .zm-item-expanded .entry-content {
min-height:55px
}
.page-search .zm-item-expanded .hidden-expanded {
display:none
}
.page-search .zm-item-expanded .visible-expanded {
display:block
}
.page-search .list {
margin:0;
padding:0;
list-style:none
}
.page-search .list .item {
padding:15px 0
}
.page-search .list .item+.item {
border-top:1px solid #eee
}
.page-search .list .left {
float:left
}
.page-search .list .right {
float:right
}
.page-search .list .avatar-link {
float:left
}
.page-search .list .avatar {
margin-right:1em
}
.page-search .list .muted,.page-search .list .muted a,.page-search .list .meta a {
color:#999
}
.page-search .list .meta a+a {
margin-left:1em
}
.page-search .list .meta .icon {
margin-right:4px
}
.page-search .list.topics .name {
font-size:1.1em
}
.page-search .list.topics .desc a {
color:inherit
}
.page-search .list.topics .content {
overflow:hidden
}
.page-search .list.users .item-card .body {
float:left
}
@media (max-width:600px) {
.page-search .list.users .item-card .extra {
float:none;
clear:both
}
.page-search .list.users .item-card .extra .grid {
float:left
}
.page-search .list.users .item-card .extra button {
float:right
}
}.page-search .related-items .item-card .content {
float:none;
overflow:hidden
}
.page-search .related-items .item-card .extra {
float:none;
clear:both
}
.page-search .related-items .item-card .extra,.page-search .related-items .item-card .extra button {
margin-top:1em
}
.page-search .related-items .item-card .grid {
float:left
}
.page-search .item-card {
list-style:none
}
.page-search .item-card .content {
float:left
}
.page-search .item-card .body {
overflow:hidden
}
.page-search .item-card .extra {
float:right
}
.page-search .item-card .extra button {
min-width:64px;
margin-top:.5em
}
.page-search .item-card .grid {
text-align:center
}
.page-search .item-card .grid .col {
float:left;
padding:0 1em;
color:#999
}
.page-search .item-card .grid .col+.col {
border-left:1px solid #eee
}
.page-search .item-card .grid .col:first-child {
padding-left:0
}
.page-search .item-card .grid .col strong {
display:block;
white-space:nowrap;
color:#222
}
html.no-touchevents .page-search .item-card .grid .col:hover {
text-decoration:none
}
html.no-touchevents .page-search .item-card .grid .col:hover,html.no-touchevents .page-search .item-card .grid .col:hover strong {
color:#25bb9b
}
.page-search .user-card .bio {
max-width:300px
}
.page-search .user-card .location,.page-search .user-card .company {
padding-right:.6em
}
.page-search .user-card .title {
padding:0 .6em
}
.page-search .user-card .company+.title {
border-left:1px solid #eee
}
.page-search .user-card .icon:last-child {
margin-left:.5em
}
.page-search .user-card .icon:first-child {
margin-right:.5em
}
.page-search .list.contents .title {
font-size:1.1em;
font-weight:700
}
.page-search .list.contents .answers {
margin:0 0 -15px;
padding:0;
list-style:none
}
.page-search .list.contents .answer-item {
padding:.5em 0
}
.page-search .list.contents .answer-item+.answer-item {
border-top:1px solid #eee
}
.page-search .list.contents .article-item .content {
padding:.5em 0
}
.page-search .empty-result {
margin:0 auto;
padding-top:1em;
max-width:380px
}
.page-search .empty-result p {
margin:1em 0;
font-size:1.1em
}
.page-search .question-form {
margin-top:1em
}
.page-search .question-form textarea {
width:100%;
box-sizing:border-box
}
.page-search .question-form .actions {
line-height:2.5em;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.page-search .question-form .actions .submit {
float:right
}
.page-search .related {
margin:1em 0
}
.page-search .related .list {
padding:0 15px;
border:1px solid #cbcbcb;
border-radius:3px
}
.page-search .related .related-foot {
padding:.5em 0;
text-align:right
}
.page-search .powered-by-sogou {
color:#999
}
.page-search .powered-by-sogou span {
vertical-align:middle
}
.page-search .powered-by-sogou .sogou-logo {
width:69px;
height:19px;
margin:0 .5em;
vertical-align:middle
}
.ac-renderer {
position:absolute;
top:35px;
left:1px;
z-index:10;
width:600px;
background:#fff;
border:solid 1px #999\0;
border:0 none rgba(0,0,0,0);
border-radius:5px;
box-shadow:0 1px 4px rgba(0,0,0,.5)
}
.ac-renderer .ac-row:first-child {
border-radius:5px 5px 0 0
}
.ac-renderer .ac-row:last-child {
border-radius:0 0 5px 5px
}
.ac-renderer>.ac-row>.zm-item-tag {
margin:0 10px 0 0
}
.ac-row {
cursor:pointer;
padding:8px;
zoom:1;
clear:both
}
.ac-row .zm-item-img-avatar {
margin:2px 10px 0 0;
width:25px;
height:25px
}
.zm-ac-gray {
color:#999;
margin:0;
font-size:12px;
display:inline-block
}
.zm-ac-topic-alias {
font-size:12px;
line-height:14px;
color:#999;
display:block;
margin-left:10px
}
.ac-active {
background-color:#d6e9f8
}
.zm-ac-link,html.no-touchevents .zm-ac-link:hover,.zm-ac-link:visited,.zm-ac-link:focus {
color:#222;
line-height:1;
margin:0 10px 0 0
}
.zm-ac-link:hover {
text-decoration:none
}
.zm-ac-link-people {
display:block
}
.zu-autocomplete-row-name {
margin:0 0 1px 35px;
display:block;
height:1.2em;
line-height:1.2;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.zu-autocomplete-row-name.zu-autocomplete-row-name-info {
margin:-1px 0 2px 0
}
.zu-autocomplete-row-description {
color:#999;
display:block;
font-size:12px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
line-height:14px;
height:14px;
zoom:1
}
.zu-autocomplete-row-label,.ac-row.zu-autocomplete-row-search-link {
background:#f6f6f6;
color:inherit
}
.zu-autocomplete-row-search-link a {
color:inherit
}
.zu-autocomplete-row-search-link.active {
background:#d6e9f8
}
.zu-autocomplete-row-search-link.active a {
color:#25bb9b;
text-decoration:none
}
.zu-autocomplete-row-label {
padding:2px 8px;
cursor:default
}
.zu-autocomplete-empty {
color:#666;
padding:10px;
text-align:left;
vertical-align:middle
}
.zu-autocomplete-row-search-link {
text-align:center
}
.zu-autocomplete-row-search-link .arrow {
display:inline-block;
width:5px;
height:8px;
margin-top:-3px;
margin-left:10px;
background-position:-107px -821px
}
.ac-active .zu-autocomplete-row-description {
color:#25bb9b
}
.goog-menu {
position:absolute;
background:#fff;
border:solid 1px #ccc;
box-shadow:0 1px 2px #ddd;
border-radius:3px;
outline:0;
overflow:hidden;
z-index:19
}
.goog-menuitem {
padding:8px 15px;
color:#999;
white-space:nowrap;
border-top:1px solid #ededed;
cursor:pointer
}
.goog-menuitem:first-child {
border-top:0
}
.setting-menu .goog-menuitem {
padding-left:33px;
border-top:0
}
.goog-menuitem-highlight {
background-color:#f5f5f5
}
.goog-menuitem-disabled {
cursor:default
}
.goog-menuseparator {
border-top:1px solid #ededed
}
.goog-menuitem-checkbox {
position:absolute;
left:10px;
background-position:-89px 1px
}
.goog-menu-button .goog-menu-button-dropdown {
display:none
}
.goog-menu-button-open {
outline:0
}
.modal-wrapper {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:99;
overflow:auto;
-webkit-overflow-scrolling:touch
}
html.modal-open.flexbox .modal-wrapper {
display:-webkit-flex;
display:-ms-flexbox;
display:-webkit-box;
display:flex;
-webkit-justify-content:center;
-ms-flex-pack:center;
-webkit-box-pack:center;
justify-content:center;
-webkit-align-items:flex-start;
-ms-flex-align:start;
-webkit-box-align:start;
align-items:flex-start
}
.modal-dialog {
position:absolute;
z-index:99;
width:420px;
max-width:100%;
border-radius:8px;
border:1px solid #888;
box-shadow:0 0 80px 0 rgba(0,0,0,.4);
background:#fff;
text-align:left
}
html.modal-open .modal-wrapper .modal-dialog {
position:static;
margin-top:14%;
margin-top:14vh
}
html.modal-open.no-flexbox .modal-wrapper .modal-dialog {
margin-left:auto;
margin-right:auto
}
html.modal-open.mobile .modal-wrapper .modal-dialog {
margin-top:0
}
html.modal-open.no-flexbox .modal-wrapper .modal-dialog.centered {
margin-top:50%
}
html.modal-open.flexbox .modal-wrapper .modal-dialog.centered {
-ms-flex-item-align:center;
-webkit-align-self:center;
align-self:center
}
.modal-dialog-bg {
position:fixed;
left:0;
top:0;
z-index:95;
min-height:100%!important;
width:100%!important;
height:100%!important;
overflow:visible;
background:#666
}
.modal-dialog-title-close {
position:absolute;
top:50%;
_top:20px;
right:3px;
width:30px;
height:30px;
margin-top:-15px;
text-indent:-9999px;
cursor:pointer;
background-position:-60px -53px
}
.modal-dialog-title {
position:relative;
margin:-1px -1px 0;
padding:10px 15px;
line-height:14px;
background:#1D7FE2;
background:-webkit-linear-gradient(top,#1D7FE2,#0865C2);
background:linear-gradient(to bottom,#1D7FE2,#0865C2);
border:1px solid #0D6EB8;
border-radius:6px 6px 0 0;
box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 1px 1px rgba(0,0,0,.2)
}
.modal-dialog-title-draggable {
cursor:move
}
.modal-dialog-title-text {
color:#fff;
text-shadow:0 1px 1px rgba(0,0,0,.4);
font-size:15px;
font-weight:700
}
.modal-dialog-content {
padding:0 15px;
margin:17px 0
}
.modal-dialog-buttons {
padding:0 15px;
margin-bottom:15px;
text-align:right;
background:#fff
}
.modal-dialog-buttons button[name=cancel] {
border:0;
color:#25bb9b;
background:transparent;
cursor:pointer;
font-size:13px
}
html.no-touchevents .modal-dialog-buttons button[name=cancel]:hover {
text-decoration:underline
}
.modal-dialog-buttons button+button {
margin-left:1em
}
.modal-dialog .zm-command {
padding:20px 0 0
}
.modal-dialog.with-button .modal-dialog-content {
border-radius:0;
border-bottom:0;
font-size:14px
}
.modal-dialog.with-button .modal-dialog-buttons {
display:block;
padding:0 15px;
border-top:0
}
.goog-buttonset-default {
font-size:14px;
line-height:1.7;
text-decoration:none!important;
vertical-align:middle;
display:inline-block;
_display:inline!important;
text-align:center;
padding:4px 10px;
cursor:pointer;
border-radius:3px;
white-space:nowrap;
box-sizing:border-box;
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.5);
background:#1472cf;
background:-webkit-linear-gradient(top,#1d7fe2,#0865c2);
background:linear-gradient(to bottom,#1d7fe2,#0865c2);
border:1px solid #0D6EB8;
box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2);
*line-height:20px
}
.goog-buttonset-default.disabled,.goog-buttonset-default[disabled] {
background:#eee;
color:#888!important;
border:1px solid #ddd;
cursor:not-allowed;
text-shadow:none;
box-shadow:none!important
}
.goog-buttonset-default.disabled:active,.goog-buttonset-default[disabled]:active {
background:#eee;
border-color:#ccc
}
.goog-buttonset-default:active {
background:#1a70c7;
background:-webkit-linear-gradient(top,#1a79d9,#1a70c7);
background:linear-gradient(to bottom,#1a79d9,#1a70c7);
box-shadow:0 1px 2px rgba(255,255,255,.15) inset
}
.modal-dialog .textarea {
width:100%;
padding:8px 10px;
border:1px solid #ccc;
border-radius:4px;
box-shadow:inset 0 0 4px 0 rgba(0,0,0,.1);
box-sizing:border-box
}
.modal-dialog-cancelNoti {
float:left;
margin-top:20px;
font-size:13px
}
.modal-dialog-async-loading {
color:#999;
text-align:center
}
.goog-toolbar {
position:relative;
margin:0;
padding:4px;
background:#f1f1f1;
background:-webkit-linear-gradient(top,#f5f5f5,#efefef);
background:linear-gradient(to bottom,#f5f5f5,#efefef);
border:1px solid #ccc;
border-bottom:0;
border-radius:3px 3px 0 0;
box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
outline:0;
cursor:default;
zoom:1
}
.goog-toolbar-separator {
background-color:#C1C1C1;
width:1px;
margin:0 8px;
height:18px;
line-height:16px
}
.goog-inline-block {
display:inline-block;
position:relative;
*display:block;
*display:inline!important;
*zoom:1
}
.goog-toolbar-button,.goog-toolbar-menu-button {
border:0;
font-family:Arial,sans-serif;
color:#222;
text-decoration:none;
list-style:none;
vertical-align:middle;
cursor:default;
outline:0;
margin:0 1px;
padding:0
}
.goog-toolbar-button-outer-box,.goog-toolbar-button-inner-box,.goog-toolbar-menu-button-outer-box,.goog-toolbar-menu-button-inner-box {
border:0;
vertical-align:top
}
.goog-toolbar-button-outer-box,.goog-toolbar-menu-button-outer-box {
margin:0;
padding:1px 0
}
.goog-toolbar-button-inner-box,.goog-toolbar-menu-button-inner-box {
margin:0 -1px;
padding:3px 4px
}
.goog-toolbar-button-hover .goog-toolbar-button-outer-box,.goog-toolbar-button-active .goog-toolbar-button-outer-box,.goog-toolbar-button-checked .goog-toolbar-button-outer-box,.goog-toolbar-button-selected .goog-toolbar-button-outer-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,.goog-toolbar-menu-button-active .goog-toolbar-menu-button-outer-box,.goog-toolbar-menu-button-open .goog-toolbar-menu-button-outer-box,.goog-toolbar-select .goog-toolbar-menu-button-outer-box {
border-style:solid;
border-width:1px 0;
padding:0
}
.goog-toolbar-button-hover .goog-toolbar-button-inner-box,.goog-toolbar-button-active .goog-toolbar-button-inner-box,.goog-toolbar-button-checked .goog-toolbar-button-inner-box,.goog-toolbar-button-selected .goog-toolbar-button-inner-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box,.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box,.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
border-style:solid;
border-width:0 1px;
padding:3px
}
.goog-toolbar-button-hover .goog-toolbar-button-outer-box,.goog-toolbar-button-hover .goog-toolbar-button-inner-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box {
border-color:#d1d1d1!important
}
.goog-toolbar-button-checked .goog-toolbar-button-outer-box,.goog-toolbar-button-hover .goog-toolbar-button-outer-box {
margin:0;
padding:0;
border:0 none;
border-width:0
}
.goog-toolbar-button-outer-box,.goog-toolbar-menu-button-outer-box {
margin:0;
padding:0;
border:0 none
}
.goog-toolbar-button-inner-box,.goog-toolbar-menu-button-inner-box {
margin:0;
padding:5px;
border:solid 1px transparent
}
.goog-toolbar-button-hover .goog-toolbar-button-inner-box,.goog-toolbar-button-active .goog-toolbar-button-inner-box,.goog-toolbar-button-checked .goog-toolbar-button-inner-box,.goog-toolbar-button-selected .goog-toolbar-button-inner-box,.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box,.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box,.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
border-width:1px;
padding:5px;
border-color:#D1D1D1;
border-radius:2px
}
.goog-toolbar-button.goog-toolbar-button-checked .goog-inline-block.goog-toolbar-button-inner-box {
border:1px solid #C1C1C1;
background-color:#ebebeb;
box-shadow:0 0 3px rgba(0,0,0,.1) inset
}
.goog-toolbar-button-active .goog-toolbar-button-inner-box {
background-color:#ebebeb;
box-shadow:0 0 3px rgba(0,0,0,.1) inset
}
.tr-icon {
width:16px;
height:16px;
display:block
}
.tr-inline-icon {
width:16px;
height:16px;
display:inline-block
}
.tr-bold {
background-position:0 -127px
}
.tr-italic {
background-position:-16px -127px
}
.tr-underline {
background-position:-32px -127px
}
.tr-mention {
background-position:0 -220px
}
.tr-link {
background-position:-66px -127px
}
.tr-blockquote {
background-position:-112px -127px
}
.tr-code {
background-position:-128px -127px
}
.tr-insertOrderedList {
background-position:-144px -127px
}
.tr-insertUnorderedList {
background-position:-160px -127px
}
.tr-image {
background-position:-80px -127px
}
.tr-video {
background-position:-96px -127px
}
.tr-removeFormat {
background-position:-176px -127px
}
.tr-max {
background-position:-192px -127px
}
.zm-editable-toolbar-container {
position:relative
}
.tr-spinner {
position:absolute;
top:12px;
right:40px;
opacity:.85;
-ms-filter:"alpha(Opacity=85)";
overflow:hidden
}
.tr-equation {
background-position:-240px -111px
}
#zu-distraction-free-editor .tr-max {
background-position:-208px -127px
}
#toggleFullScreen {
float:right;
margin:0
}
.goog-toolbar-button.goog-toolbar-button-hover .tr-icon,.goog-toolbar-button.goog-toolbar-button-active .tr-icon,.goog-toolbar-button.goog-toolbar-button-checked .tr-icon {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.tr-icon {
background-color:#f1f1f1;
-webkit-transition:opacity .2s ease-in-out;
transition:opacity .2s ease-in-out;
opacity:.85;
-ms-filter:"alpha(Opacity=85)"
}
.goog-toolbar-button-active .tr-icon {
background-color:#ebebeb!important
}
.goog-toolbar-button-checked .tr-icon {
background-color:#ebebeb!important
}
.goog-toolbar-button-disabled .tr-icon {
opacity:.3;
-ms-filter:"alpha(Opacity=30)"
}
.goog-checkbox {
display:inline-block;
width:16px;
height:16px;
cursor:pointer
}
.goog-date-picker,.goog-date-picker th,.goog-date-picker td {
font:12px Arial,sans-serif
}
.goog-date-picker {
-moz-user-focus:normal;
-moz-user-select:none;
position:relative;
border:1px solid #ccc;
float:left;
padding:2px;
color:#999;
background:#fff;
cursor:default
}
.goog-date-picker th {
text-align:center
}
.goog-date-picker td {
text-align:center;
vertical-align:middle;
padding:1px 4px
}
.goog-date-picker-menu {
position:absolute;
background:threedface;
border:1px solid gray;
-moz-user-focus:normal;
z-index:1;
outline:0
}
.goog-date-picker-menu ul {
list-style:none;
margin:0;
padding:0
}
.goog-date-picker-menu ul li {
cursor:default
}
.goog-date-picker-menu-selected {
background:#ccf
}
.goog-date-picker th {
font-size:.9em
}
.goog-date-picker td div {
float:left
}
.goog-date-picker button {
padding:0;
margin:1px 0;
border:0;
color:#999;
font-weight:700;
background:transparent
}
.goog-date-picker-date {
background:#fdfdfd;
border:1px solid #eee
}
.goog-date-picker-date:hover {
color:#999;
background-color:#eee
}
.goog-date-picker-week,.goog-date-picker-wday {
padding:1px 3px;
border:0
}
.goog-date-picker-week {
opacity:.5;
-ms-filter:"alpha(Opacity=50)";
border-right-width:1px
}
.goog-date-picker-head td {
text-align:center;
background:#f7f7f7
}
td.goog-date-picker-today-cont {
text-align:center
}
td.goog-date-picker-none-cont {
text-align:center
}
.goog-date-picker-month {
width:11ex
}
.goog-date-picker-year {
width:6ex
}
.goog-date-picker table {
outline:0;
border-collapse:collapse
}
.goog-date-picker-other-month {
color:#888
}
td.goog-date-picker-selected {
background:#ddd
}
.goog-date-picker-today {
background:#f1f1f1;
color:#999
}
.ui-datetime-picker {
position:relative
}
.ui-datetime-picker .date {
width:70px;
margin-right:1em
}
.ui-datetime-picker select {
line-height:1;
height:28px;
border:1px solid #ccc;
background:transparent
}
.ui-datetime-picker .colon {
margin:0 .4em
}
.ui-datetime-picker .goog-date-picker {
position:absolute;
z-index:10;
top:30px;
left:0
}
.zm-profile-section-item {
position:relative;
padding:12px 0
}
.zm-profile-section-item+.zm-profile-section-item {
border-top:1px dotted #EEE
}
.zm-profile-section-item .zm-item-link-avatar {
float:left
}
.zm-profile-section-item .zm-item-img-avatar {
float:left;
height:50px;
margin:2px 10px 0 0;
width:50px;
border:0 none;
border-radius:2px
}
.zm-profile-section-item .meta a {
color:#999
}
.zm-profile-section-item.inactive .zm-profile-item-text {
color:#999
}
.zm-profile-vote-count {
float:left;
padding:2px;
color:#25bb9b;
height:38px;
width:46px;
line-height:20px;
font-weight:700;
text-align:center;
border-radius:4px;
background:#eff6fa;
-webkit-text-size-adjust:none
}
.zm-profile-vote-num {
padding:2px 0 4px;
font-weight:700;
font-size:16px;
line-height:1
}
.zm-profile-vote-type {
line-height:1;
font-weight:400;
font-size:12px
}
.zm-profile-section-main {
margin-left:60px
}
.zm-item-answer a.collapse {
display:none
}
.zm-item-expanded a.collapse {
display:block
}
.toggle-expand.btn-toggle-question-detail {
padding:0;
display:none
}
.zm-item-expanded .toggle-expand.btn-toggle-question-detail {
display:block
}
.zm-item-answer-author-info a.collapse {
margin-left:10px
}
a.toggle-expand.btn-toggle-question-detail {
margin-bottom:5px;
text-decoration:none;
color:#999;
font-size:13px
}
a.toggle-expand.btn-toggle-question-detail span {
font-size:12px;
color:#25bb9b;
padding:3px;
border-radius:2px
}
.btn-toggle-question-detail:hover span {
background-color:#eff6fa
}
.feed-question-detail-item .question-description-plain {
display:none
}
.zm-item-expanded .feed-question-detail-item .question-description-plain {
display:block
}
.zm-item-expanded .feed-question-detail-item .question-description {
display:none
}
.zm-item-expanded .feed-question-detail-item.question-detail-expanded .btn-toggle-question-detail {
display:none
}
.zm-item-expanded .feed-question-detail-item.question-detail-expanded .question-description {
display:block
}
.awesome-answer-list .zm-item-meta {
display:none
}
.awesome-answer-list .zm-item-expanded .zm-item-meta {
display:block
}
.zm-item-rich-text ul,.zm-editable-content ul,.editable ul,.zm-item-rich-text ol,.zm-editable-content ol,.editable ol {
margin:.8em 0;
padding:0
}
.zm-item-rich-text ul ol,.zm-editable-content ul ol,.editable ul ol,.zm-item-rich-text ol ol,.zm-editable-content ol ol,.editable ol ol,.zm-item-rich-text ul ul,.zm-editable-content ul ul,.editable ul ul,.zm-item-rich-text ol ul,.zm-editable-content ol ul,.editable ol ul {
padding-left:2em
}
.zm-item-rich-text li,.zm-editable-content li,.editable li {
margin:0 0 5px;
list-style-position:inside
}
blockquote {
margin:.8em 0;
padding:0 0 0 10px;
font-style:normal;
font-size:100%;
line-height:22px;
border-left:3px solid #D0E5F2
}
a.external {
margin:0 4px 0 0;
word-break:break-all
}
a.external>.icon-external {
margin-left:4px
}
a>.ellipsis:after {
content:'...'
}
a>.invisible {
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0
}
.editable img,.zg-content-img-source-link,.origin_image,.content_image,.video_image,.play_video {
margin:6px 0;
display:block;
overflow:hidden;
max-width:100%;
height:auto;
width:auto\9;
-ms-interpolation-mode:bicubic
}
.editable a,.zm-comment-editable a {
text-decoration:none
}
.editable .img.zg-content-img-source-link:hover,.editable img.origin_image:hover {
cursor:default
}
.zu-top {
position:fixed;
top:0;
left:0;
z-index:20;
width:100%;
height:45px;
background:#3d444c;
border-bottom:1px solid #044e97;
box-shadow:0 1px 2px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.15)
}
.zu-top .zg-wrap {
position:relative;
height:inherit
}
@media (max-width:1024px) {
body.zhi {
padding-top:0!important
}
.zu-top {
position:static
}
.zu-top .modal-shifting {
position:static!important
}
}.zu-top-link-logo {
float:left;
width:61px;
height:100%;
background-image:url(../images/res/nk.png);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
color:#fff
}
.zu-top-link-logo:active {
opacity:.8;
-ms-filter:"alpha(Opacity=80)"
}
.zu-top-search {
position:relative;
float:left;
margin:7px 0 0 12px
}
.zu-top-search .zm-ac-gray {
margin-left:1px
}
.zu-top-search .ac-renderer {
top:32px;
z-index:20
}
.zu-top-search-x {
float:left
}
.zu-top-search-form {
position:relative;
width:367px
}
@media (max-width:959px) {
.zu-top-search-form {
width:240px
}
}.zu-top-search-form .zu-top-search-button {
position:absolute;
top:0;
right:0;
width:40px;
height:100%;
background:#21a88b;
/*background:-webkit-linear-gradient(top,#0e7bef,#0d73da);
background:linear-gradient(to bottom,#0e7bef,#0d73da);*/
border:1px solid #3d444c;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 1px rgba(255,255,255,.15);
box-sizing:border-box;
outline:0;
cursor:pointer
}
.zu-top-search-form .zu-top-search-button:before {
content:'';
display:inline-block;
height:100%;
vertical-align:middle
}
.zu-top-search-input {
padding:7px 50px 7px 10px;
width:100%;
color:#49525c;
font-size:14px;
line-height:17px;
background-color:#e1eaf2;
border:1px solid #045bb2;
border-radius:4px;
box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.1);
outline:0;
box-sizing:border-box;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.zu-top-search-input::-webkit-input-placeholder {
color:#8d9ba8
}
.zu-top-search-input::-moz-placeholder {
color:#8d9ba8
}
.zu-top-search-input:-ms-input-placeholder {
color:#8d9ba8
}
.zu-top-search-input::placeholder {
color:#8d9ba8
}
.zu-top-search-input:focus {
background-color:#fff;
box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 1px 15px rgba(255,255,255,.3)
}
.zu-top-add-question {
float:right;
width:66px;
height:32px;
line-height:30px;
margin-top:7px;
border:1px solid #21a88b;
border-radius:4px;
background:#21a88b;
box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 1px rgba(255,255,255,.15);
color:#fff;
font-size:14px;
text-align:center;
text-shadow:0 1px 1px rgba(0,0,0,.12);
outline:0;
cursor:pointer;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.zu-top-add-question:active {
background:#21a88b;
border:1px solid #21a88b;
box-shadow:0 1px 0 rgba(255,255,255,.06),inset 0 1px 2px rgba(0,0,0,.2)
}
.top-nav-topic-selector {
position:relative;
z-index:10
}
.top-nav-topic-selector .top-nav-dropdown {
left:-95px
}
.top-nav-topic-selector .top-nav-dropdown li:last-child>a {
text-align:center
}
.open .top-nav-dropdown,html.no-touchevents .top-nav-topic-selector:hover .top-nav-dropdown {
display:block;
top:45px
}
.top-nav-dropdown {
display:none;
margin:0;
position:absolute;
left:0
}
.top-nav-dropdown li {
margin:0;
list-style:none
}
.top-nav-dropdown li a {
display:block;
width:145px;
height:40px;
line-height:40px;
color:#888;
text-decoration:none;
box-shadow:0 1px 1px rgba(0,0,0,.4);
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
cursor:pointer
}
.top-nav-dropdown li a:hover {
color: #fff;
}
html.no-touchevents .top-nav-dropdown a:hover {
background-color:#31363D
}
.top-nav-dropdown li:first-child>a {
border-top:0
}
.top-nav-dropdown a.all {
text-align:center
}
.top-nav-dropdown li:last-child>a {
border-radius:0 0 4px 4px
}
.top-nav-dropdown img {
margin:0 9px;
width:25px;
height:25px;
border-radius:2px;
box-shadow:0 1px 1px rgba(0,0,0,.2)
}
.top-nav-dropdown img,.top-nav-dropdown span {
vertical-align:middle
}
.mobile-top-nav-popup {
position:absolute;
left:0;
right:0;
width:100%;
z-index:11;
display:none;
border-top:1px solid #ddd;
box-shadow:0 1px 1px rgba(0,0,0,.2);
border-radius:0 0 6px 6px;
margin-top:-1px
}
.mobile-top-nav-popup .top-nav-dropdown {
display:block;
position:static;
overflow:hidden;
background-color:#f4f4f4
}
.mobile-top-nav-popup .top-nav-dropdown li {
position:relative;
float:left;
width:50%;
height:45px;
background-color:#e4e4e4;
overflow:hidden;
border:solid #eee;
border-width:0 1px 1px 0;
box-sizing:border-box
}
.mobile-top-nav-popup .top-nav-dropdown li:last-child:nth-child(odd) {
width:100%
}
.mobile-top-nav-popup .top-nav-dropdown a {
width:100%;
height:45px;
line-height:39px;
box-shadow:none;
text-shadow:none;
border:0!important;
border-radius:0!important;
color:#000;
background-color:#f4f4f4
}
html.no-touchevents .mobile-top-nav-popup .top-nav-dropdown a:hover {
background-color:#e4e4e4
}
.mobile-top-nav-popup .top-nav-dropdown img {
margin:0 9px 0 10px
}
.mobile-top-nav-popup .slide-up {
display:block;
height:36px;
width:100%;
border:0;
border-radius:0 0 6px 6px;
background:url(../images/res/arrow-icon.56368fe2.png) center #f4f4f4 no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
.mobile-top-nav-popup .slide-up {
background-image:url(../images/res/arrow-icon@2x.84546e8e.png);
background-size:11px 7px
}
}.mobile-top-nav-popup-profile {
left:auto;
width:140px
}
.mobile-top-nav-popup-profile .top-nav-dropdown li {
float:none;
width:auto;
text-indent:1em
}
.mobile-top-nav-popup-profile .top-nav-dropdown a {
line-height:43px
}
.mobile-top-nav-popup-profile .zg-icon {
display:none
}
.top-nav-profile {
float:right;
position:relative;
min-width:120px;
margin-left:15px;
z-index:10
}
.top-nav-profile a {
display:block;
width:120px;
background-color:#31363d;
text-shadow:0 1px 1px rgba(0,0,0,.12);
font-size:14px
}
.top-nav-profile .top-nav-dropdown {
top:46px
}
.top-nav-profile .top-nav-dropdown a {
width:120px
}
.open .top-nav-dropdown,html.no-touchevents .top-nav-profile:hover .top-nav-dropdown {
display:block
}
.top-nav-profile .zu-top-nav-userinfo {
position:relative;
height:45px;
line-height:45px;
text-indent:46px;
color:#fff;
text-decoration:none;
border-top:0;
background:transparent;
box-shadow:none;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden
}
.zu-top-nav-userinfo.selected,html.no-touchevents .top-nav-profile:hover .zu-top-nav-userinfo {
height:46px!important;
background:#31363D;
box-shadow:inset 0 0 2px rgba(0,0,0,.12)
}
html.no-touchevents .zu-top-nav-userinfo:hover {
background-color:#046dd6
}
.zu-top-nav-userinfo .Avatar {
position:absolute;
top:9px;
left:10px;
border:1px solid rgba(0,0,0,.1);
box-shadow:0 1px 0 rgba(255,255,255,.1);
background-color:transparent
}
.top-nav-dropdown .zg-icon {
width:20px;
height:20px;
margin:0 11px 0 15px;
vertical-align:-7px
}
.zg-icon-dd-home {
background-position:-6px -7px
}
.zg-icon-dd-pm {
background-position:-6px -34px
}
.zg-icon-dd-settings {
background-position:-6px -60px
}
.zg-icon-dd-logout {
background-position:-6px -87px
}
.zu-top-nav {
float:left;
position:relative
}
.zu-top-nav-live {
position:absolute;
left:108px;
top:45px;
width:290px;
z-index:9;
background:#fff;
outline:0
}
.zu-top-nav-ul {
padding:0;
margin:0 0 0 18px
}
.zu-top-nav-li {
position:relative;
float:left;
margin:0;
list-style:none
}
.zu-top-nav-li.current {
background:#31363d;
}
.zu-top-nav-link,.zu-top-nav-link:visited,.zu-top-nav-link:active {
color:#eee
}
.zu-top-nav-link:hover {
color:#fff;
text-decoration:none
}
.zu-top-nav-link {
width:54px;
height:45px;
line-height:45px;
text-align:center;
display:block;
color:#f2f4f5;
text-shadow:0 1px 1px rgba(0,0,0,.12);
font-size:14px
}
@media (max-width:959px) {
.zu-top-nav-link {
width:auto;
padding:0 10px
}
}.zg-noti-number {
background:#bf1031;
border:1px solid #b11331;
box-shadow:0 1px 2px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.15);
color:#fff;
display:inline-block;
font-size:11px;
font-weight:700;
-webkit-text-size-adjust:none;
padding:0 5px;
height:16px;
line-height:16px;
border-radius:16px;
text-indent:0;
text-align:center;
text-decoration:none
}
.zu-top-nav-count,.zu-top-nav-userinfo .zu-top-nav-pm-count {
z-index:12;
top:5px;
position:absolute
}
.zu-top-nav-count {
left:31px
}
.zu-top-nav-userinfo .zu-top-nav-pm-count {
left:29px
}
.top-nav-profile .top-nav-dropdown .zu-top-nav-pm-count {
vertical-align:1px;
margin-left:8px
}
.zu-top-nav-count:hover {
text-decoration:none
}
.zg-black-tip {
position:absolute;
top:40px;
left:93px;
padding:0 10px 10px;
width:260px;
font-size:12px;
background:#000;
background:-webkit-linear-gradient(top,rgba(66,69,72,.9),rgba(26,28,30,.9) 90%,rgba(51,55,59,.9));
background:linear-gradient(to bottom,rgba(66,69,72,.9),rgba(26,28,30,.9) 90%,rgba(51,55,59,.9));
border:1px solid rgba(0,0,0,.2);
opacity:1;
-ms-filter:"alpha(Opacity=100)";
box-shadow:0 0 1px rgba(255,255,255,.2) inset,0 1px 3px rgba(0,0,0,.8);
z-index:999
}
.zg-black-tip-icon {
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat scroll -46px -648px;
width:14px;
height:7px;
position:absolute;
top:-7px;
left:55px
}
.zg-black-tip-content {
padding:5px 0 0;
color:#fff;
font-size:13px;
text-shadow:0 1px 0 rgba(0,0,0,.8);
text-align:center
}
.zg-black-tip {
width:100%;
max-width:395px
}
.zg-black-tip-icon {
left:50px
}
.zu-top-search-form>.zg-input-label {
position:absolute;
left:8px;
color:#999;
cursor:text
}
.topnav-noauth {
float:right;
margin:0 0 0 15px;
line-height:46px
}
.topnav-noauth .zg-icon {
width:20px;
height:20px;
margin-right:6px
}
.topnav-noauth a {
padding:0 10px;
width:auto;
height:46px;
line-height:46px;
text-align:center;
display:block;
color:#eee;
text-shadow:0 1px 1px rgba(0,0,0,.12);
white-space:nowrap;
font-size:14px
}
.topnav-noauth a:hover {
color:#fff;
text-decoration:none
}
.topnav-noauth>li {
float:left;
list-style:none
}
.HomeEntry {
margin-bottom:30px;
*zoom:1
}
.HomeEntry:before,.HomeEntry:after {
display:table;
content:""
}
.HomeEntry:after {
clear:both
}
.HomeEntry:before,.HomeEntry:after {
display:table;
content:""
}
.HomeEntry:after {
clear:both
}
.HomeEntry-avatar {
float:left;
width:38px
}
.HomeEntry-avatar img {
display:block;
width:38px;
height:38px
}
.HomeEntry-box {
margin-left:58px;
height:48px;
line-height:48px;
background:#fafafa;
border:1px solid #f0f0f0;
border-radius:4px;
position:relative;
*zoom:1
}
.HomeEntry-box:before,.HomeEntry-box:after {
display:table;
content:""
}
.HomeEntry-box:after {
clear:both
}
.HomeEntry-box:before,.HomeEntry-box:after {
display:table;
content:""
}
.HomeEntry-box:after {
clear:both
}
.HomeEntry-boxArrow {
width:10px;
height:10px;
overflow:hidden;
position:absolute;
left:-10px;
top:10px
}
.HomeEntry-boxArrow:before,.HomeEntry-boxArrow:after {
content:'';
position:absolute;
width:0;
height:0;
border:solid transparent;
top:0;
left:0
}
.HomeEntry-boxArrow:before {
border-top-color:#f0f0f0;
border-width:14px
}
.HomeEntry-boxArrow:after {
border-top-color:#fafafa;
border-width:13px;
top:1px;
left:2px
}
.HomeEntry-list {
float:left
}
.HomeEntry-item {
list-style:none;
float:left;
padding:0 32px 0 27px;
position:relative;
font-size:14px
}
.HomeEntry-item a {
color:#6c829f;
display:inline-block
}
.HomeEntry-item a:hover {
color:#25bb9b
}
.HomeEntry-item i {
display:inline-block;
vertical-align:middle
}
.HomeEntry-item .HomeEntry-ask:hover .sprite-home-question-off {
background-position:-52px -26px;
width:24px;
height:24px
}
.HomeEntry-item .HomeEntry-answer:hover .sprite-home-answer-off {
background-position:-26px 0;
width:24px;
height:24px
}
.HomeEntry-item .HomeEntry-post:hover .sprite-home-post-off {
background-position:-26px -26px;
width:24px;
height:24px
}
.HomeEntry-item:after {
content:'';
position:absolute;
width:1px;
height:20px;
left:0;
top:50%;
margin-top:-10px;
background:#f0f0f0
}
.HomeEntry-item:first-child:after {
display:none
}
.HomeEntry-item a {
text-decoration:none
}
.HomeEntry-draft {
float:right;
margin-right:20px;
line-height:49px
}
.HomeEntry-draft a {
text-decoration:none;
color:#999
}
.HomeEntry-draft .zg-num {
background:#b5b5b5
}
.HomeEntry-draft a:hover {
color:#25bb9b
}
.HomeEntry-draft a:hover .zg-num {
background:#25bb9b
}
[class*=sprite-sidebar-icon-] {
display:inline-block;
vertical-align:middle
}
.sprite-sidebar,[class*=sprite-sidebar-] {
background-image:url(../images/img/sidebar/sprites.auto.84426159.png);
background-repeat:no-repeat
}
.sprite-sidebar-icon-column-active {
background-position:0 0;
width:25px;
height:25px
}
.sprite-sidebar-icon-column-normal {
background-position:-27px 0;
width:25px;
height:25px
}
.sprite-sidebar-icon-column-write {
background-position:0 -27px;
width:24px;
height:25px
}
.sprite-sidebar-icon-fold {
background-position:-26px -27px;
width:13px;
height:8px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
.sprite-sidebar,[class*=sprite-sidebar-] {
background-image:url(../images/img/sidebar/sprites@2x.auto.40df1bd9.png);
background-size:52px 52px
}
}.zu-main-sidebar h3,.zm-side-section h3,.zu-main-sidebar h2,.zm-side-section h2 {
margin-bottom:10px
}
.zm-side-section {
position:relative;
margin-bottom:15px
}
.zm-side-section+.zm-side-section>.zm-side-section-inner {
padding:15px 0 0;
border-top:1px solid #eee
}
.zm-side-section-inner h3 {
margin-bottom:10px
}
.zm-side-nav {
margin-left:-10px
}
.zm-side-nav-group:first-child {
margin-top:-4px
}
.zm-side-nav-group {
margin-bottom:10px
}
.zm-side-nav-group+.zm-side-nav-group {
padding-top:10px;
border-top:1px solid #eee
}
.zm-side-nav-li {
display:block;
margin-bottom:3px;
list-style:none;
position:relative
}
.zm-side-nav-li-wide {
list-style:none;
display:block;
margin:0 0 3px
}
.zm-side-nav-link {
position:relative;
padding:0 0 0 10px;
display:block;
height:28px;
line-height:28px;
color:#666
}
.zm-side-nav-link .z-ico-community {
display:inline-block;
position:relative;
top:1px;
left:-1px;
margin-right:2px
}
.zm-side-nav-link .zg-num {
vertical-align:1px;
background:#888
}
.zm-side-nav-link.active .zg-num,html.no-touchevents .zm-side-nav-li:hover .zg-num {
background:#5781b7
}
.zm-side-nav-link.active,html.no-touchevents .zm-side-nav-link:hover {
color:#25bb9b;
background:#eff6fa;
border-radius:3px;
text-decoration:none
}
.zm-side-nav-link .zg-icon {
margin-right:2px;
width:14px;
height:14px;
vertical-align:-2px
}
.zg-icon-sidenav-roundtable {
background-position:-88px -232px
}
a.active>.zg-icon-sidenav-roundtable,html.no-touchevents a:hover>.zg-icon-sidenav-roundtable {
background-position:-106px -232px
}
.zg-icon-sidenav-draft {
background-position:-152px -4px
}
a.active>.zg-icon-sidenav-draft,html.no-touchevents a:hover>.zg-icon-sidenav-draft {
background-position:-152px -24px
}
.zg-icon-sidenav-fav {
background-position:-167px -4px
}
a.active>.zg-icon-sidenav-fav,html.no-touchevents a:hover>.zg-icon-sidenav-fav {
background-position:-167px -24px
}
.zg-icon-sidenav-follow {
background-position:-183px -4px
}
a.active>.zg-icon-sidenav-follow,html.no-touchevents a:hover>.zg-icon-sidenav-follow {
background-position:-183px -24px
}
.zg-icon-sidenav-invite {
background-position:-200px -4px
}
a.active>.zg-icon-sidenav-invite,html.no-touchevents a:hover>.zg-icon-sidenav-invite {
background-position:-200px -24px
}
.zg-icon-sidenav-all {
background-position:-217px -4px
}
a.active>.zg-icon-sidenav-all,html.no-touchevents a:hover>.zg-icon-sidenav-all {
background-position:-217px -24px
}
.zg-icon-sidenav-plaza {
background-position:-234px -4px
}
a.active>.zg-icon-sidenav-plaza,html.no-touchevents a:hover>.zg-icon-sidenav-plaza {
background-position:-234px -24px
}
.zg-icon-sidenav-find {
background-position:-251px -4px
}
a.active>.zg-icon-sidenav-find,html.no-touchevents a:hover>.zg-icon-sidenav-find {
background-position:-251px -24px
}
.zg-icon-sidenav-publicedit {
background-position:-269px -4px
}
a.active>.zg-icon-sidenav-publicedit,html.no-touchevents a:hover>.zg-icon-sidenav-publicedit {
background-position:-269px -24px
}
.zm-side-gray {
color:#999;
font-size:12px
}
.zm-side-link-avatar {
float:left;
height:25px;
margin:5px 5px 5px 0;
width:25px
}
.zm-side-my-columns .name,.zm-side-my-columns .Avatar {
vertical-align:middle
}
.zm-side-my-columns .Avatar {
margin-right:5px;
width:25px;
height:25px;
border-radius:3px
}
.zm-side-my-columns .column-homepage {
padding-bottom:6px;
margin:0 0 9px;
border-bottom:1px dotted #eee
}
.zm-side-my-columns .column-homepage.column-empty {
border-bottom:0;
margin-bottom:0;
padding-bottom:0
}
.zm-side-my-columns .column-homepage .zm-side-nav-li {
margin-left:-10px
}
.zm-side-my-columns .column-link {
height:auto;
line-height:34px
}
.zm-side-my-columns .column-list.fold {
overflow:hidden
}
.zm-side-my-columns .icon-column-logo {
display:inline-block;
vertical-align:middle;
margin:0 5px 0 0
}
.zm-side-my-columns .icon-column-logo-active {
background-position:0 0;
width:25px;
height:25px
}
.zm-side-my-columns .sprite-sidebar-icon-fold {
margin:0 11px 0 6px
}
.icon-column-write {
margin:0 4px 0 2px;
width:24px;
height:22px;
vertical-align:-7px;
background-position:0 -228px
}
html.no-touchevents a:hover>.icon-column-write {
background-position:-36px -228px
}
.zm-side-nav li {
position:relative
}
.pin-topic-avatar-link {
float:left
}
.shameimaru-section {
position:relative;
width:100%;
max-width:272px;
margin-bottom:20px
}
.shameimaru-section .shameimaru-link,.shameimaru-section .shameimaru-link img {
display:block;
width:inherit;
border-radius:6px
}
.shameimaru-section .shameimaru-close {
position:absolute;
right:6px;
top:6px;
opacity:.7;
-ms-filter:"alpha(Opacity=70)";
cursor:pointer
}
html.no-touchevents .shameimaru-section .shameimaru-close {
display:none
}
.shameimaru-section .shameimaru-close:hover {
opacity:.9;
-ms-filter:"alpha(Opacity=90)"
}
.shameimaru-section:hover a.shameimaru-close {
display:block
}
.shameimaru-pixel {
position:absolute;
width:0;
height:0;
left:-100000px;
top:-100000px
}
.comment-app-holder,.zm-comment-box {
max-width:540px
}
.comment-app-holder .OrgIcon,.zm-comment-box .OrgIcon {
display:none
}
.zm-comment-box {
position:relative;
margin:10px 0 35px;
background:#fff;
border:1px solid #ddd;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.zm-comment-box .load-more {
padding:8px 0;
display:block;
font-size:13px;
height:22px;
text-align:center;
border:1px solid #eee;
border-width:1px 0 0;
color:#25bb9b;
box-shadow:0 0 5px rgba(180,180,180,.1) inset;
text-shadow:0 1px 0 #fff
}
.zm-comment-box .load-more .text {
position:relative
}
.zm-comment-box .load-more .spinner {
position:absolute;
top:0;
right:-20px;
display:none
}
.zm-comment-box .load-more.loading .spinner {
display:block
}
html.no-touchevents .zm-comment-box .load-more:hover {
background:#fefefe;
text-decoration:none
}
.zm-comment-box .load-more:active {
background:#fbfbfb;
box-shadow:0 0 5px rgba(180,180,180,.2) inset
}
.zm-comment-box .load-more+.zm-item-comment {
margin:0;
padding:8px 12px;
border-top:1px solid #eee
}
.zm-comment-box .zm-comment-bubble {
position:absolute;
top:-8px;
left:81px;
display:none
}
.zm-comment-box.empty {
border:0;
box-shadow:none
}
.zm-comment-box.empty.cannot-comment {
border:1px solid #ddd
}
.zm-comment-box.cannot-comment .editable,.zm-comment-box.cannot-comment .zm-command,.zm-comment-box.cannot-comment .zm-comment-op-link.reply {
display:none!important
}
.zm-comment-box.empty .zm-comment-bubble {
display:none!important
}
.zm-comment-box.empty.cannot-comment .zm-comment-bubble {
display:block!important
}
.zm-comment-box.empty .zm-comment-box-ft {
margin:0 30px 0 0;
padding:0;
border:0!important;
background:0 0
}
.zm-comment-box.empty.cannot-comment .zm-comment-form {
margin:0
}
.zm-comment-box.empty.cannot-comment .zm-comment-form,.zm-comment-box .zm-comment-form {
padding:15px
}
.zm-comment-box.empty.cannot-comment .zm-comment-box-ft,.zm-comment-box .zm-comment-box-ft {
background:#fbfbfb;
border-radius:0 0 4px 4px;
border-top:1px solid #EEE;
position:relative
}
.zm-comment-box.empty.cannot-comment .zm-comment-box-ft {
background:#fff
}
.zm-comment-box .zm-comment-spinner {
padding:6px 12px;
color:#999
}
.zm-item-comment {
position:relative;
margin:0 12px;
padding:8px 0;
outline:0
}
.zm-item-comment .zm-comment-content-wrap {
margin:0 0 0 35px
}
.zm-item-comment>.zm-item-link-avatar {
float:left;
margin:4px 0 0
}
.zm-item-comment .zm-item-img-avatar {
width:25px;
height:25px;
border-radius:2px
}
.zm-item-comment .zm-comment-content {
color:#222;
min-height:22px
}
.zm-item-comment .zm-comment-hd,.zm-item-comment .zm-comment-ft {
color:#999
}
.zm-item-comment .zm-comment-hd .desc,.zm-item-comment .zm-comment-ft .desc {
font-size:12px
}
.zm-item-comment .zm-comment-ft {
font-size:12px
}
.zm-item-comment .like-num {
float:right;
margin-top:-1px
}
.zm-item-comment .like-num>span,.zm-item-comment .like-num>em {
font-style:normal;
vertical-align:-2px
}
.zm-item-comment .like-num.nil {
visibility:hidden
}
.zm-item-comment.focusin .zm-comment-op-link,.zm-item-comment:hover .zm-comment-op-link {
visibility:visible
}
.zm-item-comment+.zm-item-comment {
border-top:solid 1px #eee
}
.zm-item-comment .zm-comment-form {
padding:15px 0
}
.zm-comment-info {
text-align:center
}
.zm-comment-form .zm-comment-textarea,.zm-comment-form .zm-comment-editable {
padding:7px 8px;
font-size:13px;
line-height:22px;
min-height:22px;
white-space:pre-wrap;
color:#222;
cursor:text;
border:1px solid #ddd;
border-radius:3px;
box-shadow:0 1px 3px rgba(0,0,0,.1) inset;
background-color:#fff
}
.zm-comment-form .zm-comment-textarea {
height:1em;
width:95%
}
.zm-comment-form .zm-comment-editable:focus {
border:1px solid #ccc
}
.zm-comment-form .signin-mask-tip-comment {
position:absolute;
top:0;
width:100%;
height:100%
}
.zm-comment-form .zm-command {
display:none;
padding-bottom:0
}
.zm-comment-form.expanded .zm-command {
display:block;
line-height:33px
}
.with-self-avatar .zm-comment-form .avatar {
display:block
}
.zm-comment-form .avatar {
float:left;
display:none;
margin:2px 10px 0 0;
width:34px;
height:34px;
border-radius:4px
}
.zm-comment-form .avatar+.editable {
overflow:hidden
}
.zm-comment-op-link {
margin-left:.5em;
color:#999;
font-size:12px;
visibility:hidden
}
html.touchevents .zm-comment-op-link {
visibility:visible!important
}
html.no-touchevents .zm-comment-op-link:hover {
color:#25bb9b;
text-decoration:none
}
.zg-icon-comment-like,.zm-comment-op-link .zg-icon {
margin-right:5px;
width:11px;
height:11px;
vertical-align:-1px
}
.zg-icon-comment-report {
width:10px;
height:10px;
background-position:-71px -183px
}
html.no-touchevents a:hover .zg-icon-comment-report,html.no-touchevents button:hover .zg-icon-comment-report {
background-position:-71px -170px
}
.zg-icon-comment-del {
background-position:-236px -92px
}
html.no-touchevents a:hover .zg-icon-comment-del,html.no-touchevents button:hover .zg-icon-comment-del {
background-position:-236px -79px
}
.zg-icon-comment-reply {
background-position:-250px -92px
}
html.no-touchevents a:hover .zg-icon-comment-reply,html.no-touchevents button:hover .zg-icon-comment-reply {
background-position:-250px -79px
}
.zg-icon-comment-like {
background-position:-222px -92px
}
.like-num.liked .zg-icon-comment-like,html.no-touchevents a:hover .zg-icon-comment-like,html.no-touchevents button:hover .zg-icon-comment-like {
background-position:-222px -79px
}
.login-reg-box {
*zoom:1
}
.login-reg-box:before,.login-reg-box:after {
display:table;
content:""
}
.login-reg-box:after {
clear:both
}
.login-reg-box:before,.login-reg-box:after {
display:table;
content:""
}
.login-reg-box:after {
clear:both
}
.login-reg-box .reg-box-inner {
float:right;
margin-top:6px;
margin-left:10px
}
.login-reg-box .reg-box-inner .zg-btn-red {
margin-right:8px
}
.zm-item-answer-owner .zm-item-vote {
display:block!important
}
.zm-item-answer-owner .zm-votebar {
display:none!important
}
.question-invited-by {
margin-bottom:20px;
padding:13px 20px;
color:#888;
background:rgba(243,245,247,.44);
border-radius:4px;
border:1px solid #ddd
}
.question-invited-by .invite-others {
float:right
}
.qi-box-mixin {
border:1px solid #ddd;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.question-invite-panel {
position:relative;
display:none;
margin:5px 0 35px;
color:#222;
border:1px solid #ddd;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.question-invite-panel.loading {
padding:6px 12px
}
.question-invite-panel .icon-spike {
left:157px
}
.question-invite-panel .spinner {
color:#999
}
.question-invite-panel .error-message {
padding:6px 12px;
color:#999;
text-align:center
}
.question-invite-panel .invite-title {
padding:12px
}
.question-invite-panel .invite-title .spinner-gray {
float:right;
display:none;
margin-top:9px
}
.question-invite-panel .invite-status {
margin-left:5px;
color:#999
}
@media (max-width:767px) {
.question-invite-panel .invite-status {
display:block;
margin:5px 0 0
}
}.question-invite-panel .input-wrapper {
position:relative;
display:inline-block
}
.question-invite-panel .input-wrapper .zg-icon {
position:absolute;
right:6px;
top:50%;
margin-top:-6px
}
.question-invite-panel .search-input {
padding-right:20px;
width:130px;
line-height:15px;
color:#777
}
.question-invite-panel .invited-shortlist {
position:relative;
display:inline-block
}
.question-invite-panel .invited-shortlist .zg-link {
font-size:13px;
color:#555
}
.question-invite-panel .invited-shortlist .zg-link-gray {
font-size:13px
}
.question-invite-panel .invited-hovercard {
display:none;
position:absolute;
left:50%;
z-index:11;
padding-top:8px;
margin-left:-100px;
width:200px
}
.question-invite-panel .invited-hovercard .icon-spike {
left:50%;
top:1px;
margin-left:-7px
}
.question-invite-panel .invited-hovercard.in {
display:block;
-webkit-animation:fadeIn .05s ease-in both;
animation:fadeIn .05s ease-in both
}
.question-invite-panel .invited-fulllist {
border:1px solid #ddd;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.05);
list-style:none;
white-space:nowrap;
background:#fff
}
.question-invite-panel .invited-fulllist li {
position:relative;
padding:0 65px 0 10px;
height:45px;
line-height:45px;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.question-invite-panel .invited-fulllist li+li {
border-top:1px solid #f5f5f5
}
.question-invite-panel .invited-fulllist .zm-item-link-avatar {
margin-right:.5em
}
.question-invite-panel .invited-fulllist .zm-item-link-avatar:hover {
text-decoration:none
}
.question-invite-panel .invited-fulllist .zm-item-img-avatar {
width:25px;
height:25px;
vertical-align:middle;
border-radius:2px
}
.question-invite-panel .invited-fulllist .cancel-button {
position:absolute;
right:10px;
line-height:45px;
color:#999;
font-size:13px;
outline:0
}
.question-invite-panel .suggest-persons {
list-style:none
}
.question-invite-panel .suggest-persons .person {
margin:0 12px;
padding-top:18px;
padding-bottom:18px;
height:36px;
overflow:hidden
}
.question-invite-panel .suggest-persons .person:first-child {
padding-top:6px
}
.question-invite-panel .suggest-persons .person em,.question-invite-panel .suggest-persons .person .ac-highlighted {
font-style:normal;
color:#c20a0a
}
.question-invite-panel .suggest-persons .person .zm-item-link-avatar {
float:left;
margin-right:12px;
width:36px;
height:36px
}
.question-invite-panel .suggest-persons .person .zm-item-img-avatar {
border-radius:3px
}
.question-invite-panel .suggest-persons .person .content {
min-height:30px;
overflow:hidden
}
.question-invite-panel .suggest-persons .person .invite-button {
outline:0
}
.question-invite-panel .suggest-persons .person .describe {
padding-right:12px;
line-height:1.2;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.question-invite-panel .suggest-persons .person .describe .zg-link {
float:left;
color:#25bb9b
}
.question-invite-panel .suggest-persons .person .reason {
margin-top:3px;
color:#999
}
.question-invite-panel .suggest-persons .person .reason a {
color:#666
}
.question-invite-panel .suggest-persons .person.ac-active {
background-color:#fff
}
@media (max-width:767px) {
.question-invite-panel .suggest-persons .person {
height:auto
}
.question-invite-panel .suggest-persons .reason {
line-height:1.2
}
}.question-invite-panel .suggest-persons .person+.person {
border-top:1px solid #eee
}
.question-invite-panel .suggest-persons .invite-button {
float:right;
padding:4px 10px
}
.question-invite-panel .js-more {
display:block;
padding-top:12px;
padding-bottom:12px;
color:#25bb9b;
text-align:center;
text-decoration:none;
border-top:1px solid #eee
}
.question-invite-panel .js-more:active {
box-shadow:0 0 5px rgba(180,180,180,.2) inset
}
.question-invite-panel .no-result-tips {
display:inline-block;
padding-right:12px;
padding-left:12px;
height:30px;
line-height:30px;
color:#999
}
.zh-question-answer-form-wrap {
margin-top:10px
}
.zh-question-answer-form-wrap .signin-mask-tip-answer {
position:absolute;
top:0;
width:100%;
height:100%
}
.zh-question-answer-form-wrap .submit-button {
margin-left:1em
}
.zh-answer-form {
margin-bottom:10px
}
.zu-answer-form-title {
font-weight:700
}
.zu-answer-form-disabled-wrap {
color:#999;
text-align:center;
margin:15px 0 0
}
.zh-question-answer-form-orgRule {
position:relative
}
.zh-question-answer-form-orgRule ol {
list-style-position:inside
}
.zh-question-answer-form-orgRule ol li {
margin:1em 0
}
.zh-question-answer-form-orgRule .knowMore {
position:relative;
top:43px;
font-size:13px;
color:#25bb9b
}
.zh-add-question-form {
padding:2px 2px 0
}
.zh-add-question-form #zh-question-suggest-detail-container .zm-command {
display:none
}
.zh-add-question-form .zg-section-big,.zh-add-question-form #zh-question-suggest-autocomplete-container,.zh-add-question-form #zh-question-suggest-autocomplete-container2 {
position:relative
}
.zh-add-question-form #zh-question-suggest-autocomplete-container>.ac-renderer,.zh-add-question-form #zh-question-suggest-autocomplete-container2>.ac-renderer {
top:0;
left:0;
z-index:100;
width:235px
}
.zh-add-question-form #zh-question-suggest-detail-trigger,.zh-add-question-form #zh-question-suggest-topic-trigger {
cursor:pointer
}
.zh-add-question-form .zu-question-suggest-topic-input {
border:0 none;
margin:0 0 5px 5px
}
.zh-add-question-form #zm-modal-dialog-warnmsg-wrapper>.zu-global-notify-close,.zh-add-question-form .zm-modal-dialog-warnmsg-wrapper>.zu-global-notify-close {
position:absolute;
right:7px;
top:7px;
float:none;
margin:0
}
.zh-add-question-form .zu-question-suggest-topic-input {
width:120px
}
.zh-add-question-form .zm-item-img-avatar {
margin:-2px 10px 0 0
}
.zh-add-question-form #zh-topic-desc .tr-spinner {
display:none
}
.zh-add-question-form .zm-tag-editor-edit-item {
margin:0 5px 5px 0
}
.zh-add-question-form .zm-tag-editor-edit-item span {
color:#25bb9b
}
.zh-add-question-form .zm-ac-topic-alias {
font-size:12px;
line-height:14px;
color:#999;
display:inline;
padding:10px
}
.zh-add-question-form .label-input-label {
line-height:23px;
color:#999!important
}
.zh-add-question-form .zm-add-question-form-topic-wrap .zm-tag-editor-editor.empty .zg-icon {
display:block
}
.zh-add-question-form .zm-add-question-form-topic-wrap .sug-con {
padding-top:10px
}
.zh-add-question-form .zm-add-question-form-topic-wrap .sug-con .tip {
padding-right:8px
}
.zh-add-question-form .zm-add-question-form-topic-wrap .sug-con img {
margin-top:4px;
margin-left:4px
}
.zh-add-question-form .sug-con .sugs span:after {
vertical-align:1px;
font-weight:700;
content:" +";
margin-left:1px;
line-height:18px
}
.zh-add-question-form .zm-question-form-hide-in-about-question-el {
color:#666;
margin:5px 0
}
.zh-add-question-form .zm-question-form-notice {
float:left;
margin-top:5px;
color:#999
}
.zh-add-question-form .zm-question-form-notice.zm-question-form-notice--warning {
color:#c33
}
.zh-add-question-form #zh-question-suggest-detail-trigger {
line-height:24px;
color:#25bb9b;
display:inline-block;
border-radius:4px
}
.zh-add-question-form .zm-add-question-detail-icon {
display:inline-block;
height:14px;
width:15px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -132px -46px transparent;
margin-left:2px;
vertical-align:0;
margin-right:2px
}
.zh-add-question-form #zh-question-form-tag-err,.zh-add-question-form #zh-question-form-detail-err {
font-size:13px;
color:#c33;
font-weight:400
}
.zh-add-question-form #zh-question-form-tag-err {
margin-left:10px
}
.zh-add-question-form #zh-question-suggest-detail-trigger:hover {
background:#eff6fa;
text-decoration:none
}
.zh-add-question-form .zm-editable-editor-wrap {
margin-top:5px
}
.zh-add-question-form .add-question-section-title {
margin-bottom:5px
}
.zh-add-question-form .title-length-err-msg {
color:#999;
margin-top:5px
}
.zh-add-question-form .title-length-err-msg .error {
color:#c33;
font-size:1.2em
}
.zh-add-question-form .add-question-title-form textarea {
vertical-align:bottom;
min-height:1em
}
.zh-add-question-form .extra-editor-toolbar div {
margin-left:10px
}
.zh-add-question-form .editable {
min-height:66px
}
.zh-add-question-form .add-question-splash-page {
display:none
}
.zh-add-question-form .add-question-splash-page b {
font-size:14px
}
.zh-add-question-form .add-question-splash-page .before-ask-form {
margin-top:30px
}
.zh-add-question-form .add-question-splash-page .before-ask-form input {
width:100%;
border-radius:2px;
box-sizing:border-box
}
.zh-add-question-form .add-question-splash-page .before-ask-form .ac-row a {
color:inherit
}
.zh-add-question-form .add-question-splash-page p {
margin-bottom:18px
}
.zh-add-question-form .add-question-splash-page .ac-renderer {
position:static;
margin-top:-1px;
width:100%;
border:1px solid #ccc;
border-radius:0;
box-shadow:none;
box-sizing:border-box
}
.zh-add-question-form .add-question-splash-page .ac-renderer .ac-row {
cursor:default;
padding:4px 8px
}
.zh-add-question-form .add-question-splash-page .ac-renderer .ac-row.ac-first {
cursor:default
}
.zh-add-question-form .add-question-splash-page .ac-renderer .ac-row.ac-last {
text-align:center;
cursor:pointer;
background-color:#fafafa;
border-top:1px solid #ccc
}
.zh-add-question-form .question-suggest-ac-wrap {
margin-top:5px
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer {
position:static;
margin-top:-1px;
width:100%;
border-radius:0;
box-shadow:none;
box-sizing:border-box
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row {
margin-bottom:-1px;
padding:6px 8px;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
border-collapse:collapse;
*zoom:1
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:before,.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:after {
display:table;
content:""
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:after {
clear:both
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:before,.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:after {
display:table;
content:""
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:after {
clear:both
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:last-child,.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:first-child {
border-radius:0
}
html.no-touchevents .zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:hover {
background-color:#eff6fa
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-head {
padding:6px 8px;
font-size:13px;
font-weight:400!important
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-header {
cursor:pointer;
position:relative;
padding-right:20px!important
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-header>.zippy-indicator {
position:absolute;
right:8px
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-header.goog-zippy-expanded {
background-color:#eff6fa
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content {
padding:6px 0 2px
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item {
color:#222;
text-decoration:none
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .inline-block {
display:inline-block;
vertical-align:middle
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .inline-block+.inline-block {
margin-left:8px
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .summary {
max-width:65%
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .author,.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .anon-author {
font-weight:700
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .zippy-row {
padding:2px 8px
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor {
border-radius:4px;
box-shadow:0 1px 3px rgba(0,0,0,.1) inset;
border:1px solid #ccc!important;
padding:8px 8px 3px;
position:relative
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor.empty {
display:block;
padding-left:25px
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor .icon-magnify {
vertical-align:-1px
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor .err-tip {
color:#999
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor .err-tip.light {
color:#a02313
}
.zu-global-notify {
position:relative;
top:-2px;
padding:5px 0 3px;
color:#666;
background:#FBF9E5;
box-shadow:0 1px 1px rgba(0,0,0,.1)
}
.zu-global-notify.zu-global-notify-info {
z-index:2;
background:#eff6fa
}
.zu-global-notify a+a {
margin-left:5px
}
.zu-global-notify-close {
float:right;
margin:0 -30px 0 0;
width:20px;
height:20px;
opacity:.5;
-ms-filter:"alpha(Opacity=50)";
text-indent:-9999px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -245px -144px
}
.zu-global-notify-close:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.zu-global-notify-icon {
float:left;
margin:2px 0 0 -25px;
width:20px;
height:16px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -225px -146px
}
.zu-global-notify-icon.zu-global-notify-icon-warn {
background-position:0 -467px
}
.zh-summary {
-webkit-tap-highlight-color:rgba(225,225,225,.5);
position:relative;
cursor:pointer
}
.zh-summary .inline-img,.CardAdFeed-image {
float:left;
height:112px;
width:200px;
border-radius:4px;
margin:1px 10px 5px 0
}
a.toggle-expand,.CardAdFeed-button {
display:inline-block;
padding:0 3px;
border-radius:2px;
font-size:.9em
}
html.no-touchevents .zh-summary:hover a.toggle-expand {
text-decoration:none;
background-color:#eff6fa
}
.item-collapse {
float:right;
display:none;
margin:0;
padding:1px 6px 0;
background:0 0;
border:0;
border-radius:3px;
outline:0;
cursor:pointer;
-webkit-transition:background-color .2s,visibility .2s,opacity .2s,-webkit-transform .2s;
transition:background-color .2s,visibility .2s,opacity .2s,-webkit-transform .2s;
transition:background-color .2s,visibility .2s,opacity .2s,transform .2s;
transition:background-color .2s,visibility .2s,opacity .2s,transform .2s,-webkit-transform .2s;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.zm-item-expanded .item-collapse {
display:inline-block
}
.item-collapse.is-sticky {
position:fixed;
right:auto;
z-index:1;
margin:0;
background-color:#25bb9b;
color:#fff;
opacity:.9;
-ms-filter:"alpha(Opacity=90)"
}
.item-collapse.is-sticky:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.page-search .item-collapse.is-sticky {
color:#fff
}
html.no-touchevents .item-collapse.is-sticky:hover {
color:#fff
}
.zh-question-answer-wrapper .item-collapse,.awesome-answer-list .item-collapse {
visibility:hidden;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
float:none;
position:absolute;
top:5px;
right:0;
margin:0;
background-color:#25bb9b;
color:#fff
}
.zh-question-answer-wrapper .item-collapse.is-sticky,.awesome-answer-list .item-collapse.is-sticky {
visibility:visible;
position:fixed;
right:auto;
opacity:.9;
-ms-filter:"alpha(Opacity=90)"
}
.zh-question-answer-wrapper .item-collapse.is-sticky:hover,.awesome-answer-list .item-collapse.is-sticky:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.feeds .item-actions li.item-collapse {
float:right;
margin-right:0
}
.feeds .item-actions li.item-collapse .button-text {
padding-right:0
}
.feeds .item-actions li.item-collapse.is-sticky .button-text,.feeds .item-actions li.item-collapse.is-sticky .button-text:hover {
color:#fff
}
.item-collapse .sprite-global-icon-fold-white {
margin-right:5px;
vertical-align:baseline
}
.item-collapse [class*=sprite-global-icon-fold-round-] {
margin-right:4px;
vertical-align:baseline
}
.zh-trendings>ul {
list-style:none;
margin-top:-7px
}
.zh-trendings>ul>li {
position:relative;
padding:7px 0
}
html.no-touchevents .zh-trendings>ul>li:hover .del {
visibility:visible
}
.zh-trendings>ul>li+li {
border-top:dotted 1px #eee
}
.zh-trendings .del {
position:absolute;
top:5px;
right:0;
visibility:hidden
}
html.touchevents .zh-trendings .del {
visibility:visible
}
.zh-trendings .avatar {
float:left;
margin:3px 9px 0 0
}
.zh-trendings .avatar>img {
width:25px;
height:25px;
border-radius:2px
}
.zh-trendings .headline {
color:#666;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.zh-trendings .bd {
overflow:hidden
}
.zh-trendings .ft,.zh-trendings .ft>.reason>a {
color:#999
}
.mutiview-dialog-bg {
position:fixed;
left:0;
top:0;
background-color:#fff;
opacity:0!important;
-ms-filter:"alpha(Opacity=0)";
z-index:95;
-webkit-transition:opacity .2s ease-out;
transition:opacity .2s ease-out
}
.mutiview-dialog-bg.show {
opacity:.9!important;
-ms-filter:"alpha(Opacity=90)"
}
@media (max-width:450px) {
.mutiview-dialog-bg.show {
opacity:1!important;
-ms-filter:"alpha(Opacity=100)"
}
}.mutiview-dialog {
margin-top:14vh;
width:300px;
color:#787878;
font-size:14px;
background-color:#fff;
border:1px solid #cbcbcb;
border-radius:5px;
box-shadow:0 0 15px 0 rgba(0,0,0,.3);
outline:0;
z-index:99;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
overflow:hidden;
-webkit-transform:translate(0,20px);
-ms-transform:translate(0,20px);
transform:translate(0,20px);
-webkit-transition:.3s ease-out;
transition:.3s ease-out
}
.mutiview-dialog.show {
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0)
}
html.modal-open.no-flexbox .modal-wrapper .mutiview-dialog {
margin:14% auto auto
}
.mutiview-dialog .mutiview-dialog-title {
position:relative;
height:92px
}
.mutiview-dialog .mutiview-dialog-title .title {
position:absolute;
padding-top:25px;
padding-bottom:25px;
width:100%;
height:42px;
text-align:center;
line-height:1;
-webkit-transition:.3s ease-out;
transition:.3s ease-out
}
.mutiview-dialog .mutiview-dialog-title .title.left {
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translate(-50px,0);
-ms-transform:translate(-50px,0);
transform:translate(-50px,0)
}
.mutiview-dialog .mutiview-dialog-title .title.right {
visibility:hidden;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translate(50px,0);
-ms-transform:translate(50px,0);
transform:translate(50px,0)
}
.mutiview-dialog .mutiview-dialog-title .title h1 {
font-size:16px;
line-height:18px;
font-weight:700;
margin-bottom:10px
}
.mutiview-dialog .mutiview-dialog-title .title h2 {
font-size:14px;
font-weight:400
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back,.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close {
position:absolute;
top:10px;
cursor:pointer;
-webkit-transition:opacity .2s ease-out;
transition:opacity .2s ease-out
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back {
visibility:hidden;
left:10px;
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back.show {
opacity:.2;
-ms-filter:"alpha(Opacity=20)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back.show:hover {
opacity:.3;
-ms-filter:"alpha(Opacity=30)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back.show:active {
opacity:.25;
-ms-filter:"alpha(Opacity=25)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close {
right:10px;
opacity:.2;
-ms-filter:"alpha(Opacity=20)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close:hover {
opacity:.3;
-ms-filter:"alpha(Opacity=30)"
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close:active {
opacity:.25;
-ms-filter:"alpha(Opacity=25)"
}
.mutiview-dialog .mutiview-dialog-content {
position:relative
}
.mutiview-dialog .mutiview-dialog-content.transition {
-webkit-transition:height .3s ease-out;
transition:height .3s ease-out
}
.mutiview-dialog .mutiview-dialog-content .view {
width:100%;
box-sizing:border-box;
-webkit-transition:.3s ease-out;
transition:.3s ease-out
}
.mutiview-dialog .mutiview-dialog-content .view.left {
position:absolute;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translate(-100%,0);
-ms-transform:translate(-100%,0);
transform:translate(-100%,0)
}
.mutiview-dialog .mutiview-dialog-content .view.right {
visibility:hidden;
position:absolute;
top:0;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translate(100%,0);
-ms-transform:translate(100%,0);
transform:translate(100%,0)
}
@media (max-width:450px) {
.mutiview-dialog {
width:100%;
height:100%;
border:0;
border-radius:none;
box-shadow:none
}
.mutiview-dialog .mutiview-dialog-title {
}.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-close {
top:0;
right:0;
border:12px solid #fff
}
.mutiview-dialog .mutiview-dialog-title .mutiview-dialog-title-back {
top:0;
left:0;
border:12px solid #fff
}
.mutiview-dialog .mutiview-dialog-content {
height:auto!important
}
html.modal-open .modal-wrapper .mutiview-dialog {
margin-top:0
}
}.SignFlow {
color:#787878;
font-size:14px
}
.SignFlow .title {
padding-top:25px;
padding-bottom:25px;
width:100%;
height:42px;
text-align:center;
line-height:1
}
.SignFlow .title h1 {
font-size:16px;
line-height:18px;
font-weight:700;
margin-bottom:10px
}
.SignFlow .title h2 {
font-size:14px;
font-weight:400
}
.SignFlow button {
padding:0;
font-size:14px;
color:#787878;
background:0 0;
border:0;
outline:0;
cursor:pointer
}
.SignFlow .blue-button {
display:inline-block;
background-color:#0077d9;
padding:8px 16px;
font-size:14px;
line-height:1;
color:#fff;
border:0;
border-radius:3px;
outline:0;
cursor:pointer
}
.SignFlow .blue-button:hover {
background-color:#0070CD
}
.SignFlow .blue-button:active {
background-color:#0077d9
}
.SignFlow .blue-button:btn-pending {
background-color:#A8B9C7
}
.SignFlow .input-wrapper {
position:relative;
border-bottom:1px solid #eee
}
.SignFlow .input-wrapper:first-child {
border-top:1px solid #eee
}
.SignFlow .input-wrapper input {
padding:15px 8px;
height:48px;
width:100%;
font-size:14px;
line-height:18px;
color:#787878;
border:0;
outline:0;
box-sizing:border-box
}
.SignFlow .input-wrapper input:-webkit-autofill {
-webkit-box-shadow:0 0 0 30px #fff inset;
-webkit-text-fill-color:#787878
}
.SignFlow .input-wrapper input::-webkit-input-placeholder {
line-height:18px;
color:#ccc;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.SignFlow .input-wrapper input::-moz-placeholder {
line-height:18px;
color:#ccc;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.SignFlow .input-wrapper input:-ms-input-placeholder {
line-height:18px;
color:#ccc;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.SignFlow .input-wrapper input::placeholder {
line-height:18px;
color:#ccc;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.SignFlow .input-wrapper input::-ms-clear {
display:none
}
.SignFlow .input-wrapper input::-ms-reveal {
display:none
}
.SignFlow .input-wrapper label.error {
position:absolute;
top:0;
right:0;
padding:0 8px;
line-height:48px;
color:#c33;
cursor:text;
background:#fff;
background:-webkit-linear-gradient(left,rgba(255,255,255,0),#fff 8px);
background:linear-gradient(to right,rgba(255,255,255,0),#fff 8px);
visibility:hidden;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transition:.25s ease-out;
transition:.25s ease-out;
-webkit-transform:translate(8px,0);
-ms-transform:translate(8px,0);
transform:translate(8px,0)
}
.SignFlow .input-wrapper label.error.is-visible {
visibility:visible;
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0)
}
.SignFlow .input-wrapper label.error.highlighted {
color:#ed707c;
-webkit-transition:none;
transition:none
}
.SignFlow .input-wrapper label.error a {
text-decoration:none
}
.SignFlow .input-wrapper label.error a,.SignFlow .input-wrapper label.error span {
color:#787878
}
.SignFlow .input-wrapper.toggle-password .z-ico-show-password {
position:absolute;
top:0;
right:0;
margin:auto;
border:solid #fff;
border-width:17px 8px 17px 0;
cursor:pointer
}
.SignFlow .input-wrapper.toggle-password input {
padding-right:41px
}
.SignFlow .input-wrapper.toggle-password label.error {
right:26px
}
.SignFlow .input-wrapper.captcha-module {
display:none
}
.SignFlow .input-wrapper.captcha-module .captcha-container {
position:absolute;
top:0;
right:10px;
bottom:0;
margin:auto;
height:30px;
border-radius:4px;
overflow:hidden;
cursor:pointer
}
.SignFlow .input-wrapper.captcha-module .captcha-container .captcha {
height:30px;
width:90px
}
.SignFlow .input-wrapper.captcha-module label.error {
right:98px
}
.SignFlow .input-wrapper.verification-code input {
width:200px
}
.SignFlow .input-wrapper.verification-code label.error {
right:94px
}
.SignFlow .input-wrapper.verification-code .send-code {
position:relative;
z-index:2;
float:right;
width:94px;
height:48px;
color:#ababab;
background-color:#f7f7f7
}
.SignFlow .submit-wrapper {
padding:22px 0;
text-align:center
}
.SignFlow--bordered {
border:1px solid #eee;
border-radius:3px
}
.SignupForm .actions,.LoginForm .actions {
margin-top:12px;
padding:0 8px;
line-height:30px
}
.SignupForm .actions .submit.zg-btn-blue,.LoginForm .actions .submit.zg-btn-blue {
width:100%;
outline:0
}
.SignupForm .actions button.submit,.LoginForm .actions button.submit {
width:100%;
padding:10px 0
}
.SignupForm .sns,.LoginForm .sns {
position:relative;
padding:0 8px;
line-height:54px
}
.SignupForm .sns button,.LoginForm .sns button {
padding:13px 0;
line-height:1
}
.SignupForm .sns button .ico,.LoginForm .sns button .ico {
display:inline-block;
margin-right:7px;
vertical-align:bottom
}
.SignupForm .sns button:hover,.LoginForm .sns button:hover {
color:#999
}
.SignupForm .sns button:hover .ico,.LoginForm .sns button:hover .ico {
opacity:.8;
-ms-filter:"alpha(Opacity=80)"
}
@media (max-width:450px) {
.SignupForm .sns button.wechat,.LoginForm .sns button.wechat {
display:none
}
html.ua-wechat .SignupForm .sns button.wechat,html.ua-wechat .LoginForm .sns button.wechat {
display:inline-block
}
}.SignupForm .sns .js-show-sns-buttons,.LoginForm .sns .js-show-sns-buttons {
float:right;
padding:20px 0;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transform:translateX(-8px);
-ms-transform:translateX(-8px);
transform:translateX(-8px);
-webkit-transition:.25s ease-out;
transition:.25s ease-out;
-webkit-transition-property:opacity,-webkit-transform;
transition-property:opacity,-webkit-transform;
transition-property:opacity,transform;
transition-property:opacity,transform,-webkit-transform
}
.SignupForm .sns .js-show-sns-buttons.is-visible,.LoginForm .sns .js-show-sns-buttons.is-visible {
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:none;
-ms-transform:none;
transform:none
}
.SignupForm .sns .sns-buttons,.LoginForm .sns .sns-buttons {
position:absolute;
top:0;
right:8px;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
visibility:hidden;
-webkit-transform:translateX(8px);
-ms-transform:translateX(8px);
transform:translateX(8px);
-webkit-transition:.25s ease-out .12s;
transition:.25s ease-out .12s;
-webkit-transition-property:opacity,-webkit-transform;
transition-property:opacity,-webkit-transform;
transition-property:opacity,transform;
transition-property:opacity,transform,-webkit-transform
}
.SignupForm .sns .sns-buttons.is-visible,.LoginForm .sns .sns-buttons.is-visible {
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:none;
-ms-transform:none;
transform:none;
visibility:visible
}
.SignupForm .sns .sns-buttons button,.LoginForm .sns .sns-buttons button {
padding:18px 0;
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0
}
.LoginForm input[type=checkbox] {
vertical-align:1px
}
.mutiview-dialog.unable-login .view.start {
padding:25px 0 50px
}
.mutiview-dialog.unable-login .view.start .blue-button {
display:block;
margin:auto;
padding:10px 0;
width:165px
}
.mutiview-dialog.unable-login .view.start .blue-button+.blue-button {
margin-top:25px
}
.mutiview-dialog.oauth-register .view.bound,.mutiview-dialog.oauth-register .view.registered {
text-align:center
}
.mutiview-dialog.oauth-register .view.bound img,.mutiview-dialog.oauth-register .view.registered img {
display:block;
margin:auto;
border-radius:50%
}
.mutiview-dialog.oauth-register .view.bound .name,.mutiview-dialog.oauth-register .view.registered .name {
display:block;
margin:12px auto 15px
}
.mutiview-dialog.oauth-register .view.bound button.register,.mutiview-dialog.oauth-register .view.registered button.register {
width:100%;
height:45px;
margin-top:30px;
background-color:#fafafa
}
.mutiview-dialog.oauth-register .view.bind-login .actions {
padding:20px 9px
}
.mutiview-dialog.oauth-register .view.bind-login input[name=account] {
background-color:#f7f7f7
}
.mutiview-dialog.oauth-register .view.bind-login button.submit {
float:right
}
.answer-share-tip {
margin-top:30px;
padding:32px 0;
font-size:14px;
font-weight:700;
text-align:center;
background-color:#f7f7f7;
border-radius:2px
}
.answer-share-tip button {
margin-left:15px;
font-size:14px;
border:0;
background:0 0;
cursor:pointer;
outline:0
}
.answer-share-tip button:hover {
text-decoration:underline
}
.answer-share-tip button.wechat {
position:relative
}
.answer-share-tip button.wechat:hover .qr-code {
display:block
}
.answer-share-tip .qr-code {
display:none;
position:absolute;
top:-148px;
left:-31px;
padding:0 12px 12px;
font-size:13px;
line-height:33px;
color:#999;
background-color:#fff;
border:1px solid #ccc;
border-radius:6px;
box-shadow:#ddd 0 1px 2px
}
.answer-share-tip .qr-code:before,.answer-share-tip .qr-code:after {
position:absolute;
top:100%;
left:50%;
height:0;
width:0;
border:solid transparent;
content:" "
}
.answer-share-tip .qr-code:before {
margin-left:-10px;
border-width:10px;
border-top-color:#aeaeae
}
.answer-share-tip .qr-code:after {
margin-left:-9px;
border-width:9px;
border-top-color:#fff
}
.answer-share-tip .qr-code img {
display:block;
width:90px;
height:90px
}
.answer-share-tip .ico {
display:inline-block;
margin-right:6px;
vertical-align:-3px
}
.wechat-share-tip {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.8);
background-image:url(../images/img/wechat_share_tips/bg.9cefd995.png);
background-size:250px 103px;
background-repeat:no-repeat;
background-position:85% 10px;
z-index:999;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transition:opacity .15s linear;
transition:opacity .15s linear
}
html.show-wechat-share-tip .wechat-share-tip {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3) {
.wechat-share-tip {
background-image:url(../images/img/wechat_share_tips/bg@3x.19faef19.png)
}
}#guidersv2-page-banner {
margin-bottom:1em;
padding:.5em .8em;
color:#5d7596;
border:1px solid #d4e1ec;
border-radius:4px;
background:#f2f7ff
}
.page-roundtable-list #guidersv2-page-banner {
margin:0 1em 2em
}
#guidersv2-page-banner .icon-close-8x8 {
margin-top:.5em
}
#guidersv2-page-banner .content {
vertical-align:middle
}
.guidev2-mask {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index:2;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
background:#fff;
-webkit-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out
}
.guidev2-mask.fx-show {
opacity:.5;
-ms-filter:"alpha(Opacity=50)"
}
.guide2-section-popover {
position:absolute;
z-index:99;
background:#fff;
width:250px;
border:1px solid #ddd;
border-radius:4px;
box-shadow:0 0 8px 0 rgba(0,0,0,.15);
color:#666;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
-webkit-transition:.3s all ease-in-out;
transition:.3s all ease-in-out
}
.guide2-section-popover .title,.guide2-section-popover .content {
padding:.8em
}
.guide2-section-popover .title,.guide2-section-popover .dismiss {
font-size:1.1em
}
.guide2-section-popover .title {
font-weight:700;
padding-bottom:0
}
.guide2-section-popover .skip-all {
position:absolute;
top:.5em;
right:.5em;
cursor:pointer
}
.guide2-section-popover .dismiss {
display:block;
margin:-1px;
color:#fff;
line-height:2.5;
text-align:center;
background:#58a1de;
cursor:pointer;
border-radius:0 0 4px 4px
}
html.no-touchevents .guide2-section-popover .dismiss:hover {
text-decoration:none
}
.guide2-section-popover.righttop {
top:0;
right:-270px;
-webkit-transform:translate(-20px,0);
-ms-transform:translate(-20px,0);
transform:translate(-20px,0)
}
.guide2-section-popover.lefttop {
top:0;
left:-270px;
-webkit-transform:translate(20px,0);
-ms-transform:translate(20px,0);
transform:translate(20px,0)
}
.guide2-section-popover.bottomcenter {
top:100%;
left:50%;
margin:20px 0 0 -125px
}
.guide2-section-popover.fx-show {
opacity:1;
-ms-filter:"alpha(Opacity=100)";
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0)
}
.guide2-section-popover:after,.guide2-section-popover:before {
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none
}
.guide2-section-popover.arrow-lefttop:after,.guide2-section-popover.arrow-lefttop:before {
right:100%;
top:20px
}
.guide2-section-popover.arrow-lefttop:after {
border-color:rgba(255,255,255,0);
border-right-color:#fff;
border-width:8px;
margin-top:-8px
}
.guide2-section-popover.arrow-lefttop:before {
border-color:rgba(221,221,221,0);
border-right-color:#ddd;
border-width:9px;
margin-top:-9px
}
.guide2-section-popover.arrow-righttop:after,.guide2-section-popover.arrow-righttop:before {
left:100%;
top:20px
}
.guide2-section-popover.arrow-righttop:after {
border-color:rgba(255,255,255,0);
border-left-color:#fff;
border-width:8px;
margin-top:-8px
}
.guide2-section-popover.arrow-righttop:before {
border-color:rgba(221,221,221,0);
border-left-color:#ddd;
border-width:9px;
margin-top:-9px
}
.guide2-section-popover.arrow-topcenter:after,.guide2-section-popover.arrow-topcenter:before {
bottom:100%;
left:50%
}
.guide2-section-popover.arrow-topcenter:after {
border-color:rgba(255,255,255,0);
border-bottom-color:#fff;
border-width:8px;
margin-left:-8px
}
.guide2-section-popover.arrow-topcenter:before {
border-color:rgba(221,221,221,0);
border-bottom-color:#ddd;
border-width:9px;
margin-left:-9px
}
.zm-voters-dialog {
width:520px
}
.zm-voters {
padding-right:.9em;
overflow-y:auto;
max-height:600px;
max-height:70vh;
-webkit-overflow-scrolling:touch
}
@media (min-height:900px) {
.zm-voters {
max-height:650px
}
}.zm-voters .empty-results {
color:#999;
text-align:center
}
.zm-voters .zm-profile-card {
padding:.9em 0
}
.zm-voters .zm-profile-card:first-child {
padding-top:0
}
.zm-voters .zm-profile-card+.zm-profile-card {
border-top:1px solid #eee
}
.zm-voters .zm-profile-card .zm-item-link-avatar {
float:left;
margin-right:1em
}
.zm-voters .zm-profile-card .zm-item-link-avatar,.zm-voters .zm-profile-card .zm-item-link-avatar img {
width:40px;
height:40px;
border-radius:2px
}
.zm-voters .zm-profile-card .body {
overflow:hidden;
color:#999
}
.zm-voters .zm-profile-card .author {
max-width:95%
}
.zm-voters .zm-profile-card .bio {
color:#999;
max-width:160px
}
.zm-voters .zm-profile-card .status {
margin:0;
font-size:.9em
}
.zm-voters .zm-profile-card .status li {
display:inline
}
.zm-voters .zm-profile-card .status li+li:before {
content:'/';
margin-right:.2em
}
.zm-voters .zm-profile-card .status span,.zm-voters .zm-profile-card .status a {
color:inherit;
text-decoration:none
}
.goog-menu.share-menu .ico {
display:inline-block;
vertical-align:-4px;
margin-right:6px
}
.goog-menu.share-menu .qrcode-image {
display:block;
margin:5px 0;
width:94px;
height:94px
}
.zm-light-box-fullscreen-image .zm-light-box-img-el {
cursor:-webkit-zoom-out;
cursor:zoom-out;
cursor:url(/static/img/zoom-out.cur)
}
.origin_image {
cursor:-webkit-zoom-in;
cursor:zoom-in;
cursor:url(/static/img/zoom-in.cur)
}
.zh-summary .origin_image {
cursor:pointer
}
.zh-lightbox-showing {
overflow:hidden
}
.zm-light-box.modal-dialog {
border-radius:0;
background:transparent url(../images/img/light_box_close.de97bb10.png) no-repeat 98% 16px;
width:100%;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
overflow-x:hidden;
overflow:auto;
padding:0
}
.zm-light-box .modal-dialog-title {
display:none
}
.zm-light-box .modal-dialog-content {
padding:0;
margin:0;
width:100%;
background:transparent
}
.zm-light-box:hover {
cursor:pointer
}
a.zm-light-box-show-origin {
color:#888;
padding:10px;
display:inline-block;
font-size:14px
}
.zm-light-box-footer {
text-align:center;
line-height:22px
}
.modal-dialog-bg.zm-light-box-background {
opacity:.9;
-ms-filter:"alpha(Opacity=90)";
background:#fff
}
.zm-light-box-img-el {
line-height:22px;
width:100%;
box-shadow:0 1px 4px rgba(0,0,0,.5);
display:block;
margin:0 auto
}
.zm-light-box-x1 {
font-size:0;
text-align:center
}
.zm-light-box-x2 {
display:inline-block;
vertical-align:middle;
padding:0 40px
}
.unblock-dialog-appeal,.unblock-dialog-success {
display:none
}
.unblock-dialog-text {
margin-bottom:10px
}
.unblock-dialog-timeout {
color:#999
}
.unblock-dialog-error {
visibility:hidden;
margin-bottom:5px;
color:#c33;
text-align:right
}
.unblock-dialog-error.is-visible {
visibility:visible
}
.unblock-dialog-menu {
line-height:33px
}
.unblock-dialog-btn {
float:right
}
.unblock-dialog-loading {
display:none;
float:right;
width:14px;
height:15px;
margin:9px 12px 0 0;
background-image:url(../images/res/grey-loading.b016b1c7.gif);
background-size:cover
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
.unblock-dialog-loading {
background-image:url(../images/res/grey-loading@2x.c8492b4b.gif)
}
}.unblock-dialog-captcha {
margin:12px 0;
line-height:30px;
text-align:center
}
.unblock-dialog-captcha input {
width:80px;
vertical-align:middle
}
.unblock-dialog-captcha img {
width:120px;
height:30px;
margin:0 4px;
vertical-align:middle
}
.unblock-dialog-captcha a {
color:#999;
vertical-align:middle
}
.unblock-dialog-success-icon {
display:block;
width:30px;
margin:30px auto 10px
}
.unblock-dialog-success-text {
text-align:center
}
.unblock-dialog-success-time {
display:none;
margin:20px 0;
color:#999;
font-size:11px;
text-align:center
}
html.enable-dark-theme.ios-dark-theme a {
color:#4380c3
}
html.enable-dark-theme.ios-dark-theme a.disabled {
color:#606476
}
html.enable-dark-theme.ios-dark-theme .zg-btn-blue {
background:#3a76d0;
background:-webkit-linear-gradient(top,#3a76d0,#064a8f);
background:linear-gradient(to bottom,#3a76d0,#064a8f);
border:1px solid #094f85
}
html.enable-dark-theme.ios-dark-theme body.zhi {
background-color:#1e1e29;
color:#858d9e
}
.Tipjar-entry {
text-align:center;
margin:44px 0 50px
}
.Tipjar-tagLine {
color:#666;
margin-bottom:26px
}
.Tipjar-entryButton {
width:60px;
height:36px;
line-height:36px;
display:inline-block;
text-align:center;
background:#e26d6d;
color:#fff;
border-radius:4px
}
.Tipjar-entryButton:hover {
text-decoration:none
}
.zm-fav-list-item-place-holder {
color:#ccc;
border:2px dashed #ddd;
padding:10px 0;
text-align:center
}
.zm-fav-list-item-lock {
margin-right:.5em
}
.zm-fav-list-item-lock .icon {
margin:0
}
.zm-favo-list-item-link-active {
background:url(../images/img/check4.18d29da3.png) no-repeat 96% center
}
.zm-favo-list-item-title {
color:#222
}
.zu-list-empyt-place-holder {
color:#ccc;
border:2px dashed #ddd;
padding:15px 0;
text-align:center;
margin:15px 0 0
}
.zm-favo-list-item-link {
display:block;
margin:0 12px;
border:solid 1px #DDD;
padding:8px 12px;
box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.zm-favo-list-item-link .meta {
display:block
}
.zm-favo-list-item-link+.zm-favo-list-item-link {
margin-top:12px
}
.zm-favo-list-item-link:hover {
text-decoration:none;
background-color:#F5F5F5
}
.zm-favo-list-content {
max-height:300px;
overflow:auto
}
.zm-favo-dialog-create {
padding:5px 0
}
.zm-favo-dialog-create.zg-btn-blue {
padding:4px 10px;
margin-left:15px
}
.zh-favo-add-form .zg-form-text-input {
width:100%;
box-sizing:border-box
}
.zh-favo-add-title-error {
font-size:13px;
color:#c33;
margin-left:10px
}
.zh-favo-error-message-label {
color:#c33;
margin:5px 0 0
}
.report-dialog.loading .modal-dialog-buttons {
display:none
}
.report-dialog .options {
margin-top:8px
}
.report-dialog .options li {
padding:4px 6px;
list-style:none;
line-height:2
}
.report-dialog .options li li {
padding:0 6px;
display:inline-block;
box-sizing:border-box;
width:50%
}
.report-dialog .options label {
cursor:pointer
}
.report-dialog .options input[type=radio] {
margin-right:10px
}
.report-dialog .options .description,.report-dialog .options .group-description {
padding-left:1em;
line-height:1.7;
color:#999
}
.report-dialog .options .group-options {
margin-left:10px
}
.report-dialog .options .visible-if-checked {
display:none
}
.report-dialog .options li.checked {
background-color:#eff6fa;
border-radius:3px
}
.report-dialog .options li.checked .visible-if-checked {
display:block
}
.report-dialog .reason-text {
width:100%;
margin:10px 0;
box-sizing:border-box
}
.report-dialog .error-container {
color:#fa8282;
text-align:right
}
.report-dialog .input-container {
position:relative
}
.report-dialog .headnote {
float:right;
color:#999
}
.report-dialog .footnote {
color:#999
}
.report-dialog .loading {
text-align:center;
color:#999
}
.report-success-dialog p {
position:relative;
line-height:35px;
font-size:13px
}
.report-success-dialog p a {
color:#25bb9b
}
@media (max-width:500px) {
.report-dialog .options li {
width:100%
}
}.draft-controls {
margin-top:5px
}
.draft-controls-mobile {
position:absolute;
left:0;
margin-left:20px;
margin-top:30px
}
.draft-saved-info {
margin:6px 0 0
}
.draft-saved-time,.draft-save-button {
vertical-align:-2px
}
.draft-saved-time {
margin-left:.5em;
color:#999
}
.draft-saved-time.warning {
color:#c33
}
.anno-box {
cursor:pointer;
margin-top:5px
}
.anno-box span {
padding-left:10px;
margin-left:10px;
border-left:1px solid #ccc
}
.copyright-box {
cursor:pointer;
margin-right:20px;
margin-top:5px
}
.zm-editable-editor-input {
margin:0 auto;
width:100%
}
div.zm-editable-editor-input {
min-height:66px
}
.zm-editable-disabled .zu-edit-button {
display:none
}
.zm-editable-tip-label {
cursor:pointer
}
.editable {
min-height:88px;
background:#fff;
font-size:13px;
cursor:text
}
.zu-edit-button {
color:#999;
display:inline-block;
font-size:11px;
-webkit-text-size-adjust:none;
font-weight:400;
padding:0 5px 0 2px;
margin:0 0 0 2px
}
html.no-touchevents .zu-edit-button:hover {
text-decoration:none;
background:#eff6fa;
border-radius:3px;
color:#25bb9b
}
.zu-edit-button-icon {
background-position:-118px -50px;
height:12px;
margin-right:4px;
outline:medium none;
overflow:hidden;
width:12px;
vertical-align:-3px
}
html.no-touchevents a:hover>.zu-edit-button-icon {
background-position:-131px -50px
}
.zg-icon-edit-button-gray {
height:12px;
width:10px;
background-position:-121px -50px
}
.zg-icon-edit-button-blue {
height:12px;
width:14px;
background-position:-135px -51px
}
.zm-editable-editor-wrap {
margin:8px 0 5px;
position:relative
}
.zm-editable-editor-outer {
position:relative;
background:#FFF
}
.zm-editable-editor-field-wrap {
position:relative;
padding:8px 10px;
border:1px solid #ccc;
border-radius:0 0 3px 3px;
box-shadow:0 0 4px 0 rgba(0,0,0,.1) inset;
-webkit-transition:min-height .25s ease-out;
background:#fff
}
#zh-question-suggest-detail-container .zm-editable-editor-field-wrap {
overflow-y:auto;
max-height:192px
}
#zh-question-suggest-detail-container embed {
max-width:392px
}
.zm-editable-editor-field-wrap-active {
border:1px solid #AAA
}
.rich-editable-loading-holder {
color:#999;
margin:10px 0
}
.rich-editable-loading-holder img {
vertical-align:text-top
}
.zm-editable-editor-wrap.no-toolbar .zm-editable-editor-field-wrap {
border-radius:4px
}
.editable-dropzone {
display:none;
position:absolute;
top:8px;
background-color:rgba(255,255,255,.5)
}
.editable-dropzone .row {
display:table-row
}
.editable-dropzone .row .cell {
display:table-cell;
color:#999;
font-size:20px;
text-align:center;
vertical-align:middle;
background-color:#fff;
border:3px dashed #999;
border-radius:4px;
opacity:.7;
-ms-filter:"alpha(Opacity=70)"
}
.mention-popup {
position:absolute;
top:0;
left:0;
z-index:201;
margin:0;
padding:0;
width:198px;
border-radius:4px 4px 0 0;
box-shadow:0 1px 5px rgba(0,0,0,.15);
border-bottom:1px solid #bbb
}
.mention-popup.activated {
border-radius:4px
}
.mention-popup .writing-bg {
border:1px solid #bbb;
border-bottom:0;
padding:4px 8px;
border-radius:4px 4px 0 0;
background:#fff
}
.mention-popup .writing-bg input {
width:100%;
outline:0;
border:0;
line-height:13px
}
.mention-popup .tip {
background:#f4f4f4;
min-width:180px;
padding:2px 0;
text-indent:10px;
border:1px solid #bbb;
border-bottom:0;
border-top:0;
color:#999
}
.mention-popup .name,.mention-popup .avatar {
vertical-align:middle
}
.mention-popup .body {
overflow:hidden;
line-height:1.4
}
.mention-popup .bio,.mention-popup .name {
display:block;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.mention-popup .name {
color:#222
}
.mention-popup .avatar {
float:left;
margin:5px 8px 0 0;
width:25px;
height:25px;
border-radius:2px
}
.mention-popup .ac-renderer {
position:static;
width:auto;
margin:0;
padding:0;
border:0!important;
background:#fff;
box-shadow:none;
border-radius:0 0 4px 4px
}
.mention-popup .ac-renderer .ac-row {
margin:0;
padding:5px 10px;
height:36px;
color:#999;
border:solid #bbb;
border-width:0 1px
}
.mention-popup .ac-renderer .ac-row:first-child {
border-radius:0
}
.mention-holder {
color:#222
}
.hc-lang-select {
position:absolute;
z-index:110;
text-shadow:0 1px rgba(255,255,255,.8)
}
.lang-select {
position:relative;
width:150px;
overflow:hidden;
border:1px solid #bebebe;
border-radius:3px;
background:#f0f0f0;
box-shadow:rgba(255,255,255,.4) 0 1px 0 inset,0 1px 1px rgba(0,0,0,.1)
}
.lang-select.collapsed .lang-list,.lang-select.collapsed .input-wrapper {
display:none
}
.lang-select.collapsed .title-button {
cursor:pointer
}
.lang-select .zg-icon-double-arrow {
position:absolute;
top:7px;
right:4px;
pointer-events:none
}
.lang-select .title-button {
display:block;
margin:0 10px;
padding-right:1em;
height:28px;
line-height:29px;
outline:0;
cursor:default;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.lang-select .input-wrapper {
margin:1px 0 8px
}
.lang-select .filter-input {
height:15px;
line-height:15px;
margin:0 auto;
display:block;
width:120px;
font-size:13px;
border-radius:3px;
box-shadow:0 1px 1px rgba(0,0,0,.1) inset,0 1px rgba(255,255,255,.4);
outline:0;
padding:6px!important
}
.lang-list {
margin:0;
padding:0;
height:auto!important;
max-height:300px;
overflow-x:auto
}
.lang-list>.lang-option {
padding:3px 10px;
cursor:pointer
}
.lang-list>.lang-option.active {
background:#fdfdfd
}
.lang-list>.lang-option.checked {
display:none
}
.lang-list>.lang-option .icon.checked {
display:none
}
.zh-backtotop {
position:fixed;
bottom:113px;
left:50%;
z-index:19;
margin-left:230px
}
.zh-backtotop .btn-action {
display:block;
width:38px;
height:38px;
background-color:#ddd;
border-radius:3px;
border:0;
cursor:pointer;
position:relative
}
.zh-backtotop .arrow,.zh-backtotop .stick {
position:absolute;
right:0;
left:0;
margin:auto
}
.zh-backtotop .arrow {
width:0;
height:0;
top:-1px;
border:9px solid transparent;
border-bottom-color:#aaa
}
.zh-backtotop .stick {
width:8px;
height:14px;
top:15px;
border-radius:1px;
background-color:#aaa
}
html.no-touchevents .zh-backtotop .btn-action:hover {
background-color:#e2e2e2
}
html.no-touchevents .zh-backtotop .btn-action:hover .arrow {
border-bottom-color:#bbb
}
html.no-touchevents .zh-backtotop .btn-action:hover .stick {
background-color:#bbb
}
.modal-dialog.shortcut-tips-dialog {
width:550px
}
.shortcut-tips {
margin:0;
overflow:hidden;
line-height:2;
color:#222
}
.shortcut-tips>.group {
width:50%;
display:inline-block;
vertical-align:top
}
.shortcut-tips h2 {
margin:0 0 0 130px;
text-align:left
}
.shortcut-tips dl {
margin:0 0 1em 20px;
font-size:14px;
line-height:28px
}
.shortcut-tips dt {
padding-right:5px;
float:left;
clear:left;
min-width:105px;
text-align:right
}
.shortcut-tips dd {
text-align:left
}
.shortcut-tips dt:after {
margin-left:4px;
content:':';
color:#999
}
kbd {
display:inline-block;
margin:0 1px;
padding:0 5px;
min-width:1em;
font:11px/22px Menlo,Monaco,monospace;
color:#888;
border:1px solid #C1C1C1;
border-radius:3px;
text-align:center;
box-shadow:inset 0 2px 2px #fff,0 1px 2px rgba(0,0,0,.1);
background:-webkit-linear-gradient(top,#fff 0,rgba(240,240,240,.92) 83%,rgba(250,250,250,.91) 89%,rgba(188,188,188,.9) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6bcbcbc',GradientType=0)
}
body.zu-editing-distraction-free {
overflow:hidden;
-webkit-font-smoothing:antialiased
}
#zu-distraction-free-editor {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:88;
display:none;
font:13px 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,'Hiragino Sans GB',sans-serif;
overflow-y:auto;
background-color:#fbfcf7
}
#zu-distraction-free-editor .tr-icon {
background-color:#fbfcf7
}
body.zu-editing-distraction-free #zu-distraction-free-editor {
display:block
}
#zu-distraction-free-editor .content {
margin-top:50px
}
#zu-distraction-free-editor .header,#zu-distraction-free-editor .header a,#zu-distraction-free-editor .goog-toolbar,#zu-distraction-free-editor .toolbar-info,#zu-distraction-free-editor .tools {
-webkit-transition:opacity .33s ease-in-out;
transition:opacity .33s ease-in-out
}
#zu-distraction-free-editor .header {
width:100%;
border-bottom:1px solid #e3e3e3;
opacity:.5;
-ms-filter:"alpha(Opacity=50)";
z-index:90
}
#zu-distraction-free-editor .header:hover,#zu-distraction-free-editor .goog-scrollfloater:hover .toolbar-info,#zu-distraction-free-editor .goog-toolbar:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
#zu-distraction-free-editor .title,#zu-distraction-free-editor .wrapper,#zu-distraction-free-editor .toolbar,#zu-distraction-free-editor .content {
width:600px;
margin:0 auto;
position:relative
}
#zu-distraction-free-editor .title {
font-size:18px;
font-weight:700;
color:#222;
padding:20px 0
}
#zu-distraction-free-editor .back,#zu-distraction-free-editor .publish {
text-indent:-9999px;
position:absolute;
display:block;
width:68px;
height:30px;
top:18px;
opacity:.8;
-ms-filter:"alpha(Opacity=80)"
}
html.no-touchevents #zu-distraction-free-editor .back:hover,html.no-touchevents #zu-distraction-free-editor .publish:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
#zu-distraction-free-editor .back {
background:url(../images/img/editor/back.da2c3b8c.png) no-repeat;
left:-150px
}
#zu-distraction-free-editor .publish {
background:url(../images/img/editor/publish.b50c5729.png) no-repeat;
right:-150px
}
@media (max-width:959px) {
#zu-distraction-free-editor .back {
left:-75px
}
#zu-distraction-free-editor .publish {
right:-75px
}
}#zu-distraction-free-editor .toolbar {
display:none;
height:50px;
padding:0 0 5px;
background:url(../images/img/editor/shadow.7fa75ac6.png) no-repeat center bottom
}
#zu-distraction-free-editor .tools {
height:50px;
background:0 0;
opacity:.5;
-ms-filter:"alpha(Opacity=50)";
position:relative
}
#zu-distraction-free-editor .tools span {
position:absolute;
right:0;
top:16px
}
#zu-distraction-free-editor .tools:hover {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
#zu-distraction-free-editor .toolbar-info {
position:absolute;
right:4em;
top:15px;
height:16px;
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
#zu-distraction-free-editor .editable {
min-height:500px;
margin-top:20px;
padding:0 0 100px;
background:transparent;
font:16px/1.8 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,'Hiragino Sans GB',sans-serif!important
}
#zu-distraction-free-editor .editable pre {
font-size:14px;
border:1px solid rgba(0,0,0,.1);
background:rgba(255,255,255,.5)
}
#zu-distraction-free-editor .content ul,#zu-distraction-free-editor .content ol {
margin:0 0 0 30px
}
#zu-distraction-free-editor .content ul li,#zu-distraction-free-editor .content ol li {
margin:0
}
#zu-distraction-free-editor .content address,#zu-distraction-free-editor .content blockquote,#zu-distraction-free-editor .content sup {
line-height:36px;
border-left:3px solid #E5E6E1
}
#zu-distraction-free-editor .zm-editable-editor-outer {
margin-top:0
}
#zu-distraction-free-editor .goog-toolbar,#zu-distraction-free-editor .zm-editable-editor-outer,#zu-distraction-free-editor .zm-editable-editor-field-wrap {
padding:0!important;
border:0;
background:0 0;
box-shadow:none
}
#zu-distraction-free-editor .goog-toolbar {
height:40px;
opacity:.5;
-ms-filter:"alpha(Opacity=50)"
}
#zu-distraction-free-editor .sticky-goog-scrollfloater {
position:fixed;
top:0;
z-index:100
}
#zu-distraction-free-editor .sticky-goog-scrollfloater+div {
margin-top:55px
}
#zu-distraction-free-editor .goog-scrollfloater {
padding:10px 0 5px;
width:600px;
z-index:89;
height:40px;
background:url(../images/img/editor/shadow.7fa75ac6.png) no-repeat center bottom #fbfcf7
}
.zh-hovercard-arrow,.zu-top-live-icon {
height:15px;
width:23px;
z-index:101;
position:absolute
}
.zh-hovercard-arrow.bottom {
bottom:-11px;
left:25px;
background-position:-168px -185px
}
.zh-hovercard-arrow.top,.zu-top-live-icon {
top:-11px;
left:25px;
background-position:-168px -165px
}
.zu-top-live-icon {
top:-12px
}
#zh-tooltip {
position:absolute;
background:0 0;
z-index:100;
-webkit-animation:.05s ease-in both;
animation:.05s ease-in both
}
#zh-tooltip.in {
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}
#zh-tooltip.out {
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}
#zh-tooltip.goog-hovercard.popover {
z-index:90
}
.zh-profile-card {
width:380px
}
.zh-profile-card .upper,.zh-profile-card .lower {
border:14px solid transparent
}
.zh-profile-card .upper {
background:#fff;
padding-left:66px;
min-height:50px
}
.zh-profile-card .upper .icon {
margin-left:3px
}
.zh-profile-card .upper a.avatar-link {
position:relative
}
.zh-profile-card .upper img.Avatar {
position:absolute;
left:-66px
}
.zh-profile-card .upper span.name {
font-size:14px;
font-weight:700
}
.zh-profile-card .upper div.tagline {
font-size:13px;
color:#222;
padding-top:4px
}
.zh-profile-card .upper .personal {
padding-top:8px
}
.zh-profile-card .upper .personal .zg-icon {
vertical-align:-1px
}
.zh-profile-card .upper .personal .icon-profile-education,.zh-profile-card .upper .personal .icon-profile-company {
margin-right:6px
}
.zh-profile-card .upper .personal .info-wrap {
color:#999
}
.zh-profile-card .upper .personal .info-wrap .item+.item {
border-left:1px solid #EEE;
padding-left:10px;
margin-left:10px
}
.zh-profile-card .upper .secondary {
padding-top:8px;
color:#999;
border-top:1px solid #EEE;
margin-top:8px
}
.zh-profile-card .upper .secondary div span {
display:inline-block
}
.zh-profile-card .upper .secondary a,.zh-profile-card .upper .secondary a:visited {
color:#222
}
.zh-profile-card .upper .secondary .OrgIcon {
display:none
}
.zh-profile-card .upper .other span {
color:#999
}
.zh-profile-card .upper .hr {
border-top:1px solid #eee;
width:225px;
padding-top:6px;
margin-top:6px
}
.zh-profile-card .lower {
background:#fafafa
}
.zh-profile-card .lower .operation .self {
line-height:48px;
float:right;
color:#999
}
.zh-profile-card .lower .operation .zg-btn,.zh-profile-card .lower .operation .zg-btn-white,.zh-profile-card .lower .operation button {
float:right;
height:32px;
margin-top:8px;
vertical-align:middle
}
.zh-profile-card .lower .operation .zg-btn {
margin-left:15px;
font-size:13px
}
.zh-profile-card .lower .operation .zg-icon.pm {
background-position:0 -148px;
width:17px;
height:14px;
text-indent:-999em
}
.zh-profile-card .lower .meta .item {
float:left;
padding:0 16px;
border-right:1px solid #eee;
color:inherit;
text-decoration:none
}
.zh-profile-card .lower .meta .item:hover {
color:#25bb9b
}
.zh-profile-card .lower .meta .item:hover .key {
color:inherit
}
.zh-profile-card .lower .meta .item .value,.zh-profile-card .lower .meta .item .key {
display:block;
text-align:center
}
.zh-profile-card .lower .meta .item .value {
font-size:15px;
font-weight:700
}
.zh-profile-card .lower .meta .item .key {
font-size:14px;
color:#999
}
.zh-profile-card .lower .meta .item:first-child {
padding-left:0
}
.zh-profile-card .lower .meta .item:last-child {
border-right:0 none
}
.zu-top-nav-live {
border-radius:5px;
border:solid 1px #bbb
}
.zu-top-nav-live-inner {
padding:10px;
border-radius:5px;
border:solid 3px #f4f4f4;
background:#fff
}
.zh-hovercard-spinner {
width:45px;
height:30px;
background-image:url(../images/img/spinner2.8f60205d.gif);
background-repeat:no-repeat;
background-position:center
}
.zu-tooltip-arrow-bottom,.zh-tooltip-arrow-right {
position:absolute;
border:6px solid transparent;
width:0;
height:0
}
.zu-tooltip-arrow-bottom {
border-bottom-color:#222;
top:-10px;
left:8px
}
.zh-tooltip-arrow-right {
border-right-color:#222;
top:8px;
left:-10px
}
.tooltip {
position:absolute;
z-index:1050;
display:block;
visibility:visible;
padding:5px;
white-space:nowrap;
-webkit-animation:.05s ease-in both;
animation:.05s ease-in both
}
.tooltip.in {
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}
.tooltip.out {
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}
.tooltip.top {
margin-top:-8px
}
.tooltip.right {
margin-left:6px
}
.tooltip.bottom {
margin-top:8px
}
.tooltip.left {
margin-left:-6px
}
.tooltip.top .tooltip-arrow {
bottom:-3px;
left:50%;
margin-left:-8px;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-top:8px solid #000;
border-top-color:rgba(0,0,0,.75)
}
.tooltip.left .tooltip-arrow {
top:50%;
right:-3px;
margin-top:-8px;
border-top:8px solid transparent;
border-bottom:8px solid transparent;
border-left:8px solid #000;
border-left-color:rgba(0,0,0,.75)
}
.tooltip.bottom .tooltip-arrow {
top:-3px;
left:50%;
margin-left:-8px;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-bottom:8px solid #000;
border-bottom-color:rgba(0,0,0,.75)
}
.tooltip.right .tooltip-arrow {
top:50%;
left:-3px;
margin-top:-8px;
border-top:8px solid transparent;
border-bottom:8px solid transparent;
border-right:8px solid #000;
border-right-color:rgba(0,0,0,.75)
}
.tooltip .tooltip-inner {
max-width:300px;
padding:3px 8px;
color:#fff;
text-align:center;
text-decoration:none;
background-color:#000;
background-color:rgba(0,0,0,.75);
border-radius:4px
}
.tooltip .tooltip-arrow {
position:absolute;
width:0;
height:0
}
.tooltip .content-prewrap {
white-space:pre-wrap
}
.tooltip[data-theme=white].top .tooltip-inner {
position:relative;
background:#fff;
border:1px solid #ddd
}
.tooltip[data-theme=white].top .tooltip-inner:after,.tooltip[data-theme=white].top .tooltip-inner:before {
position:absolute;
height:0;
width:0;
content:' ';
border:solid transparent;
top:100%
}
.tooltip[data-theme=white].top .tooltip-inner:after {
border-width:8px;
border-top-color:#fff;
left:50%;
margin-left:-8px
}
.tooltip[data-theme=white].top .tooltip-inner:before {
border-width:9px;
border-top-color:#ddd;
left:50%;
margin-left:-9px
}
.tooltip[data-theme=white].left .tooltip-inner {
position:relative;
background:#fff;
border:1px solid #ddd
}
.tooltip[data-theme=white].left .tooltip-inner:after,.tooltip[data-theme=white].left .tooltip-inner:before {
position:absolute;
height:0;
width:0;
content:' ';
border:solid transparent;
left:100%
}
.tooltip[data-theme=white].left .tooltip-inner:after {
border-width:8px;
border-left-color:#fff;
top:50%;
margin-top:-8px
}
.tooltip[data-theme=white].left .tooltip-inner:before {
border-width:9px;
border-left-color:#ddd;
top:50%;
margin-top:-9px
}
.tooltip[data-theme=white].bottom .tooltip-inner {
position:relative;
background:#fff;
border:1px solid #ddd
}
.tooltip[data-theme=white].bottom .tooltip-inner:after,.tooltip[data-theme=white].bottom .tooltip-inner:before {
position:absolute;
height:0;
width:0;
content:' ';
border:solid transparent;
bottom:100%
}
.tooltip[data-theme=white].bottom .tooltip-inner:after {
border-width:8px;
border-bottom-color:#fff;
left:50%;
margin-left:-8px
}
.tooltip[data-theme=white].bottom .tooltip-inner:before {
border-width:9px;
border-bottom-color:#ddd;
left:50%;
margin-left:-9px
}
.tooltip[data-theme=white].right .tooltip-inner {
position:relative;
background:#fff;
border:1px solid #ddd
}
.tooltip[data-theme=white].right .tooltip-inner:after,.tooltip[data-theme=white].right .tooltip-inner:before {
position:absolute;
height:0;
width:0;
content:' ';
border:solid transparent;
right:100%
}
.tooltip[data-theme=white].right .tooltip-inner:after {
border-width:8px;
border-right-color:#fff;
top:50%;
margin-top:-8px
}
.tooltip[data-theme=white].right .tooltip-inner:before {
border-width:9px;
border-right-color:#ddd;
top:50%;
margin-top:-9px
}
.tooltip[data-theme=white] .tooltip-arrow {
display:none
}
.tooltip[data-theme=white] .tooltip-inner {
padding:10px;
color:#666;
text-align:left;
white-space:nowrap;
box-shadow:0 0 8px 0 rgba(0,0,0,.15)
}
.tooltip[data-theme=white] li {
list-style-position:inside
}
.popover {
position:absolute;
top:0;
left:0;
z-index:1050;
display:none;
padding:12px
}
.popover.top {
margin-top:-6px
}
.popover.right {
margin-left:6px
}
.popover.bottom {
margin-top:6px
}
.popover.left {
margin-left:-6px
}
.popover.top .arrow {
bottom:0;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-top:13px solid #ccc
}
.popover.top .arrow2 {
bottom:1px;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-top:13px solid #fafafa
}
.popover.top .arrow2.loading {
bottom:1px;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-top:13px solid #fff
}
.popover.right .arrow {
top:50%;
left:0;
margin-top:-13px;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-right:13px solid #ccc
}
.popover.right .arrow2 {
top:50%;
left:1px;
margin-top:-13px;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-right:13px solid #fff
}
.popover.bottom .arrow {
top:0;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-bottom:13px solid #ccc
}
.popover.bottom .arrow2 {
top:1px;
left:50%;
margin-left:-13px;
border-left:13px solid transparent;
border-right:13px solid transparent;
border-bottom:13px solid #fff
}
.popover.left .arrow {
top:50%;
right:0;
margin-top:-13px;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-left:13px solid #ccc
}
.popover.left .arrow2 {
top:50%;
right:1px;
margin-top:-13px;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-left:13px solid #fff
}
.popover .arrow,.popover .arrow2 {
position:absolute;
width:0;
height:0
}
.popover .popover-title {
padding:9px 15px;
line-height:1;
background-color:#f5f5f5;
border-bottom:1px solid #eee;
border-radius:3px 3px 0 0
}
.popover .popover-content {
background:#fff;
border:solid 1px #ccc;
border-radius:5px;
overflow:hidden
}
.popover .popover-content p,.popover .popover-content ul,.popover .popover-content ol {
margin-bottom:0
}
.goog-hovercard.popover {
display:block
}
.well {
background:#F7F7F7;
border-radius:4px;
margin:0 0 20px;
padding:10px 15px;
color:#666
}
.zm-side-section-inner .well>span {
display:block;
margin-bottom:6px
}
.modal-dialog.activate-dialog .modal-dialog-content {
margin:0;
padding:12px 15px
}
.modal-dialog.activate-dialog .tip {
margin-bottom:17px;
padding:10px 13px;
color:#5B7BA0;
background:#ecf4f8;
border:1px solid #dbe6eb;
border-radius:4px
}
.modal-dialog.activate-dialog .describe,.modal-dialog.activate-dialog .email,.modal-dialog.activate-dialog .actions {
line-height:1;
text-align:center
}
.modal-dialog.activate-dialog .describe {
margin:22px 0 27px;
color:#999
}
.modal-dialog.activate-dialog .email {
color:#666;
font-size:15px
}
.modal-dialog.activate-dialog .actions {
color:#999;
margin-top:22px;
margin-bottom:15px
}
.modal-dialog.activate-dialog .actions .zg-bull {
padding:0;
color:#999
}
.modal-dialog.activate-dialog .actions a.resend-activation-email.disabled {
color:#999;
text-decoration:none
}
.modal-dialog.activate-dialog form.activate {
display:none
}
.modal-dialog.activate-dialog form .input-wrapper {
margin-bottom:15px
}
.modal-dialog.activate-dialog form .input-wrapper input.text {
width:165px
}
.modal-dialog.activate-dialog form .input-wrapper label.info {
display:inline-block;
width:88px
}
.modal-dialog.activate-dialog form .input-wrapper label.error {
display:block;
margin-top:15px;
margin-left:88px;
color:#c33
}
.modal-dialog.activate-dialog form .input-wrapper .resend-code {
margin-left:13px;
color:#999;
background:0 0;
border:0;
cursor:pointer
}
.modal-dialog.activate-dialog form .submit {
float:right;
margin-bottom:5px
}
.activate-mask-tip-answer {
width:100%;
height:100%;
padding:67px 50px 0 140px;
margin-bottom:25px;
box-sizing:border-box;
background-image:url(../images/img/activatemail.e6febda7.png);
background-size:64px 45px;
background-position:50px 67px;
background-repeat:no-repeat;
background-color:rgba(255,255,255,.5);
font-size:14px;
color:#999;
position:absolute;
top:0;
z-index:9;
overflow:hidden
}
@media (max-width:767px) {
.activate-mask-tip-answer {
background-image:none!important;
padding-left:50px
}
}.activate-mask-tip-answer-simple {
padding-top:20px;
background-position:50px 20px
}
.activate-mask-tip-comment {
padding:15px 50px 15px 140px;
border:1px solid #DDD;
border-radius:3px;
box-shadow:0 1px 3px rgba(0,0,0,.1) inset;
background-image:url(../images/img/activatemail.e6febda7.png);
background-size:64px 45px;
background-position:50px 15px;
background-repeat:no-repeat;
background-color:rgba(255,255,255,.5);
color:#999;
font-size:14px;
overflow:hidden
}
@media (max-width:767px) {
.activate-mask-tip-comment {
background-image:none!important;
padding-left:50px
}
}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
.activate-mask-tip-answer {
background-image:url(../images/img/activatemail@2x.ee1403f9.png)
}
.activate-mask-tip-comment {
background-image:url(../images/img/activatemailsent@2x.c95b894f.png)
}
}.hc-actionbar {
position:absolute;
z-index:110;
border:1px solid #b0b0b0;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.1);
background:#f0f0f0
}
.hc-actionbar>.button {
float:left;
padding:6px;
cursor:pointer;
border-right:1px solid #b0b0b0
}
.hc-actionbar>.button:hover {
background:#f8f8f8
}
.hc-actionbar>.button.checked,.hc-actionbar>.button:active {
background:#e3e3e3;
box-shadow:inset 0 0 3px rgba(0,0,0,.1)
}
.hc-actionbar>.button.first {
border-radius:4px 0 0 4px
}
.hc-actionbar>.button.last {
border-right:0;
border-radius:0 4px 4px 0
}
.hc-actionbar .icon {
display:block;
width:16px;
height:16px;
line-height:16px
}
.icon-actionbar-link {
background-position:-182px -202px
}
.icon-actionbar-text {
background-position:-166px -202px
}
.editable a[data-editable].hover,.editable a[data-editable]:hover {
background:#eff6fa
}
img[eeimg] {
max-width:100%;
vertical-align:middle
}
img[eeimg="1"] {
display:inline-block;
margin:0 3px
}
img[eeimg="2"] {
margin:10px auto;
display:block
}
.ee-modal-dialog {
width:475px
}
.ee-displaymath {
text-align:center
}
.ee-content {
background:#FFF;
border:1px solid #369;
overflow:auto;
padding:4px 8px
}
.ee-tex {
position:relative;
padding:8px 10px;
border:1px solid #ccc;
border-radius:0 0 3px 3px;
box-shadow:0 0 4px 0 rgba(0,0,0,.1) inset;
-webkit-transition:min-height .25s ease-out;
background:#fff;
width:94.8%!important;
display:block;
height:4.5em
}
.ee-section-title {
margin:10px 0;
font-weight:700
}
.ee-section-title:first-child {
margin-top:0
}
.ee-section-title-floating {
float:left
}
#ee-section-learn-more {
float:right
}
.ee-preview-container {
border:1px dashed #ccc;
height:80px;
margin:10px 0;
padding:8px;
overflow:auto
}
.ee-warning {
color:red
}
.ee-palette {
border:1px solid #aaa;
left:0;
outline:0;
position:absolute
}
.ee-palette-table {
border:0;
border-collapse:separate
}
.ee-palette-cell {
background:#fff;
border:1px solid #FFF;
margin:0;
padding:1px
}
.ee-palette-cell-hover {
background:#E2ECF9!important;
border:1px solid #8db5e8;
padding:1px
}
.ee-palette-cell-selected {
background:#F0F0F0;
border:1px solid #CCC!important;
padding:1px
}
.ee-menu-palette-table {
margin-right:10px
}
.ee-menu-palette {
position:relative;
margin:0;
padding:4px;
background:#f1f1f1;
background:-webkit-linear-gradient(top,#f5f5f5,#efefef);
background:linear-gradient(to bottom,#f5f5f5,#efefef);
border:1px solid #ccc;
border-bottom:0;
border-radius:3px 3px 0 0;
box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
cursor:default;
zoom:1;
outline:0;
padding-top:2px
}
.ee-menu-palette-cell {
background:#F0F0F0 none repeat scroll 0 0;
border-color:#ddd;
border-style:solid;
border-width:0;
padding-right:4px
}
.ee-menu-palette-cell-hover,.ee-menu-palette-cell-selected {
border-color:#d1d1d1!important;
background:#F0F0F0
}
.ee-menu-palette-cell-hover .ee-menu-palette-item {
border:1px solid #ccc
}
.ee-palette-item,.ee-menu-palette-item {
border-radius:2px;
padding:2px 0 0;
margin:2px 0 0;
border:1px solid rgba(0,0,0,0);
background-image:url(../images/img/ee-palettes.7f5a8ec7.png)
}
.zm-uploader-button-fix {
vertical-align:0
}
.zm-img-uploader a.browser {
margin:0 10px 10px 0
}
.zm-img-uploader .zg-form-text-input {
margin:0 15px 10px 0;
width:270px
}
.zm-img-uploader-tab {
color:#999
}
@media only screen and (max-device-width:450px) {
.zm-img-uploader .zg-form-text-input {
width:90%
}
.zm-uploader-button-fix {
margin:10px 0 0
}
}.zm-video-uploader-info {
height:24px;
overflow:hidden;
margin:6px 0 0
}
.zm-img-uploader-error {
color:#A02313;
vertical-align:3px
}
.zm-img-uploader-loading {
color:#999;
padding:0 0 0 20px;
background:url(../images/img/spinner2.8f60205d.gif) no-repeat;
vertical-align:3px
}
.zm-img-uploader form {
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #EEE
}
.zm-img-uploader .tab-content {
display:none
}
.zm-img-uploader .tab-content.selected {
display:block
}
.zm-img-uploader .tab-content.selected.inline {
display:inline-block
}
.zm-img-uploader .tab-nav {
font-weight:700
}
.zm-img-uploader .tab-nav.selected {
color:#222;
cursor:default;
text-decoration:none
}
.zm-noti7-popup-week {
font-size:12px;
line-height:1;
background-clip:padding-box;
background-color:#fff;
border-bottom:1px solid #ddd;
border-radius:3px 3px 0 0;
color:#222
}
.zm-noti7-popup-week-summary {
padding:8px 8px 6px;
text-align:left
}
.zm-noti7-popup-week-summary a {
color:#3b5998
}
.zm-noti7-frame {
width:100%;
height:300px;
overflow:hidden;
position:relative
}
.zm-noti7-frame-border {
height:1px;
width:100%;
position:relative;
background:#ddd;
background:-webkit-linear-gradient(left,rgba(250,250,250,.1) 0,rgba(240,240,240,.8) 1%,#ddd 4%,#ddd 96%,rgba(240,240,240,.8) 99%,rgba(250,250,250,.1) 100%);
background:linear-gradient(to right,rgba(250,250,250,.1) 0,rgba(240,240,240,.8) 1%,#ddd 4%,#ddd 96%,rgba(240,240,240,.8) 99%,rgba(250,250,250,.1) 100%)
}
.zm-noti7-frame-border.top::after {
content:"";
position:absolute;
top:0;
height:1px;
box-shadow:0 1px 1px rgba(0,0,0,.05);
left:4px;
right:4px;
z-index:10
}
.zm-noti7-frame-border.bottom::after {
content:"";
position:absolute;
top:0;
height:1px;
box-shadow:0 -1px 1px rgba(0,0,0,.05);
left:4px;
right:4px;
z-index:10
}
.zm-noti7-content {
width:315px;
height:100%;
overflow-y:scroll;
position:relative;
-webkit-overflow-scrolling:touch
}
.zm-noti7-content.message .OrgIcon,.zm-noti7-content.thanks .OrgIcon {
display:none
}
.zm-noti7-content-body .zm-noti7-sect:last-child .zm-noti7-content-item:last-child {
border-bottom:0
}
.zm-noti7-content-body .zm-noti7-sect .zm-noti7-expandable {
margin:0;
border:0;
padding:0
}
.zm-noti7-content-head-item {
padding:7px 11px 7px 23px;
border-bottom:1px solid #eee
}
.unread .zm-noti7-content-item {
border-bottom:1px solid #E5EEF7!important
}
.unread .zm-noti7-content-item:last-child {
border-bottom:1px solid #EEE!important
}
.zm-noti7-content-item {
padding:7px 11px;
position:relative
}
.zm-noti7-content-item .author-list .user-block {
word-break:break-all
}
.zu-noti7-popup .zm-noti7-popup-tab-container {
outline:0
}
.zu-noti7-popup .noti-spinner-loading {
width:24px;
height:24px;
display:inline-block;
background-repeat:no-repeat
}
.zu-noti7-popup.open .noti-spinner-loading {
background-image:url(../images/img/noti-loading.d4eba93d.gif)
}
.zu-noti7-popup .zm-noti7-content-item::after {
content:"";
position:absolute;
bottom:-1px;
left:0;
display:block;
width:100%;
height:1px;
background:-webkit-linear-gradient(left,#fff 0,rgba(255,255,255,.5) 1%,rgba(255,255,255,0) 6%,rgba(255,255,255,0) 94%,rgba(255,255,255,.5) 99%,#fff 100%);
background:linear-gradient(to right,#fff 0,rgba(255,255,255,.5) 1%,rgba(255,255,255,0) 6%,rgba(255,255,255,0) 94%,rgba(255,255,255,.5) 99%,#fff 100%)
}
.zm-noti7-popup-footer {
vertical-align:middle
}
.zm-noti7-popup-footer a {
color:#999;
display:inline-block;
padding:6px 12px
}
.zm-noti7-popup-footer a.current {
background-color:#ddd
}
.zm-noti7-popup-empty {
width:312px;
height:20px;
text-align:center;
vertical-align:middle;
color:#999;
position:absolute;
top:125px
}
.zu-noti7-popup .zu-top-nav-live-inner {
padding:0;
border:0;
box-shadow:0 1px 4px rgba(0,0,0,.3);
margin:0
}
.zu-noti7-popup .zu-home-noti-inner {
margin:0
}
.zu-noti7-popup.zu-top-nav-live {
width:315px;
left:52px;
top:48px;
border:1px solid #ddd;
display:none
}
.zu-noti7-popup .zu-top-live-icon {
left:144px;
width:25px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -228px -186px
}
.zm-noti7-popup-loading {
padding:119px 0;
vertical-align:middle;
text-align:center
}
.zm-noti7-popup-loading .icon {
display:inline-block;
width:24px;
line-height:22px;
text-indent:-9999px;
position:relative;
top:80px
}
.zm-noti7-wrap .zm-item-more-wrap {
border:0
}
.zm-noti7-popup-tab-item {
float:left;
width:33%;
text-align:center;
vertical-align:middle;
position:relative;
cursor:pointer;
background:0 0;
border:0;
outline:0
}
.zm-noti7-popup-tab-item+.zm-noti7-popup-tab-item {
border-left:1px solid #EEE
}
.zm-noti7-popup-tab-item .icon {
position:relative;
display:inline-block;
width:22px;
line-height:16px;
margin:9px;
text-indent:-9999px;
opacity:.6;
-ms-filter:"alpha(Opacity=60)"
}
.zm-noti7-popup-tab-item .icon.withdot:after {
position:absolute;
top:5px;
right:-10px;
display:block;
width:6px;
height:6px;
background:#3098EB;
border-radius:15px;
content:""
}
.zm-noti7-popup-tab-item:active .icon,html.no-touchevents .zm-noti7-popup-tab-item:hover .icon {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.zm-noti7-popup-tab-item.message .icon {
background-position:-94px -66px
}
.zm-noti7-popup-tab-item.message.current .icon {
background-position:-94px -87px;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.zm-noti7-popup-tab-item.user .icon {
background-position:-123px -65px
}
.zm-noti7-popup-tab-item.user.current .icon {
background-position:-123px -87px;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.zm-noti7-popup-tab-item.thanks .icon {
background-position:-151px -65px;
margin:10px 0 6px
}
.zm-noti7-popup-tab-item.thanks.current .icon {
background-position:-151px -87px;
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
.zm-noti7-content-item .zg-follow,.zm-noti7-content-item .zg-unfollow {
display:none
}
html.no-touchevents .zm-noti7-content-item:hover .zg-follow,html.no-touchevents .zm-noti7-content-item:hover .zg-unfollow {
display:block
}
.zu-noti7-popup .zm-noti7-sect {
width:100%
}
.zu-noti7-popup .zm-noti7-content-item {
border-bottom:1px solid #eee
}
.zm-noti7-sect.unread {
background:#eff6fa
}
.zm-noti7-content-body .zm-noti7-content-item.unread {
background:#eff6fa;
border-bottom:1px solid #d1e0e8
}
.zu-noti7-popup .zm-item-link-avatar {
float:left;
height:40px;
width:40px;
margin-top:2px
}
.zu-noti7-popup .zm-list-content-medium {
margin-left:50px
}
.zu-noti7-popup .zm-profile-section-item {
padding:0
}
.zu-noti7-popup .zm-profile-section-item .zg-btn {
display:none
}
.zu-noti7-popup .zm-profile-section-item .zm-item-link-avatar img {
width:40px;
height:40px;
border-radius:4px;
margin:0 10px 0 0
}
.avatar-edit-dialog {
width:340px
}
@media (max-height:470px) {
.avatar-edit-dialog>.modal-dialog-content {
padding:0
}
.avatar-edit-dialog>.modal-dialog-title {
display:none
}
}.avatar-editor-container {
overflow:hidden;
position:static
}
.avatar-editor-container .avatar-editor-container-inner {
position:relative;
overflow:hidden;
background-color:#fff;
cursor:move
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window {
position:static;
overflow:hidden;
margin:40px
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window .avatar-editor-window-inner {
position:relative
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window img {
position:absolute
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window-shadow {
box-shadow:0 0 15px rgba(0,0,0,.5) inset;
border:1px solid #EEE\0;
position:absolute;
z-index:1
}
.avatar-editor-container .avatar-editor-container-inner>img {
position:absolute;
top:0;
left:0;
opacity:.6;
-ms-filter:"alpha(Opacity=60)"
}
.avatar-editor-container .goog-slider-wrap {
margin:5px 30px 0
}
.avatar-editor-container .goog-slider-wrap .image-minus {
display:block;
background-position:-109px 0;
width:15px;
height:15px;
float:left;
margin:2px 0 0
}
.avatar-editor-container .goog-slider-wrap .image-plus {
display:block;
background-position:-128px 0;
width:19px;
height:19px;
float:right
}
.avatar-editor-container .goog-slider-wrap .goog-slider {
position:relative;
overflow:hidden;
height:20px;
outline:0;
margin:0 36px 0 29px
}
.avatar-editor-container .goog-slider-wrap .goog-slider-thumb {
position:absolute;
overflow:hidden;
background:#bbb;
cursor:pointer;
height:11px;
width:11px;
top:4px;
border-radius:6px
}
.avatar-editor-container .goog-slider-wrap .line {
position:absolute;
width:100%;
overflow:hidden;
top:7px;
height:5px;
background:#eee;
border-radius:2px;
cursor:pointer
}
.zm-entry-head-avatar-edit-button {
cursor:pointer
}
.file-upload:hover>.zm-entry-head-avatar-edit-button {
display:block
}
.new-avatar-editor-label {
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
height:100%;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
cursor:pointer
}
.new-avatar-editor-loading {
height:50px;
padding:150px 0;
text-align:center;
color:#999
}
.new-avatar-editor-loading span {
display:inline-block;
background:url(../images/img/spinner2.8f60205d.gif) no-repeat;
height:16px;
width:16px
}
.avatar-editor-form-ie {
display:inline!important;
position:static
}
.avatar-editor-form-ie input {
height:0;
width:0
}
.avatar-editor-form-ie label {
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
vertical-align:middle;
opacity:1;
-ms-filter:"alpha(Opacity=100)";
cursor:pointer
}
.profile-edit-avatar-btn form label {
padding:5px 0
}
.zm-entry-head-avatar-edit-button {
background:url(../images/img/ed_white.48efe02e.gif) no-repeat 6px 8px #000;
color:#fff;
display:none;
height:25px;
left:0;
padding:0;
position:absolute;
text-indent:19px;
bottom:0;
width:100%;
line-height:25px;
border-radius:0 0 4px 4px
}
.goog-menu.zh-answer-more-actions {
padding:0
}
.goog-menu.zh-answer-more-actions .goog-menuitem {
display:block;
text-align:center;
padding:5px;
margin:0;
width:86px;
text-shadow:0 1px 0 rgba(255,255,255,.8)
}
.goog-menu.zh-answer-more-actions .goog-menuseparator {
border-top:1px solid #eee;
margin:0
}
.zg-icon-ellipsis-mobi {
background-position:-282px -88px;
vertical-align:-1px
}
.zg-icon-ellipsis {
background-position:-50px -170px;
width:15px
}
.zm-item-meta .more-actions {
outline:0
}
.zm-item-meta .more-actions .goog-menu-button-dropdown {
display:none
}
html.no-touchevents .zm-item-meta .more-actions:hover .zg-icon-ellipsis {
background-position:-50px -182px
}
html.no-touchevents .zm-item-meta .more-actions:hover .lbl {
text-decoration:underline
}
.zm-votebar.goog-scrollfloater-floating {
display:block;
margin-top:10px;
margin-left:0
}
.zm-votebar .up,.zm-votebar .down {
display:block;
color:#25bb9b;
height:24px;
line-height:24px;
width:38px;
border-radius:3px;
border:0;
cursor:pointer;
background:#eff6fa;
font-weight:700;
font-weight:500;
text-align:center;
position:relative
}
.zm-votebar .up {
padding-top:18px;
height:44px
}
.zm-votebar .down {
margin:5px 0 0
}
.zm-votebar .count {
display:block
}
.zm-votebar .label {
bottom:1px
}
.zm-votebar .vote-arrow {
width:0;
height:0;
border:6px solid transparent;
font-size:0;
_border-style:dashed;
background-image:none
}
.zm-votebar .up .vote-arrow {
position:absolute;
top:11px;
left:50%;
margin-left:-6px;
border-top-width:0;
border-bottom-color:#25bb9b;
border-top-style:solid
}
.zm-votebar .down .vote-arrow {
border-bottom-width:0;
border-top-color:#25bb9b
}
html.no-touchevents .zm-votebar .up:hover .vote-arrow,.zm-votebar .up.pressed .vote-arrow {
border-bottom-color:#fff
}
html.no-touchevents .zm-votebar .down:hover .vote-arrow,.zm-votebar .down.pressed .vote-arrow {
border-top-color:#fff
}
html.no-touchevents .zm-votebar .up:hover,html.no-touchevents .zm-votebar .down:hover,.zm-votebar .up.pressed,.zm-votebar .down.pressed {
background:#25bb9b;
color:#fff
}
.zm-item-vote-count {
display:block;
color:#25bb9b;
height:24px;
line-height:24px;
width:38px;
border-radius:3px;
border:0;
cursor:pointer;
background:#eff6fa;
font-weight:700;
font-weight:500;
text-align:center;
text-decoration:none;
overflow:hidden;
-webkit-text-size-adjust:none
}
.zm-item-vote-count:hover {
text-decoration:none
}
html.no-touchevents .zm-item-vote-count:hover {
background:#25bb9b;
color:#fff
}
.zm-item-vote {
display:none;
position:absolute;
left:-48px
}
.zm-votebar {
float:left;
margin-left:-48px
}
.no-votebar .zm-item-vote {
display:block!important
}
.no-votebar .zm-votebar {
display:none!important
}
.votebar-mobile-dialog {
width:auto
}
.votebar-mobile-dialog .modal-dialog-content {
padding:35px 40px 20px;
margin:0
}
.votebar-mobile-dialog .modal-dialog-title {
background:#fff;
border:0;
box-shadow:none;
text-indent:-999em;
height:0;
padding:0
}
.votebar-mobile-dialog .modal-dialog-title-close {
position:absolute;
top:1px;
right:-14px;
background-position:-10px -167px;
width:30px;
height:30px
}
.votebar-mobile-dialog .text {
margin-top:10px;
color:#666
}
.votebar-mobile-dialog .text label {
width:50px;
text-align:center
}
.votebar-mobile-dialog .zm-votebar {
display:block;
position:relative;
height:50px;
width:140px;
float:none;
margin-left:0
}
.votebar-mobile-dialog .zm-votebar .count {
display:none
}
.votebar-mobile-dialog .zm-votebar .down,.votebar-mobile-dialog .zm-votebar .up {
float:left;
width:50px;
height:50px;
margin:0;
position:relative
}
.votebar-mobile-dialog .zm-votebar .down .vote-arrow,.votebar-mobile-dialog .zm-votebar .up .vote-arrow {
top:10px;
left:10px;
border-width:15px
}
.votebar-mobile-dialog .zm-votebar .down {
float:right
}
.votebar-mobile-dialog .zm-votebar .down .vote-arrow {
top:18px
}
.votebar-mobile-dialog .zm-votebar .up .vote-arrow {
top:3px;
margin-left:0
}
.votebar-mobile-dialog .votebar-post .up {
float:none;
margin:0 auto
}
.votebar-mobile-dialog .votebar-text-post {
text-align:center
}
.zm-item-vote-count.votenum-mobile {
width:auto;
margin-right:6px;
padding:0 5px;
font-size:14px;
color:#25bb9b;
display:inline-block
}
.zm-item-vote-count.votenum-mobile.owner .arrow {
display:none
}
.zm-item-vote-count.votenum-mobile .arrow {
margin-left:3px;
top:8px;
right:5px;
width:5px;
height:7px;
vertical-align:1px;
background-position:0 -169px
}
.tag-list {
list-style:none
}
.tag-list>li {
position:relative;
float:left
}
.tag-list>li.canedit .tag-link {
padding-right:35px
}
.tag-list .tag-link {
float:left;
display:inline-block;
margin:0 5px 5px 0;
padding:1px 10px 0;
border-radius:30px;
background:#eff6fa;
text-decoration:none
}
.tag-list .button {
position:absolute;
right:15px;
top:4px;
width:15px;
height:15px;
border-radius:3px;
cursor:pointer;
vertical-align:middle;
background-color:#25bb9b;
background-repeat:no-repeat;
background-image:url(../images/img/sprites-1.9.2.4c54885a.png)
}
.tag-list .remove-button {
background-position:-264px -103px
}
html.no-touchevents .tag-list .remove-button:hover {
background-color:#25bb9b
}
.zg-editor-simple-wrap {
border:1px solid #999;
padding:4px 4px 0
}
.zu-seamless-input-origin-element {
overflow:hidden
}
.zg-editor-input {
width:100%;
font-weight:400;
min-height:66px;
padding:0;
margin:0;
border:0
}
.x-c {
color:#999
}
.zm-item-tag,.zm-tag-editor-edit-item {
background:#eff6fa;
padding:1px 10px 0;
border-radius:30px;
text-decoration:none;
margin:0 5px 5px 0;
display:inline-block;
float:left;
white-space:nowrap
}
.zm-item-tag-x {
position:relative;
left:-7px;
padding:1px 5px;
background:#eff6fa;
border-radius:0 30px 30px 0;
text-decoration:none
}
html.no-touchevents .zm-item-tag:hover,html.no-touchevents .zm-item-tag-x:hover {
background:#25bb9b;
color:#fff;
text-decoration:none
}
.zm-tag-editor-edit-item {
float:left
}
.zm-tag-editor-edit-item>a,.zm-tag-editor-edit-item>span {
float:left!important
}
.zm-tag-editor-edit-item .zm-tag-editor-remove-button {
float:right;
margin:3px 0 0 5px;
visibility:visible
}
.zm-tag-editor-remove-button {
margin:3px 6px 0 0;
float:left;
width:15px;
height:15px;
cursor:pointer;
visibility:hidden;
overflow:hidden;
text-indent:-9000px;
background:url(../images/img/sprites-1.9.2.4c54885a.png) no-repeat -264px -141px;
border-radius:8px
}
html.no-touchevents .zm-tag-editor-remove-button:hover {
background-position:-264px -103px;
background-color:#25bb9b
}
.video-box {
position:relative;
display:block;
padding:13px 15px;
margin:12px 0;
width:100%;
border:solid 1px #ddd;
border-radius:2px;
overflow:hidden;
cursor:pointer;
box-sizing:border-box
}
html.no-touchevents .video-box:hover {
border-color:#d2dcea;
text-decoration:none
}
html.no-touchevents .video-box:hover .title {
color:#25bb9b
}
html.no-touchevents .video-box:hover .title .z-ico-extern-gray {
display:none
}
html.no-touchevents .video-box:hover .title .z-ico-extern-blue {
display:inline-block
}
.video-box .thumbnail {
float:left;
width:75px;
height:56px
}
.video-box .content {
display:block;
padding-left:18px;
font-size:0;
overflow:hidden
}
.video-box .title {
position:relative;
display:inline-block;
margin-top:-2px;
padding-right:11px;
max-width:100%;
box-sizing:border-box;
font-size:16px;
color:#555;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.video-box .title .z-ico-extern-blue,.video-box .title .z-ico-extern-gray {
position:absolute;
top:11px;
right:0
}
.video-box .title .z-ico-extern-gray {
display:inline-block
}
.video-box .title .z-ico-extern-blue {
display:none
}
.video-box .url {
display:block;
margin-top:8px;
color:#a5a5a5;
font-size:13px;
word-wrap:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.video-box .url .z-ico-video {
display:inline-block;
margin-right:9px;
vertical-align:-2px
}
.video-link {
display:block;
padding-left:20px;
background-image:url(../images/img/video/video.ae2ebded.png);
background-repeat:no-repeat;
background-position:0 center
}
.video-box-thumbnail {
float:left;
position:relative;
margin-right:10px
}
.video-box-thumbnail .thumbnail {
width:132px;
height:99px
}
.video-box-thumbnail .z-ico-play-video {
position:absolute;
margin:auto;
top:0;
right:0;
bottom:0;
left:0;
opacity:.8;
-ms-filter:"alpha(Opacity=80)"
}
.carousel {
width:462px;
height:248px;
background:#fff;
display:table;
margin:-17px 0 0 -15px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.carousel .carousel-content {
width:344px;
height:248px;
text-align:center;
margin:0 auto;
box-sizing:border-box
}
.carousel .carousel-inner-content {
position:relative;
width:100%;
overflow:hidden;
padding:0;
display:none
}
.carousel .carousel-navigation-dot-group {
box-sizing:border-box;
width:100%;
padding-top:16px
}
.carousel .carousel-navigation-btn {
display:table-cell;
vertical-align:middle;
width:60px
}
html.no-touchevents .carousel .carousel-navigation-btn {
visibility:hidden
}
html.no-touchevents .carousel:hover .carousel-navigation-btn {
visibility:visible
}
.carousel .carousel-left-btn {
margin-left:14px;
cursor:pointer
}
.carousel .carousel-left-btn:hover {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png);
background-repeat:no-repeat;
background-size:108px 92px;
background-position:-47px -1px;
width:44px;
height:44px
}
@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx) {
.carousel .carousel-left-btn:hover {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png)
}
}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx) {
.carousel .carousel-left-btn:hover {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons@2x_8b39c44a17.9ab11555.png)
}
}.carousel .carousel-right-btn {
margin-right:14px;
cursor:pointer
}
.carousel .carousel-right-btn:hover {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png);
background-repeat:no-repeat;
background-size:108px 92px;
background-position:-47px -47px;
width:44px;
height:44px
}
@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx) {
.carousel .carousel-right-btn:hover {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png)
}
}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx) {
.carousel .carousel-right-btn:hover {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons@2x_8b39c44a17.9ab11555.png)
}
}.carousel .carousel-dot {
margin:0 3px;
display:inline-block;
width:6px;
height:6px;
background-color:#dbdbdb;
border-radius:50%
}
.carousel .carousel-dot-selected {
background-color:#6c94ce
}
.copyright-notification {
z-index:999;
position:absolute;
left:100px;
top:50px;
width:350px;
height:100%;
display:none
}
.copyright-notification .user-image-container {
float:left;
padding:0;
height:30px
}
.copyright-notification .user-image-container .user-image {
border-radius:4px;
width:30px;
height:30px;
box-shadow:0 1px 2px 0 rgba(0,0,0,.3)
}
.copyright-notification .noty-tooltip {
height:30px;
width:186px;
margin-left:38px;
padding:0;
display:table
}
.copyright-notification .noty-tooltip .arrow {
left:-5px;
color:#404040;
border-right-color:#404040;
color:#e9e9e9
}
.copyright-notification .noty-tooltip .inner {
box-shadow:0 1px 2px 0 rgba(0,0,0,.3);
background-color:#404040;
font-size:13px;
text-align:center;
max-width:230px;
height:30px;
box-sizing:border-box;
color:#e9e9e9;
vertical-align:middle;
display:table-cell
}
.copyright-ico-prev,.copyright-ico-prev-on,.copyright-ico-next,.copyright-ico-next-on,.copyright-ico-pointer,.copyright-ico-indicator {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png);
background-repeat:no-repeat;
background-size:108px 92px
}
@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx) {
.copyright-ico-prev,.copyright-ico-prev-on,.copyright-ico-next,.copyright-ico-next-on,.copyright-ico-pointer,.copyright-ico-indicator {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons_8b39c44a17.52267dcf.png)
}
}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx) {
.copyright-ico-prev,.copyright-ico-prev-on,.copyright-ico-next,.copyright-ico-next-on,.copyright-ico-pointer,.copyright-ico-indicator {
background-image:url(../images/img/copyright_demo_icons_compiled/copyright_demo_icons@2x_8b39c44a17.9ab11555.png)
}
}.copyright-ico-prev {
background-position:-1px -1px;
width:44px;
height:44px
}
.copyright-ico-prev-on {
background-position:-47px -1px;
width:44px;
height:44px
}
.copyright-ico-next {
background-position:-1px -47px;
width:44px;
height:44px
}
.copyright-ico-next-on {
background-position:-47px -47px;
width:44px;
height:44px
}
.copyright-ico-pointer {
background-position:-93px -1px;
width:14px;
height:20px
}
.copyright-ico-indicator {
background-position:-93px -23px;
width:7px;
height:14px
}
@-webkit-keyframes select-region {
0% {
box-shadow:inset 0 0 #c6e2ff
}
100% {
box-shadow:inset 300px 0 #c6e2ff
}
}@keyframes select-region {
0% {
box-shadow:inset 0 0 #c6e2ff
}
100% {
box-shadow:inset 300px 0 #c6e2ff
}
}@-webkit-keyframes move1 {
0% {
left:30px;
top:75px
}
100% {
left:309px;
top:75px
}
}@keyframes move1 {
0% {
left:30px;
top:75px
}
100% {
left:309px;
top:75px
}
}@-webkit-keyframes move2 {
0% {
top:75px
}
62.5% {
top:75px
}
100% {
top:100px
}
}@keyframes move2 {
0% {
top:75px
}
62.5% {
top:75px
}
100% {
top:100px
}
}@-webkit-keyframes move3 {
0% {
top:100px
}
100% {
top:125px
}
}@keyframes move3 {
0% {
top:100px
}
100% {
top:125px
}
}@-webkit-keyframes move4 {
0% {
top:125px
}
100% {
top:147px
}
}@keyframes move4 {
0% {
top:125px
}
100% {
top:147px
}
}@-webkit-keyframes noty-show {
0% {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
100% {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
}@keyframes noty-show {
0% {
opacity:0;
-ms-filter:"alpha(Opacity=0)"
}
100% {
opacity:1;
-ms-filter:"alpha(Opacity=100)"
}
}.copyright-demo .copyright-demo-title {
margin-top:24px;
margin-bottom:28px;
font-size:14px;
color:#707070
}
.copyright-demo .copyright-demo-region {
margin:0 auto 10px;
display:block;
width:280px;
height:14px;
background-color:#eee
}
.copyright-demo .copyright-demo-region-selected {
background-color:#c6e2ff
}
.copyright-demo .copyright-demo-region1-select-animation {
-webkit-animation:select-region .35s linear forwards;
animation:select-region .35s linear forwards
}
.copyright-demo #copyright-demo-indicator {
display:none;
position:absolute;
left:309px;
top:147px
}
.copyright-demo .indicator-move1 {
-webkit-animation:move1 .35s linear forwards;
animation:move1 .35s linear forwards
}
.copyright-demo .indicator-move2 {
-webkit-animation:move2 .4s linear forwards;
animation:move2 .4s linear forwards
}
.copyright-demo .indicator-move3 {
-webkit-animation:move3 .15s linear forwards;
animation:move3 .15s linear forwards
}
.copyright-demo .indicator-move4 {
-webkit-animation:move4 .15s linear forwards;
animation:move4 .15s linear forwards
}
.copyright-demo .copyright-demo-pointer {
position:absolute;
left:40px;
top:105px;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
display:block
}
.copyright-demo .copyright-demo-pointer-show-animation {
-webkit-animation:noty-show .5s linear forwards;
animation:noty-show .5s linear forwards
}
.copyright-demo .copyright-demo-noty {
top:114px;
left:58px;
opacity:0;
-ms-filter:"alpha(Opacity=0)";
display:block
}
.copyright-demo .copyright-demo-noty-show-animation {
-webkit-animation:noty-show .5s .6s linear forwards;
animation:noty-show .5s .6s linear forwards
}
#copyright-demo-helper {
width:230px;
height:90px;
border:1px solid #ddd;
border-radius:3px;
z-index:99;
margin-top:-108px;
margin-left:-108px;
background-color:#fff
}
#copyright-demo-helper .copyright-demo-helper-intro {
height:44px;
padding:10px;
border-bottom:1px solid #ddd;
color:#666
}
#copyright-demo-helper .copyright-demo-helper-btn {
text-align:center;
background-color:#51a0e0;
color:#fff;
padding:5px;
border-radius:0 0 3px 3px;
cursor:pointer
}
#copyright-demo-helper .copyright-demo-helper-btn:after,#copyright-demo-helper .copyright-demo-helper-btn:before {
top:100%;
left:50%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none
}
#copyright-demo-helper .copyright-demo-helper-btn:after {
border-color:rgba(136,183,213,0);
border-top-color:#51a0e0;
border-width:8px;
margin-left:-8px
}
#copyright-demo-helper .copyright-demo-helper-btn:before {
border-color:rgba(194,225,245,0);
border-top-color:#51a0e0;
border-width:14px;
margin-left:-14px
}
.openinapp-instruction-page {
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
margin:0;
padding:0;
background-color:#efeff4;
text-align:center
}
.openinapp-instruction-page .inner {
position:relative;
margin:0 auto;
width:235px;
height:280px;
padding:0;
top:50%;
margin-top:-122px
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3) {
.openinapp-instruction-page .inner {
width:267px
}
}.openinapp-instruction-page .inner .instruction-title {
font-size:18px;
font-weight:700;
color:#333;
margin-bottom:35px
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3) {
.openinapp-instruction-page .inner .instruction-title {
margin-bottom:37px
}
}.openinapp-instruction-page .inner .instructions .icon-instruction {
margin-bottom:20px
}
.openinapp-instruction-page .inner .instructions .icon-middle {
margin-top:25px;
margin-left:10px
}
.openinapp-instruction-page .inner .instructions .instr-left {
float:left
}
.openinapp-instruction-page .inner .instructions .instr-right {
float:right
}
.openinapp-instruction-page .inner .instructions .step {
font-size:16px;
font-weight:700;
color:#666;
margin-bottom:10px
}
.openinapp-instruction-page .inner .instructions .step-content {
font-size:12px;
color:#666
}
#main {
margin: 20px auto;
}
.zm-profile-section-wrap {
margin-top: 25px;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 1px 0 #f2f4f5;
}
.zm-profile-section-list {
padding: 0 14px;
}
.zm-profile-section-head {
overflow: hidden;
padding: 7px 14px;
border-bottom: 1px solid #EEE;
}
.zm-profile-section-name {
float: left;
font-size: 14px;
font-weight: 700;
color: #666;
}
================================================
FILE: wenda/src/main/resources/templates/detail.html
================================================
#parse("header.html")
$!{question.title}
#foreach($comment in $comments)
#end
#parse("js.html")
#parse("footer.html")
================================================
FILE: wenda/src/main/resources/templates/error.html
================================================
error page
This is an error page.Please check your code.
================================================
FILE: wenda/src/main/resources/templates/feeds.html
================================================
#parse("header.html")
#macro (comment_question, $vo)
$!{vo.userName}
评论了该问题 ,$date.format('yyyy-MM-dd HH:mm:ss', $!{vo.createdDate})
#end
#macro (follow_question, $vo)
$!{vo.userName}
关注了该问题 ,$date.format('yyyy-MM-dd HH:mm:ss', $!{vo.createdDate})
#end
#foreach($vo in $feeds)
#if($vo.type == 1)
#comment_question($vo)
#elseif($vo.type==4)
#follow_question($vo)
#end
#end
更多
#parse("js.html")
#parse("footer.html")
================================================
FILE: wenda/src/main/resources/templates/followees.html
================================================
#parse("header.html")
#foreach($vo in $followees)
#if($vo.followed)
#else
#end
#end
更多
#parse("js.html")
#parse("footer.html")
================================================
FILE: wenda/src/main/resources/templates/followers.html
================================================
#parse("header.html")
#foreach($vo in $followers)
#if($vo.followed)
#else
#end
#end
更多
#parse("js.html")
#parse("footer.html")
================================================
FILE: wenda/src/main/resources/templates/footer.html
================================================
================================================
FILE: wenda/src/main/resources/templates/header.html
================================================
首页 - 问答
牛客
#if ($user)
#end
================================================
FILE: wenda/src/main/resources/templates/home.html
================================================
#*
你看不到我~~~~
*#
$!{value1}
$!{value2} ## 如果不存在,强制为空
${value3}
colors: $!{colors}
#foreach($color in $colors)
This is Color $!{foreach.index}: $color, $!{foreach.count}
#end
#foreach($key in $map.keySet())
Number: $key, Value: $map.get($key)
#end
#foreach($kv in $map.entrySet())
Number: $kv.key, Value: $kv.value
#end
User: $!{user.name}
$!{user.description}
$!{user.getDescription()}
#set($title = "nowcoder_title")
Title: $!{title}
Parse: #parse("header.html")
Include: #include("header.html")
#macro (render_color, $index, $color)
Color Render Macro $index, $color
#end
#foreach($color in $colors)
#render_color($foreach.index, $color)
#end
#set($hello = "hello")
#set($helloworld1 = "$!{hello} world")
$!hello
$helloworld1
#set($helloworld2 = '$!{hello} world')
$helloworld2
================================================
FILE: wenda/src/main/resources/templates/index.html
================================================
#parse("header.html")
#foreach($vo in $vos)
$!{vo.user.name}
,$date.format('yyyy-MM-dd HH:mm:ss', $!{vo.question.createdDate})
#end
更多
#parse("footer.html")
================================================
FILE: wenda/src/main/resources/templates/js.html
================================================
================================================
FILE: wenda/src/main/resources/templates/letter.html
================================================
#parse("header.html")
#foreach($conversation in $conversations)
-
$date.format('yyyy-MM-dd HH:mm:ss', ${conversation.message.createdDate})
$conversation.unread
#end
#parse("footer.html")
================================================
FILE: wenda/src/main/resources/templates/letterDetail.html
================================================
#parse("header.html")
#foreach($message in $messages)
-
#end
#parse("footer.html")
================================================
FILE: wenda/src/main/resources/templates/login.html
================================================
牛客 - 与世界分享你的知识、经验和见解
================================================
FILE: wenda/src/main/resources/templates/mails/login_exception.html
================================================
你好$username,你的登陆有问题!
================================================
FILE: wenda/src/main/resources/templates/profile.html
================================================
#parse("header.html")
#if ($profileUser.followed)
#else
#end
#foreach($vo in $vos)
$!{vo.user.name}
,$date.format('yyyy-MM-dd HH:mm:ss', $!{vo.question.createdDate})
#end
更多
#parse("js.html")
#parse("footer.html")
================================================
FILE: wenda/src/main/resources/templates/result.html
================================================
#set($bodyclass = "page-search")
#parse("header.html")
#foreach($vo in $vos)
-
-
$!{vo.user.name},$data.format('yyyy-MM-dd HH:mm:ss', $!{vo.question.createdDate})
#end
#parse("js.html")
#parse("footer.html")
================================================
FILE: wenda/src/main/resources/toolbox.xml
================================================
date
application
org.apache.velocity.tools.generic.DateTool
================================================
FILE: wenda/src/test/java/com/nowcoder/InitDatabaseTests.java
================================================
package com.nowcoder;
import com.nowcoder.dao.QuestionDAO;
import com.nowcoder.dao.UserDAO;
import com.nowcoder.model.EntityType;
import com.nowcoder.service.FollowService;
import org.junit.Test;
import org.junit.runner.RunWith;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.test.SpringApplicationConfiguration;
import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
import java.util.Random;
@RunWith(SpringJUnit4ClassRunner.class)
@SpringApplicationConfiguration(classes = WendaApplication.class)
//@Sql("/init-schema.sql")
public class InitDatabaseTests {
@Autowired
UserDAO userDAO;
@Autowired
QuestionDAO questionDAO;
@Autowired
FollowService followService;
@Test
public void initDatabase(){
Random random = new Random();
// for(int i = 0;i < 11;i++){
// User user = new User();
// user.setId(i + 1);
// user.setHeadUrl(String.format("http://images.nowcoder.com/head/%dt.png", random.nextInt(1000)));
// user.setName(String.format("User%d", i));
// user.setPassword("");
// user.setSalt("");
// userDAO.addUser(user);
// }
// for(int i = 0;i < 11;i++){
// Question question = new Question();
// Date date = new Date();
// date.setTime(date.getTime() + 100 * 3600 * i);
// question.setCreatedDate(date);
// question.setCommentCount(i);
// question.setUserId(i + 1);
// question.setTitle(String.format("Title%d", i + 1));
// question.setContent(String.format("content%d:balabala", i + 1));
// questionDAO.addQuestion(question);
// }
//互相关注
for (int i = 0; i < 11; i++) {
for (int j = 1; j < i; j++) {
followService.follow(j, EntityType.ENTITY_USER, i);
}
}
}
}
================================================
FILE: wenda/src/test/java/com/nowcoder/ThreadTest.java
================================================
package com.nowcoder;
import java.util.concurrent.ArrayBlockingQueue;
import java.util.concurrent.BlockingQueue;
import java.util.concurrent.ExecutorService;
import java.util.concurrent.Executors;
import java.util.concurrent.atomic.AtomicInteger;
public class ThreadTest {
public static void main(String[] args) {
// test();
// testExecutor();
testAtomic();
}
private static int count = 0;
private static AtomicInteger atomicInteger = new AtomicInteger();
public static void testAtomic() {
for (int i = 0; i < 5; i++) {
new Thread(new Runnable() {
@Override
public void run() {
try {
Thread.sleep(1000);
for (int i = 0; i < 10; i++) {
// count++;
// System.out.println(count);
System.out.println(atomicInteger.incrementAndGet()); //原子性操作
}
} catch (Exception e) {
e.printStackTrace();
}
}
}).start();
}
}
public static void testExecutor() {
ExecutorService service1 = Executors.newSingleThreadExecutor(); //单线程
ExecutorService service2 = Executors.newFixedThreadPool(2);
service2.submit(new Runnable() {
@Override
public void run() {
try {
for(int i = 0;i < 10;i++) {
Thread.sleep(1000);
System.out.println("Executor2:" + i);
}
} catch (Exception e) {
e.printStackTrace();
}
}
});
service2.submit(new Runnable() {
@Override
public void run() {
try {
for(int i = 0;i < 10;i++) {
Thread.sleep(1000);
System.out.println("Executor1:" + i);
}
} catch (Exception e) {
e.printStackTrace();
}
}
});
service1.shutdown(); //等到前面线程任务执行完后关闭
service2.shutdown();
}
public static void test() {
BlockingQueue q = new ArrayBlockingQueue<>(10);
new Thread(new Producer(q)).start();
new Thread(new Consumer(q), "Consumer1").start();
new Thread(new Consumer(q), "Consumer2").start();
}
}
class Consumer implements Runnable {
private BlockingQueue q = null;
public Consumer(BlockingQueue q) {
this.q = q;
}
@Override
public void run() {
try {
while (true) {
System.out.println(Thread.currentThread().getName() + ":" + q.take());
}
} catch (Exception e) {
e.printStackTrace();
}
}
}
class Producer implements Runnable {
private BlockingQueue q = null;
public Producer(BlockingQueue q) {
this.q = q;
}
@Override
public void run() {
try {
for(int i = 0;i < 100;i++) {
Thread.sleep(1000);
q.put(String.valueOf(i));
}
} catch (Exception e) {
e.printStackTrace();
}
}
}
================================================
FILE: wenda/src/test/java/com/nowcoder/WendaApplicationTests.java
================================================
package com.nowcoder;
import org.junit.Test;
import org.junit.runner.RunWith;
import org.springframework.boot.test.SpringApplicationConfiguration;
import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
import org.springframework.test.context.web.WebAppConfiguration;
@RunWith(SpringJUnit4ClassRunner.class)
@SpringApplicationConfiguration(classes = WendaApplication.class)
@WebAppConfiguration
public class WendaApplicationTests {
@Test
public void contextLoads() {
}
}
================================================
FILE: wenda/src/test/resources/init-schema.sql
================================================
DROP TABLE IF EXISTS `question`;
CREATE TABLE `question` (
`id` INT NOT NULL AUTO_INCREMENT,
`title` VARCHAR(255) NOT NULL,
`content` TEXT NULL,
`user_id` INT NOT NULL,
`created_date` DATETIME NOT NULL,
`comment_count` INT NOT NULL,
PRIMARY KEY (`id`),
INDEX `date_index` (`created_date` ASC));
DROP TABLE IF EXISTS `user`;
CREATE TABLE `user` (
`id` int(11) unsigned NOT NULL AUTO_INCREMENT,
`name` varchar(64) NOT NULL DEFAULT '',
`password` varchar(128) NOT NULL DEFAULT '',
`salt` varchar(32) NOT NULL DEFAULT '',
`head_url` varchar(256) NOT NULL DEFAULT '',
PRIMARY KEY (`id`),
UNIQUE KEY `name` (`name`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
================================================
FILE: wenda/target/classes/SensitiveWords.txt
================================================
嫖娼
赌博
色情
================================================
FILE: wenda/target/classes/application.properties
================================================
spring.velocity.suffix=.html
spring.datasource.url=jdbc:mysql://localhost:3306/wenda?useUnicode=true&characterEncoding=utf8&useSSL=false&serverTimezone=UTC
spring.datasource.username=root
spring.datasource.password=150000
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
mybatis.config-location=classpath:mybatis-config.xml
spring.velocity.toolbox-config-location=toolbox.xml
================================================
FILE: wenda/target/classes/com/nowcoder/dao/FeedDAO.xml
================================================
feed
id, created_date, user_id, data, type
================================================
FILE: wenda/target/classes/com/nowcoder/dao/QuestionDAO.xml
================================================
question
id, title, content, comment_count,created_date,user_id
================================================
FILE: wenda/target/classes/mybatis-config.xml
================================================
================================================
FILE: wenda/target/classes/static/scripts/base.fb262f0e.js
================================================
PLOVR_MODULE_INFO={"page-index":["common"],"common":["base"],"page-settings":["common"],"page-main":["common"],"page-profile":["common"],"base":[],"richtexteditor":["common"],"page-mobile-live":["base"],"page-org-settings":["common"],"page-roundtable":["common"],"page-misc":["common"],"page-org-signup":["common"],"page-mobile-question":["base"]};
PLOVR_MODULE_URIS={"page-index":"/static/revved/-/js/closure/page-index.d7b54ac7.js","common":"/static/revved/-/js/closure/common.fed5411f.js","page-settings":"/static/revved/-/js/closure/page-settings.77dc9147.js","page-main":"/static/revved/-/js/closure/page-main.5d4c554d.js","page-profile":"/static/revved/-/js/closure/page-profile.9a5922d2.js","base":"/static/revved/-/js/closure/base.fb262f0e.js","richtexteditor":"/static/revved/-/js/closure/richtexteditor.aa0a4005.js","page-mobile-live":"/static/revved/-/js/closure/page-mobile-live.f6651ab4.js","page-org-settings":"/static/revved/-/js/closure/page-org-settings.a386be78.js","page-roundtable":"/static/revved/-/js/closure/page-roundtable.0eb5c155.js","page-misc":"/static/revved/-/js/closure/page-misc.ceecaa58.js","page-org-signup":"/static/revved/-/js/closure/page-org-signup.e2c637c5.js","page-mobile-question":"/static/revved/-/js/closure/page-mobile-question.2aa3a79d.js"};
PLOVR_MODULE_USE_DEBUG_MODE=false;
var __z_z__={};(function(z){
var ea,ga,wa,Ea;z.aa=function(a){return function(){return z.ba[a].apply(this,arguments)}};var da=function(){ea.Symbol||(ea.Symbol=fa);da=function(){}};var fa=function(a){return"jscomp_symbol_"+a+ga++};var ha=function(){da();ea.Symbol.iterator||(ea.Symbol.iterator=ea.Symbol("iterator"));ha=function(){}};
z.ia=function(a){ha();if(a[ea.Symbol.iterator])return a[ea.Symbol.iterator]();if(!(a instanceof Array||"string"==typeof a||a instanceof String))throw new TypeError(a+" is not iterable");var b=0;return{next:function(){return b==a.length?{done:!0}:{done:!1,value:a[b++]}}}};var ja=function(a){if(!(a instanceof Array)){a=z.ia(a);for(var b,c=[];!(b=a.next()).done;)c.push(b.value);a=c}return a};
z.l=function(a,b){function c(){}c.prototype=b.prototype;a.prototype=new c;a.prototype.constructor=a;for(var d in b)if(ea.Object.defineProperties){var f=ea.Object.getOwnPropertyDescriptor(b,d);void 0!==f&&ea.Object.defineProperty(a,d,f)}else a[d]=b[d]};z.ka=function(a){return void 0!==a};z.p=function(){};z.la=function(a){a.ba=function(){return a.Tj?a.Tj:a.Tj=new a}};
z.ma=function(a){var b=typeof a;if("object"==b)if(a){if(a instanceof Array)return"array";if(a instanceof Object)return b;var c=Object.prototype.toString.call(a);if("[object Window]"==c)return"object";if("[object Array]"==c||"number"==typeof a.length&&"undefined"!=typeof a.splice&&"undefined"!=typeof a.propertyIsEnumerable&&!a.propertyIsEnumerable("splice"))return"array";if("[object Function]"==c||"undefined"!=typeof a.call&&"undefined"!=typeof a.propertyIsEnumerable&&!a.propertyIsEnumerable("call"))return"function"}else return"null";
else if("function"==b&&"undefined"==typeof a.call)return"object";return b};z.na=function(a){return"array"==z.ma(a)};z.oa=function(a){var b=z.ma(a);return"array"==b||"object"==b&&"number"==typeof a.length};z.pa=function(a){return"string"==typeof a};z.qa=function(a){return"number"==typeof a};z.sa=function(a){return"function"==z.ma(a)};z.ta=function(a){var b=typeof a;return"object"==b&&null!=a||"function"==b};z.ua=function(a){return a[z.va]||(a[z.va]=++wa)};
var ya=function(a,b,c){return a.call.apply(a.bind,arguments)};var Aa=function(a,b,c){if(!a)throw Error();if(2b?1:0};z.db=function(a){return String(a).replace(/\-([a-z])/g,function(a,c){return c.toUpperCase()})};var eb=function(a){var b=z.pa(void 0)?z.Wa(void 0):"\\s";return a.replace(new RegExp("(^"+(b?"|["+b+"]+":"")+")([a-z])","g"),function(a,b,f){return b+f.toUpperCase()})};var fb=function(a,b,c){this.NR=c;this.SN=a;this.Ep=b;this.Ht=0;this.Es=null};var gb=function(){this.hv=this.Rm=null};var hb=function(){this.next=this.scope=this.fn=null};z.ib=function(a){return function(){return a}};
var jb=function(a){return function(){throw Error(a);}};z.kb=function(a){return a[a.length-1]};z.lb=function(a,b){return Array.prototype.indexOf.call(a,b,void 0)};z.y=function(a,b,c){Array.prototype.forEach.call(a,b,c)};z.mb=function(a,b,c){return Array.prototype.filter.call(a,b,c)};z.nb=function(a,b,c){return Array.prototype.map.call(a,b,c)};z.ob=function(a,b,c){return Array.prototype.reduce.call(a,b,c)};z.pb=function(a,b,c){return Array.prototype.some.call(a,b,c)};
z.qb=function(a,b){var c=z.rb(a,b,void 0);return 0>c?null:z.pa(a)?a.charAt(c):a[c]};z.rb=function(a,b,c){for(var d=a.length,f=z.pa(a)?a.split(""):a,g=0;g=arguments.length?Array.prototype.slice.call(a,b):Array.prototype.slice.call(a,b,c)};
var zb=function(a,b){for(var c=b||a,d={},f=0,g=0;gf.keyCode||void 0!=f.returnValue)){a:{var g=!1;if(0==f.keyCode)try{f.keyCode=-1;break a}catch(m){g=!0}if(g||void 0==f.returnValue)f.returnValue=!0}f=[];for(g=c.currentTarget;g;g=g.parentNode)f.push(g);for(var g=a.type,h=f.length-1;!c.rk&&0<=h;h--){c.currentTarget=f[h];var k=z.pd(f[h],g,!0,c),d=d&&k}for(h=
0;!c.rk&&h=a.length)throw z.Od;if(b in a)return a[b++];b++}};return c}throw Error("Not implemented");};
z.Pd=function(a,b,c){if(z.oa(a))try{z.y(a,b,c)}catch(d){if(d!==z.Od)throw d;}else{a=z.Nd(a);try{for(;;)b.call(c,a.next(),void 0,a)}catch(d){if(d!==z.Od)throw d;}}};z.Qd=function(a){if(z.oa(a))return z.vb(a);a=z.Nd(a);var b=[];z.Pd(a,function(a){b.push(a)});return b};z.Rd=function(a,b){this.Ib={};this.Za=[];this.xq=this.Ja=0;var c=arguments.length;if(1d)return null;f=a.indexOf("\x26",d);if(0>f||f>c)f=c;d+=b.length+1;return(0,window.decodeURIComponent)(a.substr(d,f-d).replace(/\+/g," "))};
z.de=function(a){z.G.call(this);this.headers=new z.Rd;this.jv=a||null;this.Jh=!1;this.iv=this.ea=null;this.ct=this.vz="";this.Oj=this.Ky=this.Ls=this.sx=!1;this.Su=0;this.Ru=null;this.rJ=ee;this.fC=this.wU=this.aX=!1};var fe=function(a){return z.C&&z.E(9)&&z.qa(a.timeout)&&z.ka(a.ontimeout)};var ge=function(a){return"content-type"==a.toLowerCase()};var he=function(a){a.sx||(a.sx=!0,a.dispatchEvent("complete"),a.dispatchEvent("error"))};
var ie=function(a){if(a.Jh&&"undefined"!=typeof z.je&&(!a.iv[1]||4!=ke(a)||2!=me(a)))if(a.Ls&&4==ke(a))z.vd(a.vI,0,a);else if(a.dispatchEvent("readystatechange"),a.Ge()){a.Jh=!1;try{if(ne(a))a.dispatchEvent("complete"),a.dispatchEvent("success");else{var b;try{b=2this.DH)throw Error("[goog.structs.SimplePool] Initial cannot be greater than max");for(var c=0;ca&&(b=" ");100>a&&(b=" ");10>a&&(b=" ");return b+a};
var Wf=function(a){a=Math.round(a);return String(100+a/1E3%60).substring(1,3)+"."+String(1E3+a%1E3).substring(1,4)};var Xf=function(){z.xc.call(this)};var Yf=function(a,b){this.es=a;this.ga=b};var Zf=function(a,b){z.xc.call(this);this.BE=a;this.pb=b;this.gA=[];this.$z=[];this.RE=[]};var $f=function(a,b){a.ku(a.$z,b,void 0)};var ag=function(a,b){for(var c=[],d=0;db)throw Error("Bad port number "+b);a.lm=b}else a.lm=null};var th=function(a,b,c){z.rh(a);b instanceof z.vh?(a.he=b,a.he.eB(a.Ce)):(c||(b=wh(b,xh)),a.he=new z.vh(b,0,a.Ce));return a};
z.rh=function(a){if(a.yR)throw Error("Tried to modify a read-only Uri");};var yh=function(){var a=window.location;return a instanceof z.ph?a.clone():new z.ph(a,void 0)};var uh=function(a,b){return a?b?(0,window.decodeURI)(a.replace(/%25/g,"%2525")):(0,window.decodeURIComponent)(a):""};var wh=function(a,b,c){return z.pa(a)?(a=(0,window.encodeURI)(a).replace(b,Ah),c&&(a=a.replace(/%25([0-9a-fA-F]{2})/g,"%$1")),a):null};var Ah=function(a){a=a.charCodeAt(0);return"%"+(a>>4&15).toString(16)+(a&15).toString(16)};
z.vh=function(a,b,c){this.Ja=this.Lb=null;this.Yd=a||null;this.Ce=!!c};var Bh=function(a){a.Lb||(a.Lb=new z.Rd,a.Ja=0,a.Yd&&ae(a.Yd,function(b,c){a.add((0,window.decodeURIComponent)(b.replace(/\+/g," ")),c)}))};var Ch=function(a,b){var c=String(b);a.Ce&&(c=c.toLowerCase());return c};var Dh=function(){};var Eh=function(){};var Fh=function(a){this.Nc=a};var Gh=function(){var a=null;try{a=window.localStorage||null}catch(b){}this.Nc=a};
var Hh=function(){var a=null;try{a=window.sessionStorage||null}catch(b){}this.Nc=a};var Ih=function(a,b){this.eK=a;this.xd=null;if(z.C&&!(9<=z.Tg)){Jh||(Jh=new z.Rd);this.xd=Jh.get(a);this.xd||(b?this.xd=window.document.getElementById(b):(this.xd=window.document.createElement("userdata"),this.xd.addBehavior("#default#userData"),window.document.body.appendChild(this.xd)),Jh.set(a,this.xd));try{this.xd.load(this.eK)}catch(c){this.xd=null}}};
var Kh=function(a){return"_"+(0,window.encodeURIComponent)(a).replace(/[.!~*'()%]/g,function(a){return Lh[a]})};var Mh=function(a){try{a.xd.save(a.eK)}catch(b){throw"Storage mechanism: Quota exceeded";}};var Nh=function(a){return a.xd.XMLDocument.documentElement};var Oh=function(a,b){this.To=a;this.mm=b+"::"};var Ph=function(a,b){this.nz="continuation:"+a;this.Nc=b||z.Qh;this.mG=[]};var Rh=function(a,b){var c=a.gb();c.push(b);try{a.Nc.set(a.nz,JSON.stringify(c))}catch(d){}};
var Sh=function(a,b,c,d,f,g){z.pa(a)?(this.Ud=a==Th?b:0,this.Ld=a==Uh?b:0,this.Ed=a==Vh?b:0,this.od=a==Wh?b:0,this.rd=a==Xh?b:0,this.vd=a==Yh?b:0):(this.Ud=a||0,this.Ld=b||0,this.Ed=c||0,this.od=d||0,this.rd=f||0,this.vd=g||0)};
var Zh=function(a,b,c){z.qa(a)?(this.fa=$h(a,b||0,c||1),ai(this,c||1)):z.ta(a)?(this.fa=$h(a.getFullYear(),a.getMonth(),a.getDate()),ai(this,a.getDate())):(this.fa=new Date((0,z.I)()),a=this.fa.getDate(),this.fa.setHours(0),this.fa.setMinutes(0),this.fa.setSeconds(0),this.fa.setMilliseconds(0),ai(this,a))};var $h=function(a,b,c){b=new Date(a,b,c);0<=a&&100>a&&b.setFullYear(b.getFullYear()-1900);return b};
var bi=function(a){a=a.getTimezoneOffset();if(0==a)a="Z";else{var b=Math.abs(a)/60,c=Math.floor(b),b=60*(b-c);a=(0c?"-":"+"];c=Math.abs(c);d.push(Math.floor(c/60)%100);c%=60;0!=c&&d.push(":",Ya(c,2));c=d.join("")}b.KB=c;c=a;0==c?c="UTC":(d=["UTC",0>c?"+":"-"],c=Math.abs(c),d.push(Math.floor(c/60)%100),c%=60,0!=c&&d.push(":",c),c=d.join(""));a=fi(a);b.UB=[c,c];b.Fk={VX:a,MC:a};b.$u=[];return b}b=new di;b.KB=a.id;b.Ju=-a.std_offset;b.UB=a.names;b.Fk=a.names_ext;b.$u=a.transitions;return b};
var fi=function(a){var b=["GMT"];b.push(0>=a?"+":"-");a=Math.abs(a);b.push(Ya(Math.floor(a/60)%100,2),":",Ya(a%60,2));return b.join("")};var gi=function(a,b){for(var c=Date.UTC(b.getUTCFullYear(),b.getUTCMonth(),b.getUTCDate(),b.getUTCHours(),b.getUTCMinutes())/36E5,d=0;d=a.$u[d];)d+=2;return 0==d?0:a.$u[d-1]};var ii=function(a,b){this.Ut=[];this.zb=b||ji;"number"==typeof a?ki(this,a):li(this,a)};
var li=function(a,b){for(mi&&(b=b.replace(/\u200f/g,""));b;)for(var c=0;cb)c=a.zb.IC[b];else if(8>b)c=a.zb.NC[b-4];else if(12>b)c=a.zb.EL[b-8],c=c.replace("{1}",a.zb.IC[b-8]),c=c.replace("{0}",a.zb.NC[b-8]);else{ki(a,10);return}li(a,c)};
var oi=function(a,b){var c;c=String(b);var d=a.zb||ji;if(void 0!==d.iM){for(var f=[],g=0;g=h?String.fromCharCode(d.iM+h-48):c.charAt(g))}c=f.join("")}return c};var pi=function(a){if(!(a.getHours&&a.getSeconds&&a.getMinutes))throw Error("The date to format has no time (probably a goog.date.Date). Use Date or goog.date.DateTime, or use a pattern without time fields.");};
var qi=function(a,b,c,d,f,g){var h=b.length;switch(b.charAt(0)){case "G":return c=0c&&(c=-c),2==h&&(c%=100),oi(a,Ya(c,h));case "M":a:switch(c=d.getMonth(),h){case 5:h=a.zb.KL[c];break a;case 4:h=a.zb.IL[c];break a;case 3:h=a.zb.QL[c];break a;default:h=oi(a,Ya(c+1,h))}return h;case "k":return pi(f),oi(a,Ya(f.getHours()||24,h));case "S":return oi(a,(f.getTime()%1E3/1E3).toFixed(Math.min(3,h)).substr(2)+(3h?1:0];case "h":return pi(f),oi(a,Ya(f.getHours()%12||12,h));case "K":return pi(f),oi(a,Ya(f.getHours()%12,h));case "H":return pi(f),oi(a,Ya(f.getHours(),h));case "c":a:switch(c=d.getDay(),h){case 5:h=a.zb.XL[c];break a;case 4:h=a.zb.$L[c];break a;case 3:h=a.zb.ZL[c];break a;default:h=oi(a,Ya(c,1))}return h;case "L":a:switch(c=d.getMonth(),h){case 5:h=a.zb.WL[c];break a;case 4:h=a.zb.VL[c];
break a;case 3:h=a.zb.YL[c];break a;default:h=oi(a,Ya(c+1,h))}return h;case "Q":return c=Math.floor(d.getMonth()/3),4>h?a.zb.RL[c]:a.zb.LL[c];case "d":return oi(a,Ya(d.getDate(),h));case "m":return pi(f),oi(a,Ya(f.getMinutes(),h));case "s":return pi(f),oi(a,Ya(f.getSeconds(),h));case "v":return h=g||ei(c.getTimezoneOffset()),h.KB;case "V":return a=g||ei(c.getTimezoneOffset()),2>=h?a.KB:0h?a.UB[0h?(h=-(f.Ju-gi(f,c)),a=[0>h?"-":"+"],h=Math.abs(h),a.push(Ya(Math.floor(h/60)%100,2),Ya(h%60,2)),h=a.join("")):h=oi(a,
fi(f.Ju-gi(f,c))),h;default:return""}};
var ri=function(a){var b;if("string"===typeof a){b=new ci(2E3);a=(0,z.ab)(a);a=a.split(-1==a.indexOf("T")?" ":"T");var c;var d=a[0].match(si);if(d){var f=Number(d[2]),g=Number(d[3]),h=Number(d[4]);c=Number(d[5]);var k=Number(d[6])||1;b.setFullYear(Number(d[1]));h?(b.setDate(1),b.setMonth(0),b.add(new Sh(Vh,h-1))):c?(b.setMonth(0),b.setDate(1),d=b.getDay()||7,b.add(new Sh(Vh,(4>=d?1-d:8-d)+(Number(k)+7*(Number(c)-1))-1))):(f&&(b.setDate(1),b.setMonth(f-1)),g&&b.setDate(g));c=!0}else c=!1;c&&!(c=2>
a.length)&&(a=a[1],c=a.match(ti),k=0,c&&("Z"!=c[0]&&(k=60*c[2]+Number(c[3]),k*="-"==c[1]?1:-1),k-=b.getTimezoneOffset(),a=a.substr(0,a.length-c[0].length)),(c=a.match(ui))?(b.setHours(Number(c[1])),b.setMinutes(Number(c[2])||0),b.setSeconds(Number(c[3])||0),b.setMilliseconds(c[4]?1E3*c[4]:0),0!=k&&b.setTime(b.getTime()+6E4*k),c=!0):c=!1);b=(c?b:null).fa}else b=new Date(a);return b};
z.vi=function(a,b){a=void 0===a?new Date:a;b=void 0===b?new Date:b;a=ri(a);b=ri(b);var c=(b-a)/1E3;if(60>c)return"刚刚";c=(0,window.parseInt)(c/60);if(60>c)return c+" 分钟前";c=(0,window.parseInt)(c/60);if(24>c)return c+" 小时前";var c=b.getFullYear()-a.getFullYear(),d=b.getMonth()-a.getMonth(),f=b.getDate()-a.getDate();return 0===c&&0===d?f+" 天前":0===c&&1===d||1===c&&-11===d?0>f?(new Date(a.getFullYear(),a.getMonth()+1,0)).getDate()+f+" 天前":"1 月前":2>c?1===c&&0<=d?"1 年前":12*c+d+" 月前":c+" 年前"};
var wi=function(a,b){return(new ii(void 0===b?"yyyy-MM-dd HH:mm:ss":b)).format(new Date(a))};z.xi=function(a){if(window.za.collect&&z.ta(a)&&a.action){var b={eventAction:a.action,eventCategory:a.category,eventLabel:a.label,eventValue:a.value&&(0,window.parseInt)(a.value,10),eventAttributes:a.attributes,nonInteractionType:!!a.bI};a.wc?Rh(yi,b):window.za.collect("event",b)}};z.zi=function(a,b,c,d,f){z.xi({category:a,action:b,label:c,value:d,bI:f,attributes:void 0})};
z.Ai=function(a,b,c,d,f){z.xi({wc:!0,category:a,action:b,label:c,value:d,bI:f,attributes:void 0})};var Bi=function(){(0,window.$)(window.document).on("click","a[data-za-a]",function(a){var b=(0,window.$)(a.target);if(a=b.data("za-a")){var c=b.data("za-c"),d=b.data("za-l"),b=b.data("za-v");z.Ai(c,a,d,b)}})};
var Ci=function(a){return function(b){for(var c=[],d=0;d(0,z.I)()-c&&(window.location=Wi.jY)},400)};z.Xi=function(a){this.Ka=a};
z.Yi=function(a){a=(a.Ka.cookie||"").split(Zi);for(var b=[],c=[],d,f,g=0;f=a[g];g++)d=f.indexOf("\x3d"),-1==d?(b.push(""),c.push(f)):(b.push(f.substring(0,d)),c.push(f.substring(d+1)));return{keys:b,values:c}};var $i=function(){z.aj.remove("actioncontinuationhash","/")};z.bj=function(a,b){b?a.setAttribute("role",b):a.removeAttribute("role")};
z.cj=function(a,b,c){z.na(c)&&(c=c.join(" "));var d="aria-"+b;""===c||void 0==c?(dj||(dj={atomic:!1,autocomplete:"none",dropeffect:"none",haspopup:!1,live:"off",multiline:!1,multiselectable:!1,orientation:"vertical",readonly:!1,relevant:"additions text",required:!1,sort:"none",busy:!1,disabled:!1,hidden:!1,invalid:"false"}),c=dj,b in c?a.setAttribute(d,c[b]):a.removeAttribute(d)):a.setAttribute(d,c)};z.ej=function(a,b){var c=a.getAttribute("aria-"+b);return null==c||void 0==c?"":String(c)};
z.fj=function(a){if(a.classList)return a.classList;a=a.className;return z.pa(a)&&a.match(/\S+/g)||[]};z.gj=function(a,b){return a.classList?a.classList.contains(b):z.A(z.fj(a),b)};z.hj=function(a,b){a.classList?a.classList.add(b):z.gj(a,b)||(a.className+=0d?b=0:0>b&&(b=d));a.dispatchEvent({data:{index:b,size:c},type:"action"});0>b||b>d||(a.Pj=b,a.fp(zl(a)))}};var zl=function(a){return a.items()[a.index()]};z.Al=function(a){xl.call(this,a);this.xL=(0,window.$)("html, body")};
var Bl=function(a){return{k:{action:a.prev,Vb:{group:"导航",name:"上一条目"}},j:{action:a.next,Vb:{group:"导航",name:"下一条目"}},"g g":{action:a.first,Vb:{group:"导航",name:"第一个条目"}},"shift+g":{action:a.last,Vb:{group:"导航",name:"最后一个条目"}},"shift+k":{action:a.pV,Vb:{group:"导航",name:"屏幕上移"}},"shift+j":{action:a.kV,Vb:{group:"导航",name:"屏幕下移"}}}};z.Cl=function(a){z.al.call(this,a)};z.ba=[];ea="undefined"!=typeof window&&window===this?this:"undefined"!=typeof window.global?window.global:this;ga=0;z.je=z.je||{};
z.t=this;z.va="closure_uid_"+(1E9*Math.random()>>>0);wa=0;z.I=Date.now||function(){return+new Date};Ea=null;var Ke;z.x(Ia,Error);Ia.prototype.name="CustomError";var Pa,Qa,Ra,Sa,Ta,Ua,Oa,Za;z.ab=String.prototype.trim?function(a){return a.trim()}:function(a){return a.replace(/^[\s\xa0]+|[\s\xa0]+$/g,"")};Pa=/&/g;Qa=//g;Sa=/"/g;Ta=/'/g;Ua=/\x00/g;Oa=/[\x00&<>"']/;Za=String.prototype.repeat?function(a,b){return a.repeat(b)}:function(a,b){return Array(b+1).join(a)};z.Dl=2147483648*Math.random()|0;fb.prototype.get=function(){var a;0(0,window.parseFloat)(a))?String(b):a}();Ic={};Ml=z.t.document;z.Tg=Ml&&z.C?Hc()||("CSS1Compat"==Ml.compatMode?(0,window.parseInt)(z.Jc,10):5):void 0;var Rc=!z.C||9<=z.Tg,kd=!z.C||9<=z.Tg,Nl=z.C&&!z.E("9");!z.D||z.E("528");z.B&&z.E("1.9b")||z.C&&z.E("8")||z.ug&&z.E("9.5")||z.D&&z.E("528");z.B&&!z.E("8")||z.C&&z.E("9");Kc.prototype.toString=function(){return this.id};z.Lc.prototype.stopPropagation=function(){this.rk=!0};z.Lc.prototype.preventDefault=function(){this.defaultPrevented=!0;this.wJ=!1};z.Ol=z.C?"focusin":"DOMFocusIn";Nc[" "]=z.p;z.x(z.Pc,z.Lc);var Sc=[1,4,2];
z.Pc.prototype.init=function(a,b){var c=this.type=a.type,d=a.changedTouches?a.changedTouches[0]:null;this.target=a.target||a.srcElement;this.currentTarget=b;var f=a.relatedTarget;f?z.B&&(z.Oc(f,"nodeName")||(f=null)):"mouseover"==c?f=a.fromElement:"mouseout"==c&&(f=a.toElement);this.relatedTarget=f;null===d?(this.offsetX=z.D||void 0!==a.offsetX?a.offsetX:a.layerX,this.offsetY=z.D||void 0!==a.offsetY?a.offsetY:a.layerY,this.clientX=void 0!==a.clientX?a.clientX:a.pageX,this.clientY=void 0!==a.clientY?
a.clientY:a.pageY,this.screenX=a.screenX||0,this.screenY=a.screenY||0):(this.clientX=void 0!==d.clientX?d.clientX:d.pageX,this.clientY=void 0!==d.clientY?d.clientY:d.pageY,this.screenX=d.screenX||0,this.screenY=d.screenY||0);this.button=a.button;this.keyCode=a.keyCode||0;this.charCode=a.charCode||("keypress"==c?a.keyCode:0);this.ctrlKey=a.ctrlKey;this.altKey=a.altKey;this.shiftKey=a.shiftKey;this.metaKey=a.metaKey;this.wA=z.Uc?a.metaKey:a.ctrlKey;this.state=a.state;this.gc=a;a.defaultPrevented&&this.preventDefault()};
z.Pc.prototype.stopPropagation=function(){z.Pc.o.stopPropagation.call(this);this.gc.stopPropagation?this.gc.stopPropagation():this.gc.cancelBubble=!0};z.Pc.prototype.preventDefault=function(){z.Pc.o.preventDefault.call(this);var a=this.gc;if(a.preventDefault)a.preventDefault();else if(a.returnValue=!1,Nl)try{if(a.ctrlKey||112<=a.keyCode&&123>=a.keyCode)a.keyCode=-1}catch(b){}};z.Pc.prototype.wF=z.aa(0);var Wc="closure_listenable_"+(1E6*Math.random()|0),Yc=0;z.e=z.$c.prototype;z.e.add=function(a,b,c,d,f){var g=a.toString();a=this.ic[g];a||(a=this.ic[g]=[],this.pq++);var h=bd(a,b,d,f);-1>>0);z.x(z.G,z.xc);z.G.prototype[Wc]=!0;z.e=z.G.prototype;z.e.ji=function(){return this.pA};z.e.Db=function(a){this.pA=a};z.e.addEventListener=function(a,b,c,d){z.F(this,a,b,c,d)};z.e.removeEventListener=function(a,b,c,d){z.md(this,a,b,c,d)};
z.e.dispatchEvent=function(a){var b,c=this.ji();if(c)for(b=[];c;c=c.ji())b.push(c);var c=this.nM,d=a.type||a;if(z.pa(a))a=new z.Lc(a,c);else if(a instanceof z.Lc)a.target=a.target||c;else{var f=a;a=new z.Lc(d,c);z.Mb(a,f)}var f=!0,g;if(b)for(var h=b.length-1;!a.rk&&0<=h;h--)g=a.currentTarget=b[h],f=z.sd(g,d,!0,a)&&f;a.rk||(g=a.currentTarget=c,f=z.sd(g,d,!0,a)&&f,a.rk||(f=z.sd(g,d,!1,a)&&f));if(b)for(h=0;!a.rk&&ha?-1:a};z.Od="StopIteration"in z.t?z.t.StopIteration:{message:"StopIteration",stack:""};z.Ld.prototype.next=function(){throw z.Od;};z.Ld.prototype.gd=function(){return this};z.e=z.Rd.prototype;z.e.kb=function(){return this.Ja};z.e.Wc=function(){z.Td(this);for(var a=[],b=0;b2*this.Ja&&z.Td(this),!0):!1};z.e.get=function(a,b){return z.Ud(this.Ib,a)?this.Ib[a]:b};z.e.set=function(a,b){z.Ud(this.Ib,a)||(this.Ja++,this.Za.push(a),this.xq++);this.Ib[a]=b};z.e.addAll=function(a){var b;a instanceof z.Rd?(b=a.ld(),a=a.Wc()):(b=z.Hb(a),a=z.Gb(a));for(var c=0;c=d.Za.length)throw z.Od;var f=d.Za[b++];return a?f:d.Ib[f]};return f};z.x(Vd,z.xc);Vd.prototype.$x=function(){return this.qu};Vd.prototype.D=function(){Vd.o.D.call(this);this.qu=this.Gk=null};z.Rl=/\uffff/.test("")?/[\\\"\x00-\x1f\x7f-\uffff]/g:/[\\\"\x00-\x1f\x7f-\xff]/g;Wd.prototype.ED=null;var Sl;z.x(Zd,Wd);Sl=new Zd;var ce;z.re=/^(?:([^:/?#.]+):)?(?:\/\/(?:([^/?#]*)@)?([^/#?]*?)(?::([0-9]+))?(?=[/#?]|$))?([^?#]+)?(?:\?([^#]*))?(?:#(.*))?$/;ce=/#|$/;z.x(z.de,z.G);var ee="",se=/^https?$/i,Tl=["POST","PUT"];z.e=z.de.prototype;
z.e.send=function(a,b,c,d){if(this.ea)throw Error("[goog.net.XhrIo] Object is active with another request\x3d"+this.vz+"; newUri\x3d"+a);b=b?b.toUpperCase():"GET";this.vz=a;this.ct="";this.sx=!1;this.Jh=!0;this.ea=this.jv?$d(this.jv):$d(Sl);this.iv=this.jv?Xd(this.jv):Xd(Sl);this.ea.onreadystatechange=(0,z.q)(this.vI,this);this.wU&&"onprogress"in this.ea&&(this.ea.onprogress=(0,z.q)(function(a){this.uI(a,!0)},this),this.ea.upload&&(this.ea.upload.onprogress=(0,z.q)(this.uI,this)));try{this.Ky=!0,
this.ea.open(b,String(a),!0),this.Ky=!1}catch(g){this.Tr(5,g);return}a=c||"";var f=this.headers.clone();d&&Kd(d,function(a,b){f.set(b,a)});d=z.qb(f.ld(),ge);c=z.t.FormData&&a instanceof z.t.FormData;!z.A(Tl,b)||d||c||f.set("Content-Type","application/x-www-form-urlencoded;charset\x3dutf-8");f.forEach(function(a,b){this.ea.setRequestHeader(b,a)},this);this.rJ&&(this.ea.responseType=this.rJ);Ib(this.ea,"withCredentials")&&(this.ea.withCredentials=this.aX);try{qe(this),0=b.rw&&b.cancel())}this.gI?this.gI.call(this.zE,this):this.oB=!0;this.ei||ye(this,new Ee(this))}};z.e.gE=function(a,b){this.mw=!1;we(this,a,b)};z.e.Th=function(){if(this.ei){if(!this.oB)throw new De(this);this.oB=!1}};z.e.Rh=function(a){this.Th();we(this,!0,a)};
z.e.then=function(a,b,c){var d,f,g=new ec(function(a,b){d=a;f=b});ze(this,d,function(a){a instanceof Ee?g.cancel():f(a)});return g.then(a,b,c)};Fa(ve);z.x(De,Ia);De.prototype.message="Deferred has already fired";De.prototype.name="AlreadyCalledError";z.x(Ee,Ia);Ee.prototype.message="Deferred was canceled";Ee.prototype.name="CanceledError";Ce.prototype.kW=function(){delete Be[this.pb];throw this.Tr;};var Be={};var Te,ff,pf;Te=!z.C||9<=z.Tg;ff=!z.B&&!z.C||z.C&&9<=z.Tg||z.B&&z.E("1.9.1");pf=z.C&&!z.E("9");z.Ul=z.C&&!(9<=z.Tg);z.e=z.Ge.prototype;z.e.clone=function(){return new z.Ge(this.x,this.y)};z.e.ceil=function(){this.x=Math.ceil(this.x);this.y=Math.ceil(this.y);return this};z.e.floor=function(){this.x=Math.floor(this.x);this.y=Math.floor(this.y);return this};z.e.round=function(){this.x=Math.round(this.x);this.y=Math.round(this.y);return this};z.e.translate=function(a,b){a instanceof z.Ge?(this.x+=a.x,this.y+=a.y):(this.x+=a,z.qa(b)&&(this.y+=b));return this};
z.e.scale=function(a,b){var c=z.qa(b)?b:a;this.x*=a;this.y*=c;return this};z.e=z.He.prototype;z.e.clone=function(){return new z.He(this.width,this.height)};z.e.RM=function(){return this.width*this.height};z.e.Zg=function(){return!this.RM()};z.e.ceil=function(){this.width=Math.ceil(this.width);this.height=Math.ceil(this.height);return this};z.e.floor=function(){this.width=Math.floor(this.width);this.height=Math.floor(this.height);return this};z.e.round=function(){this.width=Math.round(this.width);this.height=Math.round(this.height);return this};
z.e.scale=function(a,b){var c=z.qa(b)?b:a;this.width*=a;this.height*=c;return this};var Ne={cellpadding:"cellPadding",cellspacing:"cellSpacing",colspan:"colSpan",frameborder:"frameBorder",height:"height",maxlength:"maxLength",role:"role",rowspan:"rowSpan",type:"type",usemap:"useMap",valign:"vAlign",width:"width"},rf={SCRIPT:1,STYLE:1,HEAD:1,IFRAME:1,OBJECT:1},sf={IMG:" ",BR:"\n"};z.e=z.Ie.prototype;z.e.K=z.J;z.e.ua=function(){return this.Ka};z.e.m=function(a){return z.pa(a)?this.Ka.getElementById(a):a};z.e.$=z.Ie.prototype.m;z.e.Yf=z.aa(8);
z.e.B=function(a,b,c){return Se(this.Ka,arguments)};z.e.createElement=function(a){return this.Ka.createElement(a)};z.e.createTextNode=function(a){return this.Ka.createTextNode(String(a))};z.e.Mw=z.aa(9);z.e.Va=function(){var a=this.Ka;return a.parentWindow||a.defaultView};z.e.zl=z.aa(10);z.e.appendChild=function(a,b){a.appendChild(b)};z.e.append=z.Ze;z.e.canHaveChildren=z.Ye;z.e.zp=z.$e;z.e.Us=z.af;z.e.bz=z.bf;z.e.removeNode=z.P;z.e.GO=z.df;z.e.UO=z.ef;z.e.EF=z.gf;z.e.isElement=z.jf;
z.e.isWindow=kf;z.e.contains=z.lf;z.e.bg=z.aa(12);z.e.SO=z.tf;var xf=[],Df=0,Cf=1;z.x(Bf,Ia);z.Vl=Rb();z.Ui=z.Ec()||z.Ab("iPod");z.Vj=z.Ab("iPad");z.Wl=z.Ab("Android")&&!(Sb()||Rb()||Pb()||z.Ab("Silk"));z.If=Sb();z.Xl=z.Ab("Safari")&&!(Sb()||z.Ab("Coast")||Pb()||z.Ab("Edge")||z.Ab("Silk")||z.Ab("Android"))&&!(z.Ec()||z.Ab("iPad")||z.Ab("iPod"));z.x(Ff,z.G);z.e=Ff.prototype;z.e.Ir=!1;z.e.YJ=!1;z.e.VR=function(a,b,c,d){var f=this.hh[a]||new Of;f.xH=!0;f.CB=c||null;f.tx=d||null;if(this.hh[a])null!=f.PA&&Gf(this,a);else{this.hh[a]=f;c=[];for(d=0;d=this.left&&a.right<=this.right&&a.top>=this.top&&a.bottom<=this.bottom:a.x>=this.left&&a.x<=this.right&&a.y>=this.top&&a.y<=this.bottom:!1};z.e.expand=function(a,b,c,d){z.ta(a)?(this.top-=a.top,this.right+=a.right,this.bottom+=a.bottom,this.left-=a.left):(this.top-=a,this.right+=b,this.bottom+=c,this.left-=d);return this};
z.e.ceil=function(){this.top=Math.ceil(this.top);this.right=Math.ceil(this.right);this.bottom=Math.ceil(this.bottom);this.left=Math.ceil(this.left);return this};z.e.floor=function(){this.top=Math.floor(this.top);this.right=Math.floor(this.right);this.bottom=Math.floor(this.bottom);this.left=Math.floor(this.left);return this};z.e.round=function(){this.top=Math.round(this.top);this.right=Math.round(this.right);this.bottom=Math.round(this.bottom);this.left=Math.round(this.left);return this};
z.e.translate=function(a,b){a instanceof z.Ge?(this.left+=a.x,this.right+=a.x,this.top+=a.y,this.bottom+=a.y):(this.left+=a,this.right+=a,z.qa(b)&&(this.top+=b,this.bottom+=b));return this};z.e.scale=function(a,b){var c=z.qa(b)?b:a;this.left*=a;this.right*=a;this.top*=c;this.bottom*=c;return this};z.e=z.qg.prototype;z.e.clone=function(){return new z.qg(this.left,this.top,this.width,this.height)};z.e.cz=z.aa(14);z.e.contains=function(a){return a instanceof z.qg?this.left<=a.left&&this.left+this.width>=a.left+a.width&&this.top<=a.top&&this.top+this.height>=a.top+a.height:a.x>=this.left&&a.x<=this.left+this.width&&a.y>=this.top&&a.y<=this.top+this.height};z.e.Rg=z.aa(15);
z.e.ceil=function(){this.left=Math.ceil(this.left);this.top=Math.ceil(this.top);this.width=Math.ceil(this.width);this.height=Math.ceil(this.height);return this};z.e.floor=function(){this.left=Math.floor(this.left);this.top=Math.floor(this.top);this.width=Math.floor(this.width);this.height=Math.floor(this.height);return this};z.e.round=function(){this.left=Math.round(this.left);this.top=Math.round(this.top);this.width=Math.round(this.width);this.height=Math.round(this.height);return this};
z.e.translate=function(a,b){a instanceof z.Ge?(this.left+=a.x,this.top+=a.y):(this.left+=a,z.qa(b)&&(this.top+=b));return this};z.e.scale=function(a,b){var c=z.qa(b)?b:a;this.left*=a;this.width*=a;this.top*=c;this.height*=c;return this};var tg,Rg;tg={};z.dm=z.B?"MozUserSelect":z.D||z.Gc?"WebkitUserSelect":null;Rg={thin:2,medium:4,thick:6};z.la(z.Vg);z.Vg.prototype.Sz=0;z.x(z.R,z.G);z.R.prototype.NQ=z.Vg.ba();var Xg=null;z.e=z.R.prototype;z.e.de=function(){return this.pb||(this.pb=z.Wg(this.NQ))};z.e.m=function(){return this.h};z.e.Yf=z.aa(7);z.e.v=function(){this.mi||(this.mi=new z.xd(this));return this.mi};z.e.getParent=function(){return this.Ra};z.e.Db=function(a){if(this.Ra&&this.Ra!=a)throw Error("Method not supported");z.R.o.Db.call(this,a)};z.e.K=function(){return this.da};z.e.B=function(){this.h=this.da.createElement("DIV")};z.e.render=function(a){this.Ap(a)};
z.e.Ap=function(a,b){if(this.wa)throw Error("Component already rendered");this.h||this.B();a?a.insertBefore(this.h,b||null):this.da.ua().body.appendChild(this.h);this.Ra&&!this.Ra.wa||this.C()};z.e.w=function(a){if(this.wa)throw Error("Component already rendered");if(a&&this.Ob(a)){this.YK=!0;var b=z.Je(a);this.da&&this.da.ua()==b||(this.da=z.J(a));this.Y(a);this.C()}else throw Error("Invalid element to decorate");};z.e.Ob=function(){return!0};z.e.Y=function(a){this.h=a};
z.e.C=function(){this.wa=!0;z.bh(this,function(a){!a.wa&&a.m()&&a.C()})};z.e.Hb=function(){z.bh(this,function(a){a.wa&&a.Hb()});this.mi&&this.mi.removeAll();this.wa=!1};z.e.D=function(){this.wa&&this.Hb();this.mi&&(this.mi.H(),delete this.mi);z.bh(this,function(a){a.H()});!this.YK&&this.h&&z.P(this.h);this.Ra=this.Nz=this.h=this.Xe=this.Qc=null;z.R.o.D.call(this)};z.e.L=function(a,b){this.Rk(a,z.$g(this),b)};
z.e.Rk=function(a,b,c){if(a.wa&&(c||!this.wa))throw Error("Component already rendered");if(0>b||b>z.$g(this))throw Error("Child component index out of bounds");this.Xe&&this.Qc||(this.Xe={},this.Qc=[]);if(a.getParent()==this){var d=a.de();this.Xe[d]=a;z.tb(this.Qc,a)}else z.Lb(this.Xe,a.de(),a);z.Yg(a,this);z.xb(this.Qc,b,0,a);a.wa&&this.wa&&a.getParent()==this?(c=this.S(),b=c.childNodes[b]||null,b!=a.m()&&c.insertBefore(a.m(),b)):c?(this.h||this.B(),b=z.ah(this,b+1),a.Ap(this.S(),b?b.h:null)):this.wa&&
!a.wa&&a.h&&a.h.parentNode&&1==a.h.parentNode.nodeType&&a.C()};z.e.S=function(){return this.h};z.e.qd=z.aa(16);z.e.uh=z.aa(17);z.e.removeChild=function(a,b){if(a){var c=z.pa(a)?a:a.de();a=z.Zg(this,c);c&&a&&(z.Kb(this.Xe,c),z.tb(this.Qc,a),b&&(a.Hb(),a.h&&z.P(a.h)),z.Yg(a,null))}if(!a)throw Error("Child is not in parent component");return a};z.e.zp=z.aa(11);var em;
(function(a){em="div[contenteditable];.ac-row;.ac-row *;.goog-menu *;.goog-menu-button *;.goog-toolbar-button *;.goog-link-button *;.ee-menu-palette-cell *;.ee-palette-cell *".split(";");if(a){var b=a.prototype.needsClick,c;if(window.HTMLElement){var d=z.qb(["matchesSelector","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector"],function(a){return window.HTMLElement.prototype[a]});c=d&&window.HTMLElement.prototype[d]}var f=c?function(a,b){return c.call(a,b)}:function(a,b){return(0,window.$)(a).is(b)};a.prototype.needsClick=
function(a){return z.pb(em,function(b){return f(a,b)})?!0:b.call(this,a)}}})(window.FastClick);z.fm="/update";z.Mi=!1;var jh,oh,nm,om;z.gm={};z.rm={};z.sm=z.ob((0,window.$)("script.json-inline"),function(a,b){var c=(0,window.$)(b).data("name");a[c]=JSON.parse(b.text);return a},{});
(function(a){z.T=[];z.T.Fb=function(){return!1};z.T.be=function(){return""};z.Hk=!1;z.Db(a,function(a,c){switch(c){case "redirect_to":z.hm=a;break;case "current_user":z.T=a;z.T.tF=a[0];z.T.Fb=function(){return"-1"!==z.T.fg};z.T.rD=a[2];z.T.fg=a[3];z.T.pG=a[4];z.T.qe=a[7];z.T.Ln=a[8];z.T.GY=a[9];z.T.CY=a[10];z.T.Rz=a[11];z.T.Ds=a[12];z.T.BY=a[13];z.T.be=function(a){var b=z.T.rD;return a?b.replace("_s","_"+a):b};z.T.XH=a[14];z.T.Jd=a[15];break;case "user_status":z.im=a;z.im.YE=a[0];z.im.lw=a[1];break;
case "env":z.Mb(z.rm,{yJ:a[0],vn:("https:"===window.document.location.protocol?"https://":"http://")+a[1],Ab:a[2],MG:a[3],wB:("https:"===window.document.location.protocol?"https://static.":"http://static.")+a[0]+"/static",tq:("https:"===window.document.location.protocol?"https://upload.":"http://upload.")+a[0]+":"+window.location.port,dH:!1,wR:a[4]});break;case "current_question":z.S={pa:a.qid,bb:a.urlToken,status:a.status,iz:a.isLocked,cn:a.askAboutMember,pO:a.editPermission,qb:a.isAnon,QV:a.showInvitePanel,
rY:a.detailEditReasonRequired,Eo:a.isEditLocked,Jd:a.isOrg,te:0,sr:0,Lm:null,oY:0,EY:!1,YY:!0,mh:[],iY:[]};break;case "current_question_bio":z.jm=a;break;case "my_answer":z.km=a;break;case "current_question_owner":z.T.mh=a;break;case "current_answer":jh=a;break;case "bio":z.lm=a;break;case "current_topic":z.nh=a;break;case "current_people":z.lh=a;z.lh.tF=a[0];z.lh.bb=a[1];z.lh.id=a[3];break;case "current_roundtable":z.mh=a;break;case "current_list":z.kh=a;z.kh.bb=a[2];break;case "current_live":oh=
a;break;case "block_topic":z.mm=a;break;case "draft":z.gm.Wd=a.length?a:null;break;case "disabled_components":nm=a;break;case "comet_path":z.fm=a;break;case "is_org_page":z.Hk=!!a;break;case "permissions":om=a,z.pm=function(a){return z.A(om,a)}}});z.S&&(z.S.SG=!1);z.qm=function(a){return!!nm&&z.A(nm,a)};window.navigator.userAgent.match(/iPad/i)&&(z.rm.dH=!0,z.rm.Ab=!0);if(z.rm.yJ)try{window.document.domain=z.rm.yJ}catch(b){window.console&&window.console.warn(b)}z.rm.vn&&(z.fm=z.rm.vn+z.fm)})(z.sm);var Si,Ri,bk;z.tm=/iPad|iPhone/.test(window.navigator.userAgent);z.um=z.rm.wR;Si=/Android/.test(window.navigator.userAgent);z.vm=z.rm.Ab;z.eh=/MicroMessenger/.test(window.navigator.userAgent);Ri=/Weibo/.test(window.navigator.userAgent);z.wm=/UCBrowser/.test(window.navigator.userAgent);bk=/Mobile/.test(window.navigator.userAgent)&&/CriOS/.test(window.navigator.userAgent);z.xm=z.tm&&!!window.indexedDB;var ih={title:window.document.title,desc:"与世界分享你的知识、经验和见解",link:window.location.href,imgUrl:window.location.protocol+"//"+window.location.hostname+"/static/revved/img/wechat-share-image.6e8f6318.png",type:"link"};z.e=z.ph.prototype;z.e.toString=function(){var a=[],b=this.Ei;b&&a.push(wh(b,ym,!0),":");var c=this.Kg;if(c||"file"==b)a.push("//"),(b=this.ke)&&a.push(wh(b,ym,!0),"@"),a.push((0,window.encodeURIComponent)(String(c)).replace(/%25([0-9a-fA-F]{2})/g,"%$1")),c=this.lm,null!=c&&a.push(":",String(c));if(c=this.Me)this.Kg&&"/"!=c.charAt(0)&&a.push("/"),a.push(wh(c,"/"==c.charAt(0)?zm:Am,!0));(c=this.he.toString())&&a.push("?",c);(c=this.wj)&&a.push("#",wh(c,Bm));return a.join("")};
z.e.resolve=function(a){var b=this.clone(),c=!!a.Ei;c?qh(b,a.Ei):c=!!a.ke;if(c){var d=a.ke;z.rh(b);b.ke=d}else c=!!a.Kg;c?(d=a.Kg,z.rh(b),b.Kg=d):c=null!=a.lm;d=a.Me;if(c)sh(b,a.lm);else if(c=!!a.Me){if("/"!=d.charAt(0))if(this.Kg&&!this.Me)d="/"+d;else{var f=b.Me.lastIndexOf("/");-1!=f&&(d=b.Me.substr(0,f+1)+d)}f=d;if(".."==f||"."==f)d="";else if(z.Va(f,"./")||z.Va(f,"/.")){for(var d=z.Ja(f,"/"),f=f.split("/"),g=[],h=0;h=c.length)throw z.Od;var d=c.key(b++);if(a)return d;d=c.getItem(d);if(!z.pa(d))throw"Storage mechanism: Invalid value was encountered";return d};return d};z.e.clear=function(){this.Nc.clear()};z.e.key=function(a){return this.Nc.key(a)};z.x(Gh,Fh);z.x(Hh,Fh);z.x(Ih,Eh);var Lh={".":".2E","!":".21","~":".7E","*":".2A","'":".27","(":".28",")":".29","%":"."},Jh=null;z.e=Ih.prototype;z.e.Wl=function(){return!!this.xd};z.e.set=function(a,b){this.xd.setAttribute(Kh(a),b);Mh(this)};z.e.get=function(a){a=this.xd.getAttribute(Kh(a));if(!z.pa(a)&&null!==a)throw"Storage mechanism: Invalid value was encountered";return a};z.e.remove=function(a){this.xd.removeAttribute(Kh(a));Mh(this)};z.e.kb=function(){return Nh(this).attributes.length};
z.e.gd=function(a){var b=0,c=Nh(this).attributes,d=new z.Ld;d.next=function(){if(b>=c.length)throw z.Od;var d=c[b++];if(a)return(0,window.decodeURIComponent)(d.nodeName.replace(/\./g,"%")).substr(1);d=d.nodeValue;if(!z.pa(d))throw"Storage mechanism: Invalid value was encountered";return d};return d};z.e.clear=function(){for(var a=Nh(this),b=a.attributes.length;0b&&0b&&c.push("-");c.push("P");(this.Ud||a)&&c.push(Math.abs(this.Ud)+"Y");(this.Ld||a)&&c.push(Math.abs(this.Ld)+"M");(this.Ed||a)&&c.push(Math.abs(this.Ed)+"D");if(this.od||this.rd||this.vd||a)c.push("T"),(this.od||a)&&c.push(Math.abs(this.od)+"H"),(this.rd||a)&&c.push(Math.abs(this.rd)+"M"),
(this.vd||a)&&c.push(Math.abs(this.vd)+"S");return c.join("")};Sh.prototype.equals=function(a){return a.Ud==this.Ud&&a.Ld==this.Ld&&a.Ed==this.Ed&&a.od==this.od&&a.rd==this.rd&&a.vd==this.vd};Sh.prototype.clone=function(){return new Sh(this.Ud,this.Ld,this.Ed,this.od,this.rd,this.vd)};var Th="y",Uh="m",Vh="d",Wh="h",Xh="n",Yh="s";Sh.prototype.oW=function(a){return new Sh(this.Ud*a,this.Ld*a,this.Ed*a,this.od*a,this.rd*a,this.vd*a)};
Sh.prototype.add=function(a){this.Ud+=a.Ud;this.Ld+=a.Ld;this.Ed+=a.Ed;this.od+=a.od;this.rd+=a.rd;this.vd+=a.vd};z.e=Zh.prototype;z.e.cs=ji.JC;z.e.ds=ji.KC;z.e.clone=function(){var a=new Zh(this.fa);a.cs=this.cs;a.ds=this.ds;return a};z.e.getFullYear=function(){return this.fa.getFullYear()};z.e.getYear=function(){return this.getFullYear()};z.e.getMonth=function(){return this.fa.getMonth()};z.e.getDate=function(){return this.fa.getDate()};z.e.getTime=function(){return this.fa.getTime()};
z.e.getDay=function(){return this.fa.getDay()};z.e.getUTCFullYear=function(){return this.fa.getUTCFullYear()};z.e.getUTCMonth=function(){return this.fa.getUTCMonth()};z.e.getUTCDate=function(){return this.fa.getUTCDate()};z.e.getUTCDay=function(){return this.fa.getDay()};z.e.getUTCHours=function(){return this.fa.getUTCHours()};z.e.getUTCMinutes=function(){return this.fa.getUTCMinutes()};z.e.getTimezoneOffset=function(){return this.fa.getTimezoneOffset()};
z.e.set=function(a){this.fa=new Date(a.getFullYear(),a.getMonth(),a.getDate())};z.e.setFullYear=function(a){this.fa.setFullYear(a)};z.e.setYear=function(a){this.setFullYear(a)};z.e.setMonth=function(a){this.fa.setMonth(a)};z.e.setDate=function(a){this.fa.setDate(a)};z.e.setTime=function(a){this.fa.setTime(a)};z.e.setUTCFullYear=function(a){this.fa.setUTCFullYear(a)};z.e.setUTCMonth=function(a){this.fa.setUTCMonth(a)};z.e.setUTCDate=function(a){this.fa.setUTCDate(a)};
z.e.add=function(a){if(a.Ud||a.Ld){var b=this.getMonth()+a.Ld+12*a.Ud,c=this.getYear()+Math.floor(b/12),b=b%12;0>b&&(b+=12);var d;a:{switch(b){case 1:d=0!=c%4||0==c%100&&0!=c%400?28:29;break a;case 5:case 8:case 10:case 3:d=30;break a}d=31}d=Math.min(d,this.getDate());this.setDate(1);this.setFullYear(c);this.setMonth(b);this.setDate(d)}a.Ed&&(a=new Date((new Date(this.getYear(),this.getMonth(),this.getDate(),12)).getTime()+864E5*a.Ed),this.setDate(1),this.setFullYear(a.getFullYear()),this.setMonth(a.getMonth()),
this.setDate(a.getDate()),ai(this,a.getDate()))};z.e.iq=function(a,b){return[this.getFullYear(),Ya(this.getMonth()+1,2),Ya(this.getDate(),2)].join(a?"-":"")+(b?bi(this):"")};z.e.equals=function(a){return!(!a||this.getYear()!=a.getYear()||this.getMonth()!=a.getMonth()||this.getDate()!=a.getDate())};z.e.toString=function(){return this.iq()};z.e.valueOf=function(){return this.fa.valueOf()};z.x(ci,Zh);z.e=ci.prototype;z.e.getHours=function(){return this.fa.getHours()};z.e.getMinutes=function(){return this.fa.getMinutes()};
z.e.getSeconds=function(){return this.fa.getSeconds()};z.e.getMilliseconds=function(){return this.fa.getMilliseconds()};z.e.getUTCDay=function(){return this.fa.getUTCDay()};z.e.getUTCHours=function(){return this.fa.getUTCHours()};z.e.getUTCMinutes=function(){return this.fa.getUTCMinutes()};z.e.getUTCSeconds=function(){return this.fa.getUTCSeconds()};z.e.getUTCMilliseconds=function(){return this.fa.getUTCMilliseconds()};z.e.setHours=function(a){this.fa.setHours(a)};z.e.setMinutes=function(a){this.fa.setMinutes(a)};
z.e.setSeconds=function(a){this.fa.setSeconds(a)};z.e.setMilliseconds=function(a){this.fa.setMilliseconds(a)};z.e.setUTCHours=function(a){this.fa.setUTCHours(a)};z.e.setUTCMinutes=function(a){this.fa.setUTCMinutes(a)};z.e.setUTCSeconds=function(a){this.fa.setUTCSeconds(a)};z.e.setUTCMilliseconds=function(a){this.fa.setUTCMilliseconds(a)};
z.e.add=function(a){Zh.prototype.add.call(this,a);a.od&&this.setUTCHours(this.fa.getUTCHours()+a.od);a.rd&&this.setUTCMinutes(this.fa.getUTCMinutes()+a.rd);a.vd&&this.setUTCSeconds(this.fa.getUTCSeconds()+a.vd)};z.e.iq=function(a,b){var c=Zh.prototype.iq.call(this,a);return a?c+" "+Ya(this.getHours(),2)+":"+Ya(this.getMinutes(),2)+":"+Ya(this.getSeconds(),2)+(b?bi(this):""):c+"T"+Ya(this.getHours(),2)+Ya(this.getMinutes(),2)+Ya(this.getSeconds(),2)+(b?bi(this):"")};
z.e.equals=function(a){return this.getTime()==a.getTime()};z.e.toString=function(){return this.iq()};z.e.clone=function(){var a=new ci(this.fa);a.cs=this.cs;a.ds=this.ds;return a};var ni=[/^\'(?:[^\']|\'\')*\'/,/^(?:G+|y+|M+|k+|S+|E+|a+|h+|K+|H+|c+|L+|Q+|d+|m+|s+|v+|V+|w+|z+|Z+)/,/^[^\'GyMkSEahKHcLQdmsvVwzZ]+/];
ii.prototype.format=function(a,b){if(!a)throw Error("The date to format must be non-null.");var c=b?6E4*(a.getTimezoneOffset()-(b.Ju-gi(b,a))):0,d=c?new Date(a.getTime()+c):a,f=d;b&&d.getTimezoneOffset()!=a.getTimezoneOffset()&&(d=new Date(d.getTime()+6E4*(d.getTimezoneOffset()-a.getTimezoneOffset())),f=new Date(a.getTime()+(c+(0=(0,window.parseInt)(b[1],10)?"nweb":"zhihu_web",3])};Li.FV=function(){var a=window._gaq;a.push(["_setAccount","UA-20961733-1"]);a.push(["_setDomainName",".zhihu.com"]);Li.rV();Li.oM()};Li.Qq=function(){var a=window.document.createElement("script");a.async=!0;a.src=("https:"===window.document.location.protocol?"https://ssl":"http://www")+".google-analytics.com/ga.js";var b=window.document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)};
Li.init=function(){Li.FV();Li.yV();Li.xW();Li.Qq()};var Fm;window.za=window.za||[];var yi=new Ph("za");yi.g(function(a){z.y(a,function(a){window.za.collect("event",a)})});
Fm=function(){var a=window.za=window.za||[];if(a.pR)return void(window.console&&window.console.error&&window.console.error("Zhihu Analytics snippet included twice."));a.pR=!0;a.methods=["init","collect","set","get"];a.factory=function(b){return function(){var c=Array.prototype.slice.call(arguments);return c.unshift(b),a.push(c),a}};for(var b=0;bc?"":0==c?";expires\x3d"+(new Date(1970,1,1)).toUTCString():";expires\x3d"+(new Date((0,z.I)()+1E3*c)).toUTCString();this.Ka.cookie=a+"\x3d"+b+f+d+c+g};
z.e.get=function(a,b){for(var c=a+"\x3d",d=(this.Ka.cookie||"").split(Zi),f=0,g;g=d[f];f++){if(0==g.lastIndexOf(c,0))return g.substr(c.length);if(g==a)return""}return b};z.e.remove=function(a,b,c){var d=this.Of(a);this.set(a,"",0,b,c);return d};z.e.ld=function(){return z.Yi(this).keys};z.e.Wc=function(){return z.Yi(this).values};z.e.Zg=function(){return!this.Ka.cookie};z.e.kb=function(){return this.Ka.cookie?(this.Ka.cookie||"").split(Zi).length:0};z.e.Of=function(a){return z.ka(this.get(a))};
z.e.Xh=z.aa(4);z.e.clear=function(){for(var a=z.Yi(this).keys,b=a.length-1;0<=b;b--)this.remove(a[b])};z.aj=new z.Xi(window.document);z.aj.KX=3950;$i();z.W={set:function(a,b){a.className=b},get:function(a){a=a.className;return z.pa(a)&&a.match(/\S+/g)||[]},add:function(a,b){var c=z.W.get(a),d=z.yb(arguments,1),f=c.length+d.length;z.W.Qq(c,d);z.W.set(a,c.join(" "));return c.length==f},remove:function(a,b){var c=z.W.get(a),d=z.yb(arguments,1),f=z.W.CF(c,d);z.W.set(a,f.join(" "));return f.length==c.length-d.length},Qq:function(a,b){for(var c=0;cthis.Ay)if(this.dispatchEvent(new uj("start",this,a.clientX,a.clientY,a)))this.mj=!0;else{this.Fd||this.Sr(a);return}}c=qj(this,b,c);b=c.x;c=c.y;this.mj&&this.dispatchEvent(new uj("beforedrag",this,a.clientX,a.clientY,a,b,c))&&
(tj(this,a,b,c),a.preventDefault())}};z.e.Mt=function(a){var b=qj(this,0,0);a.clientX=this.clientX;a.clientY=this.clientY;tj(this,a,b.x,b.y)};z.e.Xw=function(a,b){this.Qi&&pj(this)?this.target.style.right=a+"px":this.target.style.left=a+"px";this.target.style.top=b+"px"};z.x(uj,z.Lc);var Im=z.C?'javascript:""':"about:blank";z.x(z.vj,z.G);z.vj.prototype.handleEvent=function(a){var b=new z.Pc(a.gc);b.type="focusin"==a.type||"focus"==a.type?"focusin":"focusout";this.dispatchEvent(b)};z.vj.prototype.D=function(){z.vj.o.D.call(this);z.nd(this.RR);z.nd(this.SR);delete this.h};z.x(xj,z.R);z.e=xj.prototype;z.e.Hx=null;z.e.sb=!1;z.e.Pc=null;z.e.zc=null;z.e.Pe=null;z.e.gw=!1;z.e.U=function(){return"goog-modalpopup"};z.e.zj=function(){return this.Pc};z.e.B=function(){xj.o.B.call(this);var a=this.m(),b=(0,z.ab)(this.U()).split(" ");z.ij(a,b);z.nf(a,!0);z.Q(a,!1);this.Fz();yj(this)};
z.e.Fz=function(){this.QW&&!this.zc&&(this.zc=this.K().B("iframe",{frameborder:0,style:"border:0;vertical-align:bottom;"+(z.pa(void 0)?(new z.Bd).wo(void 0).Sg():""),src:Im}),this.zc.className=this.U()+"-bg",z.Q(this.zc,!1),z.Jg(this.zc,0));this.Pc||(this.Pc=this.K().B("DIV",this.U()+"-bg"),z.Q(this.Pc,!1))};z.e.qJ=function(){this.gw=!1};z.e.Ob=function(a){return!!a&&"DIV"==a.tagName};
z.e.Y=function(a){xj.o.Y.call(this,a);a=(0,z.ab)(this.U()).split(" ");z.ij(this.m(),a);this.Fz();yj(this);z.nf(this.m(),!0);z.Q(this.m(),!1)};z.e.C=function(){this.zc&&z.af(this.zc,this.m());z.af(this.Pc,this.m());xj.o.C.call(this);z.bf(this.Pe,this.m());this.Hx=new z.vj(this.K().ua());this.v().g(this.Hx,"focusin",this.fp);zj(this,!1)};z.e.Hb=function(){this.V()&&this.G(!1);z.Cc(this.Hx);xj.o.Hb.call(this);z.P(this.zc);z.P(this.Pc);z.P(this.Pe)};
z.e.G=function(a){a!=this.sb&&(this.pk&&this.pk.stop(),this.Yk&&this.Yk.stop(),this.nk&&this.nk.stop(),this.Xk&&this.Xk.stop(),this.wa&&zj(this,a),a?this.mB():this.Rl())};z.e.NJ=function(a,b,c,d){this.pk=a;this.nk=b;this.Yk=c;this.Xk=d};
z.e.mB=function(){if(this.dispatchEvent("beforeshow")){try{this.Zl=this.K().ua().activeElement}catch(a){}this.OA();this.ha();this.v().g(this.K().Va(),"resize",this.OA);Aj(this,!0);this.focus();this.sb=!0;this.pk&&this.Yk?(z.ld(this.pk,"end",this.jg,!1,this),this.Yk.play(),this.pk.play()):this.jg()}};
z.e.Rl=function(){this.dispatchEvent("beforehide")&&(this.v().qa(this.K().Va(),"resize",this.OA),this.sb=!1,this.nk&&this.Xk?(z.ld(this.nk,"end",this.fm,!1,this),this.Xk.play(),this.nk.play()):this.fm(),this.uJ())};z.e.uJ=function(){try{var a=this.K(),b=a.ua().body,c=a.ua().activeElement||b;if(!this.Zl||this.Zl==b){this.Zl=null;return}(c==b||a.contains(this.m(),c))&&this.Zl.focus()}catch(d){}this.Zl=null};z.e.jg=function(){this.dispatchEvent("show")};z.e.fm=function(){Aj(this,!1);this.dispatchEvent("hide")};
z.e.V=function(){return this.sb};z.e.focus=function(){this.lF()};z.e.OA=function(){this.zc&&z.Q(this.zc,!1);this.Pc&&z.Q(this.Pc,!1);var a=this.K().ua(),b=z.Oe(z.Re(a)||window),c=Math.max(b.width,Math.max(a.body.scrollWidth,a.documentElement.scrollWidth)),a=Math.max(b.height,Math.max(a.body.scrollHeight,a.documentElement.scrollHeight));this.zc&&(z.Q(this.zc,!0),z.Fg(this.zc,c,a));this.Pc&&(z.Q(this.Pc,!0),z.Fg(this.Pc,c,a))};
z.e.ha=function(){var a=this.K().ua(),b=z.Re(a)||window;if("fixed"==z.yg(this.m()))var c=a=0;else c=z.vf(this.K()),a=c.x,c=c.y;var d=z.Hg(this.m()),b=z.Oe(b),a=Math.max(a+b.width/2-d.width/2,0),c=Math.max(c+b.height/2-d.height/2,0);z.zg(this.m(),a,c);z.zg(this.Pe,a,c)};z.e.fp=function(a){this.gw?this.qJ():a.target==this.Pe&&z.vd(this.lF,0,this)};z.e.lF=function(){try{z.C&&this.K().ua().body.focus(),this.m().focus()}catch(a){}};
z.e.D=function(){z.Cc(this.pk);this.pk=null;z.Cc(this.nk);this.nk=null;z.Cc(this.Yk);this.Yk=null;z.Cc(this.Xk);this.Xk=null;xj.o.D.call(this)};var ok,Mm,Nm,Om,Pm,Qm,Rm,Jm,Sm,Pj;z.x(z.Bj,xj);z.e=z.Bj.prototype;z.e.cF=!0;z.e.zy=!0;z.e.cm=!0;z.e.ix=!0;z.e.fr=.5;z.e.NB="";z.e.rc=null;z.e.Jb=null;z.e.ME=!1;z.e.zd=null;z.e.dd=null;z.e.Uu=null;z.e.yd=null;z.e.Ye=null;z.e.oc=null;z.e.qp="dialog";z.e.U=function(){return this.Rc};z.e.Na=function(a){this.NB=a;this.dd&&z.mf(this.dd,a)};z.e.ia=function(a){this.rc=a=z.Hd(a,null);this.Ye&&z.Fe(this.Ye,a)};z.e.Ua=z.aa(21);z.e.ki=function(){return this.qp};z.e.Du=z.aa(22);z.e.S=function(){z.Dj(this);return this.Ye};
z.e.gs=z.aa(24);z.e.fi=function(){z.Dj(this);return this.m()};z.e.zj=function(){z.Dj(this);return z.Bj.o.zj.call(this)};z.e.Op=function(a){a!=this.cm&&Hj(this,a)};
z.e.B=function(){z.Bj.o.B.call(this);var a=this.m(),b=this.K();this.zd=b.B("DIV",this.Rc+"-title",this.dd=b.B("SPAN",{className:this.Rc+"-title-text",id:this.de()},this.NB),this.yd=b.B("SPAN",this.Rc+"-title-close"));z.Ze(a,this.zd,this.Ye=b.B("DIV",this.Rc+"-content"),this.oc=b.B("DIV",this.Rc+"-buttons"));z.bj(this.dd,"heading");z.bj(this.yd,"button");z.nf(this.yd,!0);z.cj(this.yd,"label",Jm);this.Uu=this.dd.id;z.bj(a,this.ki());z.cj(a,"labelledby",this.Uu||"");this.rc&&z.Fe(this.Ye,this.rc);z.Q(this.yd,
this.zy);this.pc&&(a=this.pc,a.h=this.oc,a.render());z.Q(this.oc,!!this.pc);Gj(this,this.fr)};
z.e.Y=function(a){z.Bj.o.Y.call(this,a);a=this.m();var b=this.Rc+"-content";this.Ye=z.Le(window.document,null,b,a)[0];this.Ye||(this.Ye=this.K().B("DIV",b),this.rc&&z.Fe(this.Ye,this.rc),a.appendChild(this.Ye));var b=this.Rc+"-title",c=this.Rc+"-title-text",d=this.Rc+"-title-close";(this.zd=z.Le(window.document,null,b,a)[0])?(this.dd=z.Le(window.document,null,c,this.zd)[0],this.yd=z.Le(window.document,null,d,this.zd)[0]):(this.zd=this.K().B("DIV",b),a.insertBefore(this.zd,this.Ye));this.dd?(this.NB=
z.of(this.dd),this.dd.id||(this.dd.id=this.de())):(this.dd=z.O("SPAN",{className:c,id:this.de()}),this.zd.appendChild(this.dd));this.Uu=this.dd.id;z.cj(a,"labelledby",this.Uu||"");this.yd||(this.yd=this.K().B("SPAN",d),this.zd.appendChild(this.yd));z.Q(this.yd,this.zy);b=this.Rc+"-buttons";(this.oc=z.Le(window.document,null,b,a)[0])?(this.pc=new z.Oj(this.K()),this.pc.w(this.oc)):(this.oc=this.K().B("DIV",b),a.appendChild(this.oc),this.pc&&(a=this.pc,a.h=this.oc,a.render()),z.Q(this.oc,!!this.pc));
Gj(this,this.fr)};z.e.C=function(){z.Bj.o.C.call(this);this.v().g(this.m(),"keydown",this.jp).g(this.m(),"keypress",this.jp);this.v().g(this.oc,"click",this.GS);Ij(this,this.ix);this.v().g(this.yd,"click",this.AT);var a=this.m();z.bj(a,this.ki());""!==this.dd.id&&z.cj(a,"labelledby",this.dd.id);this.cm||Hj(this,!1)};z.e.Hb=function(){this.V()&&this.G(!1);Ij(this,!1);z.Bj.o.Hb.call(this)};z.e.G=function(a){a!=this.V()&&(this.wa||this.render(),z.Bj.o.G.call(this,a))};
z.e.jg=function(){z.Bj.o.jg.call(this);this.dispatchEvent(ok)};z.e.fm=function(){z.Bj.o.fm.call(this);this.dispatchEvent(z.pk);this.ME&&this.H()};
z.e.DV=function(){var a=this.K().ua(),b=z.Oe(z.Re(a)||window),c=Math.max(a.body.scrollWidth,b.width),a=Math.max(a.body.scrollHeight,b.height),d=z.Hg(this.m());"fixed"==z.yg(this.m())?this.Jb.lt=new z.qg(0,0,Math.max(0,b.width-d.width),Math.max(0,b.height-d.height))||new z.qg(window.NaN,window.NaN,window.NaN,window.NaN):this.Jb.lt=new z.qg(0,0,c-d.width,a-d.height)||new z.qg(window.NaN,window.NaN,window.NaN,window.NaN)};z.e.AT=function(){Jj(this)};z.e.Bf=function(a){this.ME=a};
z.e.D=function(){this.oc=this.yd=null;z.Bj.o.D.call(this)};z.e.GS=function(a){a:{for(a=a.target;null!=a&&a!=this.oc;){if("BUTTON"==a.tagName)break a;a=a.parentNode}a=null}if(a&&!a.disabled){a=a.name;var b=this.pc.get(a);this.dispatchEvent(new Kj(a,b))&&this.G(!1)}};
z.e.jp=function(a){var b=!1,c=!1,d=this.pc,f=a.target;if("keydown"==a.type)if(this.cF&&27==a.keyCode){var g=d&&d.yw,f="SELECT"==f.tagName&&!f.disabled;g&&!f?(c=!0,b=d.get(g),b=this.dispatchEvent(new Kj(g,b))):f||(b=!0)}else{if(9==a.keyCode&&a.shiftKey&&f==this.m()){this.gw=!0;try{this.Pe.focus()}catch(m){}z.vd(this.qJ,0,this)}}else if(13==a.keyCode){if("BUTTON"==f.tagName&&!f.disabled)g=f.name;else if(f==this.yd)Jj(this);else if(d){var h=d.Yw,k=h&&d.kf(h),f=("TEXTAREA"==f.tagName||"SELECT"==f.tagName||
"A"==f.tagName)&&!f.disabled;!k||k.disabled||f||(g=h)}g&&d&&(c=!0,b=this.dispatchEvent(new Kj(g,String(d.get(g)))))}else f==this.yd&&32==a.keyCode&&Jj(this);if(b||c)a.stopPropagation(),a.preventDefault();b&&this.G(!1)};z.x(Kj,z.Lc);z.Nj="dialogselect";z.pk="afterhide";ok="aftershow";z.x(z.Oj,z.Rd);z.e=z.Oj.prototype;z.e.Rc="goog-buttonset";z.e.Yw=null;z.e.h=null;z.e.yw=null;z.e.set=function(a,b,c,d){z.Rd.prototype.set.call(this,a,b);c&&(this.Yw=a);d&&(this.yw=a);return this};
z.e.Bd=function(a,b,c){return this.set(a.key,a.caption,b,c)};z.e.render=function(){if(this.h){z.Fe(this.h,Mj);var a=z.J(this.h);this.forEach(function(b,c){var d=a.B("BUTTON",{name:c},b);c==this.Yw&&(d.className=this.Rc+"-default");this.h.appendChild(d)},this)}};z.e.w=function(a){if(a&&1==a.nodeType){this.h=a;a=this.h.getElementsByTagName("BUTTON");for(var b=0,c,d,f;c=a[b];b++)if(d=c.name||c.id,f=z.of(c)||c.value,d){var g=0==b;this.set(d,f,g,c.name==z.Km);g&&z.hj(c,this.Rc+"-default")}}};z.e.m=function(){return this.h};
z.e.K=function(){return this.da};z.e.kf=function(a){for(var b=this.h.getElementsByTagName("BUTTON"),c=0,d;d=b[c];c++)if(d.name==a||d.id==a)return d;return null};z.Km="cancel";z.Lm={yg:"ok",Te:z.Km,Ag:"yes",Ih:"no",$i:"save",Zi:"continue"};Mm=z.u("OK");Nm=z.u("Cancel");Om=z.u("Yes");Pm=z.u("No");Qm=z.u("Save");Rm=z.u("Continue");Jm=z.u("Close");Sm={yg:Mm,Te:Nm,Ag:Om,Ih:Pm,$i:Qm,Zi:Rm};
Pj={yg:{key:"ok",caption:Sm.yg},Te:{key:z.Km,caption:Sm.Te},Ag:{key:"yes",caption:Sm.Ag},Ih:{key:"no",caption:Sm.Ih},$i:{key:"save",caption:Sm.$i},Zi:{key:"continue",caption:Sm.Zi}};"undefined"!=typeof window.document&&((new z.Oj).Bd(Pj.yg,!0,!0),z.Cj(),(new z.Oj).Bd(Pj.Ag,!0).Bd(Pj.Ih,!1,!0),(new z.Oj).Bd(Pj.Ag).Bd(Pj.Ih,!0).Bd(Pj.Te,!1,!0),(new z.Oj).Bd(Pj.Zi).Bd(Pj.$i).Bd(Pj.Te,!0,!0));(function(){var a=z.Ui||z.Vj,b=a&&window.navigator.userAgent.match(/OS\s(\w+)/)[1].slice(0,3).replace(/_/g,".");z.Tm="contentEditable"in window.document.documentElement&&!(a&&5>b)&&!(z.Wl&&3>window.navigator.userAgent.match(/Android (\d)/)[1]);var c=(0,window.$)(window.document.documentElement);z.Um="ontouchstart"in window;c.addClass(z.Uj?"mobile":"no-mobile");z.Vm=a&&6<=b||!z.Uj;"orientation"in window&&(a=function(){var a={0:"portrait",90:"landscape landscape-left","-90":"landscape landscape-right"},
b=a[window.orientation]||"";c.removeClass(z.Gb(a).join(" ")).addClass(b)},(0,window.$)(window).on("orientationchange",a),a())})();Sm={yg:"确定",Te:"取消",Ag:"是",Ih:"否",$i:"保存",Zi:"继续"};Pj={yg:{key:"ok",caption:Sm.yg},Te:{key:z.Km,caption:Sm.Te},Ag:{key:"yes",caption:Sm.Ag},Ih:{key:"no",caption:Sm.Ih},$i:{key:"save",caption:Sm.$i},Zi:{key:"continue",caption:Sm.Zi}};z.Cj=function(){return(new z.Oj).Bd(Pj.Te,!1,!0).Bd(Pj.yg,!0)};z.x(z.V,z.Bj);z.v("ZH.ui.Dialog",z.V);z.e=z.V.prototype;z.e.aL=null;z.e.C=function(){var a=!z.Um;this.ix=a;Ij(this,a&&this.wa);z.V.o.C.call(this);this.Wk&&z.Sj(this);z.Tj(this,this.aL)};
z.e.mR=z.Qj(function(){var a=z.Ug(),b=a/2,a=z.Ka("html.modal-open {overflow:hidden}html.modal-doc-overflow {margin-right:%spx}html.modal-doc-overflow .modal-translate-shifting.sticky {transition-property:none; transform:translateX(-%spx)}html.modal-doc-overflow .modal-shifting {position:relative; right:%spx}",a,b,b);z.Lg(a)});z.e.vm=z.aa(25);
z.e.ha=function(){if(!this.cm||!window.Modernizr.flexbox)if(z.V.o.ha.call(this),!this.oF){var a=(0,window.$)(this.m()),b=(0,window.$)(window).scrollTop();if(!z.Uj||z.Vj)var c=(0,window.parseInt)(a.css("top").slice(0,-2)),b="-\x3d"+Math.min(c-b,60)+"px";a.add(this.Pe).css("top",b)}};z.e.focus=function(){z.Uj&&!z.Vj||z.V.o.focus.call(this)};z.V.prototype.setTitle=z.V.prototype.Na;z.V.prototype.setModal=z.V.prototype.Op;z.V.prototype.setDisposeOnHide=z.V.prototype.Bf;z.V.prototype.setVisible=z.V.prototype.G;
z.V.prototype.getContentElement=z.V.prototype.S;z.V.prototype.getDialogElement=z.V.prototype.fi;z.V.prototype.listen=z.V.prototype.g;z.v("ZH.dialog",z.X);z.X.confirm=Wj(function(a,b,c,d){var f={buttons:{yes:"确认",cancel:"取消"}},g=void 0;z.ta(a)?(g=a,c=b):g={title:a,content:b};window.$.extend(!0,f,g);return z.X(f,(c||z.p).bind(d))});z.X.confirm=z.X.confirm;z.X.alert=Wj(function(a,b){var c={title:"提示信息",buttons:{yes:"确定"}};z.ta(a)?Object.assign(c,a):c.content=a;return z.X(c,b)});z.X.alert=z.X.alert;
z.X.message=Wj(function(a,b,c){if(a){var d=z.X({title:c||"提示信息",content:z.Ma(a),buttons:{}});(0,window.setTimeout)(function(){d.G(!1)},b||2E3);return d}});z.X.async=function(a){var b=window.$.extend({},{title:"信息",ZJ:"加载中",buttons:{},onload:z.p},a),c=z.O("div",{className:"modal-dialog-async-loading",innerHTML:(b.ZJ||"加载中")+'\x3ci class\x3d"spinner-gray"\x3e\x3c/i\x3e'}),d=z.X(b);d.S().appendChild(c);b.Iw&&b.Iw.then(function(a){z.P(c);d.Fd||(a&&d.ia(a),d.ha(),b.onload(d.S(),d))});return d};z.x(z.Xj,z.G);z.Xj.prototype.v=function(){return this.pf||(this.pf=new z.xd(this))};z.Xj.prototype.Pg=z.aa(26);z.x(Yj,z.Xj);Yj.prototype.init=function(){if(this.h=z.L("zh-global-message"))this.UH=z.N("zu-global-notify-msg",this.h),this.v().g(this.h,"click",this.Qa)};Yj.prototype.Qa=function(a){a.target&&a.target.name&&z.Q(this.h,!1)};Yj.prototype.fireEvent=function(a){this.dispatchEvent(a)};z.x(z.Zj,z.Lc);z.Y=new Yj;z.Y.init();z.v("ZH.i",function(a){z.Y.dispatchEvent(new z.Zj("iframe_data",a))});z.v("ZH.cm",function(a,b){z.Y.dispatchEvent(new z.Zj(a,b))});z.x(z.dk,z.R);z.e=z.dk.prototype;z.e.Y=function(a){z.dk.o.Y.call(this,a);this.Da=(0,window.$)(a).parents("form")};
z.e.C=function(){z.dk.o.C.call(this);this.W=(0,window.$)(this.m());this.Kk=(0,window.$)("img",this.W);this.Xi=(0,window.$)('input[name\x3d"captcha"]',this.W);this.mL=(0,window.$)(".Captcha-imageConatiner",this.W);this.tL=(0,window.$)(".Captcha-prompt",this.W);this.Nm="cn"===this.W.data("type");fk(this);this.W.on("click",".js-refreshCaptcha",this.ju.bind(this,!0));this.XJ=!this.Nm;this.Nm&&(this.Kk.on("click",this.aS.bind(this)),this.W.on("click",".Captcha-mark",this.GW.bind(this)),this.qG=this.GQ.bind(this),
this.Da.on("input","input",this.qG))};
z.e.aS=function(a){this.trackEvent("Select","Icon");if(7===(0,window.$)(".Captcha-mark",this.W).length)this.Da.data("validator").showErrors({captcha:"最多只能选择 7 个点"});else{gk(this);var b=this.Kk.offset(),c=a.pageX-b.left-this.Hz;a=a.pageY-b.top-this.Hz;(0,window.$)("\x3cspan /\x3e",{"class":"Captcha-mark sprite-index-icon-delete"}).css({left:c,top:a}).appendTo(this.mL).mouseenter(function(){(0,window.$)(this).addClass("sprite-index-icon-delete").removeClass("sprite-index-icon-mark")}).mouseleave(function(){(0,window.$)(this).addClass("sprite-index-icon-mark").removeClass("sprite-index-icon-delete")});ek(this)}};
z.e.GW=function(a){this.trackEvent("Unselect","Icon");gk(this);(0,window.$)(a.target).remove();ek(this)};z.e.ju=function(a){a&&this.trackEvent("Click","Button");this.trackEvent("Refresh","Image");this.pb=(0,z.I)().toString();a=(new z.vh).add("r",this.pb);"login"===this.Xb&&a.add("type","login");this.Nm&&a.add("lang","cn");var b=th(new z.ph(this.$B),a);fk(this);this.Kk.fadeOut(200,function(){(0,window.$)(this).attr("src",b.toString()).fadeIn(200)})};
z.e.GQ=function(){this.Nm&&0===this.Da.serializeArray().filter(function(a){return"captcha"!==a.name&&""===window.$.trim(a.value)}).length&&(this.Da.off("input","input",this.qG),this.XJ=!0,z.hk(this))};z.e.info=function(){return"1"===z.aj.get("login"===this.Xb?"l_n_c":"n_c")?{captcha:{type:this.Nm?"Chinese":"English",id:this.pb}}:{}};z.e.trackEvent=function(a,b){var c=this.info();"show"===a?(0,z.Gm)(this,{element:b},c):(0,z.Gi)(this,{action:a,element:b},c)};var kk="closure_memoize_cache_";var Wm=(0,z.q)(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.msRequestAnimationFrame||function(a){return window.setTimeout(a,1E3/60)},window);window.$.easing.easeOutCubic=function(a,b,c,d,f){return d*((b=b/f-1)*b*b+1)+c};
(function(a){window.$.fn.onTransitionEnd=function(b,c){(0,window.$)(this).one(a,b).emulateTransitionEnd(c);return this};window.$.fn.emulateTransitionEnd=function(b){var c=!1,d=this;(0,window.$)(this).one(a,function(){c=!0});(0,window.setTimeout)(function(){c||(0,window.$)(d).trigger(a)},b);return this}})({WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd",msTransition:"MSTransitionEnd",transition:"transitionend"}[window.Modernizr.prefixed("transition")||
"transition"]);
(function(a){window.$.fn.onAnimationEnd=function(b,c){(0,window.$)(this).one(a,b).emulateAnimationEnd(c);return this};window.$.fn.emulateAnimationEnd=function(b){var c=!1,d=this;(0,window.$)(this).one(a,function(){c=!0});(0,window.setTimeout)(function(){c||(0,window.$)(d).trigger(a)},b);return this}})({WebkitAnimation:"webkitAnimationEnd",MozAnimation:"mozAnimationEnd",OAnimation:"oanimationend",msAnimation:"MSAnimationEnd",animation:"animationend"}[window.Modernizr.prefixed("animation")||"animation"]);
window.$.fn.ie=function(){var a={},b=this.serializeArray();window.$.each(b,function(){a[this.name]?(a[this.name].push||(a[this.name]=[a[this.name]]),a[this.name].push(this.value||"")):a[this.name]=this.value||""});return a};z.x(lk,z.G);lk.prototype.play=function(){var a=this;Wm(function(){a.W.toggleClass(a.tW)});if(window.Modernizr.csstransitions)a.W.onTransitionEnd(function(){a.dispatchEvent("end")},a.duration);else a.dispatchEvent("end")};lk.prototype.stop=z.p;z.l(mk,z.V);z.e=mk.prototype;z.e.B=function(){z.V.prototype.B.call(this);z.Dj(this);this.Se=(0,window.$)(this.zd);this.Oc=(0,window.$)(this.S());(0,window.$)(z.Fj(this)).addClass("z-ico-close");this.zq=(0,window.$)('\x3cspan class\x3d"mutiview-dialog-title-back z-ico-left"\x3e\x3c/span\x3e').appendTo(this.Se)};
z.e.C=function(){z.V.prototype.C.call(this);this.zq.click(window.$.proxy(this.RV,this));var a=this.m(),b=this.zj();(0,window.$)(a).addClass(this.RT);this.NJ(new lk(a,"show",300),new lk(a,"show",300),new lk(b,"show",300),new lk(b,"show",300))};
z.e.ia=function(a,b){z.V.prototype.ia.call(this,a);(0,window.$)(".title",this.Oc).replaceAll(Ej(this));var c=(0,window.$)(".title",this.Se).addClass("right"),d=(0,window.$)(".view",this.Oc).addClass("right");b?(this.Jk=(0,window.$)(".title."+b,this.Se),this.Ui=(0,window.$)(".view."+b,this.Oc)):(this.Jk=c.first(),this.Ui=d.first());this.Jk.removeClass("right");this.Ui.removeClass("right")};
z.e.RV=function(){var a=this.Ui,b=this.Jk,c=this.VI.pop(),d=this.UI.pop();c.length&&d.length&&(rk(this),c.css("visibility","visible").removeClass(" left"),d.css("visibility","visible").removeClass("left"),a.addClass("right").onTransitionEnd(function(){a.css("visibility","hidden")},300),b.addClass("right").onTransitionEnd(function(){b.css("visibility","hidden")},300),this.Ui=c,this.Jk=d,sk(this,this.sD.pop()),this.Pt())};z.e.Pt=function(){};window.$.fn.placeholder=function(a){return this.each(function(){var b=(0,window.$)(this),c=b.data("placeholder");c||b.data("placeholder",c=new z.vk(this,a));c.check()})};z.xk="placeholder"in window.document.createElement("input");z.e=z.vk.prototype;z.e.defaults={text:"",offsetParent:null,pD:!1};z.e.kN=["paddingBottom","paddingTop","paddingLeft","paddingRight"];
z.e.wk=function(a){var b=this.input,c=this.J;c.text=a||"";z.xk?(Ak(b)||z.cj(b,"label",c.text),b.setAttribute("placeholder",c.text)):z.mf(this.label,c.text)};z.e.H=function(){this.Tg&&(this.Tg.removeAll(),this.Tg.H());z.P(this.label);this.label=null};z.e.offsetParent=function(){return this.J.offsetParent||this.input.offsetParent};
z.e.check=function(){if(!z.xk)if(this.Zg()&&z.Kg(this.input)){this.show();var a=this.input,b=z.Sg(a),c=this.label,d=z.Cg(a,this.offsetParent());z.rg(c,{left:d.x+b.left+"px",top:d.y+b.top+"px",width:Bk(a,"width"),fontSize:Bk(a,"fontSize"),lineHeight:Bk(a,"lineHeight"),fontFamily:Bk(a,"fontFamily")});this.offsetParent().appendChild(c)}else this.hide()};z.e.show=function(){this.label&&z.Q(this.label,!0)};z.e.hide=function(){this.label&&z.Q(this.label,!1)};z.e.Zg=function(){return!this.input.value};
z.e.position=function(){z.y(this.kN,function(a){this.label.style[a]=Bk(this.input,a)},this)};z.Ym={EG:function(){var a=this,b=this.m(),c=(0,window.$)(".js-show-sns-buttons",b);c.click(function(){c.onTransitionEnd(function(){c.css("visibility","hidden")},250).removeClass("is-visible").next(".sns-buttons").addClass("is-visible")});(0,window.$)("button.weibo",b).click(function(){a.na({category:"sign_in_or_sign_up",action:"click_sign_with_weibo_start"});z.ak("sina")});(0,window.$)("button.qq",b).click(function(){a.na({category:"sign_in_or_sign_up",action:"click_sign_with_qq_start"});z.ak("qq")});
(0,window.$)("button.wechat",b).click(function(){a.na({category:"sign_in_or_sign_up",action:"click_sign_with_wechat_start"});z.ak("wechat")})},na:function(a){this.Hf&&!a.label&&(a.label=this.Hf);this.dispatchEvent(window.$.extend({type:"trackRequested"},a))&&z.xi(a)},mI:function(a){var b=(0,window.$)("form",this.m());(0,window.$)(":submit",b).click(function(){a(b.ie())});(0,window.$)("keydown",b).click(function(c){13===c.keyCode&&a(b.ie())})},De:function(a,b){var c=(0,window.$)(".submit",a);a.validate(window.$.extend({},
z.Xm,{submitHandler:z.uk(c,window.$.proxy(b,this))}));this.Da=a},getData:function(){return this.Da.ie()},showErrors:function(a){this.Da.data("validator").showErrors(a)},Ss:function(a){a=(0,window.$)(".input-wrapper.toggle-password",a);var b=(0,window.$)("input",a),c=(0,window.$)(".z-ico-show-password",a);c.click(function(){"password"===b.prop("type")?(c.addClass("z-ico-hide-password"),b.prop("type","text")):(c.removeClass("z-ico-hide-password"),b.prop("type","password"))})},Rs:function(a,b){var c=
z.tk(a,60,function(a){return a?"%s 秒后重发":"重发验证码"},window.$.proxy(b,this),!0);z.Ac(this,c);return c},sl:function(){var a=this;z.xk||(0,window.setTimeout)(function(){(0,window.$)("input[placeholder]:visible",a.Oc).placeholder()},10)},Od:function(){this.dispatchEvent("beforeredirect");var a=(new z.ph(window.location.href)).ze().get("next");a?window.location.href=a:window.location.reload()},rf:function(a){return!/^\+?[0-9]+$/.test(a)},wb:function(a,b,c){a[b]&&(a[c]=a[b],delete a[b])},bd:function(a){this.Hf=
a},oq:function(a){var b=[this.getParent(),this].find(function(a){return a instanceof mk});b?nk(b,a):a.G(!0)}};
z.Xm={ignore:".is-ignoreValidation",onkeyup:!1,onfocusout:!1,validClass:"",focusInvalid:!1,highlight:z.p,messages:{fullname:{required:"请填写姓名"},invitation_code:{required:"请填写邀请码"},account:{required:z.Hk?"请填写邮箱":"请填写手机号或邮箱"},agreement:{required:"请勾选并同意协议"},phone_num:{required:"请填写手机号"},email:{required:"请填写邮箱"},password:{required:"请填写密码"},verification_code:{required:"请填写验证码"}},errorPlacement:function(a,b){if(!b.next(".error").length){var c=b.prop("name");"captcha"===c&&Wm(function(){b.nextAll(".Captcha-prompt").addClass("is-hidden")});
"agreement"===c?b.parents(".agreement").find(".error").remove().end().append('\n \x3cdiv class\x3d"error"\x3e'+a.text()+"\x3c/div\x3e\n ").find("input").focus():a.insertAfter(b).click(function(){a.prev("input").focus()});Wm(function(){a.addClass("is-visible")});b.one("focus",function(){a.onTransitionEnd(function(){a.remove()},300).removeClass("is-visible")});if("password"===b.prop("name"))b.one("focus",function(){"password"===b.prop("type")&&(b.select(),b.off("mousedown mouseup").one("mouseup",
function(a){a.preventDefault()}).one("mousedown",function(){b.off("mouseup")}))})}},showErrors:function(a,b){var c=(0,window.$)("label.error",this.currentForm);c.addClass("highlighted");(0,window.setTimeout)(function(){c.removeClass("highlighted")},30);var d=this;b.length&&window.$.each(b,function(a,b){var c=(0,window.$)(b.element),k=b.message,m=(0,window.$)('\x3clabel class\x3d"error"\x3e'+k+"\x3c/label\x3e");"该邮箱已注册"!==k&&"该手机号已注册"!==k||(0,window.$)('\x3cspan\x3e · \x3c/span\x3e\x3ca class\x3d"switch-to-login" href\x3d"javascript:;"\x3e直接登录\x3c/a\x3e').appendTo(m);
Wm(function(){d.settings.errorPlacement(m,c)})})}};z.l(z.Ck,mk);z.Ck.prototype.C=function(){mk.prototype.C.call(this);this.sl()};z.Ck.prototype.show=function(){var a=this;Zm().then(function(){a.G(!0)})};z.Ck.prototype.Pt=function(){mk.prototype.Pt.call(this);this.sl()};var Zm=z.ik(function(){if(z.T.Fb())throw Error("Logged in user should not call ZH.ui.SignDialog.prefetchTemplate");return window.$.get("/node/Register",{params:{is_org_page:z.Hk}})});z.Ca(z.Ck.prototype,z.Ym);(0,window.$)(function(){z.T.Fb()||Zm().then(function(a){(0,window.$)(a).appendTo("body")})});z.l(z.Dk,z.Ck);z.Dk.prototype.B=function(){z.Ck.prototype.B.call(this);this.ia((0,window.$)(".login-sms-verification-template").html())};z.Dk.prototype.C=function(){z.Ck.prototype.C.call(this);this.De((0,window.$)("form",this.h),this.submit);var a=this.options.data.phone_num;(0,window.$)('input[name\x3d"phone_num"]',this.h).val(a.slice(0,-8)+"****"+a.slice(-4));Ek(this)};
z.Dk.prototype.submit=function(){var a=this,b=Object.assign({},this.options.data,this.getData());return window.$.post("/login/two_step_verification/sms",b,function(b){b.r?(b=b.data,b.password?a.options.Um?(b=new a.options.Um({data:{account:a.options.data.phone_num,password:a.options.data.password},bF:b}),b.Db(a),a.oq(b)):(a.options.hT(b),a.G(!1)):a.showErrors(b)):(a.na({wc:!0,category:"sign_in",action:"sign_in_success_phone"}),a.Od())})};z.Ca(z.Dk.prototype,z.Ym);z.x(z.Fk,z.Ck);z.e=z.Fk.prototype;z.e.B=function(){z.Fk.o.B.call(this);this.ia((0,window.$)(".unable-login-template").html())};
z.e.C=function(){z.Fk.o.C.call(this);this.yv=(0,window.$)(".view.reset-password-verification",this.Oc);this.CC=(0,window.$)(".title.reset-password-verification",this.Se);var a=(0,window.$)("form",this.yv);this.De(a,this.mT);this.fw&&(0,window.$)('input[name\x3d"account"]',a).val(this.fw);a=(0,window.$)(".captcha-module",a).get(0);this.pu=new z.dk;this.pu.w(a);Ik(this);this.lv=(0,window.$)(".view.sms-login-verification",this.Oc);this.jL=(0,window.$)(".title.sms-login-verification",this.Se);a=(0,window.$)("form",
this.lv);this.De(a,this.oT);(0,window.$)('input[name\x3d"phone_num"]',a).val(this.fw);a=(0,window.$)(".captcha-module",this.lv).get(0);this.Iv=new z.dk;this.Iv.w(a);Jk(this);Gk(this)};
z.e.mT=function(a){var b=this,c=(0,window.$)(a);a=c.ie();(0,window.$)('input[name\x3d"account"]',this.Jq).val(a.account);var d=this.rf(a.account),f=d?"/send_login_verification_code/email":"/send_login_verification_code/sms";d?this.wb(a,"account","email"):this.wb(a,"account","phone_num");a.is_org_page=z.Hk;(0,window.$)('input[name\x3d"verification_code"]',this.Jq).attr("placeholder",d?"邮箱收到的 6 位数验证码":"手机收到的 6 位数验证码");return window.$.get(f,a,function(a){a.r?200001===a.errcode?(a='机构帐号\x3cspan\x3e · \x3c/span\x3e\x3ca href\x3d"/org/signin"\x3e点此找回\x3c/a\x3e',
z.Hk&&(a='用户帐号\x3cspan\x3e · \x3c/span\x3e\x3ca href\x3d"/signin"\x3e点此找回\x3c/a\x3e'),c.data("validator").showErrors({account:a})):(z.hk(b.pu),c.data("validator").showErrors(a.data)):(qk(b,!0,this.Jq,this.wL),b.WU.start())})};
z.e.nT=function(a){var b=this,c=(0,window.$)(a);a=c.ie();var d=this.rf(a.account),f=d?"/reset_password/email":"/reset_password/phone_num";d?this.wb(a,"account","email"):this.wb(a,"account","phone_num");return window.$.post(f,a,function(a){a.r?c.data("validator").showErrors(a.data):b.Od()})};
z.e.oT=function(a){var b=this,c=(0,window.$)(a);return window.$.get("/send_login_verification_code/sms",c.serialize(),function(a){a.r?(z.hk(b.Iv),a=a.data,b.wb(a,"account","phone_num"),c.data("validator").showErrors(a)):(a=(0,window.$)('input[name\x3d"phone_num"]',c).val(),(0,window.$)('input[name\x3d"phone_num"]',this.mv).val(a),qk(b,!0,this.mv,this.iL),b.TL.start())})};
z.e.pT=function(a){var b=this,c=(0,window.$)(a);return window.$.post("/login/sms_code",c.serialize(),function(a){a.r?(a=a.data,b.wb(a,"account","phone_num"),c.data("validator").showErrors(a)):b.Od()})};z.x(z.Kk,z.Ck);z.Kk.prototype.B=function(){z.Kk.o.B.call(this);var a=(0,window.$)(".oauth-register-template").html(),b=this.wh.status;"bound"===b?this.ia(a,"bound"):"registered"===b?this.ia(a,"registered"):this.ia(a,"register")};z.Kk.prototype.C=function(){z.Kk.o.C.call(this);Lk(this);Mk(this);Nk(this);Ok(this);var a=this;this.Oc.on("click","button.bind-login",function(){qk(a,!0,a.nv,a.kL)}).on("click","button.register",function(){qk(a,!0,a.Kf,a.uL)})};
z.Kk.prototype.lp=function(a){var b=this,c=(0,window.$)(a);b.na({wc:!0,category:"sign_up",action:"sign_up_front_end_pass_"+Pk(b)});return window.$.post("/register/sns",c.serialize(),function(a){a.r?(z.hk(b.Bc),c.data("validator").showErrors(a.data)):(b.na({wc:!0,category:"sign_up",action:"sign_up_success_"+Pk(b)}),b.Od())})};
z.Kk.prototype.ES=function(a){var b=this,c=(0,window.$)(a);b.na({wc:!0,category:"sign_in",action:"sign_in_front_end_pass_"+Pk(b)});return window.$.post("/login/bind",c.serialize(),function(a){a.r?c.data("validator").showErrors(a.data):(b.na({wc:!0,category:"sign_in",action:"sign_in_success_"+Pk(b)}),b.Od())})};z.l(z.Qk,z.R);z.e=z.Qk.prototype;z.e.C=function(){z.R.prototype.C.call(this);this.hc();this.so()};
z.e.hc=function(){var a=this.m(),b=this.Da=(0,window.$)("form",a);this.De(b,this.bA);this.Ss(b);this.EG();var c=(0,window.$)(".captcha-module",a).get(0);this.Bc=new z.dk("login");this.Bc.w(c);z.hk(this.Bc);var d=this,f=(0,window.$)("input.account",b);(0,window.$)("button.unable-login",a).click(function(){var a=new z.Fk(f.val());d.oq(a)});this.options.data&&(a=this.options.data.account,c=this.options.data.password,a&&f.val(a),c&&(0,window.$)("[name\x3dpassword]",b).val(c));this.options.bF&&this.showErrors(this.options.bF);
this.mI(function(a){a=a.account;var b=d.rf(a);d.na({category:"sign_in",action:a?"click_sign_in_submit_"+(b?"email":"phone"):"click_sign_in_submit_no_channel"})})};
z.e.bA=function(){var a=this,b=this.getData(),c=this.rf(b.account);this.na({wc:!0,category:"sign_in",action:"sign_in_front_end_pass_"+(c?"email":"phone")});var d=c?"/login/email":"/login/phone_num";c?this.wb(b,"account","email"):this.wb(b,"account","phone_num");return window.$.post(d,b,function(d){if(d&&d.r){var g=d.errcode;1991831===g?(d=new z.Dk({data:{phone_num:b.phone_num,password:b.password},Um:a.options.Um}),d.Db(a),a.oq(d)):200001===g?(d='机构帐号\x3cspan\x3e · \x3c/span\x3e\x3ca href\x3d"/org/signin"\x3e点此登录\x3c/a\x3e',
z.Hk&&(d='个人帐号\x3cspan\x3e · \x3c/span\x3e\x3ca href\x3d"/signin"\x3e点此登录\x3c/a\x3e'),a.showErrors({account:d})):(z.hk(a.Bc),a.showErrors(d.data))}else a.na({wc:!0,category:"sign_in",action:"sign_in_success_"+(c?"email":"phone")}),a.Od()})};z.e.so=function(){z.ck(this.v(),this.Uz)};z.e.Uz=function(a){a=a.xf;1===a.login?this.Od():(a=new z.Kk(a),a.bd(this.Hf),this.oq(a))};z.Ca(z.Qk.prototype,z.Ym);z.l(z.Rk,z.Ck);z.Rk.prototype.B=function(){z.Ck.prototype.B.call(this);this.ia((0,window.$)(".login-template").html())};z.Rk.prototype.C=function(){z.Ck.prototype.C.call(this);var a=new z.Qk(Object.assign({Um:z.Rk},this.options));this.L(a);a.bd(this.Hf);a.w(this.S());this.na({category:"sign_in",action:"popup_sign_in_box_appear"})};z.Ca(z.Rk.prototype,z.Ym);z.x(z.Sk,z.xc);
z.Sk.prototype.start=function(){if(!this.Io){this.Io=!0;this.ke={};var a=z.Oe();this.ke.viewport=[a.width,a.height,(0,z.I)()];var b=[],c=0,d=0;(0,window.$)(window.document).on("mousemove.recording",function(a){c=a.clientX;d=a.clientY});var f=this,g=function(){(0,window.setTimeout)(function(){150<=b.length&&b.shift();b.push([c,d,(0,z.I)()]);f.Io&&g()},500)};g();this.ke.trace=b;var h={};this.tv.on("keydown.recording keyup.recording mouseenter.recording mouseleave.recording click.recording","input",
function(a){var b=a.target.name,c=h[b];c||(c=h[b]={mouse:[],keyborad:[]});"mouseenter"===a.type||"mouseleave"===a.type||"click"===a.type?c.mouse.push([a.type,a.offsetX,a.offsetY,(0,z.I)()]):"password"===b?c.keyborad.push([a.type,(0,z.I)()]):c.keyborad.push([a.type,a.keyCode,(0,z.I)()])});h.submit=[];this.tv.on("mousedown.recording mouseenter.recording mouseleave.recording",":submit",function(a){h.submit.push([a.type,a.offsetX,a.offsetY,(0,z.I)()])});this.ke.register=h}};
z.Sk.prototype.stop=function(){this.Io&&(this.Io=!1,(0,window.$)(window.document).off(".recording"),this.tv.off(".recording"));return this.ke};z.Sk.prototype.D=function(){z.Sk.o.D.call(this);this.stop();this.ke=null};z.l(z.Tk,z.R);z.e=z.Tk.prototype;z.e.C=function(){z.R.prototype.C.call(this);this.We();this.so()};
z.e.We=function(){var a=this.m(),b=(0,window.$)("form",a);this.xh=!(0,window.$)('input[name\x3d"phone_num"]',b).length;this.De(b,this.lp);this.Ss(b);this.EG();a=(0,window.$)(".captcha-module",a).get(0);this.Bc=new z.dk;this.Bc.w(a);z.hk(this.Bc);this.Mm=new z.Sk(b);this.Mm.start();z.Ac(this,this.Mm);var c=this;this.mI(function(a){a=a.phone_num||a.account;var b=c.xh?c.rf(a):!1;c.na({category:"sign_up",action:a||!c.xh?"click_sign_up_submit_"+(b?"email":"phone"):"click_sign_up_submit_no_channel"})})};
z.e.lp=function(a){var b=this;a=(0,window.$)(a);var c=a.data("validator"),d=a.ie();a=b.xh?this.rf(d.account):!1;b.na({wc:!0,category:"sign_up",action:"sign_up_front_end_pass_"+(a?"email":"phone")});var f=a?"/register/email":"/register/phone_num/validation";a?this.wb(d,"account","email"):this.wb(d,"account","phone_num");var g=this.Mm.stop();d.userInfo=JSON.stringify(g);return a?window.$.post(f,d,function(a){a.r?(z.hk(b.Bc),c.showErrors(a.data)):(b.na({wc:!0,category:"sign_up",action:"sign_up_success_email"}),
b.qg&&Li.Im("sign_up","sign_up_success",b.qg),b.Od())}):window.$.post(f,d,function(a){a.r?(z.hk(b.Bc),b.xh||b.wb(a.data,"account","phone_num"),c.showErrors(a.data)):b.dispatchEvent({type:"success",data:d})})};z.e.so=function(){z.ck(this.v(),this.Uz)};z.e.Uz=function(a){a=a.xf;var b={qqconn:"qq",wechat:"wechat",sina:"weibo"}[a.type];1===a.login?(this.na({wc:!0,category:"sign_in",action:"sign_in_success_"+b}),this.Od()):(a=new z.Kk(a),a.Db(this),a.bd(this.Hf),this.oq(a))};z.Ca(z.Tk.prototype,z.Ym);z.l(z.Uk,z.R);z.Uk.prototype.C=function(){z.R.prototype.C.call(this);this.We();this.v().g(this,"hide",this.RD)};
z.Uk.prototype.We=function(){var a=(0,window.$)("form",this.m());this.De(a,this.iT);var b=(0,window.$)(".send-code",a),c=(0,window.$)('input[name\x3d"phone_num"]',a);this.ma=this.Rs(b,function(){var b=c.val(),f=this;window.$.get("/send_register_verification_code/sms",window.$.param({phone_num:b}),function(b){b.r&&(b=b.data,f.wb(b,"account","phone_num"),a.data("validator").showErrors(b))})});c.val(this.Sn.phone_num);window.$.get("/send_register_verification_code/sms",{phone_num:this.Sn.phone_num});
this.ma.start()};z.Uk.prototype.iT=function(a){var b=this,c=(0,window.$)(a);a=window.$.extend({},this.Sn,c.ie());return window.$.post("/register/phone_num",a,function(a){a.r?(a=a.data,b.wb(a,"account","phone_num"),c.data("validator").showErrors(a)):(b.na({wc:!0,category:"sign_up",action:"sign_up_success_phone"}),b.qg&&Li.Im("sign_up","sign_up_success",b.qg),b.Od())})};z.Ca(z.Uk.prototype,z.Ym);z.l(z.Vk,z.Ck);z.e=z.Vk.prototype;z.e.B=function(){z.Ck.prototype.B.call(this);this.ia((0,window.$)(".register-template").html()+(0,window.$)(".phone-verification-template").html())};z.e.C=function(){z.Ck.prototype.C.call(this);Wk(this);this.v().g(this,"hide",this.RD);this.v().g(this,"beforeredirect",this.CU);this.na({category:"sign_up",action:"popup_sign_up_box_appear"});this.qg&&Li.track("sign_up","show_sign_up_dialog",this.qg)};z.e.Lp=z.aa(27);z.e.RD=function(){this.hj="";$i()};
z.e.CU=function(){var a=this.hj;a?z.aj.set("actioncontinuationhash",(0,window.encodeURIComponent)(a),60,"/"):$i()};z.Ca(z.Vk.prototype,z.Ym);z.x(Xk,z.G);var Zk={};Xk.prototype.defaults={};Xk.prototype.v=function(){return this.Tg||(this.Tg=new z.xd(this))};Xk.prototype.init=function(){};Xk.prototype.D=function(){Xk.o.D.call(this);this.view&&(z.Kb(this.view.Rb,this.name),this.view=null);this.Tg&&(this.Tg.H(),this.Tg=null)};z.x(z.al,z.R);z.e=z.al.prototype;z.e.defaults={source:null,use:["autoload","shortcut"],Ef:!0,qn:"zg-btn-white zu-button-more"};z.e.use=function(a,b){var c=$k(a,b);c.view=this;this.wa?c.init(this):this.v().g(this,"initialized",function(){c.init(this)});this.Rb[a]=c;return this};z.e.Zh=function(){!this.Ac&&this.J.Ef&&(this.Ac=this.pn(),z.bf(this.Ac,this.h),this.v().g(this.Ac,"click",this.ti))};z.e.C=function(){z.al.o.C.call(this);this.Zh();z.y(this.gb(),this.Br,this);z.y(this.J.use,this.use,this);this.dispatchEvent("initialized")};
z.e.D=function(){z.Db(this.Rb,function(a){a.H()});this.Rb=null;this.Ac&&(z.P(this.Ac),this.Ac=null);z.al.o.D.call(this)};z.e.gb=function(){return z.ef(this.h)};z.e.Br=function(a,b){this.Kt(a,b);this.dispatchEvent({type:"itemcreated",item:a,index:b})};z.e.Kt=z.p;z.e.YS=function(a){if(a){var b=a.results,c=!b||!b.length;c||this.render(b);this.dispatchEvent("next");(c||!1===a.next)&&cl(this)}};
z.e.render=function(a,b){a=window.$.isArray(a)?a.join(""):a;var c=z.We(a+" ");z.y(window.$.makeArray(z.ef(c)),this.Br,this);z.cf(this.h,c,b)};z.e.ti=function(){if(!1!==this.dispatchEvent("beforeloadnext")&&!this.Ho())return this.Hu(!0),this.promise=this.source().done((0,z.q)(this.YS,this)).always((0,z.q)(z.Ba(this.Hu,!1),this))};z.e.Ho=function(){return this.promise&&"pending"===this.promise.state()};z.e.kf=function(){return this.Ac};
z.e.pn=function(){return z.O("a",{"aria-role":"button","class":this.J.qn},"更多")};z.e.Hu=function(a){this.Ac&&(this.Ac.innerHTML=a?'\x3ci class\x3d"spinner-gray"\x3e\x3c/i\x3e 加载中':"更多",z.W.enable(this.Ac,"loading",a))};var el={s:function(a,b,c){return(0,window.isNaN)(c)||""==c||a.length>=c?a:a=-1a?"-":0<=b.indexOf("+")?"+":0<=b.indexOf(" ")?" ":"";0<=a&&(d=g+d);if((0,window.isNaN)(c)||d.length>=c)return d;d=(0,window.isNaN)(f)?Math.abs(a).toString():Math.abs(a).toFixed(f);a=c-d.length-g.length;return d=0<=b.indexOf("-",0)?g+d+Za(" ",a):g+
Za(0<=b.indexOf("0",0)?"0":" ",a)+d},d:function(a,b,c,d,f,g,h,k){return el.f((0,window.parseInt)(a,10),b,c,d,0,g,h,k)}};el.i=el.d;el.u=el.d;Yk("activeSource",{defaults:{pN:"%d 条新动态",qn:"zu-main-feed-fresh-button",VY:z.p},init:function(a){this.data=[];this.button=this.pn();z.af(this.button,a.m());this.v().g(this.button,"click",function(){a.render(this.data,0);this.setData([])});var b=this,c=this.options.source(function(a){a&&a.length&&b.setData(a.concat(b.data))},function(){return b.data});if(!c||!z.sa(c.H))throw Error("Source must return a disposable object.");this.kO=c},setData:function(a){this.data=a;this.NS()},NS:function(){var a=
this.data.length;z.mf(this.button,z.dl(this.options.pN,a));z.Q(this.button,!!a)},pn:function(){return z.O("a",{href:"javascript:;",style:"display:none","class":this.options.qn})},H:function(){Xk.prototype.H.call(this);z.Cc(this.kO);this.options=null;this.button&&(z.P(this.button),this.button=null)}});z.x(z.fl,z.xc);z.e=z.fl.prototype;z.e.Fu=!1;z.e.tA=0;z.e.ma=null;z.e.fire=function(a){this.dw=arguments;this.ma||this.tA?this.Fu=!0:this.Jg()};z.e.stop=function(){this.ma&&(z.wd(this.ma),this.ma=null,this.Fu=!1,this.dw=[])};z.e.pause=function(){this.tA++};z.e.D=function(){z.fl.o.D.call(this);this.stop()};z.e.zT=function(){this.ma=null;this.Fu&&!this.tA&&(this.Fu=!1,this.Jg())};z.e.Jg=function(){this.ma=z.vd(this.cl,this.Yg);this.$j.apply(null,this.dw)};z.x(z.gl,z.G);z.gl.prototype.hc=function(){var a=this.gq=new z.fl(this.update,this.cO,this);this.ga.g(this.viewport,["scroll","resize"],function(){a.fire()})};z.gl.prototype.v=function(){return this.ga};z.gl.prototype.D=function(){z.gl.o.D.call(this);this.ga.H();this.ga=null;this.gq.H();this.gq=null};z.gl.prototype.update=function(){this.size=(kf(this.viewport)?z.Oe:Gg)(this.viewport);this.dispatchEvent("update")};z.$m=new z.gl;(0,window.$)(function(){z.$m.update()});Yk("autoload",{defaults:{cr:!0,viewport:window,UY:function(){return!0}},init:function(a){if(a.kf()&&(!this.options.cr||z.T.Fb())){var b=this.options.viewport,c=new z.gl(b);z.Ac(this,c);hl(c,this,function(c){return z.Kg(a.kf())?400>=(kf(b)?a.kf().getBoundingClientRect().top-c.height:b.scrollHeight-b.scrollTop-c.height):!1});this.v().g(a,"complete",this.H).g(a,"next",function(){this.enable()});this.enable()}},enable:function(){this.v().ya(this,"nearbottom",function(){this.view.ti()})}});Yk("childConstructor",{defaults:{$h:null,factory:null},init:function(a){z.sa(this.options.$h)&&bl(a,this.LN,this);z.sa(this.options.factory)&&bl(a,this.vU,this)},LN:function(a){var b=new this.options.$h;this.view.L(b);b.w(a)},vU:function(a){var b=this.options.factory(a);this.view.L(b);b.w(a)}});Yk("dataPagingSource",{defaults:{ND:!0},init:function(a){var b=(0,window.$)(a.m()).data("paging").next;b||cl(a);a.source=function(){return window.$.get(b).then(function(a){b=a.paging.next;return{results:a.htmls,next:!!b}})}}});Yk("expandLimit",{defaults:{oW:3},init:function(a){z.T.Fb()||this.v().g(a,"beforeloadnext",function(){var a=new z.Vk;a.bd("expand");a.show();return!1})}});Yk("locationSource",{defaults:{kt:20,param:null,rA:!1,offset:function(a){return a.length}},init:function(a){function b(a){return{start:c.rA?z.kb(a).id.split("-")[1]:0,offset:c.offset(a)}}var c=this.options,d=c.url||window.location.href,f=a.gb().length;(!f||f=b.data.size&&a.kf()&&z.Kg(a.kf())&&a.kf().click()}))},H:function(){Xk.prototype.H.call(this);this.Yo&&(this.Yo.H(),this.Yo=null)}});z.x(z.Cl,z.al);}).call(this, __z_z__);
================================================
FILE: wenda/target/classes/static/scripts/common.fed5411f.js
================================================
(function(z){
var xn=function(a){a=a.tabIndex;return z.qa(a)&&0<=a&&32768>a};var yn=function(a){a=a.getAttributeNode("tabindex");return null!=a&&a.specified};var zn=function(a,b){return z.pb(a.mD||[],function(a){return b===a||z.lf(a,b)})};var An=function(a){if(a.Xj)throw Error("Can not change this state of the popup while showing.");};var Bn=function(a){return a.xj.length?a.xj.pop():a.Bn()};var Cn=function(a){try{return a&&a.activeElement}catch(b){}return null};var Dn=function(a){return yn(a)&&xn(a)};
var En=function(a){a=String(a);if(/^\s*$/.test(a)?0:/^[\],:{}\s\u2028\u2029]*$/.test(a.replace(/\\["\\\/bfnrtu]/g,"@").replace(/"[^"\\\n\r\u2028\u2029\x00-\x08\x0a-\x1f]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,"]").replace(/(?:^|:|,)(?:[\s\u2028\u2029]*\[)+/g,"")))try{return eval("("+a+")")}catch(b){}throw Error("Invalid JSON string: "+a);};z.Fn=function(a,b){return z.ba[a]=b};
z.Gn=function(a,b,c){var d=z.$m;d.ga.g(d,"update",function g(){a.getBoundingClientRect().bottoma.size.height?!1:!0};var In=function(a){z.xk?z.W.enable(a.input,"placeholder-hilight",!1):z.W.enable(a.label,"placeholder-label-hilight",!1)};z.Jn=function(a){var b=z.Y;b.UH?(b.UH.innerHTML=a,z.Q(b.h,!0)):z.X.message(a)};
var Kn=function(a,b){b&&b.length&&z.y(b,function(a){this.dispatchEvent(new z.Zj(a[0],a[1]))},a)};z.Ln=function(a,b){z.G.call(this);this.ga=new z.xd(this);this.sh(a||null);b&&(this.Xb=b)};z.Mn=function(a,b){return a.he.get(b)};var Nn=function(a,b){return a.Qc&&b?z.lb(a.Qc,b):-1};var On=function(a,b){a.Ra&&a.Ra.Xe&&(z.Kb(a.Ra.Xe,a.pb),z.Lb(a.Ra.Xe,b,a));a.pb=b};var Pn=function(a){return new z.pg(a.top,a.left+a.width,a.top+a.height,a.left)};var Qn=function(a){return"CSS1Compat"==a.Ka.compatMode};
z.Rn=function(a){if(a.ea)return En(a.ea.responseText)};var Sn=function(a){z.Td(a);for(var b={},c=0;c=a||96<=a&&106>=a||65<=a&&90>=a||(z.D||z.Gc)&&0==a)return!0;switch(a){case 32:case 43:case 63:case 64:case 107:case 109:case 110:case 111:case 186:case 59:case 189:case 187:case 61:case 188:case 190:case 191:case 192:case 222:case 219:case 220:case 221:return!0;default:return!1}};z.fo=function(a){return new z.He(a.offsetWidth,a.offsetHeight)};
var go=function(a){if(z.C&&!(8<=z.Tg))return a.offsetParent;var b=z.Je(a),c=z.xg(a,"position"),d="fixed"==c||"absolute"==c;for(a=a.parentNode;a&&a!=b;a=a.parentNode)if(11==a.nodeType&&a.host&&(a=a.host),c=z.xg(a,"position"),d=d&&"static"==c&&a!=b.documentElement&&a!=b.body,!d&&(a.scrollWidth>a.clientWidth||a.scrollHeight>a.clientHeight||"fixed"==c||"absolute"==c||"relative"==c))return a;return null};
var ho=function(a,b,c,d){if(null!=a)for(a=a.firstChild;a;){if(b(a)&&(c.push(a),d)||ho(a,b,c,d))return!0;a=a.nextSibling}return!1};var io=function(a,b){var c=a.parentNode;if(c==b)return-1;for(var d=b;d.parentNode!=c;)d=d.parentNode;return Xn(d,a)};var jo=function(a,b){return new z.Ge(a.x-b.x,a.y-b.y)};var ko=function(a){this.ou=a};
var lo=function(a,b,c){if(null==b)c.push("null");else{if("object"==typeof b){if(z.na(b)){a.serializeArray(b,c);return}if(b instanceof String||b instanceof Number||b instanceof Boolean)b=b.valueOf();else{c.push("{");var d="",f;for(f in b)if(Object.prototype.hasOwnProperty.call(b,f)){var g=b[f];"function"!=typeof g&&(c.push(d),mo(f,c),c.push(":"),lo(a,a.ou?a.ou.call(b,f,g):g,c),d=",")}c.push("}");return}}switch(typeof b){case "string":mo(b,c);break;case "number":c.push((0,window.isFinite)(b)&&!(0,window.isNaN)(b)?
String(b):"null");break;case "boolean":c.push(String(b));break;case "function":c.push("null");break;default:throw Error("Unknown type: "+typeof b);}}};var mo=function(a,b){b.push('"',a.replace(z.Rl,function(a){var b=no[a];b||(b="\\u"+(a.charCodeAt(0)|65536).toString(16).substr(1),no[a]=b);return b}),'"')};var oo=function(a){var b=typeof a;return"object"==b&&a||"function"==b?"o"+z.ua(a):b.substr(0,1)+a};
var po=function(a,b){if("function"==typeof a.every)return a.every(b,void 0);if(z.oa(a)||z.pa(a))return z.$n(a,b,void 0);for(var c=z.Jd(a),d=z.Id(a),f=d.length,g=0;g=a.keyCode)return!1;switch(a.keyCode){case 18:case 20:case 93:case 17:case 40:case 35:case 27:case 36:case 45:case 37:case 224:case 91:case 144:case 12:case 34:case 33:case 19:case 255:case 44:case 39:case 145:case 16:case 38:case 252:case 224:case 92:return!1;case 0:return!z.B;default:return 166>a.keyCode||183b.top&&b.right>b.left?b:null};var Eo=function(a){var b=a.body;a=a.documentElement;return new z.Ge(b.scrollLeft||a.scrollLeft,b.scrollTop||a.scrollTop)};var Fo=function(a,b){var c=a.style[z.db(b)];return"undefined"!==typeof c?c:a.style[z.sg(a,b)]||""};
var Go=function(a,b){var c=b.xa.right?b.x-a.right:0,d=b.ya.bottom?b.y-a.bottom:0;return Math.sqrt(c*c+d*d)};z.Ho=function(a,b){return z.tf(a,null,b,void 0)};z.Io=function(a){var b=[];z.qf(a,b,!1);return b.join("")};z.Jo=function(a,b){var c=[];ho(a,b,c,!1);return c};z.Ko=function(a){if("outerHTML"in a)return a.outerHTML;var b=z.Je(a).createElement("DIV");b.appendChild(a.cloneNode(!0));return b.innerHTML};
var Lo=function(a){var b,c=arguments.length;if(!c)return null;if(1==c)return arguments[0];var d=[],f=window.Infinity;for(b=0;bb?a[1]="?":b==c.length-1&&(a[1]=void 0));return a.join("")};
var To=function(a,b){return(new ko(b)).serialize(a)};var Uo=function(a){return eval("("+a+")")};var Vo=function(a){this.Ib=new z.Rd;a&&this.addAll(a)};var Wo=function(a,b){var c=qo(b);if(a.kb()>c)return!1;!(b instanceof Vo)&&5=f.size.height)return c=a,!0}),d={"1page-down .5page-up":z.fp(d,b(function(){return c-window.pageYOffset>=f.size.height/2})),"1page-down inview":z.fp(d,function(){return Hn(f,k[0])})},f=new z.gl,g=d[a]||d["1page-down .5page-up"];f.v().g(f,"update",function(){g()&&(f.H(),w())})};var K=function(){var a=new z.gl;
a.v().g(a,"update",function(){m.parent().length?Hn(a,m[0])||(H(),a.H()):a.H()})};(0,window.$)(".dismiss",m).click(function(){H();return!1});(0,window.$)(".skip-all",m).click(function(){window.$.post("/node/Guide2",{method:"skip_popover",params:{category:b}});H(!0);return!1});g?a(g):w()}}};var Ip=function(){var a=(0,window.$)("#guidersv2-page-banner");(0,window.$)(".js-close",a).click(function(){a.remove()})};
var Jp=function(a){function b(a){window.$.post("/node/Guide2",{method:"dismiss_editor",params:{key:a}})}function c(a){z.xi(Object.assign({category:"popup_guide",label:{bio:"popup_guide_personal_introduction",topic:"popup_guide_topic_recommendation"}[h]},a))}function d(a){k||(k=new z.V,k.Bf(!0),k.cF=!1,z.W.add(k.fi(),"Guide"));k.ia(a);k.G(!0)}var f=window.$.Deferred(),g=a.vr.editor;if(!g||!g.length)return f.reject();var g=g.slice(),h,k,m={},n={bio:function(a){var f=(0,window.$)("#tmpl-Guide-BioEditor").html();
if(!f)return window.console&&window.console.warn("Cannot find template"),a();var g=z.gp(a,function(){b("bio")});d(f);(function(a){a=(0,window.$)(a).off();var b=(0,window.$)(".js-submit",a),d=(0,window.$)('input[name\x3d"bio"]',a);b.click(function(){var a=m.jw=window.$.trim(d.val());a?(window.$.post("/node/Guide2",{method:"add_headline",params:{headline:a}}),c({action:"click_edit_personal_introduction_submit",attributes:{personal_introduction:a}})):c({action:"click_edit_personal_introduction_skip"});
g()})})(k.S());c({action:"popup_edit_personal_introduction_appear"})},topic:function(a){function f(){z.Cp.dispatchEvent("guider2:topicselected")}window.$.get("/node/GuideTopicList",function(a){(0,window.$)(".Guide-topicsLoading").remove();(0,window.$)(a).appendTo(".Guide-content")});var g=(0,window.$)("#tmpl-Guide-Topics").html();if(g){var h=z.gp(a,function(){b("topic")});d(g);(function(a){var b=(0,window.$)(a).off();a=(0,window.$)(".js-submit",b);b.on("click",".Guide-TopicsItem",function(){var a=
(0,window.$)(this);a.toggleClass("is-checked");var b=(0,window.$)(".template-relatedTopics",a);if(b.length){var c=b.html();b.remove();(0,window.$)(c).insertAfter(a)}});a.click(function(){var a=m.Lm=[],d={};(0,window.$)(".Guide-TopicsItem",b).filter(".is-checked").each(function(){var b=(0,window.$)(this),c=b.data("id"),f=b.index(),b=b.find(".name").text();a.push(c);d[c]={topic:b,row:Math.ceil((f+1)/3),column:f%3+1}});a.length?(window.$.post("/topics/follow",{follow_ids:a.join(",")},f),c({action:"click_popup_guide_topic_recommendation_submit",
attributes:{selected_topic:d}})):(f(),c({action:"click_popup_guide_topic_recommendation_skip"}));h()})})(k.S());c({action:"popup_guide_topic_recommendation_appear"})}else window.console&&window.console.warn("Cannot find template"),a(),f()}};(0,window.$)(window).on("beforeunload.guide2",function(){k&&k.V()&&c({wc:!0,action:{bio:"click_edit_personal_introduction_close",topic:"click_guide_topic_recommendation_close"}[h]})});Ep(g,function(a,b,c){if(n[a]){h=a;var d=b===g.length-1,M=function(a){if(k)if(window.Modernizr.cssanimations)var b=
(0,window.$)(k.fi()).addClass("fx-hide").onAnimationEnd(function(){b.removeClass("fx-hide");a()},400);else a()};n[a](function(){d?M(function(){k.G(!1);f.resolve(m);(0,window.$)(window).off(".guide2");"/topic"===window.location.pathname&&window.location.reload()}):M(c)})}});return f.promise()};var Kp=function(a,b){z.G.call(this);a&&this.attach(a,b)};var Lp=function(a,b,c,d){z.Pc.call(this,d);this.type="key";this.keyCode=a;this.charCode=b;this.repeat=c};var Mp=function(){};
var Np=function(a,b,c){if(a=c||a.jf())c=b.getAttribute("role")||null,a!=c&&z.bj(b,a)};var Op=function(a,b,c){var d=b.iD;null!=d&&a.ZA(c,d);b.V()||z.cj(c,"hidden",!b.V());b.isEnabled()||a.ug(c,1,!b.isEnabled());Pp(b,8)&&a.ug(c,8,!!(b.N&8));Pp(b,16)&&a.ug(c,16,b.qf());Pp(b,64)&&a.ug(c,64,b.ub())};var Qp=function(a,b){var c=[];b&&(a=a.concat([b]));z.y([],function(d){!z.$n(d,z.Ba(z.A,a))||b&&!z.A(d,b)||c.push(d.join("_"))});return c};
var Rp=function(a){var b=a.U();b.replace(/\xa0|\s/g," ");a.pr={1:b+"-disabled",2:b+"-hover",4:b+"-active",8:b+"-selected",16:b+"-checked",32:b+"-focused",64:b+"-open"}};z.Sp=function(){};z.Tp=function(a,b){if(!a)throw Error("Invalid class name "+a);if(!z.sa(b))throw Error("Invalid decorator function "+b);Up[a]=b};
var Vp=function(a,b,c){z.R.call(this,c);if(!b){b=this.constructor;for(var d;b;){d=z.ua(b);if(d=Wp[d])break;b=b.o?b.o.constructor:null}b=d?z.sa(d.ba)?d.ba():new d:null}this.M=b;this.wm(z.ka(a)?a:null);this.iD=null};
var Xp=function(a,b){var c=a.v(),d=a.m();b?(c.g(d,"mouseover",a.nd).g(d,"mousedown",a.fe).g(d,"mouseup",a.of).g(d,"mouseout",a.Kl),a.ho!=z.p&&c.g(d,"contextmenu",a.ho),z.C&&(c.g(d,"dblclick",a.PF),a.qo||(a.qo=new Yp(a),z.Ac(a,a.qo)))):(c.qa(d,"mouseover",a.nd).qa(d,"mousedown",a.fe).qa(d,"mouseup",a.of).qa(d,"mouseout",a.Kl),a.ho!=z.p&&c.qa(d,"contextmenu",a.ho),z.C&&(c.qa(d,"dblclick",a.PF),z.Cc(a.qo),a.qo=null))};var Pp=function(a,b){return!!(a.bq&b)};
var Zp=function(a,b){return!!(a.cj&b)&&Pp(a,b)};var $p=function(a,b,c){return Pp(a,b)&&!!(a.N&b)!=c&&(!(a.yk&b)||a.dispatchEvent(yo(b,c)))&&!a.Fd};var Yp=function(a){z.xc.call(this);this.zr=a;this.qr=!1;this.ga=new z.xd(this);z.Ac(this,this.ga);a=this.zr.h;this.ga.g(a,"mousedown",this.Il).g(a,"mouseup",this.xs).g(a,"click",this.Hl)};var aq=function(){};z.bq=function(a,b,c){Vp.call(this,a,b||aq.ba(),c)};var cq=function(){};
var dq=function(a,b,c){if(b){var d=eq(a,c);z.gj(b,d)||(z.Db(fq,function(a){a=eq(this,a);z.uo(b,a,a==d)},a),z.cj(b,"checked",c==gq?"mixed":c==hq?"true":"false"))}};var eq=function(a,b){var c=a.U();if(b==hq)return c+"-checked";if(b==iq)return c+"-unchecked";if(b==gq)return c+"-undetermined";throw Error("Invalid checkbox state: "+b);};var jq=function(a,b,c){c=c||cq.ba();Vp.call(this,null,c,b);this.Uh=z.ka(a)?a:iq};z.kq=function(){};var lq=function(){};
z.mq=function(a,b,c,d,f){function g(a){a&&(a.tabIndex=0,z.bj(a,h.jf()),z.hj(a,"goog-zippy-header"),nq(h,a),a&&h.fH.g(a,"keydown",h.VS))}z.G.call(this);this.da=f||z.J();this.Rf=this.da.m(a)||null;this.qj=this.da.m(d||null);this.rl=(this.gt=z.sa(b)?b:null)||!b?null:this.da.m(b);this.ob=1==c;z.ka(c)||this.gt||(this.qj?this.ob=z.Kg(this.qj):this.Rf&&(this.ob=z.gj(this.Rf,"goog-zippy-expanded")));this.fH=new z.xd(this);this.Pz=new z.xd(this);var h=this;g(this.Rf);g(this.qj);this.Lc(this.ob)};
var oq=function(a){var b=a.qj;return b&&z.Kg(b)?b:a.Rf};var nq=function(a,b){b&&a.Pz.g(b,"click",a.US)};var pq=function(a,b,c){z.Lc.call(this,a,b);this.Og=c};z.qq=function(){z.V.call(this);this.Bf(!0)};var rq=function(a){var b=(0,window.$)(".resend-activation-email",a.xC);sq(a,b,10,function(){window.$.post("/reactive")})};
var tq=function(a){window.$.get("/settings/account/request_unlock");var b=(0,window.$)("form.send-code",a.oC),c=a.lC=(0,window.$)("form.activate",a.oC),d=(0,window.$)(".submit",b);b.validate(window.$.extend({},uq,{submitHandler:z.uk(d,window.$.proxy(a.vT,a))}));b=(0,window.$)(".submit",c);c.validate(window.$.extend({},uq,{submitHandler:z.uk(b,window.$.proxy(a.wS,a))}));b=(0,window.$)("button.resend-code",c);sq(a,b,60,function(){var a=(0,window.$)('input[name\x3d"account"]',c).val();if(""===a)return c.data("validator").showErrors({account:"请填写手机号或邮箱"}),
!1;var b=this.rf(a),d;b?(a={email:a},d="/settings/account/send_new_email_digits"):(a={phone_no:a},d="/settings/account/send_new_phone_digits");var k=this;window.$.post(d,a,function(a){a.success?vq(k,b):(a=a.payload.fields,b?k.wb(a,"email","account"):k.wb(a,"phone_no","account"),c.data("validator").showErrors(a))})})};var vq=function(a,b){a.Cv||(a.Cv=(0,window.$)(".tip",a.Ad));b?a.Cv.html("验证码已发送至你的邮箱,请查收。"):a.Cv.html("验证码已发送至你的手机,请查收。")};
var sq=function(a,b,c,d){var f=b.text();b=z.tk(b,c,function(a){return a?"%s 秒后即可重发":f},window.$.proxy(d,a));z.Ac(a,b)};
var wq=function(a){function b(){(0,window.clearTimeout)(g);g=null;try{delete window[d]}catch(a){window[d]=null}}"string"===window.$.type(a)&&(a={url:a});a=a||{};var c=window.$.Deferred(),d="zh"+(0,z.I)()+Un(),f=window.$.extend({},a.data||{},{callback:d}),g=null;a.timeout&&(g=(0,window.setTimeout)(function(){window[d]&&(window[d]=b,c.reject("timeout"))},a.timeout));window[d]=c.resolve;a=a.url+(-1===a.url.indexOf("?")?"?":"\x26")+window.$.param(f);z.ch(a).fail(c.reject).always(b);return c.promise()};
var xq=function(a,b){b=void 0===b?0:b;z.G.call(this);this.EM=Object.assign({},yq,a);this.iU=b;this.su=1E3;this.GH=3E4;this.SQ=1.5};z.zq=function(a,b){a=void 0===a?z.p:a;b=void 0===b?!1:b;z.R.call(this);this.AI=a;this.MV=b};var Aq=function(a){window.$.get("/antispam/get_token").then(function(b){a.je=b.token;a.timeout=b.ttl;a.startTime=Date.now();(0,window.$)(".js-token",a.h).text(a.je);(0,window.$)(".js-timeout",a.h).text((0,window.parseInt)(a.timeout/60))})};
var Bq=function(a){var b=(0,window.$)(".js-sent",a.h);b.click(z.uk(b,function(){if(Date.now()>a.startTime+1E3*a.timeout)return Aq(a),Cq(a,"短信超时,请重新发送");Dq(a);a.Lk.show();return window.$.get("/antispam/is_send_sms").then(function(b){b.is_send_sms?Eq(a,"unblock"):Cq(a,"没收到正确的短信,请重新发送");a.Lk.hide()},function(){a.Lk.hide()})}))};
var Fq=function(a){var b=(0,window.$)(".js-verify",a.h);b.click(z.uk(b,function(){var b=a.Bc.Xi.val();if(!b)return Cq(a,"请填写验证码");Dq(a);a.Lk.show();return window.$.post("/antispam/create_appeal",{captcha:b}).then(function(b){0===b.errcode?Eq(a,"appeal"):(a.Bc.ju(),Cq(a,b.msg),a.Lk.hide())},function(){a.Lk.hide()})}))};
var Gq=function(a){(0,window.$)(".js-appeal",a.h).click(function(){a.AI("向管理员申诉解封");a.Fv.hide();(0,window.$)(".unblock-dialog-appeal",a.h).show();a.Bc.ju();Dq(a)});(0,window.$)(".js-message",a.h).click(function(){a.AI("帐号解封");a.Fv.hide();(0,window.$)(".unblock-dialog-message",a.h).show();Dq(a)})};var Hq=function(a){a.Zt=new xq({url:"/antispam/is_send_sms"},1E3);z.Ac(a,a.Zt);a.Zt.g("message",function(b){b.data.is_send_sms&&Eq(a,"unblock")});a.Zt.Yt()};
var Eq=function(a,b){a.Zt.H();var c;"unblock"===b?c="成功自助解封":"appeal"===b&&(c="成功提交申诉\x3cbr\x3e申诉成功后会以邮件或私信方式通知你");(0,window.$)(".unblock-dialog-success-text",a.h).html(c);a.Fv.hide();(0,window.$)(".unblock-dialog-success",a.h).show();if(a.MV){var d=(0,window.$)(".js-count-down",a.h);d.show();var f=5,g;"unblock"===b?g="刷新":"appeal"===b&&(g="关闭");var h=function(){0>=f?"unblock"===b?window.location.reload():"appeal"===b&&a.dispatchEvent("complete"):(d.text(f--+" 秒后自动"+g),(0,window.setTimeout)(h,1E3))};
h()}};var Cq=function(a,b){a.rC.text(b).addClass("is-visible")};var Dq=function(a){a.rC.removeClass("is-visible")};var Iq=function(a){z.V.apply(this,arguments)};
z.Jq=function(a,b,c){function d(a){return a&&a.preventDefault?a.preventDefault():!1}return function(f){var g={Fb:!0,qe:!1,Gt:!1,gJ:!1};z.na(b)?(!0===b[0]&&(g=ap(g,function(){return!0})),z.Mb(g,b[1])):!0===b?g=ap(g,function(){return!0}):(z.sa(b)&&(b=b.apply(this,arguments)),z.Mb(g,b||{}));var h=z.sa(c)?c.apply(this,arguments):c;if(!z.T.Fb()&&g.Fb){var k=new z.Vk;k.Lp(h);k.show();return d(f)}return!z.T.qe&&g.qe?((new z.qq).G(!0),window.$.post("/continuation/record",{url:window.location.pathname+window.location.search+
(h||"")}),d(f)):z.im.YE&&g.gJ?(h=z.im.YE,"warning"===h?k='您的知乎用户名不符合 \x3ca href\x3d"/question/19791408"\x3e知乎用户名规范\x3c/a\x3e,请您 \x3ca href\x3d"/settings/profile"\x3e修改\x3c/a\x3e。':"pending"===h&&(k="您提交的用户名修改正在审核中,帐号暂时锁定。"),k&&z.X.message(k,4E3),d(f)):z.im.lw&&g.Gt?(z.im.lw.by_antispam?(new Iq).G(!0):z.X.message(z.im.lw.message),d(f)):a.apply(this,arguments)}};var Kq=function(){z.G.call(this);this.N=Lq;this.endTime=this.startTime=null};
var Mq=function(a,b,c){z.xc.call(this);this.$j=a;this.Yg=b||0;this.ga=c;this.cl=(0,z.q)(this.Jg,this)};var Nq=function(a){a.tc()&&a.fire()};var Oq=function(a){a=z.ua(a);delete Pq[a];z.Jb(Pq)&&Qq&&Qq.stop()};var Rq=function(){Qq||(Qq=new Mq(function(){Sq()},20));var a=Qq;a.tc()||a.start()};var Sq=function(){var a=(0,z.I)();z.Db(Pq,function(b){Tq(b,a)});z.Jb(Pq)||Rq()};
var Uq=function(a,b,c,d){Kq.call(this);if(!z.na(a)||!z.na(b))throw Error("Start and end parameters must be arrays");if(a.length!=b.length)throw Error("Start and end points must be the same length");this.Yp=a;this.yO=b;this.duration=c;this.PC=d;this.coords=[];this.Qi=!1;this.progress=0};var Tq=function(a,b){a.progress=(b-a.startTime)/(a.endTime-a.startTime);1<=a.progress&&(a.progress=1);Vq(a,a.progress);1==a.progress?(a.N=Lq,Oq(a),a.jd("finish"),a.ig()):1==a.N&&a.Vz()};
var Vq=function(a,b){z.sa(a.PC)&&(b=a.PC(b));a.coords=Array(a.Yp.length);for(var c=0;cd||255a||255c||255=a&&0<=c&&255>=c&&0<=b&&255>=b)return[a,c,b]}return[]};var ar=function(a){return 1==a.length?"0"+a:a};var er=function(a,b,c,d,f){Uq.call(this,b,c,d,f);this.element=a};
var fr=function(a,b,c,d,f){if(2!=b.length||2!=c.length)throw Error("Start and end points must be 2D");er.apply(this,arguments)};var gr=function(a,b,c,d,f){if(2!=b.length||2!=c.length)throw Error("Start and end points must be 2D");er.apply(this,arguments)};var hr=function(a,b,c,d,f){er.call(this,a,[b],[c],d,f)};var ir=function(a,b,c,d,f){er.call(this,a,[b],[c],d,f)};
var jr=function(a,b,c,d,f){z.qa(b)&&(b=[b]);z.qa(c)&&(c=[c]);er.call(this,a,b,c,d,f);if(1!=b.length||1!=c.length)throw Error("Start and end points must be 1D");this.et=kr};var lr=function(a,b,c){jr.call(this,a,1,0,b,c)};var mr=function(a,b,c){jr.call(this,a,0,1,b,c)};var nr=function(a,b,c,d,f){if(3!=b.length||3!=c.length)throw Error("Start and end points must be 3D");er.apply(this,arguments)};var or=function(){return window.$.Deferred(function(a){(0,window.setTimeout)(a.resolve,2E3)}).promise()};
var pr=function(a,b){var c=z.Jo(a,function(a){return 3===a.nodeType&&!z.pp(a.nodeValue)})[0];c&&(c.nodeValue=b)};z.qr=function(a,b){var c=new lr(a,500);b&&z.F(c,"finish",(0,z.q)(function(){z.P(this)},a));c.play()};z.rr=function(a,b,c,d){"bottom"===d&&(d="b");var f="";!1!==c&&(f='data-tip\x3d"t$'+(d||"t")+"$"+a[1]+'"');return["\x3ca ",f,' class\x3d"',b||"zm-item-tag",'" href\x3d"/topic/',a[1],'"\x3e',a[0],"\x3c/a\x3e"].join("")};z.sr=function(a){return a?a.replace(/^\s+/,"").replace(/\s+$/,""):""};
var tr=function(a){return a?a.replace(/<[^>]+>/g,""):""};var ur=function(){return'\x3ca href\x3d"javascript:;" class\x3d"zu-edit-button" name\x3d"edit"\x3e\x3ci class\x3d"zu-edit-button-icon"\x3e\x3c/i\x3e修改\x3c/a\x3e'};z.vr=function(a,b){z.Q(a,!0);z.Q(b,!1)};
var wr=function(a,b,c){var d;a&&(b=(0,window.$)(a).data("animation")||new nr(a,[255,255,150],b||[255,255,255],c||2E3),(0,window.$)(a).data("animation",b),1==b.N&&b.stop(!0),d=a.style.backgroundColor,z.ld(b,"end",function(){z.rg(this.element,"background-color",d)},!1,b),b.play())};z.xr=function(a,b,c){a&&(yr&&window.document[zr]?z.F(window.document,Ar,function f(){window.document[zr]||(wr(a,b,c),z.md(window.document,Ar,f))}):wr(a,b,c))};
var Br=function(a){var b=0,c=0;do c=a.indexOf("?",c),-1!==c&&(b++,c+=1);while(-1!==c);return b};
var Cr=function(a,b,c){b=z.yb(a.data,1);if("topic"===a.data[0]){a=(b[2]?'\x3cimg class\x3d"zm-item-img-avatar zg-left" src\x3d"'+b[2]+'"\x3e':"")+'\x3cspan class\x3d"zu-autocomplete-row-name'+(b[3]?"":" zu-autocomplete-row-name-info")+'" title\x3d"'+b[0]+'"\x3e'+b[0]+"\x3c/span\x3e";var d=5(0,window.$)(window).height())||c.all&&(d.top(0,window.$)(window).height())?!1:!0};
z.Nr=function(a,b){if(a){"number"===window.$.type(b)&&(b={offsetTop:b});var c=window.$.extend({hC:z.Mr},Or,b||{});if(!c.hC(a,c)){var d=(0,window.$)(a).offset().top-c.paddingTop-c.offsetTop||0;c.aw?(0,window.$)(window.document.documentElement).add(window.document.body).animate({scrollTop:d}):(0,window.$)(window).scrollTop(d)}}};var Pr=function(a){(0,window.$)(a.target.M.h).off("click.disable-a").on("click.disable-a","a",function(a){a.preventDefault()})};
z.Qr=function(a,b){var c=null;return function(){var d=this,f=arguments;(0,window.clearTimeout)(c);c=(0,window.setTimeout)(function(){b.apply(d,f)},a)}};var Rr=function(a,b){var c=a.getBoundingClientRect(),d=z.Pg(window.document.body).top;if(0a?c-1:a},0)};var es=function(a){cs(a,function(a,c){return(a+1)%c},a.Ta)};
var fs=function(a){cs(a,function(a,c){a--;return 0>a?c-1:a},a.Ta)};var cs=function(a,b,c){c=0>c?Nn(a,a.jc):c;var d=z.$g(a);c=b.call(a,c,d);for(var f=0;f<=d;){var g=z.ah(a,c);if(g&&a.FD(g)){a.xb(c);break}f++;c=b.call(a,c,d)}};var gs=function(){z.R.call(this);this.kv=[]};z.hs=function(a,b){this.Sa=a||[];this.eC=!b};var is=function(a,b,c){var d=[];if(""!=a){a=z.Wa(a);a=new RegExp("(^|\\W+)"+a,"i");for(var f=0;fr?(r=K-r-1,r>w-5&&(r=w-5),m+=r,r=K):(m+=w,w+=5);m<6*h.length&&d.push({ZV:g,CJ:m,index:f})}d.sort(function(a,b){var c=a.CJ-b.CJ;return 0!=c?c:a.index-b.index});a=[];for(H=0;H