diff --git a/RUN_PROJECT.md b/RUN_PROJECT.md new file mode 100644 index 0000000..96e13e8 --- /dev/null +++ b/RUN_PROJECT.md @@ -0,0 +1,4 @@ + +# 运行项目，在本地跑官网，即可本地查看文档等操作 +1. 运行 `npm start` 命令 +1. 在浏览器输入 `http://localhost:18080/` 访问网站 diff --git a/app.js b/app.js index bb5e411..dd53387 100644 --- a/app.js +++ b/app.js @@ -1,6 +1,6 @@ var express = require('express'); var path = require('path'); -var favicon = require('serve-favicon'); +//var favicon = require('serve-favicon'); var logger = require('morgan'); var cookieParser = require('cookie-parser'); var bodyParser = require('body-parser'); diff --git a/pjs-dev/pjs/particleground.all.js b/pjs-dev/pjs/particleground.all.js index 4a06dbb..3bd4320 100644 --- a/pjs-dev/pjs/particleground.all.js +++ b/pjs-dev/pjs/particleground.all.js @@ -47,6 +47,8 @@ var floor = Math.floor; var isArray = Array.isArray; var canvasSupport = !!doc.createElement('canvas').getContext; + var defaultCanvasWidth = 485; + var defaultCanvasHeight = 300; var regTrimAll = /\s/g; function pInt( str ){ @@ -183,6 +185,10 @@ elem.removeEventListener( evtName, handler ); } + function setCanvasWH( context ){ + context.cw = context.c.width = getCss( context.container, 'width' ) || defaultCanvasWidth; + context.ch = context.c.height = getCss( context.container, 'height' ) || defaultCanvasHeight; + } /** * 插件公共属性继承 * @param context {this} 实例对象的上下文环境 @@ -197,11 +203,11 @@ context.set = extend( true, {}, Particleground.commonConfig, constructor.defaultConfig, options ); context.c = doc.createElement( 'canvas' ); - context.cw = context.c.width = getCss( context.container, 'width' ); - context.ch = context.c.height = getCss( context.container, 'height' ); context.cxt = context.c.getContext( '2d' ); context.paused = false; + setCanvasWH( context ); + context.container.innerHTML = ''; context.container.appendChild( context.c ); context.color = setColor( context.set.color ); @@ -262,9 +268,8 @@ var oldCW = context.cw; var oldCH = context.ch; - // 重新回去容器宽高 - context.cw = context.c.width = getCss( context.container, 'width' ); - context.ch = context.c.height = getCss( context.container, 'height' ); + // 重新设置canvas宽高 + setCanvasWH( context ); // 计算比例 var scaleX = context.cw / oldCW; diff --git a/pjs-dev/pjs/particleground.js b/pjs-dev/pjs/particleground.js index 6f030ed..d1b3961 100644 --- a/pjs-dev/pjs/particleground.js +++ b/pjs-dev/pjs/particleground.js @@ -47,6 +47,8 @@ var floor = Math.floor; var isArray = Array.isArray; var canvasSupport = !!doc.createElement('canvas').getContext; + var defaultCanvasWidth = 485; + var defaultCanvasHeight = 300; var regTrimAll = /\s/g; function pInt( str ){ @@ -183,6 +185,10 @@ elem.removeEventListener( evtName, handler ); } + function setCanvasWH( context ){ + context.cw = context.c.width = getCss( context.container, 'width' ) || defaultCanvasWidth; + context.ch = context.c.height = getCss( context.container, 'height' ) || defaultCanvasHeight; + } /** * 插件公共属性继承 * @param context {this} 实例对象的上下文环境 @@ -197,11 +203,11 @@ context.set = extend( true, {}, Particleground.commonConfig, constructor.defaultConfig, options ); context.c = doc.createElement( 'canvas' ); - context.cw = context.c.width = getCss( context.container, 'width' ); - context.ch = context.c.height = getCss( context.container, 'height' ); context.cxt = context.c.getContext( '2d' ); context.paused = false; + setCanvasWH( context ); + context.container.innerHTML = ''; context.container.appendChild( context.c ); context.color = setColor( context.set.color ); @@ -262,9 +268,8 @@ var oldCW = context.cw; var oldCH = context.ch; - // 重新回去容器宽高 - context.cw = context.c.width = getCss( context.container, 'width' ); - context.ch = context.c.height = getCss( context.container, 'height' ); + // 重新设置canvas宽高 + setCanvasWH( context ); // 计算比例 var scaleX = context.cw / oldCW; diff --git a/pjs-production/1.0.0/particleground.all.js b/pjs-production/1.0.0/particleground.all.js index 737f07f..1c81c52 100644 --- a/pjs-production/1.0.0/particleground.all.js +++ b/pjs-production/1.0.0/particleground.all.js @@ -3,4 +3,4 @@ * Copyright 2016 Barrior * Licensed under the MIT (https://opensource.org/licenses/mit-license.php) */ -!function(t){"object"==typeof module&&module.exports?module.exports=t():t()}(function(){"use strict";function t(t){return parseInt(t,10)}function e(t){return t.replace(T,"")}function i(){return"#"+C().toString(16).slice(-6)}function n(t,e){return C()*(t-e)+e}function o(){var t,e,i=arguments,n=i[0]||{},s=!1,r=i.length,c=1;for("boolean"==typeof n&&(s=n,n=i[1]||{},c++);c0&&t<1?e*t:t}function m(t){var e=!!P(t)&&t.length,n=function(){return t[b(C()*e)]};return"string"!=typeof t?e?n:i:function(){return t}}function v(t,e){t.set&&!t.paused&&(r(e)&&e.call(t,"pause"),t.paused=!0)}function g(t,e){t.set&&t.paused&&(r(e)&&e.call(t,"open"),t.paused=!1,t.draw())}function y(t,e){t.set.resize&&u(w,"resize",function(){var i=t.cw,n=t.ch;t.cw=t.c.width=f(t.container,"width"),t.ch=t.c.height=f(t.container,"height");var o=t.cw/i,s=t.ch/n;P(t.dots)&&t.dots.forEach(function(t){a(t)&&(t.x*=o,t.y*=s)}),r(e)&&e.call(t,o,s),t.paused&&t.draw()})}function x(t,i,n){e(i).split(",").forEach(function(e){t[e]=function(){z[e](this,n)}})}var w=window,E=document,C=Math.random,b=Math.floor,P=Array.isArray,A=!!E.createElement("canvas").getContext,T=/\s/g,k=/^\d+(\.\d+)?[a-z]+$/i;w.requestAnimationFrame=function(t){return t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||function(e){t.setTimeout(e,1e3/60)}}(w);var z={pInt:t,trimAll:e,randomColor:i,limitRandom:n,extend:o,typeChecking:s,isFunction:r,isPlainObject:a,isElem:c,getCss:f,offset:h,createCanvas:p,scaleValue:d,setColor:m,pause:v,open:g,resize:y,modifyPrototype:x},L={version:"1.0.0",canvasSupport:A,commonConfig:{opacity:1,color:[],resize:!0},util:z,inherit:{requestAnimationFrame:function(){!this.paused&&w.requestAnimationFrame(this.draw.bind(this))},pause:function(){v(this)},open:function(){g(this)},resize:function(){y(this)}},event:{on:u,off:l},extend:function(t){return o(t,this.inherit),this}};return w.Particleground=L,"function"==typeof define&&define.amd&&define(function(){return L}),L}),+function(t){"use strict";function e(t,e,i){for(var n=o.getCss;t=t.offsetParent;)if(n(t,e)===i)return!0;return!1}function i(t,e){o.createCanvas(this,i,t,e)}function n(t){var e=this,i=e.set;i.num>0&&i.range>0&&(t="pause"===t?"off":"on",s[t](i.eventElem,"mousemove",e.moveHandler),s[t](i.eventElem,"touchmove",e.moveHandler))}var o=t.util,s=t.event,r=Math.random,a=Math.abs,c=2*Math.PI;i.defaultConfig={speed:1,num:.12,max:2.4,min:.6,dis:130,lineWidth:.2,range:160,eventElem:null};var f=i.prototype={version:"1.0.0",init:function(){this.set.num>0&&(this.set.range>0&&(o.isElem(this.set.eventElem)||this.set.eventElem===document||(this.set.eventElem=this.c),this.posX=r()*this.cw,this.posY=r()*this.ch,this.event()),this.createDots(),this.draw(),this.resize())},createDots:function(){for(var t,e=this.cw,i=this.ch,n=this.set,s=this.color,r=o.limitRandom,a=n.speed,c=n.max,f=n.min,h=o.pInt(o.scaleValue(n.num,e)),u=[];h--;)t=r(c,f),u.push({x:r(e-t,t),y:r(i-t,t),r:t,vx:r(a,.5*-a)||a,vy:r(a,.5*-a)||a,color:s()});this.dots=u},draw:function(){var t=this.set;if(!(t.num<=0)){var e=this.cw,i=this.ch,n=this.cxt,o=this.paused;n.clearRect(0,0,e,i),n.lineWidth=t.lineWidth,n.globalAlpha=t.opacity,this.dots.forEach(function(t){var s=t.r;if(n.save(),n.beginPath(),n.arc(t.x,t.y,s,0,c),n.fillStyle=t.color,n.fill(),n.restore(),!o){t.x+=t.vx,t.y+=t.vy;var r=t.x,a=t.y;(r+s>=e||r-s<=0)&&(t.vx*=-1),(a+s>=i||a-s<=0)&&(t.vy*=-1)}}),t.range>0&&this.connectDots(),this.requestAnimationFrame()}},connectDots:function(){var t=this.cxt,e=this.set,i=e.dis,n=this.posX,o=this.posY,s=e.range,r=this.dots,c=r.length;r.forEach(function(e,f){for(var h=e.x,u=e.y,l=e.color;++f0&&this.set.range>0&&(this.posX*=t,this.posY*=e,this.getElemOffset())}),t.particle=f.constructor=i}(Particleground),+function(t){"use strict";function e(t,n){i.createCanvas(this,e,t,n)}var i=t.util,n=Math.random,o=2*Math.PI;e.defaultConfig={color:"#fff",max:6.5,min:.4,speed:.4};var s=e.prototype={version:"1.0.0",init:function(){this.dots=[],this.createDots(),this.draw(),this.resize()},snowShape:function(){var t=this.color,e=this.cw,o=this.set,s=o.speed,r=i.limitRandom(o.max,o.min);return{x:n()*e,y:-r,r:r,vx:n()||.4,vy:r*s,color:t()}},createDots:function(){for(var t=i.pInt(6*n()),e=this.dots;t--;)e.push(this.snowShape())},draw:function(){var t=this,e=t.set,i=t.cxt,s=t.cw,r=t.ch,a=t.paused;i.clearRect(0,0,s,r),i.globalAlpha=e.opacity,t.dots.forEach(function(e,c,f){var h=e.x,u=e.y,l=e.r;i.save(),i.beginPath(),i.arc(h,u,l,0,o),i.fillStyle=e.color,i.fill(),i.restore(),a||(e.x+=e.vx,e.y+=e.vy,n()>.99&&n()>.5&&(e.vx*=-1),h<0||h-l>s?f.splice(c,1,t.snowShape()):u-l>=r&&f.splice(c,1))}),!a&&n()>.9&&t.createDots(),t.requestAnimationFrame()}};t.extend(s),t.snow=s.constructor=e}(Particleground),+function(t){"use strict";function e(t,n){i.createCanvas(this,e,t,n)}var i=t.util,n=i.limitRandom,o=i.randomColor,s=i.scaleValue,r=Math.random,a=Math.sin,c=2*Math.PI,f="undefined",h=Array.isArray;e.defaultConfig={num:3,fillColor:[],lineColor:[],lineWidth:[],offsetLeft:[],offsetTop:[],crestHeight:[],rippleNum:[],speed:[],fill:!1,stroke:!0};var u=e.prototype={version:"1.0.0",init:function(){this.set.num>0&&(this.rippleLength=[],this.attrNormalize(),this.createDots(),this.draw(),this.resize())},attrNormalize:function(){["fillColor","lineColor","lineWidth","offsetLeft","offsetTop","crestHeight","rippleNum","speed","fill","stroke"].forEach(function(t){this.attrProcessor(t)}.bind(this))},attrProcessor:function(t){var e=this.set.num,i=this.set[t],n=i,o="offsetLeft"===t?this.cw:this.ch;for(h(i)||(n=this.set[t]=[]);e--;){var s=h(i)?i[e]:i;n[e]=typeof s===f?this.generateAttrVal(t):this.scaleValue(t,s,o),"rippleNum"===t&&(this.rippleLength[e]=this.cw/n[e])}},scaleValue:function(t,e,i){return"offsetTop"===t||"offsetLeft"===t||"crestHeight"===t?s(e,i):e},generateAttrVal:function(t){var e=this.cw,i=this.ch;switch(t){case"lineColor":case"fillColor":t=o();break;case"lineWidth":t=n(2,.2);break;case"offsetLeft":t=r()*e;break;case"offsetTop":case"crestHeight":t=r()*i;break;case"rippleNum":t=n(e/2,1);break;case"speed":t=n(.4,.1);break;case"fill":t=!1;break;case"stroke":t=!0}return t},setOffsetTop:function(t){this.set.num>0&&(!h(t)&&t>0&&t<1&&(t*=this.ch),this.set.offsetTop.forEach(function(e,i,n){n[i]=h(t)?t[i]||e:t}))},createDots:function(){for(var t=this.dots=[],e=this.rippleLength,i=this.cw,n=this.set.num;n--;){for(var o=[],s=c/e[n],r=0;r0&&this.dots.forEach(function(i){i.forEach(function(i){i.x*=t,i.y*=e})})}),t.wave=u.constructor=e}(Particleground); \ No newline at end of file +!function(t){"object"==typeof module&&module.exports?module.exports=t():t()}(function(){"use strict";function t(t){return parseInt(t,10)}function e(t){return t.replace(L,"")}function i(){return"#"+b().toString(16).slice(-6)}function n(t,e){return b()*(t-e)+e}function o(){var t,e,i=arguments,n=i[0]||{},s=!1,r=i.length,c=1;for("boolean"==typeof n&&(s=n,n=i[1]||{},c++);c0&&t<1?e*t:t}function v(t){var e=!!A(t)&&t.length,n=function(){return t[P(b()*e)]};return"string"!=typeof t?e?n:i:function(){return t}}function g(t,e){t.set&&!t.paused&&(r(e)&&e.call(t,"pause"),t.paused=!0)}function y(t,e){t.set&&t.paused&&(r(e)&&e.call(t,"open"),t.paused=!1,t.draw())}function x(t,e){t.set.resize&&u(E,"resize",function(){var i=t.cw,n=t.ch;p(t);var o=t.cw/i,s=t.ch/n;A(t.dots)&&t.dots.forEach(function(t){a(t)&&(t.x*=o,t.y*=s)}),r(e)&&e.call(t,o,s),t.paused&&t.draw()})}function w(t,i,n){e(i).split(",").forEach(function(e){t[e]=function(){F[e](this,n)}})}var E=window,C=document,b=Math.random,P=Math.floor,A=Array.isArray,T=!!C.createElement("canvas").getContext,k=485,z=300,L=/\s/g,S=/^\d+(\.\d+)?[a-z]+$/i;E.requestAnimationFrame=function(t){return t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||function(e){t.setTimeout(e,1e3/60)}}(E);var F={pInt:t,trimAll:e,randomColor:i,limitRandom:n,extend:o,typeChecking:s,isFunction:r,isPlainObject:a,isElem:c,getCss:f,offset:h,createCanvas:m,scaleValue:d,setColor:v,pause:g,open:y,resize:x,modifyPrototype:w},M={version:"1.0.0",canvasSupport:T,commonConfig:{opacity:1,color:[],resize:!0},util:F,inherit:{requestAnimationFrame:function(){!this.paused&&E.requestAnimationFrame(this.draw.bind(this))},pause:function(){g(this)},open:function(){y(this)},resize:function(){x(this)}},event:{on:u,off:l},extend:function(t){return o(t,this.inherit),this}};return E.Particleground=M,"function"==typeof define&&define.amd&&define(function(){return M}),M}),+function(t){"use strict";function e(t,e,i){for(var n=o.getCss;t=t.offsetParent;)if(n(t,e)===i)return!0;return!1}function i(t,e){o.createCanvas(this,i,t,e)}function n(t){var e=this,i=e.set;i.num>0&&i.range>0&&(t="pause"===t?"off":"on",s[t](i.eventElem,"mousemove",e.moveHandler),s[t](i.eventElem,"touchmove",e.moveHandler))}var o=t.util,s=t.event,r=Math.random,a=Math.abs,c=2*Math.PI;i.defaultConfig={speed:1,num:.12,max:2.4,min:.6,dis:130,lineWidth:.2,range:160,eventElem:null};var f=i.prototype={version:"1.0.0",init:function(){this.set.num>0&&(this.set.range>0&&(o.isElem(this.set.eventElem)||this.set.eventElem===document||(this.set.eventElem=this.c),this.posX=r()*this.cw,this.posY=r()*this.ch,this.event()),this.createDots(),this.draw(),this.resize())},createDots:function(){for(var t,e=this.cw,i=this.ch,n=this.set,s=this.color,r=o.limitRandom,a=n.speed,c=n.max,f=n.min,h=o.pInt(o.scaleValue(n.num,e)),u=[];h--;)t=r(c,f),u.push({x:r(e-t,t),y:r(i-t,t),r:t,vx:r(a,.5*-a)||a,vy:r(a,.5*-a)||a,color:s()});this.dots=u},draw:function(){var t=this.set;if(!(t.num<=0)){var e=this.cw,i=this.ch,n=this.cxt,o=this.paused;n.clearRect(0,0,e,i),n.lineWidth=t.lineWidth,n.globalAlpha=t.opacity,this.dots.forEach(function(t){var s=t.r;if(n.save(),n.beginPath(),n.arc(t.x,t.y,s,0,c),n.fillStyle=t.color,n.fill(),n.restore(),!o){t.x+=t.vx,t.y+=t.vy;var r=t.x,a=t.y;(r+s>=e||r-s<=0)&&(t.vx*=-1),(a+s>=i||a-s<=0)&&(t.vy*=-1)}}),t.range>0&&this.connectDots(),this.requestAnimationFrame()}},connectDots:function(){var t=this.cxt,e=this.set,i=e.dis,n=this.posX,o=this.posY,s=e.range,r=this.dots,c=r.length;r.forEach(function(e,f){for(var h=e.x,u=e.y,l=e.color;++f0&&this.set.range>0&&(this.posX*=t,this.posY*=e,this.getElemOffset())}),t.particle=f.constructor=i}(Particleground),+function(t){"use strict";function e(t,n){i.createCanvas(this,e,t,n)}var i=t.util,n=Math.random,o=2*Math.PI;e.defaultConfig={color:"#fff",max:6.5,min:.4,speed:.4};var s=e.prototype={version:"1.0.0",init:function(){this.dots=[],this.createDots(),this.draw(),this.resize()},snowShape:function(){var t=this.color,e=this.cw,o=this.set,s=o.speed,r=i.limitRandom(o.max,o.min);return{x:n()*e,y:-r,r:r,vx:n()||.4,vy:r*s,color:t()}},createDots:function(){for(var t=i.pInt(6*n()),e=this.dots;t--;)e.push(this.snowShape())},draw:function(){var t=this,e=t.set,i=t.cxt,s=t.cw,r=t.ch,a=t.paused;i.clearRect(0,0,s,r),i.globalAlpha=e.opacity,t.dots.forEach(function(e,c,f){var h=e.x,u=e.y,l=e.r;i.save(),i.beginPath(),i.arc(h,u,l,0,o),i.fillStyle=e.color,i.fill(),i.restore(),a||(e.x+=e.vx,e.y+=e.vy,n()>.99&&n()>.5&&(e.vx*=-1),h<0||h-l>s?f.splice(c,1,t.snowShape()):u-l>=r&&f.splice(c,1))}),!a&&n()>.9&&t.createDots(),t.requestAnimationFrame()}};t.extend(s),t.snow=s.constructor=e}(Particleground),+function(t){"use strict";function e(t,n){i.createCanvas(this,e,t,n)}var i=t.util,n=i.limitRandom,o=i.randomColor,s=i.scaleValue,r=Math.random,a=Math.sin,c=2*Math.PI,f="undefined",h=Array.isArray;e.defaultConfig={num:3,fillColor:[],lineColor:[],lineWidth:[],offsetLeft:[],offsetTop:[],crestHeight:[],rippleNum:[],speed:[],fill:!1,stroke:!0};var u=e.prototype={version:"1.0.0",init:function(){this.set.num>0&&(this.rippleLength=[],this.attrNormalize(),this.createDots(),this.draw(),this.resize())},attrNormalize:function(){["fillColor","lineColor","lineWidth","offsetLeft","offsetTop","crestHeight","rippleNum","speed","fill","stroke"].forEach(function(t){this.attrProcessor(t)}.bind(this))},attrProcessor:function(t){var e=this.set.num,i=this.set[t],n=i,o="offsetLeft"===t?this.cw:this.ch;for(h(i)||(n=this.set[t]=[]);e--;){var s=h(i)?i[e]:i;n[e]=typeof s===f?this.generateAttrVal(t):this.scaleValue(t,s,o),"rippleNum"===t&&(this.rippleLength[e]=this.cw/n[e])}},scaleValue:function(t,e,i){return"offsetTop"===t||"offsetLeft"===t||"crestHeight"===t?s(e,i):e},generateAttrVal:function(t){var e=this.cw,i=this.ch;switch(t){case"lineColor":case"fillColor":t=o();break;case"lineWidth":t=n(2,.2);break;case"offsetLeft":t=r()*e;break;case"offsetTop":case"crestHeight":t=r()*i;break;case"rippleNum":t=n(e/2,1);break;case"speed":t=n(.4,.1);break;case"fill":t=!1;break;case"stroke":t=!0}return t},setOffsetTop:function(t){this.set.num>0&&(!h(t)&&t>0&&t<1&&(t*=this.ch),this.set.offsetTop.forEach(function(e,i,n){n[i]=h(t)?t[i]||e:t}))},createDots:function(){for(var t=this.dots=[],e=this.rippleLength,i=this.cw,n=this.set.num;n--;){for(var o=[],s=c/e[n],r=0;r0&&this.dots.forEach(function(i){i.forEach(function(i){i.x*=t,i.y*=e})})}),t.wave=u.constructor=e}(Particleground); \ No newline at end of file diff --git a/pjs-production/1.0.0/particleground.js b/pjs-production/1.0.0/particleground.js index f14e4eb..02c95ca 100644 --- a/pjs-production/1.0.0/particleground.js +++ b/pjs-production/1.0.0/particleground.js @@ -3,4 +3,4 @@ * Copyright 2016 Barrior * Licensed under the MIT (https://opensource.org/licenses/mit-license.php) */ -!function(t){"object"==typeof module&&module.exports?module.exports=t():t()}(function(){"use strict";function t(t){return parseInt(t,10)}function n(t){return t.replace(z,"")}function e(){return"#"+b().toString(16).slice(-6)}function o(t,n){return b()*(t-n)+n}function i(){var t,n,e=arguments,o=e[0]||{},r=!1,c=e.length,a=1;for("boolean"==typeof o&&(r=o,o=e[1]||{},a++);a0&&t<1?n*t:t}function m(t){var n=!!F(t)&&t.length,o=function(){return t[x(b()*n)]};return"string"!=typeof t?n?o:e:function(){return t}}function g(t,n){t.set&&!t.paused&&(c(n)&&n.call(t,"pause"),t.paused=!0)}function v(t,n){t.set&&t.paused&&(c(n)&&n.call(t,"open"),t.paused=!1,t.draw())}function w(t,n){t.set.resize&&d(C,"resize",function(){var e=t.cw,o=t.ch;t.cw=t.c.width=f(t.container,"width"),t.ch=t.c.height=f(t.container,"height");var i=t.cw/e,r=t.ch/o;F(t.dots)&&t.dots.forEach(function(t){u(t)&&(t.x*=i,t.y*=r)}),c(n)&&n.call(t,i,r),t.paused&&t.draw()})}function y(t,e,o){n(e).split(",").forEach(function(n){t[n]=function(){j[n](this,o)}})}var C=window,A=document,b=Math.random,x=Math.floor,F=Array.isArray,q=!!A.createElement("canvas").getContext,z=/\s/g,E=/^\d+(\.\d+)?[a-z]+$/i;C.requestAnimationFrame=function(t){return t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||function(n){t.setTimeout(n,1e3/60)}}(C);var j={pInt:t,trimAll:n,randomColor:e,limitRandom:o,extend:i,typeChecking:r,isFunction:c,isPlainObject:u,isElem:a,getCss:f,offset:s,createCanvas:h,scaleValue:p,setColor:m,pause:g,open:v,resize:w,modifyPrototype:y},L={version:"1.0.0",canvasSupport:q,commonConfig:{opacity:1,color:[],resize:!0},util:j,inherit:{requestAnimationFrame:function(){!this.paused&&C.requestAnimationFrame(this.draw.bind(this))},pause:function(){g(this)},open:function(){v(this)},resize:function(){w(this)}},event:{on:d,off:l},extend:function(t){return i(t,this.inherit),this}};return C.Particleground=L,"function"==typeof define&&define.amd&&define(function(){return L}),L}); \ No newline at end of file +!function(t){"object"==typeof module&&module.exports?module.exports=t():t()}(function(){"use strict";function t(t){return parseInt(t,10)}function n(t){return t.replace(L,"")}function e(){return"#"+x().toString(16).slice(-6)}function o(t,n){return x()*(t-n)+n}function i(){var t,n,e=arguments,o=e[0]||{},r=!1,c=e.length,a=1;for("boolean"==typeof o&&(r=o,o=e[1]||{},a++);a0&&t<1?n*t:t}function g(t){var n=!!q(t)&&t.length,o=function(){return t[F(x()*n)]};return"string"!=typeof t?n?o:e:function(){return t}}function v(t,n){t.set&&!t.paused&&(c(n)&&n.call(t,"pause"),t.paused=!0)}function y(t,n){t.set&&t.paused&&(c(n)&&n.call(t,"open"),t.paused=!1,t.draw())}function C(t,n){t.set.resize&&d(A,"resize",function(){var e=t.cw,o=t.ch;p(t);var i=t.cw/e,r=t.ch/o;q(t.dots)&&t.dots.forEach(function(t){u(t)&&(t.x*=i,t.y*=r)}),c(n)&&n.call(t,i,r),t.paused&&t.draw()})}function w(t,e,o){n(e).split(",").forEach(function(n){t[n]=function(){T[n](this,o)}})}var A=window,b=document,x=Math.random,F=Math.floor,q=Array.isArray,z=!!b.createElement("canvas").getContext,E=485,j=300,L=/\s/g,S=/^\d+(\.\d+)?[a-z]+$/i;A.requestAnimationFrame=function(t){return t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||function(n){t.setTimeout(n,1e3/60)}}(A);var T={pInt:t,trimAll:n,randomColor:e,limitRandom:o,extend:i,typeChecking:r,isFunction:c,isPlainObject:u,isElem:a,getCss:f,offset:s,createCanvas:m,scaleValue:h,setColor:g,pause:v,open:y,resize:C,modifyPrototype:w},P={version:"1.0.0",canvasSupport:z,commonConfig:{opacity:1,color:[],resize:!0},util:T,inherit:{requestAnimationFrame:function(){!this.paused&&A.requestAnimationFrame(this.draw.bind(this))},pause:function(){v(this)},open:function(){y(this)},resize:function(){C(this)}},event:{on:d,off:l},extend:function(t){return i(t,this.inherit),this}};return A.Particleground=P,"function"==typeof define&&define.amd&&define(function(){return P}),P}); \ No newline at end of file diff --git a/public/dist/css/map/site.css.map b/public/dist/css/map/site.css.map index d624f22..57f320b 100644 --- a/public/dist/css/map/site.css.map +++ b/public/dist/css/map/site.css.map @@ -1 +1 @@ -{"version":3,"sources":["ui.scss","pc.scss","build.css","iconfont.scss","mobile.scss"],"names":[],"mappings":"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","file":"site.css","sourcesContent":["button, hr {\r\n overflow: visible\r\n}\r\n\r\nimg, legend {\r\n border: 0\r\n}\r\n\r\ninput[type=checkbox], input[type=radio], legend {\r\n padding: 0\r\n}\r\n\r\nbody, h1, h2, h3, h4, h5, h6 {\r\n margin: 0\r\n}\r\n\r\n.pr, sub, sup {\r\n position: relative\r\n}\r\n\r\nbody, html {\r\n width: 100%;\r\n height: 100%;\r\n font: 10px/1.5 \"Lucida Grande\", \"Microsoft JhengHei\", \"Microsoft YaHei\";\r\n color: #333;\r\n -ms-text-size-adjust: 100%;\r\n -webkit-text-size-adjust: 100%\r\n}\r\n\r\n@media all and (min-width: 1025px) {\r\n body, html {\r\n font-size: 11px\r\n }\r\n}\r\n\r\n@media all and (min-width: 1281px) {\r\n body, html {\r\n font-size: 12px\r\n }\r\n}\r\n\r\n@media all and (min-width: 1367px) {\r\n body, html {\r\n font-size: 13px\r\n }\r\n}\r\n\r\n@media all and (min-width: 1441px) {\r\n body, html {\r\n font-size: 14px\r\n }\r\n}\r\n\r\n@media all and (min-width: 1601px) {\r\n body, html {\r\n font-size: 16px\r\n }\r\n}\r\n\r\n*, :after, :before {\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box\r\n}\r\n\r\narticle, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {\r\n display: block\r\n}\r\n\r\naudio, canvas, progress, video {\r\n display: inline-block;\r\n vertical-align: baseline\r\n}\r\n\r\n[hidden], template {\r\n display: none\r\n}\r\n\r\na {\r\n background-color: transparent\r\n}\r\n\r\nb, strong {\r\n font-weight: inherit;\r\n font-weight: bolder\r\n}\r\n\r\ndfn {\r\n font-style: italic\r\n}\r\n\r\nmark {\r\n background-color: #ff0;\r\n color: #000\r\n}\r\n\r\nsmall {\r\n font-size: 80%\r\n}\r\n\r\nsub, sup {\r\n font-size: 75%;\r\n line-height: 0;\r\n vertical-align: baseline\r\n}\r\n\r\nsup {\r\n top: -.5em;\r\n bottom: -.25em\r\n}\r\n\r\nimg {\r\n vertical-align: top\r\n}\r\n\r\nsvg:not(:root) {\r\n overflow: hidden\r\n}\r\n\r\nfigure {\r\n margin: 1rem 3.33333rem\r\n}\r\n\r\nhr {\r\n height: 0\r\n}\r\n\r\npre, textarea {\r\n overflow: auto\r\n}\r\n\r\ncode, kbd, pre, samp {\r\n font-family: monospace, monospace;\r\n font-size: 1em\r\n}\r\n\r\nbutton, input, optgroup, select, textarea {\r\n font: inherit;\r\n margin: 0\r\n}\r\n\r\n.badge, .bold, dt, optgroup {\r\n font-weight: 700\r\n}\r\n\r\n.overflow-hidden, .progress, .text-overflow {\r\n overflow: hidden\r\n}\r\n\r\nbutton, select {\r\n text-transform: none\r\n}\r\n\r\nbutton, html input[type=button], input[type=reset], input[type=submit] {\r\n -webkit-appearance: button;\r\n cursor: pointer\r\n}\r\n\r\nbutton::-moz-focus-inner, input::-moz-focus-inner {\r\n border: 0;\r\n padding: 0\r\n}\r\n\r\ninput {\r\n line-height: normal\r\n}\r\n\r\ninput[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {\r\n height: auto\r\n}\r\n\r\ninput[type=search] {\r\n -webkit-appearance: textfield\r\n}\r\n\r\ninput[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {\r\n -webkit-appearance: none\r\n}\r\n\r\nfieldset {\r\n border: 1px solid silver;\r\n margin: 0 .16667rem;\r\n padding: .35em .625em .75em\r\n}\r\n\r\n.disabled, [disabled] {\r\n cursor: not-allowed !important;\r\n color: #777 !important\r\n}\r\n\r\n.btn, .tabs .tab-nav li, label {\r\n cursor: pointer\r\n}\r\n\r\nem, i {\r\n font-style: normal\r\n}\r\n\r\na, button, input, select {\r\n outline: 0\r\n}\r\n\r\ninput::-ms-clear {\r\n display: none\r\n}\r\n\r\nsvg text tspan::-moz-selection, svg text::-moz-selection {\r\n background: 0 0\r\n}\r\n\r\nsvg text tspan::selection, svg text::selection {\r\n background: 0 0\r\n}\r\n\r\ndir, dl, menu, ol, p, ul {\r\n margin: 0 0 .83333rem\r\n}\r\n\r\ndt {\r\n margin: 2em 0 1em\r\n}\r\n\r\nabbr[title] {\r\n border-bottom: 1px dotted #777\r\n}\r\n\r\nblockquote {\r\n padding: .83333rem 1.66667rem;\r\n margin: 0 0 1.66667rem;\r\n font-size: 1.45833rem;\r\n border-left: .41667rem solid #eee\r\n}\r\n\r\ncode, kbd {\r\n font-size: 90%\r\n}\r\n\r\ncode {\r\n padding: .16667rem .33333rem;\r\n color: #c7254e;\r\n background-color: #f9f2f4;\r\n border-radius: .33333rem\r\n}\r\n\r\nkbd {\r\n padding: .16667rem;\r\n color: #fff;\r\n background-color: #333;\r\n border-radius: .25rem;\r\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)\r\n}\r\n\r\n.form-control, .table-bordered, .table-bordered-inner > tbody > tr > td, .table-bordered-inner > tbody > tr > th, .table-bordered-inner > tfoot > tr > td, .table-bordered-inner > tfoot > tr > th, .table-bordered-inner > thead > tr > td, .table-bordered-inner > thead > tr > th {\r\n border: 1px solid #ccc\r\n}\r\n\r\nh1 {\r\n font-size: 3rem\r\n}\r\n\r\nh2 {\r\n font-size: 2.5rem\r\n}\r\n\r\nh3 {\r\n font-size: 2rem\r\n}\r\n\r\nh4 {\r\n font-size: 1.5rem\r\n}\r\n\r\nh5 {\r\n font-size: 1.16667rem\r\n}\r\n\r\n.tiny-text, h6 {\r\n font-size: 1rem\r\n}\r\n\r\n.mini-text {\r\n font-size: 1.08333rem\r\n}\r\n\r\n.normal-text {\r\n font-size: 1.16667rem\r\n}\r\n\r\n.big-text {\r\n font-size: 1.33333rem\r\n}\r\n\r\n.bigger-text {\r\n font-size: 1.5rem\r\n}\r\n\r\n.large-text {\r\n font-size: 1.83333rem\r\n}\r\n\r\n.huge-text {\r\n font-size: 2.16667rem\r\n}\r\n\r\n.max-text {\r\n font-size: 2.66667rem\r\n}\r\n\r\n.white-text {\r\n color: #fff !important\r\n}\r\n\r\n.lightgray-text {\r\n color: #ccc !important\r\n}\r\n\r\n.gray-text {\r\n color: #777 !important\r\n}\r\n\r\n.black-text {\r\n color: #000 !important\r\n}\r\n\r\n.red-text {\r\n color: #c00 !important\r\n}\r\n\r\n.green-text {\r\n color: #0e7e00 !important\r\n}\r\n\r\n.blue-text {\r\n color: #173070 !important\r\n}\r\n\r\n.lightgray-bgcolor {\r\n background-color: #ececec !important\r\n}\r\n\r\n.gray-bgcolor {\r\n background-color: #a0a0a0 !important\r\n}\r\n\r\n.black-bgcolor {\r\n background-color: #000 !important\r\n}\r\n\r\n.red-bgcolor {\r\n background-color: #c00 !important\r\n}\r\n\r\n.green-bgcolor {\r\n background-color: #0e7e00 !important\r\n}\r\n\r\n.blue-bgcolor {\r\n background-color: #173070 !important\r\n}\r\n\r\n.pa {\r\n position: absolute;\r\n left: 0;\r\n top: 0\r\n}\r\n\r\n.cf:after {\r\n content: \"\";\r\n display: block;\r\n clear: both\r\n}\r\n\r\n.fl {\r\n float: left\r\n}\r\n\r\n.fr {\r\n float: right\r\n}\r\n\r\n.text-left {\r\n text-align: left\r\n}\r\n\r\n.text-center {\r\n text-align: center\r\n}\r\n\r\n.text-center-vertical {\r\n position: relative;\r\n top: 50%;\r\n -webkit-transform: translateY(-50%);\r\n -moz-transform: translateY(-50%);\r\n -ms-transform: translateY(-50%);\r\n transform: translateY(-50%)\r\n}\r\n\r\n.text-right {\r\n text-align: right\r\n}\r\n\r\n.text-justify {\r\n text-align: justify\r\n}\r\n\r\ncaption, th {\r\n text-align: left\r\n}\r\n\r\n.text-lowercase {\r\n text-transform: lowercase\r\n}\r\n\r\n.text-uppercase {\r\n text-transform: uppercase\r\n}\r\n\r\n.text-capitalize {\r\n text-transform: capitalize\r\n}\r\n\r\n.text-overflow {\r\n text-overflow: ellipsis;\r\n white-space: nowrap\r\n}\r\n\r\n.word-break-all {\r\n word-break: break-all\r\n}\r\n\r\n.list-unstyled {\r\n padding-left: 0;\r\n list-style: none\r\n}\r\n\r\n.show {\r\n display: block !important\r\n}\r\n\r\n.hidden {\r\n display: none !important\r\n}\r\n\r\n.invisible {\r\n visibility: hidden\r\n}\r\n\r\ntable {\r\n border-spacing: 0;\r\n border-collapse: collapse\r\n}\r\n\r\ncaption {\r\n padding: .66667rem 0;\r\n color: #777\r\n}\r\n\r\n.table {\r\n width: 100%;\r\n max-width: 100%\r\n}\r\n\r\n.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {\r\n padding: .66667rem;\r\n vertical-align: top;\r\n border-top: 1px solid #ccc\r\n}\r\n\r\n.table > thead > tr > th {\r\n vertical-align: bottom\r\n}\r\n\r\n.table-striped > tbody > tr:nth-of-type(odd) {\r\n background-color: #ececec\r\n}\r\n\r\n.table-hover > tbody > tr:hover {\r\n background-color: #f5f5f5\r\n}\r\n\r\n.form-group {\r\n margin-bottom: 1.33333rem\r\n}\r\n\r\n.form-control {\r\n display: block;\r\n width: 100%;\r\n height: 2.83333rem;\r\n padding: .5rem 1rem;\r\n font-size: 1.16667rem;\r\n color: #555;\r\n background-color: #fff;\r\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\r\n -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\r\n -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\r\n transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s\r\n}\r\n\r\n.checkbox-group input[type=checkbox], .radio-group input[type=radio] {\r\n display: none\r\n}\r\n\r\n.form-control:focus {\r\n border-color: #66afe9;\r\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)\r\n}\r\n\r\n.form-control[disabled] {\r\n background-color: #ececec\r\n}\r\n\r\n.label-checkbox, .label-radio {\r\n margin-left: .83333rem;\r\n padding-left: 1.4em;\r\n position: relative\r\n}\r\n\r\n.label-checkbox:first-of-type, .label-radio:first-of-type {\r\n margin-left: 0\r\n}\r\n\r\n.label-checkbox input, .label-radio input {\r\n -webkit-transform: translate(0, -50%);\r\n -moz-transform: translate(0, -50%);\r\n -ms-transform: translate(0, -50%);\r\n transform: translate(0, -50%);\r\n position: absolute;\r\n left: 0;\r\n top: .7em;\r\n cursor: pointer\r\n}\r\n\r\n.checkbox-group input[type=checkbox] + label {\r\n margin-left: .83333rem;\r\n padding-left: 1.4em;\r\n position: relative\r\n}\r\n\r\n.checkbox-group input[type=checkbox] + label:first-of-type {\r\n margin-left: 0\r\n}\r\n\r\n.checkbox-group input[type=checkbox] + label.disabled:before, .checkbox-group input[type=checkbox] + label[disabled]:before {\r\n border-color: #C5C5C5 !important;\r\n box-shadow: inset 0 0 0 .5em #C5C5C5;\r\n border-radius: 1px\r\n}\r\n\r\n.checkbox-group input[type=checkbox] + label.disabled:after, .checkbox-group input[type=checkbox] + label[disabled]:after {\r\n content: \"\\2713\"\r\n}\r\n\r\n.checkbox-group input[type=checkbox] + label:hover:before {\r\n border-color: #0e90d2\r\n}\r\n\r\n.checkbox-group input[type=checkbox] + label:after, .checkbox-group input[type=checkbox] + label:before {\r\n width: 1em;\r\n height: 1em;\r\n position: absolute;\r\n left: 0;\r\n top: .7em\r\n}\r\n\r\n.checkbox-group input[type=checkbox] + label:before {\r\n content: '';\r\n border: 1px solid #a0a0a0;\r\n -webkit-transform: translate(0, -50%);\r\n -moz-transform: translate(0, -50%);\r\n -ms-transform: translate(0, -50%);\r\n transform: translate(0, -50%);\r\n -webkit-transition: .3s ease-in-out;\r\n -moz-transition: .3s ease-in-out;\r\n transition: .3s ease-in-out\r\n}\r\n\r\n.checkbox-group input[type=checkbox] + label:after {\r\n color: #fff;\r\n line-height: 1;\r\n text-align: center;\r\n -webkit-transform: translate(0, -50%) scale(.8);\r\n -moz-transform: translate(0, -50%) scale(.8);\r\n -ms-transform: translate(0, -50%) scale(.8);\r\n transform: translate(0, -50%) scale(.8)\r\n}\r\n\r\n.checkbox-group input[type=checkbox]:checked + label:before {\r\n border-color: #0e90d2;\r\n box-shadow: inset 0 0 0 .5em #0e90d2;\r\n border-radius: 1px\r\n}\r\n\r\n.checkbox-group input[type=checkbox]:checked + label:after {\r\n content: \"\\2713\"\r\n}\r\n\r\n.radio-group input[type=radio] + label {\r\n margin-left: .83333rem;\r\n padding-left: 1.4em;\r\n position: relative\r\n}\r\n\r\n.radio-group input[type=radio] + label:first-of-type {\r\n margin-left: 0\r\n}\r\n\r\n.radio-group input[type=radio] + label.disabled:before, .radio-group input[type=radio] + label[disabled]:before {\r\n border-color: #C5C5C5 !important;\r\n background-color: #C5C5C5\r\n}\r\n\r\n.radio-group input[type=radio] + label.disabled:after, .radio-group input[type=radio] + label[disabled]:after, .radio-group input[type=radio]:checked + label:after {\r\n background-color: #fff\r\n}\r\n\r\n.radio-group input[type=radio] + label:hover:before {\r\n border-color: #0e90d2\r\n}\r\n\r\n.radio-group input[type=radio] + label:after, .radio-group input[type=radio] + label:before {\r\n content: '';\r\n position: absolute;\r\n top: .7em;\r\n border-radius: 50%;\r\n -webkit-transform: translate(0, -50%);\r\n -moz-transform: translate(0, -50%);\r\n -ms-transform: translate(0, -50%);\r\n transform: translate(0, -50%)\r\n}\r\n\r\n.radio-group input[type=radio] + label:before {\r\n width: 1em;\r\n height: 1em;\r\n left: 0;\r\n border: 1px solid #a0a0a0;\r\n -webkit-transition: .3s ease-in-out;\r\n -moz-transition: .3s ease-in-out;\r\n transition: .3s ease-in-out\r\n}\r\n\r\n.radio-group input[type=radio] + label:after {\r\n width: .5em;\r\n height: .5em;\r\n left: .5em;\r\n -webkit-transform: translate(-50%, -50%);\r\n -moz-transform: translate(-50%, -50%);\r\n -ms-transform: translate(-50%, -50%);\r\n transform: translate(-50%, -50%)\r\n}\r\n\r\n.radio-group input[type=radio]:checked + label:before {\r\n border-color: #0e90d2;\r\n box-shadow: inset 0 0 0 .5em #0e90d2\r\n}\r\n\r\n.btn {\r\n display: inline-block;\r\n padding: .5em 1em;\r\n text-align: center;\r\n white-space: nowrap;\r\n vertical-align: middle;\r\n -ms-touch-action: manipulation;\r\n touch-action: manipulation;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n background-image: none;\r\n border: 1px solid transparent;\r\n border-radius: .16667rem;\r\n -webkit-transition: background-color .3s ease-out, border-color .3s ease-out;\r\n -moz-transition: background-color .3s ease-out, border-color .3s ease-out;\r\n transition: background-color .3s ease-out, border-color .3s ease-out\r\n}\r\n\r\n.btn-primary {\r\n color: #fff;\r\n border-color: #0e90d2;\r\n background-color: #0e90d2\r\n}\r\n\r\n.btn-primary:hover {\r\n border-color: #0c79b1;\r\n background-color: #0c79b1\r\n}\r\n\r\n.btn-primary.active, .btn-primary:active {\r\n border-color: #0a628f;\r\n background-color: #0a628f\r\n}\r\n\r\n.btn-secondary {\r\n color: #fff;\r\n border-color: #3bb4f2;\r\n background-color: #3bb4f2\r\n}\r\n\r\n.btn-secondary:hover {\r\n border-color: #19a7f0;\r\n background-color: #19a7f0\r\n}\r\n\r\n.btn-secondary.active, .btn-secondary:active {\r\n border-color: #0e93d7;\r\n background-color: #0e93d7\r\n}\r\n\r\n.btn-success {\r\n color: #fff;\r\n border-color: #5eb95e;\r\n background-color: #5eb95e\r\n}\r\n\r\n.btn-success:hover {\r\n border-color: #4aaa4a;\r\n background-color: #4aaa4a\r\n}\r\n\r\n.btn-success.active, .btn-success:active {\r\n border-color: #3f913f;\r\n background-color: #3f913f\r\n}\r\n\r\n.btn-danger {\r\n color: #fff;\r\n border-color: #dd514c;\r\n background-color: #dd514c\r\n}\r\n\r\n.btn-danger:hover {\r\n border-color: #d7342e;\r\n background-color: #d7342e\r\n}\r\n\r\n.btn-danger.active, .btn-danger:active {\r\n border-color: #be2924;\r\n background-color: #be2924\r\n}\r\n\r\n.btn-default {\r\n border-color: #ccc;\r\n background-color: #fff\r\n}\r\n\r\n.btn-default:hover {\r\n background-color: #e6e6e6\r\n}\r\n\r\n.btn-default.active, .btn-default:active {\r\n border-color: #999;\r\n background-color: #d4d4d4;\r\n position: relative;\r\n top: 2\r\n}\r\n\r\n.btn-sm {\r\n padding: .2em .6em\r\n}\r\n\r\n.btn-lg {\r\n padding: .8em 1.7em\r\n}\r\n\r\n.btn-block {\r\n display: block;\r\n width: 100%\r\n}\r\n\r\n.btn-group {\r\n display: inline-block\r\n}\r\n\r\n.btn-group > .btn {\r\n float: left;\r\n border-radius: 0\r\n}\r\n\r\n.btn-group > .btn:not(:first-child) {\r\n margin-left: -1px\r\n}\r\n\r\n.btn-group > .btn:first-child {\r\n border-top-left-radius: .16667rem;\r\n border-bottom-left-radius: .16667rem\r\n}\r\n\r\n.btn-group > .btn.dropdown-toggle, .btn-group > .btn:last-child {\r\n border-top-right-radius: .16667rem;\r\n border-bottom-right-radius: .16667rem\r\n}\r\n\r\n.btn-group:after {\r\n content: \"\";\r\n display: block;\r\n clear: both\r\n}\r\n\r\n.btn-group-vertical {\r\n display: inline-block\r\n}\r\n\r\n.btn-group-vertical > .btn {\r\n display: block;\r\n width: 100%;\r\n border-radius: 0\r\n}\r\n\r\n.btn-group-vertical > .btn:not(:first-child) {\r\n margin-top: -1px\r\n}\r\n\r\n.btn-group-vertical > .btn:first-child {\r\n border-top-left-radius: .16667rem;\r\n border-top-right-radius: .16667rem\r\n}\r\n\r\n.btn-group-vertical > .btn:last-child {\r\n border-bottom-left-radius: .16667rem;\r\n border-bottom-right-radius: .16667rem\r\n}","// ui default\r\npre {\r\n background-color: $gray-bg;\r\n}\r\n\r\nblockquote {\r\n padding: 0 rem(20);\r\n font-size: rem(16);\r\n a{\r\n text-decoration: none;\r\n color: $root-color;\r\n }\r\n}\r\n\r\ncode {\r\n background-color: $gray-bg;\r\n color: #BE0019;\r\n font-family: Menlo,Monaco,Consolas,\"Microsoft YaHei\";\r\n}\r\n\r\n.text-indent {\r\n text-indent: 2em;\r\n}\r\n\r\n.btn {\r\n text-decoration: none;\r\n}\r\n\r\n.btn-default{\r\n border-color: $gray-border;\r\n &:hover{\r\n background-color: $gray-border;\r\n }\r\n}\r\n\r\n.btn-success {\r\n border-color: $green;\r\n background-color: $green;\r\n &:hover,\r\n &:focus {\r\n border-color: $green-hover;\r\n background-color: $green-hover;\r\n }\r\n}\r\n\r\n.table-striped > tbody > tr:nth-of-type(odd) {\r\n background-color: $gray-bg;\r\n}\r\n\r\n.table {\r\n font-size: rem(13);\r\n td,\r\n th{\r\n padding: rem(10) rem(14) !important;\r\n border-color: $gray-border !important;\r\n }\r\n}\r\n\r\n// syntax highlight\r\npre {\r\n margin: 0;\r\n padding: rem(10) rem(20) !important;\r\n border: none !important;\r\n font-family: Menlo,Monaco,Consolas,\"Microsoft YaHei\";\r\n opacity: .9;\r\n .com {\r\n color: #999;\r\n }\r\n}\r\n\r\n$page-left-right: rem(120);\r\n\r\n// common header\r\n.com-header {\r\n height: rem(94);\r\n padding: 0 $page-left-right;\r\n line-height: rem(94);\r\n border-bottom: 1px solid $gray-border;\r\n box-shadow: 0 rem(1) rem(2) 0 #E8E8E8;\r\n position: relative;\r\n z-index: 9;\r\n a {\r\n text-decoration: none;\r\n color: $root-color;\r\n &:hover {\r\n color: $green;\r\n }\r\n }\r\n .mobile-menu{\r\n float: left;\r\n display: none;\r\n }\r\n .logo {\r\n float: left;\r\n height: rem(94);\r\n a {\r\n font-size: rem(26);\r\n font-weight: 100;\r\n color: $green;\r\n }\r\n }\r\n .nav {\r\n float: right;\r\n margin-right: rem(-8);\r\n a {\r\n padding: rem(6) rem(8);\r\n font-size: rem(14);\r\n transition: .4s ease-out;\r\n &.active {\r\n color: $green;\r\n }\r\n }\r\n .slideblock {\r\n width: rem(28);\r\n height: rem(2);\r\n background-color: $green;\r\n top: rem(62);\r\n &.animation {\r\n transition: .4s ease-out;\r\n }\r\n }\r\n .divider{\r\n height: 1px;\r\n margin: 0 rem(20);\r\n background-color: #dedede;\r\n }\r\n >.example-menu{\r\n display: none;\r\n a{\r\n &:nth-of-type(2){\r\n position: relative;\r\n .essential{\r\n left: auto;\r\n right: rem(10);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n// common body\r\n.com-body{\r\n padding: rem(40) $page-left-right;\r\n}\r\n\r\n// common footer\r\n.com-footer {\r\n display: none;\r\n padding: rem(20) 0;\r\n border-top: 1px solid $gray-border;\r\n text-align: center;\r\n > .text {\r\n > div {\r\n display: inline-block;\r\n }\r\n }\r\n a {\r\n color: $root-color;\r\n text-decoration: none;\r\n &:hover {\r\n color: $green;\r\n text-decoration: underline;\r\n }\r\n }\r\n}\r\n\r\n// 必读图标\r\n.essential {\r\n padding: rem(4) rem(6) rem(6);\r\n line-height: 1;\r\n background-color: $green;\r\n color: #fff;\r\n font-size: rem(12);\r\n position: absolute;\r\n left: rem(184);\r\n top: rem(-6);\r\n border-radius: rem(10);\r\n transform: scale(.9);\r\n &:before {\r\n content: '';\r\n width: 0;\r\n height: 0;\r\n border: rem(5) solid transparent;\r\n border-left-color: $green;\r\n border-bottom-color: $green;\r\n position: absolute;\r\n left: rem(-2);\r\n top: rem(8);\r\n transform: rotate(23deg);\r\n }\r\n}\r\n\r\n// instance\r\n.instance{\r\n height: rem(440);\r\n position: relative;\r\n margin-top: rem(30);\r\n border: 1px solid $gray-border;\r\n &:hover{\r\n >.ctrl{\r\n display: block;\r\n }\r\n }\r\n &.snow{\r\n height: rem(550);\r\n background: url(\"../img/merry-christmas.jpg\") 0 0 no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n >.demo{\r\n height: 100%;\r\n }\r\n >.ctrl{\r\n display: none;\r\n position: absolute;\r\n z-index: 2;\r\n left: rem(10);\r\n top: rem(10);\r\n .btn{\r\n &:not(:last-child){\r\n margin-right: rem(8);\r\n }\r\n }\r\n }\r\n}\r\n\r\n.instance-box{\r\n margin-top: rem(30);\r\n >.caption{\r\n padding-bottom: rem(10);\r\n }\r\n >.instance{\r\n margin-top: 0;\r\n }\r\n}\r\n\r\n// module. like for examples page\r\n.caption{\r\n font-size: rem(16);\r\n position: relative;\r\n &:hover {\r\n &:before {\r\n display: block;\r\n }\r\n }\r\n &:before {\r\n display: none;\r\n content: \"#\";\r\n color: $green;\r\n position: absolute;\r\n right: 100.8%;\r\n }\r\n a {\r\n color: $root-color;\r\n text-decoration: none;\r\n }\r\n}\r\n.module {\r\n margin-top: rem(30);\r\n &.module-api{\r\n ul {\r\n padding-left: rem(16);\r\n margin-bottom: 0;\r\n }\r\n }\r\n >.caption{\r\n padding-bottom: rem(10);\r\n }\r\n}\r\n\r\n// dotted-line\r\n.dotted-line{\r\n color: $root-color;\r\n text-decoration: none;\r\n border-bottom: 1px dotted #777;\r\n &:hover {\r\n color: $green;\r\n border-color: $gray;\r\n }\r\n}\r\n\r\n// first instance crtl\r\n#first-instance-ctrl{\r\n margin: rem(20) 0;\r\n .btn{\r\n &:not(:last-child){\r\n margin-right: rem(10);\r\n }\r\n }\r\n}\r\n\r\n// why-this-tip\r\n.why-this-tip{\r\n &:hover{\r\n .pa{\r\n display: block;\r\n }\r\n }\r\n .pa{\r\n display: none;\r\n padding: rem(10);\r\n border: 1px solid $gray-border;\r\n border-radius: rem(4);\r\n box-shadow: rem(4) rem(4) rem(10) 0 $gray-border;\r\n background-color: #fff;\r\n text-align: justify;\r\n font-size: rem(12);\r\n top: 110%;\r\n }\r\n}\r\n\r\n// index page\r\n#page-index {\r\n >.bg{\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n >.profile{\r\n width: 100%;\r\n text-align: center;\r\n color: $green;\r\n position: absolute;\r\n top: 48%;\r\n > .title {\r\n font-size: 6.6rem;\r\n font-weight: 100;\r\n }\r\n > .describe {\r\n font-size: rem(21);\r\n margin-top: .8em;\r\n color: #008850;\r\n > .readmore {\r\n display: inline-block;\r\n border-bottom: 1px solid $green;\r\n text-decoration: none;\r\n font-size: 65%;\r\n color: $green;\r\n transform: translateY(rem(-3));\r\n }\r\n }\r\n >.usage {\r\n margin-top: rem(30);\r\n font-size: rem(24);\r\n .btn {\r\n width: rem(146);\r\n height: rem(62);\r\n background-color: transparent;\r\n color: $green;\r\n border-color: $green;\r\n position: relative;\r\n overflow: hidden;\r\n &:after {\r\n content: '';\r\n width: 100%;\r\n height: 0;\r\n background-color: $green;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0;\r\n top: rem(30);\r\n transition: height .4s ease-out;\r\n transform: translateY(-50%) rotate(45deg);\r\n }\r\n .pa {\r\n width: 100%;\r\n height: 100%;\r\n line-height: rem(62);\r\n z-index: 3;\r\n }\r\n &:hover {\r\n color: #fff;\r\n &:after {\r\n height: rem(156);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .com-footer{\r\n display: block;\r\n width: 100%;\r\n padding-right: $page-left-right;\r\n position: absolute;\r\n z-index: 8;\r\n left: 0;\r\n bottom: 0;\r\n text-align: right;\r\n }\r\n}\r\n\r\n// example pages\r\n#page-example {\r\n >.com-body{\r\n > .menu {\r\n width: rem(240);\r\n &.fixed{\r\n padding: rem(20) 0;\r\n position: fixed;\r\n top: 0;\r\n bottom: 0;\r\n overflow: auto;\r\n }\r\n h6,\r\n h5 {\r\n margin-bottom: rem(16);\r\n }\r\n h6 {\r\n font-weight: 400;\r\n }\r\n h5 {\r\n a {\r\n &:hover {\r\n color: $green;\r\n }\r\n &:not(.active) {\r\n padding-left: 0;\r\n border-left: none;\r\n }\r\n }\r\n }\r\n h5 a.active,\r\n li.active a,\r\n li a:hover {\r\n background-color: #F7F7F7;\r\n color: $green;\r\n border-color: $green;\r\n }\r\n li {\r\n margin-bottom: rem(10);\r\n }\r\n h5 a,\r\n li a {\r\n display: block;\r\n height: rem(30);\r\n padding-left: rem(20);\r\n line-height: rem(30);\r\n border-left: rem(5) solid transparent;\r\n text-decoration: none;\r\n color: $root-color;\r\n }\r\n }\r\n > .main {\r\n padding-left: rem(300);\r\n > .main-content {\r\n .instance{\r\n &:first-child{\r\n margin-top: 0;\r\n }\r\n }\r\n }\r\n }\r\n .quick-getting,\r\n .preface {\r\n line-height: 2;\r\n font-size: rem(15);\r\n >.module{\r\n &:first-child{\r\n margin-top: 0;\r\n }\r\n >.caption{\r\n font-size: rem(18);\r\n font-weight: 900;\r\n }\r\n blockquote{\r\n &:not(:first-child){\r\n margin-top: rem(20);\r\n }\r\n }\r\n }\r\n }\r\n .quick-getting {\r\n .instance{\r\n max-width: rem(400);\r\n height: rem(250);\r\n }\r\n .btn {\r\n line-height: 1;\r\n font-size: rem(12);\r\n }\r\n }\r\n }\r\n}\r\n\r\n#page-download{\r\n >.com-body{\r\n h3{\r\n font-size: rem(24);\r\n font-weight: 100;\r\n }\r\n }\r\n}\r\n\r\n#page-changelog {\r\n >.com-body{\r\n text-align: center;\r\n .inner {\r\n display: inline-block;\r\n max-width: rem(820);\r\n text-align: left;\r\n font-size: rem(14);\r\n }\r\n .box {\r\n margin-bottom: rem(50);\r\n >.title {\r\n font-size: rem(20);\r\n font-weight: 900;\r\n color: $green;\r\n position: relative;\r\n }\r\n >.description{\r\n margin: rem(10) 0;\r\n }\r\n >.subtitle{\r\n margin: rem(30) 0 rem(10);\r\n }\r\n >ul {\r\n padding: 0 0 0 rem(24);\r\n }\r\n }\r\n }\r\n}\r\n\r\n// special style of the examples\r\n#page-example{\r\n .wave{\r\n .instance-loading{\r\n text-align: center;\r\n >.caption{\r\n text-align: left;\r\n }\r\n >.instance{\r\n display: inline-block;\r\n width: rem(280);\r\n height: rem(280) !important;\r\n border-radius: 50%;\r\n >.instance-loading-process{\r\n width: 100%;\r\n font-size: rem(26);\r\n font-family: Arial;\r\n text-align: center;\r\n position: absolute;\r\n }\r\n >.ctrl{\r\n >.btn{\r\n &:last-child{\r\n margin-top: rem(10);\r\n }\r\n }\r\n }\r\n }\r\n canvas{\r\n border-radius: 50%;\r\n }\r\n }\r\n }\r\n}","button, hr {\n overflow: visible;\n}\n\nimg, legend {\n border: 0;\n}\n\ninput[type=checkbox], input[type=radio], legend {\n padding: 0;\n}\n\nbody, h1, h2, h3, h4, h5, h6 {\n margin: 0;\n}\n\n.pr, sub, sup {\n position: relative;\n}\n\nbody, html {\n width: 100%;\n height: 100%;\n font: 10px/1.5 \"Lucida Grande\", \"Microsoft JhengHei\", \"Microsoft YaHei\";\n color: #333;\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n\n@media all and (min-width: 1025px) {\n body, html {\n font-size: 11px;\n }\n}\n\n@media all and (min-width: 1281px) {\n body, html {\n font-size: 12px;\n }\n}\n\n@media all and (min-width: 1367px) {\n body, html {\n font-size: 13px;\n }\n}\n\n@media all and (min-width: 1441px) {\n body, html {\n font-size: 14px;\n }\n}\n\n@media all and (min-width: 1601px) {\n body, html {\n font-size: 16px;\n }\n}\n\n*, :after, :before {\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\narticle, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {\n display: block;\n}\n\naudio, canvas, progress, video {\n display: inline-block;\n vertical-align: baseline;\n}\n\n[hidden], template {\n display: none;\n}\n\na {\n background-color: transparent;\n}\n\nb, strong {\n font-weight: inherit;\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsup {\n top: -.5em;\n bottom: -.25em;\n}\n\nimg {\n vertical-align: top;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\nfigure {\n margin: 1rem 3.33333rem;\n}\n\nhr {\n height: 0;\n}\n\npre, textarea {\n overflow: auto;\n}\n\ncode, kbd, pre, samp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\nbutton, input, optgroup, select, textarea {\n font: inherit;\n margin: 0;\n}\n\n.badge, .bold, dt, optgroup {\n font-weight: 700;\n}\n\n.overflow-hidden, .progress, .text-overflow {\n overflow: hidden;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, html input[type=button], input[type=reset], input[type=submit] {\n -webkit-appearance: button;\n cursor: pointer;\n}\n\nbutton::-moz-focus-inner, input::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\ninput {\n line-height: normal;\n}\n\ninput[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\ninput[type=search] {\n -webkit-appearance: textfield;\n}\n\ninput[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\nfieldset {\n border: 1px solid silver;\n margin: 0 .16667rem;\n padding: .35em .625em .75em;\n}\n\n.disabled, [disabled] {\n cursor: not-allowed !important;\n color: #777 !important;\n}\n\n.btn, .tabs .tab-nav li, label {\n cursor: pointer;\n}\n\nem, i {\n font-style: normal;\n}\n\na, button, input, select {\n outline: 0;\n}\n\ninput::-ms-clear {\n display: none;\n}\n\nsvg text tspan::-moz-selection, svg text::-moz-selection {\n background: 0 0;\n}\n\nsvg text tspan::selection, svg text::selection {\n background: 0 0;\n}\n\ndir, dl, menu, ol, p, ul {\n margin: 0 0 .83333rem;\n}\n\ndt {\n margin: 2em 0 1em;\n}\n\nabbr[title] {\n border-bottom: 1px dotted #777;\n}\n\nblockquote {\n padding: .83333rem 1.66667rem;\n margin: 0 0 1.66667rem;\n font-size: 1.45833rem;\n border-left: .41667rem solid #eee;\n}\n\ncode, kbd {\n font-size: 90%;\n}\n\ncode {\n padding: .16667rem .33333rem;\n color: #c7254e;\n background-color: #f9f2f4;\n border-radius: .33333rem;\n}\n\nkbd {\n padding: .16667rem;\n color: #fff;\n background-color: #333;\n border-radius: .25rem;\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);\n}\n\n.form-control, .table-bordered, .table-bordered-inner > tbody > tr > td, .table-bordered-inner > tbody > tr > th, .table-bordered-inner > tfoot > tr > td, .table-bordered-inner > tfoot > tr > th, .table-bordered-inner > thead > tr > td, .table-bordered-inner > thead > tr > th {\n border: 1px solid #ccc;\n}\n\nh1 {\n font-size: 3rem;\n}\n\nh2 {\n font-size: 2.5rem;\n}\n\nh3 {\n font-size: 2rem;\n}\n\nh4 {\n font-size: 1.5rem;\n}\n\nh5 {\n font-size: 1.16667rem;\n}\n\n.tiny-text, h6 {\n font-size: 1rem;\n}\n\n.mini-text {\n font-size: 1.08333rem;\n}\n\n.normal-text {\n font-size: 1.16667rem;\n}\n\n.big-text {\n font-size: 1.33333rem;\n}\n\n.bigger-text {\n font-size: 1.5rem;\n}\n\n.large-text {\n font-size: 1.83333rem;\n}\n\n.huge-text {\n font-size: 2.16667rem;\n}\n\n.max-text {\n font-size: 2.66667rem;\n}\n\n.white-text {\n color: #fff !important;\n}\n\n.lightgray-text {\n color: #ccc !important;\n}\n\n.gray-text {\n color: #777 !important;\n}\n\n.black-text {\n color: #000 !important;\n}\n\n.red-text {\n color: #c00 !important;\n}\n\n.green-text {\n color: #0e7e00 !important;\n}\n\n.blue-text {\n color: #173070 !important;\n}\n\n.lightgray-bgcolor {\n background-color: #ececec !important;\n}\n\n.gray-bgcolor {\n background-color: #a0a0a0 !important;\n}\n\n.black-bgcolor {\n background-color: #000 !important;\n}\n\n.red-bgcolor {\n background-color: #c00 !important;\n}\n\n.green-bgcolor {\n background-color: #0e7e00 !important;\n}\n\n.blue-bgcolor {\n background-color: #173070 !important;\n}\n\n.pa {\n position: absolute;\n left: 0;\n top: 0;\n}\n\n.cf:after {\n content: \"\";\n display: block;\n clear: both;\n}\n\n.fl {\n float: left;\n}\n\n.fr {\n float: right;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-center-vertical {\n position: relative;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -moz-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n}\n\n.text-right {\n text-align: right;\n}\n\n.text-justify {\n text-align: justify;\n}\n\ncaption, th {\n text-align: left;\n}\n\n.text-lowercase {\n text-transform: lowercase;\n}\n\n.text-uppercase {\n text-transform: uppercase;\n}\n\n.text-capitalize {\n text-transform: capitalize;\n}\n\n.text-overflow {\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.word-break-all {\n word-break: break-all;\n}\n\n.list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n\n.show {\n display: block !important;\n}\n\n.hidden {\n display: none !important;\n}\n\n.invisible {\n visibility: hidden;\n}\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ncaption {\n padding: .66667rem 0;\n color: #777;\n}\n\n.table {\n width: 100%;\n max-width: 100%;\n}\n\n.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {\n padding: .66667rem;\n vertical-align: top;\n border-top: 1px solid #ccc;\n}\n\n.table > thead > tr > th {\n vertical-align: bottom;\n}\n\n.table-striped > tbody > tr:nth-of-type(odd) {\n background-color: #ececec;\n}\n\n.table-hover > tbody > tr:hover {\n background-color: #f5f5f5;\n}\n\n.form-group {\n margin-bottom: 1.33333rem;\n}\n\n.form-control {\n display: block;\n width: 100%;\n height: 2.83333rem;\n padding: .5rem 1rem;\n font-size: 1.16667rem;\n color: #555;\n background-color: #fff;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n}\n\n.checkbox-group input[type=checkbox], .radio-group input[type=radio] {\n display: none;\n}\n\n.form-control:focus {\n border-color: #66afe9;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);\n}\n\n.form-control[disabled] {\n background-color: #ececec;\n}\n\n.label-checkbox, .label-radio {\n margin-left: .83333rem;\n padding-left: 1.4em;\n position: relative;\n}\n\n.label-checkbox:first-of-type, .label-radio:first-of-type {\n margin-left: 0;\n}\n\n.label-checkbox input, .label-radio input {\n -webkit-transform: translate(0, -50%);\n -moz-transform: translate(0, -50%);\n -ms-transform: translate(0, -50%);\n transform: translate(0, -50%);\n position: absolute;\n left: 0;\n top: .7em;\n cursor: pointer;\n}\n\n.checkbox-group input[type=checkbox] + label {\n margin-left: .83333rem;\n padding-left: 1.4em;\n position: relative;\n}\n\n.checkbox-group input[type=checkbox] + label:first-of-type {\n margin-left: 0;\n}\n\n.checkbox-group input[type=checkbox] + label.disabled:before, .checkbox-group input[type=checkbox] + label[disabled]:before {\n border-color: #C5C5C5 !important;\n box-shadow: inset 0 0 0 .5em #C5C5C5;\n border-radius: 1px;\n}\n\n.checkbox-group input[type=checkbox] + label.disabled:after, .checkbox-group input[type=checkbox] + label[disabled]:after {\n content: \"\\2713\";\n}\n\n.checkbox-group input[type=checkbox] + label:hover:before {\n border-color: #0e90d2;\n}\n\n.checkbox-group input[type=checkbox] + label:after, .checkbox-group input[type=checkbox] + label:before {\n width: 1em;\n height: 1em;\n position: absolute;\n left: 0;\n top: .7em;\n}\n\n.checkbox-group input[type=checkbox] + label:before {\n content: '';\n border: 1px solid #a0a0a0;\n -webkit-transform: translate(0, -50%);\n -moz-transform: translate(0, -50%);\n -ms-transform: translate(0, -50%);\n transform: translate(0, -50%);\n -webkit-transition: .3s ease-in-out;\n -moz-transition: .3s ease-in-out;\n transition: .3s ease-in-out;\n}\n\n.checkbox-group input[type=checkbox] + label:after {\n color: #fff;\n line-height: 1;\n text-align: center;\n -webkit-transform: translate(0, -50%) scale(0.8);\n -moz-transform: translate(0, -50%) scale(0.8);\n -ms-transform: translate(0, -50%) scale(0.8);\n transform: translate(0, -50%) scale(0.8);\n}\n\n.checkbox-group input[type=checkbox]:checked + label:before {\n border-color: #0e90d2;\n box-shadow: inset 0 0 0 .5em #0e90d2;\n border-radius: 1px;\n}\n\n.checkbox-group input[type=checkbox]:checked + label:after {\n content: \"\\2713\";\n}\n\n.radio-group input[type=radio] + label {\n margin-left: .83333rem;\n padding-left: 1.4em;\n position: relative;\n}\n\n.radio-group input[type=radio] + label:first-of-type {\n margin-left: 0;\n}\n\n.radio-group input[type=radio] + label.disabled:before, .radio-group input[type=radio] + label[disabled]:before {\n border-color: #C5C5C5 !important;\n background-color: #C5C5C5;\n}\n\n.radio-group input[type=radio] + label.disabled:after, .radio-group input[type=radio] + label[disabled]:after, .radio-group input[type=radio]:checked + label:after {\n background-color: #fff;\n}\n\n.radio-group input[type=radio] + label:hover:before {\n border-color: #0e90d2;\n}\n\n.radio-group input[type=radio] + label:after, .radio-group input[type=radio] + label:before {\n content: '';\n position: absolute;\n top: .7em;\n border-radius: 50%;\n -webkit-transform: translate(0, -50%);\n -moz-transform: translate(0, -50%);\n -ms-transform: translate(0, -50%);\n transform: translate(0, -50%);\n}\n\n.radio-group input[type=radio] + label:before {\n width: 1em;\n height: 1em;\n left: 0;\n border: 1px solid #a0a0a0;\n -webkit-transition: .3s ease-in-out;\n -moz-transition: .3s ease-in-out;\n transition: .3s ease-in-out;\n}\n\n.radio-group input[type=radio] + label:after {\n width: .5em;\n height: .5em;\n left: .5em;\n -webkit-transform: translate(-50%, -50%);\n -moz-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n\n.radio-group input[type=radio]:checked + label:before {\n border-color: #0e90d2;\n box-shadow: inset 0 0 0 .5em #0e90d2;\n}\n\n.btn {\n display: inline-block;\n padding: .5em 1em;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-image: none;\n border: 1px solid transparent;\n border-radius: .16667rem;\n -webkit-transition: background-color .3s ease-out, border-color .3s ease-out;\n -moz-transition: background-color .3s ease-out, border-color .3s ease-out;\n transition: background-color .3s ease-out, border-color .3s ease-out;\n}\n\n.btn-primary {\n color: #fff;\n border-color: #0e90d2;\n background-color: #0e90d2;\n}\n\n.btn-primary:hover {\n border-color: #0c79b1;\n background-color: #0c79b1;\n}\n\n.btn-primary.active, .btn-primary:active {\n border-color: #0a628f;\n background-color: #0a628f;\n}\n\n.btn-secondary {\n color: #fff;\n border-color: #3bb4f2;\n background-color: #3bb4f2;\n}\n\n.btn-secondary:hover {\n border-color: #19a7f0;\n background-color: #19a7f0;\n}\n\n.btn-secondary.active, .btn-secondary:active {\n border-color: #0e93d7;\n background-color: #0e93d7;\n}\n\n.btn-success {\n color: #fff;\n border-color: #5eb95e;\n background-color: #5eb95e;\n}\n\n.btn-success:hover {\n border-color: #4aaa4a;\n background-color: #4aaa4a;\n}\n\n.btn-success.active, .btn-success:active {\n border-color: #3f913f;\n background-color: #3f913f;\n}\n\n.btn-danger {\n color: #fff;\n border-color: #dd514c;\n background-color: #dd514c;\n}\n\n.btn-danger:hover {\n border-color: #d7342e;\n background-color: #d7342e;\n}\n\n.btn-danger.active, .btn-danger:active {\n border-color: #be2924;\n background-color: #be2924;\n}\n\n.btn-default {\n border-color: #ccc;\n background-color: #fff;\n}\n\n.btn-default:hover {\n background-color: #e6e6e6;\n}\n\n.btn-default.active, .btn-default:active {\n border-color: #999;\n background-color: #d4d4d4;\n position: relative;\n top: 2;\n}\n\n.btn-sm {\n padding: .2em .6em;\n}\n\n.btn-lg {\n padding: .8em 1.7em;\n}\n\n.btn-block {\n display: block;\n width: 100%;\n}\n\n.btn-group {\n display: inline-block;\n}\n\n.btn-group > .btn {\n float: left;\n border-radius: 0;\n}\n\n.btn-group > .btn:not(:first-child) {\n margin-left: -1px;\n}\n\n.btn-group > .btn:first-child {\n border-top-left-radius: .16667rem;\n border-bottom-left-radius: .16667rem;\n}\n\n.btn-group > .btn.dropdown-toggle, .btn-group > .btn:last-child {\n border-top-right-radius: .16667rem;\n border-bottom-right-radius: .16667rem;\n}\n\n.btn-group:after {\n content: \"\";\n display: block;\n clear: both;\n}\n\n.btn-group-vertical {\n display: inline-block;\n}\n\n.btn-group-vertical > .btn {\n display: block;\n width: 100%;\n border-radius: 0;\n}\n\n.btn-group-vertical > .btn:not(:first-child) {\n margin-top: -1px;\n}\n\n.btn-group-vertical > .btn:first-child {\n border-top-left-radius: .16667rem;\n border-top-right-radius: .16667rem;\n}\n\n.btn-group-vertical > .btn:last-child {\n border-bottom-left-radius: .16667rem;\n border-bottom-right-radius: .16667rem;\n}\n\n@font-face {\n font-family: 'iconfont';\n src: url(\"//at.alicdn.com/t/font_1472636258_2663677.eot\");\n /* IE9*/\n src: url(\"//at.alicdn.com/t/font_1472636258_2663677.eot?#iefix\") format(\"embedded-opentype\"), url(\"//at.alicdn.com/t/font_1472636258_2663677.woff\") format(\"woff\"), url(\"//at.alicdn.com/t/font_1472636258_2663677.ttf\") format(\"truetype\"), url(\"//at.alicdn.com/t/font_1472636258_2663677.svg#iconfont\") format(\"svg\");\n /* iOS 4.1- */\n}\n\n.icon,\n.icon:before {\n display: inline-block;\n line-height: 1;\n}\n\n.icon:before {\n font-family: \"iconfont\";\n font-size: inherit;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-menu:before {\n content: \"\\e600\";\n}\n\npre {\n background-color: #F7F7F7;\n}\n\nblockquote {\n padding: 0 1.66667rem;\n font-size: 1.33333rem;\n}\n\nblockquote a {\n text-decoration: none;\n color: #333;\n}\n\ncode {\n background-color: #F7F7F7;\n color: #BE0019;\n font-family: Menlo,Monaco,Consolas,\"Microsoft YaHei\";\n}\n\n.text-indent {\n text-indent: 2em;\n}\n\n.btn {\n text-decoration: none;\n}\n\n.btn-default {\n border-color: #EAEAEA;\n}\n\n.btn-default:hover {\n background-color: #EAEAEA;\n}\n\n.btn-success {\n border-color: #00be70;\n background-color: #00be70;\n}\n\n.btn-success:hover, .btn-success:focus {\n border-color: #01A260;\n background-color: #01A260;\n}\n\n.table-striped > tbody > tr:nth-of-type(odd) {\n background-color: #F7F7F7;\n}\n\n.table {\n font-size: 1.08333rem;\n}\n\n.table td,\n.table th {\n padding: 0.83333rem 1.16667rem !important;\n border-color: #EAEAEA !important;\n}\n\npre {\n margin: 0;\n padding: 0.83333rem 1.66667rem !important;\n border: none !important;\n font-family: Menlo,Monaco,Consolas,\"Microsoft YaHei\";\n opacity: .9;\n}\n\npre .com {\n color: #999;\n}\n\n.com-header {\n height: 7.83333rem;\n padding: 0 10rem;\n line-height: 7.83333rem;\n border-bottom: 1px solid #EAEAEA;\n box-shadow: 0 0.08333rem 0.16667rem 0 #E8E8E8;\n position: relative;\n z-index: 9;\n}\n\n.com-header a {\n text-decoration: none;\n color: #333;\n}\n\n.com-header a:hover {\n color: #00be70;\n}\n\n.com-header .mobile-menu {\n float: left;\n display: none;\n}\n\n.com-header .logo {\n float: left;\n height: 7.83333rem;\n}\n\n.com-header .logo a {\n font-size: 2.16667rem;\n font-weight: 100;\n color: #00be70;\n}\n\n.com-header .nav {\n float: right;\n margin-right: -0.66667rem;\n}\n\n.com-header .nav a {\n padding: 0.5rem 0.66667rem;\n font-size: 1.16667rem;\n transition: .4s ease-out;\n}\n\n.com-header .nav a.active {\n color: #00be70;\n}\n\n.com-header .nav .slideblock {\n width: 2.33333rem;\n height: 0.16667rem;\n background-color: #00be70;\n top: 5.16667rem;\n}\n\n.com-header .nav .slideblock.animation {\n transition: .4s ease-out;\n}\n\n.com-header .nav .divider {\n height: 1px;\n margin: 0 1.66667rem;\n background-color: #dedede;\n}\n\n.com-header .nav > .example-menu {\n display: none;\n}\n\n.com-header .nav > .example-menu a:nth-of-type(2) {\n position: relative;\n}\n\n.com-header .nav > .example-menu a:nth-of-type(2) .essential {\n left: auto;\n right: 0.83333rem;\n}\n\n.com-body {\n padding: 3.33333rem 10rem;\n}\n\n.com-footer {\n display: none;\n padding: 1.66667rem 0;\n border-top: 1px solid #EAEAEA;\n text-align: center;\n}\n\n.com-footer > .text > div {\n display: inline-block;\n}\n\n.com-footer a {\n color: #333;\n text-decoration: none;\n}\n\n.com-footer a:hover {\n color: #00be70;\n text-decoration: underline;\n}\n\n.essential {\n padding: 0.33333rem 0.5rem 0.5rem;\n line-height: 1;\n background-color: #00be70;\n color: #fff;\n font-size: 1rem;\n position: absolute;\n left: 15.33333rem;\n top: -0.5rem;\n border-radius: 0.83333rem;\n transform: scale(0.9);\n}\n\n.essential:before {\n content: '';\n width: 0;\n height: 0;\n border: 0.41667rem solid transparent;\n border-left-color: #00be70;\n border-bottom-color: #00be70;\n position: absolute;\n left: -0.16667rem;\n top: 0.66667rem;\n transform: rotate(23deg);\n}\n\n.instance {\n height: 36.66667rem;\n position: relative;\n margin-top: 2.5rem;\n border: 1px solid #EAEAEA;\n}\n\n.instance:hover > .ctrl {\n display: block;\n}\n\n.instance.snow {\n height: 45.83333rem;\n background: url(\"../img/merry-christmas.jpg\") 0 0 no-repeat;\n background-size: 100% 100%;\n}\n\n.instance > .demo {\n height: 100%;\n}\n\n.instance > .ctrl {\n display: none;\n position: absolute;\n z-index: 2;\n left: 0.83333rem;\n top: 0.83333rem;\n}\n\n.instance > .ctrl .btn:not(:last-child) {\n margin-right: 0.66667rem;\n}\n\n.instance-box {\n margin-top: 2.5rem;\n}\n\n.instance-box > .caption {\n padding-bottom: 0.83333rem;\n}\n\n.instance-box > .instance {\n margin-top: 0;\n}\n\n.caption {\n font-size: 1.33333rem;\n position: relative;\n}\n\n.caption:hover:before {\n display: block;\n}\n\n.caption:before {\n display: none;\n content: \"#\";\n color: #00be70;\n position: absolute;\n right: 100.8%;\n}\n\n.caption a {\n color: #333;\n text-decoration: none;\n}\n\n.module {\n margin-top: 2.5rem;\n}\n\n.module.module-api ul {\n padding-left: 1.33333rem;\n margin-bottom: 0;\n}\n\n.module > .caption {\n padding-bottom: 0.83333rem;\n}\n\n.dotted-line {\n color: #333;\n text-decoration: none;\n border-bottom: 1px dotted #777;\n}\n\n.dotted-line:hover {\n color: #00be70;\n border-color: #ccc;\n}\n\n#first-instance-ctrl {\n margin: 1.66667rem 0;\n}\n\n#first-instance-ctrl .btn:not(:last-child) {\n margin-right: 0.83333rem;\n}\n\n.why-this-tip:hover .pa {\n display: block;\n}\n\n.why-this-tip .pa {\n display: none;\n padding: 0.83333rem;\n border: 1px solid #EAEAEA;\n border-radius: 0.33333rem;\n box-shadow: 0.33333rem 0.33333rem 0.83333rem 0 #EAEAEA;\n background-color: #fff;\n text-align: justify;\n font-size: 1rem;\n top: 110%;\n}\n\n#page-index > .bg {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n\n#page-index > .profile {\n width: 100%;\n text-align: center;\n color: #00be70;\n position: absolute;\n top: 48%;\n}\n\n#page-index > .profile > .title {\n font-size: 6.6rem;\n font-weight: 100;\n}\n\n#page-index > .profile > .describe {\n font-size: 1.75rem;\n margin-top: .8em;\n color: #008850;\n}\n\n#page-index > .profile > .describe > .readmore {\n display: inline-block;\n border-bottom: 1px solid #00be70;\n text-decoration: none;\n font-size: 65%;\n color: #00be70;\n transform: translateY(-0.25rem);\n}\n\n#page-index > .profile > .usage {\n margin-top: 2.5rem;\n font-size: 2rem;\n}\n\n#page-index > .profile > .usage .btn {\n width: 12.16667rem;\n height: 5.16667rem;\n background-color: transparent;\n color: #00be70;\n border-color: #00be70;\n position: relative;\n overflow: hidden;\n}\n\n#page-index > .profile > .usage .btn:after {\n content: '';\n width: 100%;\n height: 0;\n background-color: #00be70;\n position: absolute;\n z-index: 2;\n left: 0;\n top: 2.5rem;\n transition: height .4s ease-out;\n transform: translateY(-50%) rotate(45deg);\n}\n\n#page-index > .profile > .usage .btn .pa {\n width: 100%;\n height: 100%;\n line-height: 5.16667rem;\n z-index: 3;\n}\n\n#page-index > .profile > .usage .btn:hover {\n color: #fff;\n}\n\n#page-index > .profile > .usage .btn:hover:after {\n height: 13rem;\n}\n\n#page-index .com-footer {\n display: block;\n width: 100%;\n padding-right: 10rem;\n position: absolute;\n z-index: 8;\n left: 0;\n bottom: 0;\n text-align: right;\n}\n\n#page-example > .com-body > .menu {\n width: 20rem;\n}\n\n#page-example > .com-body > .menu.fixed {\n padding: 1.66667rem 0;\n position: fixed;\n top: 0;\n bottom: 0;\n overflow: auto;\n}\n\n#page-example > .com-body > .menu h6,\n#page-example > .com-body > .menu h5 {\n margin-bottom: 1.33333rem;\n}\n\n#page-example > .com-body > .menu h6 {\n font-weight: 400;\n}\n\n#page-example > .com-body > .menu h5 a:hover {\n color: #00be70;\n}\n\n#page-example > .com-body > .menu h5 a:not(.active) {\n padding-left: 0;\n border-left: none;\n}\n\n#page-example > .com-body > .menu h5 a.active,\n#page-example > .com-body > .menu li.active a,\n#page-example > .com-body > .menu li a:hover {\n background-color: #F7F7F7;\n color: #00be70;\n border-color: #00be70;\n}\n\n#page-example > .com-body > .menu li {\n margin-bottom: 0.83333rem;\n}\n\n#page-example > .com-body > .menu h5 a,\n#page-example > .com-body > .menu li a {\n display: block;\n height: 2.5rem;\n padding-left: 1.66667rem;\n line-height: 2.5rem;\n border-left: 0.41667rem solid transparent;\n text-decoration: none;\n color: #333;\n}\n\n#page-example > .com-body > .main {\n padding-left: 25rem;\n}\n\n#page-example > .com-body > .main > .main-content .instance:first-child {\n margin-top: 0;\n}\n\n#page-example > .com-body .quick-getting,\n#page-example > .com-body .preface {\n line-height: 2;\n font-size: 1.25rem;\n}\n\n#page-example > .com-body .quick-getting > .module:first-child,\n#page-example > .com-body .preface > .module:first-child {\n margin-top: 0;\n}\n\n#page-example > .com-body .quick-getting > .module > .caption,\n#page-example > .com-body .preface > .module > .caption {\n font-size: 1.5rem;\n font-weight: 900;\n}\n\n#page-example > .com-body .quick-getting > .module blockquote:not(:first-child),\n#page-example > .com-body .preface > .module blockquote:not(:first-child) {\n margin-top: 1.66667rem;\n}\n\n#page-example > .com-body .quick-getting .instance {\n max-width: 33.33333rem;\n height: 20.83333rem;\n}\n\n#page-example > .com-body .quick-getting .btn {\n line-height: 1;\n font-size: 1rem;\n}\n\n#page-download > .com-body h3 {\n font-size: 2rem;\n font-weight: 100;\n}\n\n#page-changelog > .com-body {\n text-align: center;\n}\n\n#page-changelog > .com-body .inner {\n display: inline-block;\n max-width: 68.33333rem;\n text-align: left;\n font-size: 1.16667rem;\n}\n\n#page-changelog > .com-body .box {\n margin-bottom: 4.16667rem;\n}\n\n#page-changelog > .com-body .box > .title {\n font-size: 1.66667rem;\n font-weight: 900;\n color: #00be70;\n position: relative;\n}\n\n#page-changelog > .com-body .box > .description {\n margin: 0.83333rem 0;\n}\n\n#page-changelog > .com-body .box > .subtitle {\n margin: 2.5rem 0 0.83333rem;\n}\n\n#page-changelog > .com-body .box > ul {\n padding: 0 0 0 2rem;\n}\n\n#page-example .wave .instance-loading {\n text-align: center;\n}\n\n#page-example .wave .instance-loading > .caption {\n text-align: left;\n}\n\n#page-example .wave .instance-loading > .instance {\n display: inline-block;\n width: 23.33333rem;\n height: 23.33333rem !important;\n border-radius: 50%;\n}\n\n#page-example .wave .instance-loading > .instance > .instance-loading-process {\n width: 100%;\n font-size: 2.16667rem;\n font-family: Arial;\n text-align: center;\n position: absolute;\n}\n\n#page-example .wave .instance-loading > .instance > .ctrl > .btn:last-child {\n margin-top: 0.83333rem;\n}\n\n#page-example .wave .instance-loading canvas {\n border-radius: 50%;\n}\n\n@media all and (max-width: 1025px) {\n .com-header {\n padding: 0 3.33333rem;\n }\n .com-body {\n padding: 3.33333rem 3.33333rem;\n }\n #page-example > .com-body > .main {\n padding-left: 22rem;\n }\n .instance {\n height: 33.33333rem !important;\n }\n}\n\n@media all and (max-width: 768px) {\n .com-header {\n width: 100%;\n height: 5rem;\n line-height: 5rem;\n background-color: #fff;\n position: fixed;\n }\n .com-header .mobile-menu {\n display: inline-block;\n font-size: 1.16667rem;\n }\n .com-header .logo {\n float: right;\n height: auto;\n }\n .com-header .logo a {\n font-size: 1.33333rem;\n }\n .com-header .nav {\n float: none;\n width: 18.33333rem;\n margin-right: 0;\n background-color: rgba(255, 255, 255, 0.9);\n box-shadow: 0 0.16667rem 0.33333rem 0 #E8E8E8;\n transition: .4s ease-out;\n position: fixed;\n z-index: 10;\n left: -18.33333rem;\n top: 5rem;\n bottom: 0;\n overflow: auto;\n }\n .com-header .nav.menu-show {\n transform: translate(18.33333rem, 0);\n }\n .com-header .nav a {\n display: block;\n padding: 0 1.66667rem;\n line-height: 3;\n }\n .com-header .nav .slideblock {\n display: none;\n }\n .com-header .nav > .example-menu {\n display: block;\n }\n .com-body {\n padding-top: 8.33333rem;\n }\n #page-index > .com-header {\n background-color: transparent;\n }\n #page-index > .com-footer {\n padding-right: 0;\n text-align: center;\n }\n #page-index > .profile > .title {\n font-size: 2.5rem;\n }\n #page-index > .profile > .describe {\n font-size: 1.16667rem;\n }\n #page-index > .profile > .usage {\n margin-top: 1.33333rem;\n }\n #page-index > .profile > .usage .btn {\n width: 7rem;\n height: 3rem;\n font-size: 1.16667rem;\n }\n #page-index > .profile > .usage .btn:after {\n top: 1.41667rem;\n }\n #page-index > .profile > .usage .btn .pa {\n line-height: 3rem;\n }\n #page-example .com-body > .menu {\n display: none;\n }\n #page-example .com-body > .main {\n padding-left: 0;\n }\n #page-download > .com-body h3 {\n font-size: 1.16667rem;\n }\n}\n\n@media all and (max-width: 415px) {\n .com-header {\n padding: 0 1.66667rem;\n }\n .com-body {\n padding: 6.66667rem 1.66667rem 1.66667rem;\n }\n .com-footer {\n padding: 0.5rem 0;\n }\n .com-footer > .text {\n transform: scale(0.86);\n }\n .com-footer > .text > div {\n display: block;\n text-align: center;\n }\n .instance {\n height: 15rem !important;\n }\n}\n","@font-face {\r\n font-family: 'iconfont';\r\n src: url('//at.alicdn.com/t/font_1472636258_2663677.eot'); /* IE9*/\r\n src: url('//at.alicdn.com/t/font_1472636258_2663677.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\r\n url('//at.alicdn.com/t/font_1472636258_2663677.woff') format('woff'), /* chrome、firefox */\r\n url('//at.alicdn.com/t/font_1472636258_2663677.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/\r\n url('//at.alicdn.com/t/font_1472636258_2663677.svg#iconfont') format('svg'); /* iOS 4.1- */\r\n}\r\n\r\n.icon,\r\n.icon:before{\r\n display: inline-block;\r\n line-height: 1;\r\n}\r\n.icon:before{\r\n font-family: \"iconfont\";\r\n font-size: inherit;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n$iconfont: (\r\n menu: 600,\r\n\r\n);\r\n@each $key, $val in $iconfont {\r\n .icon-#{ $key }:before{\r\n content: '\"'+\\e+ '#{$val}' +'\"';\r\n }\r\n}","// ipad 横向\r\n@media all and (max-width: 1025px){\r\n $page-left-right: rem(40);\r\n .com-header{\r\n padding: 0 $page-left-right;\r\n }\r\n\r\n .com-body{\r\n padding: rem(40) $page-left-right;\r\n }\r\n\r\n #page-example{\r\n >.com-body{\r\n >.main{\r\n padding-left: rem(264);\r\n }\r\n }\r\n }\r\n\r\n .instance{\r\n height: rem(400) !important;\r\n }\r\n}\r\n\r\n// ipad 竖向\r\n@media all and (max-width: 768px){\r\n .com-header{\r\n width: 100%;\r\n height: rem(60);\r\n line-height: rem(60);\r\n background-color: #fff;\r\n position: fixed;\r\n .mobile-menu{\r\n display: inline-block;\r\n font-size: rem(14);\r\n }\r\n .logo{\r\n float: right;\r\n height: auto;\r\n a{\r\n font-size: rem(16);\r\n }\r\n }\r\n .nav{\r\n float: none;\r\n width: rem(220);\r\n margin-right: 0;\r\n background-color: rgba(255, 255, 255, .9);\r\n box-shadow: 0 rem(2) rem(4) 0 #E8E8E8;\r\n transition: .4s ease-out;\r\n position: fixed;\r\n z-index: 10;\r\n left: rem(-220);\r\n top: rem(60);\r\n bottom: 0;\r\n overflow: auto;\r\n &.menu-show{\r\n transform: translate(rem(220), 0);\r\n }\r\n a{\r\n display: block;\r\n padding: 0 rem(20);\r\n line-height: 3;\r\n }\r\n .slideblock{\r\n display: none;\r\n }\r\n >.example-menu{\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n .com-body{\r\n padding-top: rem(100);\r\n }\r\n\r\n #page-index{\r\n >.com-header{\r\n background-color: transparent;\r\n }\r\n >.com-footer{\r\n padding-right: 0;\r\n text-align: center;\r\n }\r\n >.profile{\r\n >.title{\r\n font-size: rem(30);\r\n }\r\n >.describe{\r\n font-size: rem(14);\r\n }\r\n >.usage{\r\n margin-top: rem(16);\r\n .btn{\r\n width: rem(84);\r\n height: rem(36);\r\n font-size: rem(14);\r\n &:after{\r\n top: rem(17);\r\n }\r\n .pa{\r\n line-height: rem(36);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n #page-example{\r\n .com-body{\r\n >.menu{\r\n display: none;\r\n }\r\n >.main{\r\n padding-left: 0;\r\n }\r\n }\r\n }\r\n\r\n #page-download{\r\n >.com-body{\r\n h3{\r\n font-size: rem(14);\r\n }\r\n }\r\n }\r\n}\r\n\r\n// iPhone 6 plus 竖向\r\n@media all and (max-width: 415px){\r\n $page-left-right: rem(20);\r\n .com-header{\r\n padding: 0 $page-left-right;\r\n }\r\n\r\n .com-body{\r\n padding: rem(80) $page-left-right rem(20);\r\n }\r\n\r\n .com-footer{\r\n padding: rem(6) 0;\r\n > .text {\r\n transform: scale(.86);\r\n > div {\r\n display: block;\r\n text-align: center;\r\n }\r\n }\r\n }\r\n\r\n .instance{\r\n height: rem(180) !important;\r\n }\r\n}"],"sourceRoot":"/source/"} \ No newline at end of file +{"version":3,"sources":["ui.scss","pc.scss","build.css","iconfont.scss","mobile.scss"],"names":[],"mappings":"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","file":"site.css","sourcesContent":["button, hr {\r\n overflow: visible\r\n}\r\n\r\nimg, legend {\r\n border: 0\r\n}\r\n\r\ninput[type=checkbox], input[type=radio], legend {\r\n padding: 0\r\n}\r\n\r\nbody, h1, h2, h3, h4, h5, h6 {\r\n margin: 0\r\n}\r\n\r\n.pr, sub, sup {\r\n position: relative\r\n}\r\n\r\nbody, html {\r\n width: 100%;\r\n height: 100%;\r\n font: 10px/1.5 \"Lucida Grande\", \"Microsoft JhengHei\", \"Microsoft YaHei\";\r\n color: #333;\r\n -ms-text-size-adjust: 100%;\r\n -webkit-text-size-adjust: 100%\r\n}\r\n\r\n@media all and (min-width: 1025px) {\r\n body, html {\r\n font-size: 11px\r\n }\r\n}\r\n\r\n@media all and (min-width: 1281px) {\r\n body, html {\r\n font-size: 12px\r\n }\r\n}\r\n\r\n@media all and (min-width: 1367px) {\r\n body, html {\r\n font-size: 13px\r\n }\r\n}\r\n\r\n@media all and (min-width: 1441px) {\r\n body, html {\r\n font-size: 14px\r\n }\r\n}\r\n\r\n@media all and (min-width: 1601px) {\r\n body, html {\r\n font-size: 16px\r\n }\r\n}\r\n\r\n*, :after, :before {\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box\r\n}\r\n\r\narticle, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {\r\n display: block\r\n}\r\n\r\naudio, canvas, progress, video {\r\n display: inline-block;\r\n vertical-align: baseline\r\n}\r\n\r\n[hidden], template {\r\n display: none\r\n}\r\n\r\na {\r\n background-color: transparent\r\n}\r\n\r\nb, strong {\r\n font-weight: inherit;\r\n font-weight: bolder\r\n}\r\n\r\ndfn {\r\n font-style: italic\r\n}\r\n\r\nmark {\r\n background-color: #ff0;\r\n color: #000\r\n}\r\n\r\nsmall {\r\n font-size: 80%\r\n}\r\n\r\nsub, sup {\r\n font-size: 75%;\r\n line-height: 0;\r\n vertical-align: baseline\r\n}\r\n\r\nsup {\r\n top: -.5em;\r\n bottom: -.25em\r\n}\r\n\r\nimg {\r\n vertical-align: top\r\n}\r\n\r\nsvg:not(:root) {\r\n overflow: hidden\r\n}\r\n\r\nfigure {\r\n margin: 1rem 3.33333rem\r\n}\r\n\r\nhr {\r\n height: 0\r\n}\r\n\r\npre, textarea {\r\n overflow: auto\r\n}\r\n\r\ncode, kbd, pre, samp {\r\n font-family: monospace, monospace;\r\n font-size: 1em\r\n}\r\n\r\nbutton, input, optgroup, select, textarea {\r\n font: inherit;\r\n margin: 0\r\n}\r\n\r\n.badge, .bold, dt, optgroup {\r\n font-weight: 700\r\n}\r\n\r\n.overflow-hidden, .progress, .text-overflow {\r\n overflow: hidden\r\n}\r\n\r\nbutton, select {\r\n text-transform: none\r\n}\r\n\r\nbutton, html input[type=button], input[type=reset], input[type=submit] {\r\n -webkit-appearance: button;\r\n cursor: pointer\r\n}\r\n\r\nbutton::-moz-focus-inner, input::-moz-focus-inner {\r\n border: 0;\r\n padding: 0\r\n}\r\n\r\ninput {\r\n line-height: normal\r\n}\r\n\r\ninput[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {\r\n height: auto\r\n}\r\n\r\ninput[type=search] {\r\n -webkit-appearance: textfield\r\n}\r\n\r\ninput[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {\r\n -webkit-appearance: none\r\n}\r\n\r\nfieldset {\r\n border: 1px solid silver;\r\n margin: 0 .16667rem;\r\n padding: .35em .625em .75em\r\n}\r\n\r\n.disabled, [disabled] {\r\n cursor: not-allowed !important;\r\n color: #777 !important\r\n}\r\n\r\n.btn, .tabs .tab-nav li, label {\r\n cursor: pointer\r\n}\r\n\r\nem, i {\r\n font-style: normal\r\n}\r\n\r\na, button, input, select {\r\n outline: 0\r\n}\r\n\r\ninput::-ms-clear {\r\n display: none\r\n}\r\n\r\nsvg text tspan::-moz-selection, svg text::-moz-selection {\r\n background: 0 0\r\n}\r\n\r\nsvg text tspan::selection, svg text::selection {\r\n background: 0 0\r\n}\r\n\r\ndir, dl, menu, ol, p, ul {\r\n margin: 0 0 .83333rem\r\n}\r\n\r\ndt {\r\n margin: 2em 0 1em\r\n}\r\n\r\nabbr[title] {\r\n border-bottom: 1px dotted #777\r\n}\r\n\r\nblockquote {\r\n padding: .83333rem 1.66667rem;\r\n margin: 0 0 1.66667rem;\r\n font-size: 1.45833rem;\r\n border-left: .41667rem solid #eee\r\n}\r\n\r\ncode, kbd {\r\n font-size: 90%\r\n}\r\n\r\ncode {\r\n padding: .16667rem .33333rem;\r\n color: #c7254e;\r\n background-color: #f9f2f4;\r\n border-radius: .33333rem\r\n}\r\n\r\nkbd {\r\n padding: .16667rem;\r\n color: #fff;\r\n background-color: #333;\r\n border-radius: .25rem;\r\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)\r\n}\r\n\r\n.form-control, .table-bordered, .table-bordered-inner > tbody > tr > td, .table-bordered-inner > tbody > tr > th, .table-bordered-inner > tfoot > tr > td, .table-bordered-inner > tfoot > tr > th, .table-bordered-inner > thead > tr > td, .table-bordered-inner > thead > tr > th {\r\n border: 1px solid #ccc\r\n}\r\n\r\nh1 {\r\n font-size: 3rem\r\n}\r\n\r\nh2 {\r\n font-size: 2.5rem\r\n}\r\n\r\nh3 {\r\n font-size: 2rem\r\n}\r\n\r\nh4 {\r\n font-size: 1.5rem\r\n}\r\n\r\nh5 {\r\n font-size: 1.16667rem\r\n}\r\n\r\n.tiny-text, h6 {\r\n font-size: 1rem\r\n}\r\n\r\n.mini-text {\r\n font-size: 1.08333rem\r\n}\r\n\r\n.normal-text {\r\n font-size: 1.16667rem\r\n}\r\n\r\n.big-text {\r\n font-size: 1.33333rem\r\n}\r\n\r\n.bigger-text {\r\n font-size: 1.5rem\r\n}\r\n\r\n.large-text {\r\n font-size: 1.83333rem\r\n}\r\n\r\n.huge-text {\r\n font-size: 2.16667rem\r\n}\r\n\r\n.max-text {\r\n font-size: 2.66667rem\r\n}\r\n\r\n.white-text {\r\n color: #fff !important\r\n}\r\n\r\n.lightgray-text {\r\n color: #ccc !important\r\n}\r\n\r\n.gray-text {\r\n color: #777 !important\r\n}\r\n\r\n.black-text {\r\n color: #000 !important\r\n}\r\n\r\n.red-text {\r\n color: #c00 !important\r\n}\r\n\r\n.green-text {\r\n color: #0e7e00 !important\r\n}\r\n\r\n.blue-text {\r\n color: #173070 !important\r\n}\r\n\r\n.lightgray-bgcolor {\r\n background-color: #ececec !important\r\n}\r\n\r\n.gray-bgcolor {\r\n background-color: #a0a0a0 !important\r\n}\r\n\r\n.black-bgcolor {\r\n background-color: #000 !important\r\n}\r\n\r\n.red-bgcolor {\r\n background-color: #c00 !important\r\n}\r\n\r\n.green-bgcolor {\r\n background-color: #0e7e00 !important\r\n}\r\n\r\n.blue-bgcolor {\r\n background-color: #173070 !important\r\n}\r\n\r\n.pa {\r\n position: absolute;\r\n left: 0;\r\n top: 0\r\n}\r\n\r\n.cf:after {\r\n content: \"\";\r\n display: block;\r\n clear: both\r\n}\r\n\r\n.fl {\r\n float: left\r\n}\r\n\r\n.fr {\r\n float: right\r\n}\r\n\r\n.text-left {\r\n text-align: left\r\n}\r\n\r\n.text-center {\r\n text-align: center\r\n}\r\n\r\n.text-center-vertical {\r\n position: relative;\r\n top: 50%;\r\n -webkit-transform: translateY(-50%);\r\n -moz-transform: translateY(-50%);\r\n -ms-transform: translateY(-50%);\r\n transform: translateY(-50%)\r\n}\r\n\r\n.text-right {\r\n text-align: right\r\n}\r\n\r\n.text-justify {\r\n text-align: justify\r\n}\r\n\r\ncaption, th {\r\n text-align: left\r\n}\r\n\r\n.text-lowercase {\r\n text-transform: lowercase\r\n}\r\n\r\n.text-uppercase {\r\n text-transform: uppercase\r\n}\r\n\r\n.text-capitalize {\r\n text-transform: capitalize\r\n}\r\n\r\n.text-overflow {\r\n text-overflow: ellipsis;\r\n white-space: nowrap\r\n}\r\n\r\n.word-break-all {\r\n word-break: break-all\r\n}\r\n\r\n.list-unstyled {\r\n padding-left: 0;\r\n list-style: none\r\n}\r\n\r\n.show {\r\n display: block !important\r\n}\r\n\r\n.hidden {\r\n display: none !important\r\n}\r\n\r\n.invisible {\r\n visibility: hidden\r\n}\r\n\r\ntable {\r\n border-spacing: 0;\r\n border-collapse: collapse\r\n}\r\n\r\ncaption {\r\n padding: .66667rem 0;\r\n color: #777\r\n}\r\n\r\n.table {\r\n width: 100%;\r\n max-width: 100%\r\n}\r\n\r\n.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {\r\n padding: .66667rem;\r\n vertical-align: top;\r\n border-top: 1px solid #ccc\r\n}\r\n\r\n.table > thead > tr > th {\r\n vertical-align: bottom\r\n}\r\n\r\n.table-striped > tbody > tr:nth-of-type(odd) {\r\n background-color: #ececec\r\n}\r\n\r\n.table-hover > tbody > tr:hover {\r\n background-color: #f5f5f5\r\n}\r\n\r\n.form-group {\r\n margin-bottom: 1.33333rem\r\n}\r\n\r\n.form-control {\r\n display: block;\r\n width: 100%;\r\n height: 2.83333rem;\r\n padding: .5rem 1rem;\r\n font-size: 1.16667rem;\r\n color: #555;\r\n background-color: #fff;\r\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\r\n -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\r\n -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\r\n transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s\r\n}\r\n\r\n.checkbox-group input[type=checkbox], .radio-group input[type=radio] {\r\n display: none\r\n}\r\n\r\n.form-control:focus {\r\n border-color: #66afe9;\r\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)\r\n}\r\n\r\n.form-control[disabled] {\r\n background-color: #ececec\r\n}\r\n\r\n.label-checkbox, .label-radio {\r\n margin-left: .83333rem;\r\n padding-left: 1.4em;\r\n position: relative\r\n}\r\n\r\n.label-checkbox:first-of-type, .label-radio:first-of-type {\r\n margin-left: 0\r\n}\r\n\r\n.label-checkbox input, .label-radio input {\r\n -webkit-transform: translate(0, -50%);\r\n -moz-transform: translate(0, -50%);\r\n -ms-transform: translate(0, -50%);\r\n transform: translate(0, -50%);\r\n position: absolute;\r\n left: 0;\r\n top: .7em;\r\n cursor: pointer\r\n}\r\n\r\n.checkbox-group input[type=checkbox] + label {\r\n margin-left: .83333rem;\r\n padding-left: 1.4em;\r\n position: relative\r\n}\r\n\r\n.checkbox-group input[type=checkbox] + label:first-of-type {\r\n margin-left: 0\r\n}\r\n\r\n.checkbox-group input[type=checkbox] + label.disabled:before, .checkbox-group input[type=checkbox] + label[disabled]:before {\r\n border-color: #C5C5C5 !important;\r\n box-shadow: inset 0 0 0 .5em #C5C5C5;\r\n border-radius: 1px\r\n}\r\n\r\n.checkbox-group input[type=checkbox] + label.disabled:after, .checkbox-group input[type=checkbox] + label[disabled]:after {\r\n content: \"\\2713\"\r\n}\r\n\r\n.checkbox-group input[type=checkbox] + label:hover:before {\r\n border-color: #0e90d2\r\n}\r\n\r\n.checkbox-group input[type=checkbox] + label:after, .checkbox-group input[type=checkbox] + label:before {\r\n width: 1em;\r\n height: 1em;\r\n position: absolute;\r\n left: 0;\r\n top: .7em\r\n}\r\n\r\n.checkbox-group input[type=checkbox] + label:before {\r\n content: '';\r\n border: 1px solid #a0a0a0;\r\n -webkit-transform: translate(0, -50%);\r\n -moz-transform: translate(0, -50%);\r\n -ms-transform: translate(0, -50%);\r\n transform: translate(0, -50%);\r\n -webkit-transition: .3s ease-in-out;\r\n -moz-transition: .3s ease-in-out;\r\n transition: .3s ease-in-out\r\n}\r\n\r\n.checkbox-group input[type=checkbox] + label:after {\r\n color: #fff;\r\n line-height: 1;\r\n text-align: center;\r\n -webkit-transform: translate(0, -50%) scale(.8);\r\n -moz-transform: translate(0, -50%) scale(.8);\r\n -ms-transform: translate(0, -50%) scale(.8);\r\n transform: translate(0, -50%) scale(.8)\r\n}\r\n\r\n.checkbox-group input[type=checkbox]:checked + label:before {\r\n border-color: #0e90d2;\r\n box-shadow: inset 0 0 0 .5em #0e90d2;\r\n border-radius: 1px\r\n}\r\n\r\n.checkbox-group input[type=checkbox]:checked + label:after {\r\n content: \"\\2713\"\r\n}\r\n\r\n.radio-group input[type=radio] + label {\r\n margin-left: .83333rem;\r\n padding-left: 1.4em;\r\n position: relative\r\n}\r\n\r\n.radio-group input[type=radio] + label:first-of-type {\r\n margin-left: 0\r\n}\r\n\r\n.radio-group input[type=radio] + label.disabled:before, .radio-group input[type=radio] + label[disabled]:before {\r\n border-color: #C5C5C5 !important;\r\n background-color: #C5C5C5\r\n}\r\n\r\n.radio-group input[type=radio] + label.disabled:after, .radio-group input[type=radio] + label[disabled]:after, .radio-group input[type=radio]:checked + label:after {\r\n background-color: #fff\r\n}\r\n\r\n.radio-group input[type=radio] + label:hover:before {\r\n border-color: #0e90d2\r\n}\r\n\r\n.radio-group input[type=radio] + label:after, .radio-group input[type=radio] + label:before {\r\n content: '';\r\n position: absolute;\r\n top: .7em;\r\n border-radius: 50%;\r\n -webkit-transform: translate(0, -50%);\r\n -moz-transform: translate(0, -50%);\r\n -ms-transform: translate(0, -50%);\r\n transform: translate(0, -50%)\r\n}\r\n\r\n.radio-group input[type=radio] + label:before {\r\n width: 1em;\r\n height: 1em;\r\n left: 0;\r\n border: 1px solid #a0a0a0;\r\n -webkit-transition: .3s ease-in-out;\r\n -moz-transition: .3s ease-in-out;\r\n transition: .3s ease-in-out\r\n}\r\n\r\n.radio-group input[type=radio] + label:after {\r\n width: .5em;\r\n height: .5em;\r\n left: .5em;\r\n -webkit-transform: translate(-50%, -50%);\r\n -moz-transform: translate(-50%, -50%);\r\n -ms-transform: translate(-50%, -50%);\r\n transform: translate(-50%, -50%)\r\n}\r\n\r\n.radio-group input[type=radio]:checked + label:before {\r\n border-color: #0e90d2;\r\n box-shadow: inset 0 0 0 .5em #0e90d2\r\n}\r\n\r\n.btn {\r\n display: inline-block;\r\n padding: .5em 1em;\r\n text-align: center;\r\n white-space: nowrap;\r\n vertical-align: middle;\r\n -ms-touch-action: manipulation;\r\n touch-action: manipulation;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n background-image: none;\r\n border: 1px solid transparent;\r\n border-radius: .16667rem;\r\n -webkit-transition: background-color .3s ease-out, border-color .3s ease-out;\r\n -moz-transition: background-color .3s ease-out, border-color .3s ease-out;\r\n transition: background-color .3s ease-out, border-color .3s ease-out\r\n}\r\n\r\n.btn-primary {\r\n color: #fff;\r\n border-color: #0e90d2;\r\n background-color: #0e90d2\r\n}\r\n\r\n.btn-primary:hover {\r\n border-color: #0c79b1;\r\n background-color: #0c79b1\r\n}\r\n\r\n.btn-primary.active, .btn-primary:active {\r\n border-color: #0a628f;\r\n background-color: #0a628f\r\n}\r\n\r\n.btn-secondary {\r\n color: #fff;\r\n border-color: #3bb4f2;\r\n background-color: #3bb4f2\r\n}\r\n\r\n.btn-secondary:hover {\r\n border-color: #19a7f0;\r\n background-color: #19a7f0\r\n}\r\n\r\n.btn-secondary.active, .btn-secondary:active {\r\n border-color: #0e93d7;\r\n background-color: #0e93d7\r\n}\r\n\r\n.btn-success {\r\n color: #fff;\r\n border-color: #5eb95e;\r\n background-color: #5eb95e\r\n}\r\n\r\n.btn-success:hover {\r\n border-color: #4aaa4a;\r\n background-color: #4aaa4a\r\n}\r\n\r\n.btn-success.active, .btn-success:active {\r\n border-color: #3f913f;\r\n background-color: #3f913f\r\n}\r\n\r\n.btn-danger {\r\n color: #fff;\r\n border-color: #dd514c;\r\n background-color: #dd514c\r\n}\r\n\r\n.btn-danger:hover {\r\n border-color: #d7342e;\r\n background-color: #d7342e\r\n}\r\n\r\n.btn-danger.active, .btn-danger:active {\r\n border-color: #be2924;\r\n background-color: #be2924\r\n}\r\n\r\n.btn-default {\r\n border-color: #ccc;\r\n background-color: #fff\r\n}\r\n\r\n.btn-default:hover {\r\n background-color: #e6e6e6\r\n}\r\n\r\n.btn-default.active, .btn-default:active {\r\n border-color: #999;\r\n background-color: #d4d4d4;\r\n position: relative;\r\n top: 2\r\n}\r\n\r\n.btn-sm {\r\n padding: .2em .6em\r\n}\r\n\r\n.btn-lg {\r\n padding: .8em 1.7em\r\n}\r\n\r\n.btn-block {\r\n display: block;\r\n width: 100%\r\n}\r\n\r\n.btn-group {\r\n display: inline-block\r\n}\r\n\r\n.btn-group > .btn {\r\n float: left;\r\n border-radius: 0\r\n}\r\n\r\n.btn-group > .btn:not(:first-child) {\r\n margin-left: -1px\r\n}\r\n\r\n.btn-group > .btn:first-child {\r\n border-top-left-radius: .16667rem;\r\n border-bottom-left-radius: .16667rem\r\n}\r\n\r\n.btn-group > .btn.dropdown-toggle, .btn-group > .btn:last-child {\r\n border-top-right-radius: .16667rem;\r\n border-bottom-right-radius: .16667rem\r\n}\r\n\r\n.btn-group:after {\r\n content: \"\";\r\n display: block;\r\n clear: both\r\n}\r\n\r\n.btn-group-vertical {\r\n display: inline-block\r\n}\r\n\r\n.btn-group-vertical > .btn {\r\n display: block;\r\n width: 100%;\r\n border-radius: 0\r\n}\r\n\r\n.btn-group-vertical > .btn:not(:first-child) {\r\n margin-top: -1px\r\n}\r\n\r\n.btn-group-vertical > .btn:first-child {\r\n border-top-left-radius: .16667rem;\r\n border-top-right-radius: .16667rem\r\n}\r\n\r\n.btn-group-vertical > .btn:last-child {\r\n border-bottom-left-radius: .16667rem;\r\n border-bottom-right-radius: .16667rem\r\n}","// ui default\r\npre {\r\n background-color: $gray-bg;\r\n}\r\n\r\nblockquote {\r\n padding: 0 rem(20);\r\n font-size: rem(16);\r\n a{\r\n text-decoration: none;\r\n color: $root-color;\r\n }\r\n}\r\n\r\ncode {\r\n background-color: $gray-bg;\r\n color: #BE0019;\r\n font-family: Menlo,Monaco,Consolas,\"Microsoft YaHei\";\r\n}\r\n\r\n.text-indent {\r\n text-indent: 2em;\r\n}\r\n\r\n.btn {\r\n text-decoration: none;\r\n}\r\n\r\n.btn-default{\r\n border-color: $gray-border;\r\n &:hover{\r\n background-color: $gray-border;\r\n }\r\n}\r\n\r\n.btn-success {\r\n border-color: $green;\r\n background-color: $green;\r\n &:hover,\r\n &:focus {\r\n border-color: $green-hover;\r\n background-color: $green-hover;\r\n }\r\n}\r\n\r\n.table-striped > tbody > tr:nth-of-type(odd) {\r\n background-color: $gray-bg;\r\n}\r\n\r\n.table {\r\n font-size: rem(13);\r\n td,\r\n th{\r\n padding: rem(10) rem(14) !important;\r\n border-color: $gray-border !important;\r\n }\r\n}\r\n\r\n.margin-top-10{\r\n margin-top: rem(10) !important;\r\n}\r\n.margin-bottom-10{\r\n margin-bottom: rem(10) !important;\r\n}\r\n.margin-top-15{\r\n margin-top: rem(15) !important;\r\n}\r\n.margin-bottom-15{\r\n margin-bottom: rem(15) !important;\r\n}\r\n\r\n// syntax highlight\r\npre {\r\n margin: 0;\r\n padding: rem(10) rem(20) !important;\r\n border: none !important;\r\n font-family: Menlo,Monaco,Consolas,\"Microsoft YaHei\";\r\n opacity: .9;\r\n .com {\r\n color: #999;\r\n }\r\n}\r\n\r\n$page-left-right: rem(120);\r\n\r\n// common header\r\n.com-header {\r\n height: rem(94);\r\n padding: 0 $page-left-right;\r\n line-height: rem(94);\r\n border-bottom: 1px solid $gray-border;\r\n box-shadow: 0 rem(1) rem(2) 0 #E8E8E8;\r\n position: relative;\r\n z-index: 9;\r\n a {\r\n text-decoration: none;\r\n color: $root-color;\r\n &:hover {\r\n color: $green;\r\n }\r\n }\r\n .mobile-menu{\r\n float: left;\r\n display: none;\r\n }\r\n .logo {\r\n float: left;\r\n height: rem(94);\r\n a {\r\n font-size: rem(26);\r\n font-weight: 100;\r\n color: $green;\r\n }\r\n }\r\n .nav {\r\n float: right;\r\n margin-right: rem(-8);\r\n a {\r\n padding: rem(6) rem(8);\r\n font-size: rem(14);\r\n transition: .4s ease-out;\r\n &.active {\r\n color: $green;\r\n }\r\n }\r\n .slideblock {\r\n width: rem(28);\r\n height: rem(2);\r\n background-color: $green;\r\n top: rem(62);\r\n &.animation {\r\n transition: .4s ease-out;\r\n }\r\n }\r\n .divider{\r\n height: 1px;\r\n margin: 0 rem(20);\r\n background-color: #dedede;\r\n }\r\n >.example-menu{\r\n display: none;\r\n a{\r\n &:nth-of-type(2){\r\n position: relative;\r\n .essential{\r\n left: auto;\r\n right: rem(10);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n// common body\r\n.com-body{\r\n padding: rem(40) $page-left-right;\r\n}\r\n\r\n// common footer\r\n.com-footer {\r\n display: none;\r\n padding: rem(20) 0;\r\n border-top: 1px solid $gray-border;\r\n text-align: center;\r\n > .text {\r\n > div {\r\n display: inline-block;\r\n }\r\n }\r\n a {\r\n color: $root-color;\r\n text-decoration: none;\r\n &:hover {\r\n color: $green;\r\n text-decoration: underline;\r\n }\r\n }\r\n}\r\n\r\n// 必读图标\r\n.essential {\r\n padding: rem(4) rem(6) rem(6);\r\n line-height: 1;\r\n background-color: $green;\r\n color: #fff;\r\n font-size: rem(12);\r\n position: absolute;\r\n left: rem(184);\r\n top: rem(-6);\r\n border-radius: rem(10);\r\n transform: scale(.9);\r\n &:before {\r\n content: '';\r\n width: 0;\r\n height: 0;\r\n border: rem(5) solid transparent;\r\n border-left-color: $green;\r\n border-bottom-color: $green;\r\n position: absolute;\r\n left: rem(-2);\r\n top: rem(8);\r\n transform: rotate(23deg);\r\n }\r\n}\r\n\r\n// instance\r\n.instance{\r\n height: rem(440);\r\n position: relative;\r\n margin-top: rem(30);\r\n border: 1px solid $gray-border;\r\n &:hover{\r\n >.ctrl{\r\n display: block;\r\n }\r\n }\r\n &.snow{\r\n height: rem(550);\r\n background: url(\"../img/merry-christmas.jpg\") 0 0 no-repeat;\r\n background-size: 100% 100%;\r\n }\r\n >.demo{\r\n height: 100%;\r\n }\r\n >.ctrl{\r\n display: none;\r\n position: absolute;\r\n z-index: 2;\r\n left: rem(10);\r\n top: rem(10);\r\n .btn{\r\n &:not(:last-child){\r\n margin-right: rem(8);\r\n }\r\n }\r\n }\r\n}\r\n\r\n.instance-box{\r\n margin-top: rem(30);\r\n >.caption{\r\n padding-bottom: rem(10);\r\n }\r\n >.instance{\r\n margin-top: 0;\r\n }\r\n}\r\n\r\n// module. like for examples page\r\n.caption{\r\n font-size: rem(16);\r\n position: relative;\r\n &:hover {\r\n &:before {\r\n display: block;\r\n }\r\n }\r\n &:before {\r\n display: none;\r\n content: \"#\";\r\n color: $green;\r\n position: absolute;\r\n right: 100.8%;\r\n }\r\n a {\r\n color: $root-color;\r\n text-decoration: none;\r\n }\r\n}\r\n.module {\r\n margin-top: rem(30);\r\n &.module-api{\r\n ul {\r\n padding-left: rem(16);\r\n margin-bottom: 0;\r\n }\r\n }\r\n >.caption{\r\n padding-bottom: rem(10);\r\n }\r\n}\r\n\r\n// dotted-line\r\n.dotted-line{\r\n color: $root-color;\r\n text-decoration: none;\r\n border-bottom: 1px dotted #777;\r\n &:hover {\r\n color: $green;\r\n border-color: $gray;\r\n }\r\n}\r\n\r\n// first instance crtl\r\n#first-instance-ctrl{\r\n margin: rem(20) 0;\r\n .btn{\r\n &:not(:last-child){\r\n margin-right: rem(10);\r\n }\r\n }\r\n}\r\n\r\n// why-this-tip\r\n.why-this-tip{\r\n &:hover{\r\n .pa{\r\n display: block;\r\n }\r\n }\r\n .pa{\r\n display: none;\r\n padding: rem(10);\r\n border: 1px solid $gray-border;\r\n border-radius: rem(4);\r\n box-shadow: rem(4) rem(4) rem(10) 0 $gray-border;\r\n background-color: #fff;\r\n text-align: justify;\r\n font-size: rem(12);\r\n top: 110%;\r\n }\r\n}\r\n\r\n// index page\r\n#page-index {\r\n >.bg{\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n >.profile{\r\n width: 100%;\r\n text-align: center;\r\n color: $green;\r\n position: absolute;\r\n top: 48%;\r\n > .title {\r\n font-size: 6.6rem;\r\n font-weight: 100;\r\n }\r\n > .describe {\r\n font-size: rem(21);\r\n margin-top: .8em;\r\n color: #008850;\r\n > .readmore {\r\n display: inline-block;\r\n border-bottom: 1px solid $green;\r\n text-decoration: none;\r\n font-size: 65%;\r\n color: $green;\r\n transform: translateY(rem(-3));\r\n }\r\n }\r\n >.usage {\r\n margin-top: rem(30);\r\n font-size: rem(24);\r\n .btn {\r\n width: rem(146);\r\n height: rem(62);\r\n background-color: transparent;\r\n color: $green;\r\n border-color: $green;\r\n position: relative;\r\n overflow: hidden;\r\n &:after {\r\n content: '';\r\n width: 100%;\r\n height: 0;\r\n background-color: $green;\r\n position: absolute;\r\n z-index: 2;\r\n left: 0;\r\n top: rem(30);\r\n transition: height .4s ease-out;\r\n transform: translateY(-50%) rotate(45deg);\r\n }\r\n .pa {\r\n width: 100%;\r\n height: 100%;\r\n line-height: rem(62);\r\n z-index: 3;\r\n }\r\n &:hover {\r\n color: #fff;\r\n &:after {\r\n height: rem(156);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .com-footer{\r\n display: block;\r\n width: 100%;\r\n padding-right: $page-left-right;\r\n position: absolute;\r\n z-index: 8;\r\n left: 0;\r\n bottom: 0;\r\n text-align: right;\r\n }\r\n}\r\n\r\n// example pages\r\n#page-example {\r\n >.com-body{\r\n > .menu {\r\n width: rem(240);\r\n &.fixed{\r\n padding: rem(20) 0;\r\n position: fixed;\r\n top: 0;\r\n bottom: 0;\r\n overflow: auto;\r\n }\r\n h6,\r\n h5 {\r\n margin-bottom: rem(16);\r\n }\r\n h6 {\r\n font-weight: 400;\r\n }\r\n h5 {\r\n a {\r\n &:hover {\r\n color: $green;\r\n }\r\n &:not(.active) {\r\n padding-left: 0;\r\n border-left: none;\r\n }\r\n }\r\n }\r\n h5 a.active,\r\n li.active a,\r\n li a:hover {\r\n background-color: #F7F7F7;\r\n color: $green;\r\n border-color: $green;\r\n }\r\n li {\r\n margin-bottom: rem(10);\r\n }\r\n h5 a,\r\n li a {\r\n display: block;\r\n height: rem(30);\r\n padding-left: rem(20);\r\n line-height: rem(30);\r\n border-left: rem(5) solid transparent;\r\n text-decoration: none;\r\n color: $root-color;\r\n }\r\n }\r\n > .main {\r\n padding-left: rem(300);\r\n > .main-content {\r\n .instance{\r\n &:first-child{\r\n margin-top: 0;\r\n }\r\n }\r\n }\r\n }\r\n .quick-getting,\r\n .preface {\r\n line-height: 2;\r\n font-size: rem(15);\r\n >.module{\r\n &:first-child{\r\n margin-top: 0;\r\n }\r\n >.caption{\r\n font-size: rem(18);\r\n font-weight: 900;\r\n }\r\n blockquote{\r\n &:not(:first-child){\r\n margin-top: rem(20);\r\n }\r\n }\r\n }\r\n }\r\n .quick-getting {\r\n .instance{\r\n max-width: rem(400);\r\n height: rem(250);\r\n }\r\n .btn {\r\n line-height: 1;\r\n font-size: rem(12);\r\n }\r\n }\r\n }\r\n}\r\n\r\n#page-download{\r\n >.com-body{\r\n h3{\r\n font-size: rem(24);\r\n font-weight: 100;\r\n }\r\n }\r\n}\r\n\r\n#page-changelog {\r\n >.com-body{\r\n text-align: center;\r\n .inner {\r\n display: inline-block;\r\n max-width: rem(820);\r\n text-align: left;\r\n font-size: rem(14);\r\n }\r\n .box {\r\n margin-bottom: rem(50);\r\n >.title {\r\n font-size: rem(20);\r\n font-weight: 900;\r\n color: $green;\r\n position: relative;\r\n }\r\n >.description{\r\n margin: rem(10) 0;\r\n }\r\n >.subtitle{\r\n margin: rem(30) 0 rem(10);\r\n }\r\n >ul {\r\n padding: 0 0 0 rem(24);\r\n }\r\n }\r\n }\r\n}\r\n\r\n// special style of the examples\r\n#page-example{\r\n .wave{\r\n .instance-loading{\r\n text-align: center;\r\n >.caption{\r\n text-align: left;\r\n }\r\n >.instance{\r\n display: inline-block;\r\n width: rem(280);\r\n height: rem(280) !important;\r\n border-radius: 50%;\r\n >.demo{\r\n border-radius: 50%;\r\n overflow: hidden;\r\n canvas{\r\n border-radius: 50%;\r\n }\r\n }\r\n >.instance-loading-process{\r\n width: 100%;\r\n font-size: rem(26);\r\n font-family: Arial;\r\n text-align: center;\r\n position: absolute;\r\n }\r\n >.ctrl{\r\n >.btn{\r\n &:last-child{\r\n margin-top: rem(10);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}","button, hr {\n overflow: visible;\n}\n\nimg, legend {\n border: 0;\n}\n\ninput[type=checkbox], input[type=radio], legend {\n padding: 0;\n}\n\nbody, h1, h2, h3, h4, h5, h6 {\n margin: 0;\n}\n\n.pr, sub, sup {\n position: relative;\n}\n\nbody, html {\n width: 100%;\n height: 100%;\n font: 10px/1.5 \"Lucida Grande\", \"Microsoft JhengHei\", \"Microsoft YaHei\";\n color: #333;\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n\n@media all and (min-width: 1025px) {\n body, html {\n font-size: 11px;\n }\n}\n\n@media all and (min-width: 1281px) {\n body, html {\n font-size: 12px;\n }\n}\n\n@media all and (min-width: 1367px) {\n body, html {\n font-size: 13px;\n }\n}\n\n@media all and (min-width: 1441px) {\n body, html {\n font-size: 14px;\n }\n}\n\n@media all and (min-width: 1601px) {\n body, html {\n font-size: 16px;\n }\n}\n\n*, :after, :before {\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\narticle, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {\n display: block;\n}\n\naudio, canvas, progress, video {\n display: inline-block;\n vertical-align: baseline;\n}\n\n[hidden], template {\n display: none;\n}\n\na {\n background-color: transparent;\n}\n\nb, strong {\n font-weight: inherit;\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsup {\n top: -.5em;\n bottom: -.25em;\n}\n\nimg {\n vertical-align: top;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\nfigure {\n margin: 1rem 3.33333rem;\n}\n\nhr {\n height: 0;\n}\n\npre, textarea {\n overflow: auto;\n}\n\ncode, kbd, pre, samp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\nbutton, input, optgroup, select, textarea {\n font: inherit;\n margin: 0;\n}\n\n.badge, .bold, dt, optgroup {\n font-weight: 700;\n}\n\n.overflow-hidden, .progress, .text-overflow {\n overflow: hidden;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, html input[type=button], input[type=reset], input[type=submit] {\n -webkit-appearance: button;\n cursor: pointer;\n}\n\nbutton::-moz-focus-inner, input::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\ninput {\n line-height: normal;\n}\n\ninput[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\ninput[type=search] {\n -webkit-appearance: textfield;\n}\n\ninput[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\nfieldset {\n border: 1px solid silver;\n margin: 0 .16667rem;\n padding: .35em .625em .75em;\n}\n\n.disabled, [disabled] {\n cursor: not-allowed !important;\n color: #777 !important;\n}\n\n.btn, .tabs .tab-nav li, label {\n cursor: pointer;\n}\n\nem, i {\n font-style: normal;\n}\n\na, button, input, select {\n outline: 0;\n}\n\ninput::-ms-clear {\n display: none;\n}\n\nsvg text tspan::-moz-selection, svg text::-moz-selection {\n background: 0 0;\n}\n\nsvg text tspan::selection, svg text::selection {\n background: 0 0;\n}\n\ndir, dl, menu, ol, p, ul {\n margin: 0 0 .83333rem;\n}\n\ndt {\n margin: 2em 0 1em;\n}\n\nabbr[title] {\n border-bottom: 1px dotted #777;\n}\n\nblockquote {\n padding: .83333rem 1.66667rem;\n margin: 0 0 1.66667rem;\n font-size: 1.45833rem;\n border-left: .41667rem solid #eee;\n}\n\ncode, kbd {\n font-size: 90%;\n}\n\ncode {\n padding: .16667rem .33333rem;\n color: #c7254e;\n background-color: #f9f2f4;\n border-radius: .33333rem;\n}\n\nkbd {\n padding: .16667rem;\n color: #fff;\n background-color: #333;\n border-radius: .25rem;\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);\n}\n\n.form-control, .table-bordered, .table-bordered-inner > tbody > tr > td, .table-bordered-inner > tbody > tr > th, .table-bordered-inner > tfoot > tr > td, .table-bordered-inner > tfoot > tr > th, .table-bordered-inner > thead > tr > td, .table-bordered-inner > thead > tr > th {\n border: 1px solid #ccc;\n}\n\nh1 {\n font-size: 3rem;\n}\n\nh2 {\n font-size: 2.5rem;\n}\n\nh3 {\n font-size: 2rem;\n}\n\nh4 {\n font-size: 1.5rem;\n}\n\nh5 {\n font-size: 1.16667rem;\n}\n\n.tiny-text, h6 {\n font-size: 1rem;\n}\n\n.mini-text {\n font-size: 1.08333rem;\n}\n\n.normal-text {\n font-size: 1.16667rem;\n}\n\n.big-text {\n font-size: 1.33333rem;\n}\n\n.bigger-text {\n font-size: 1.5rem;\n}\n\n.large-text {\n font-size: 1.83333rem;\n}\n\n.huge-text {\n font-size: 2.16667rem;\n}\n\n.max-text {\n font-size: 2.66667rem;\n}\n\n.white-text {\n color: #fff !important;\n}\n\n.lightgray-text {\n color: #ccc !important;\n}\n\n.gray-text {\n color: #777 !important;\n}\n\n.black-text {\n color: #000 !important;\n}\n\n.red-text {\n color: #c00 !important;\n}\n\n.green-text {\n color: #0e7e00 !important;\n}\n\n.blue-text {\n color: #173070 !important;\n}\n\n.lightgray-bgcolor {\n background-color: #ececec !important;\n}\n\n.gray-bgcolor {\n background-color: #a0a0a0 !important;\n}\n\n.black-bgcolor {\n background-color: #000 !important;\n}\n\n.red-bgcolor {\n background-color: #c00 !important;\n}\n\n.green-bgcolor {\n background-color: #0e7e00 !important;\n}\n\n.blue-bgcolor {\n background-color: #173070 !important;\n}\n\n.pa {\n position: absolute;\n left: 0;\n top: 0;\n}\n\n.cf:after {\n content: \"\";\n display: block;\n clear: both;\n}\n\n.fl {\n float: left;\n}\n\n.fr {\n float: right;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-center-vertical {\n position: relative;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -moz-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n}\n\n.text-right {\n text-align: right;\n}\n\n.text-justify {\n text-align: justify;\n}\n\ncaption, th {\n text-align: left;\n}\n\n.text-lowercase {\n text-transform: lowercase;\n}\n\n.text-uppercase {\n text-transform: uppercase;\n}\n\n.text-capitalize {\n text-transform: capitalize;\n}\n\n.text-overflow {\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.word-break-all {\n word-break: break-all;\n}\n\n.list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n\n.show {\n display: block !important;\n}\n\n.hidden {\n display: none !important;\n}\n\n.invisible {\n visibility: hidden;\n}\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ncaption {\n padding: .66667rem 0;\n color: #777;\n}\n\n.table {\n width: 100%;\n max-width: 100%;\n}\n\n.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {\n padding: .66667rem;\n vertical-align: top;\n border-top: 1px solid #ccc;\n}\n\n.table > thead > tr > th {\n vertical-align: bottom;\n}\n\n.table-striped > tbody > tr:nth-of-type(odd) {\n background-color: #ececec;\n}\n\n.table-hover > tbody > tr:hover {\n background-color: #f5f5f5;\n}\n\n.form-group {\n margin-bottom: 1.33333rem;\n}\n\n.form-control {\n display: block;\n width: 100%;\n height: 2.83333rem;\n padding: .5rem 1rem;\n font-size: 1.16667rem;\n color: #555;\n background-color: #fff;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n}\n\n.checkbox-group input[type=checkbox], .radio-group input[type=radio] {\n display: none;\n}\n\n.form-control:focus {\n border-color: #66afe9;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);\n}\n\n.form-control[disabled] {\n background-color: #ececec;\n}\n\n.label-checkbox, .label-radio {\n margin-left: .83333rem;\n padding-left: 1.4em;\n position: relative;\n}\n\n.label-checkbox:first-of-type, .label-radio:first-of-type {\n margin-left: 0;\n}\n\n.label-checkbox input, .label-radio input {\n -webkit-transform: translate(0, -50%);\n -moz-transform: translate(0, -50%);\n -ms-transform: translate(0, -50%);\n transform: translate(0, -50%);\n position: absolute;\n left: 0;\n top: .7em;\n cursor: pointer;\n}\n\n.checkbox-group input[type=checkbox] + label {\n margin-left: .83333rem;\n padding-left: 1.4em;\n position: relative;\n}\n\n.checkbox-group input[type=checkbox] + label:first-of-type {\n margin-left: 0;\n}\n\n.checkbox-group input[type=checkbox] + label.disabled:before, .checkbox-group input[type=checkbox] + label[disabled]:before {\n border-color: #C5C5C5 !important;\n box-shadow: inset 0 0 0 .5em #C5C5C5;\n border-radius: 1px;\n}\n\n.checkbox-group input[type=checkbox] + label.disabled:after, .checkbox-group input[type=checkbox] + label[disabled]:after {\n content: \"\\2713\";\n}\n\n.checkbox-group input[type=checkbox] + label:hover:before {\n border-color: #0e90d2;\n}\n\n.checkbox-group input[type=checkbox] + label:after, .checkbox-group input[type=checkbox] + label:before {\n width: 1em;\n height: 1em;\n position: absolute;\n left: 0;\n top: .7em;\n}\n\n.checkbox-group input[type=checkbox] + label:before {\n content: '';\n border: 1px solid #a0a0a0;\n -webkit-transform: translate(0, -50%);\n -moz-transform: translate(0, -50%);\n -ms-transform: translate(0, -50%);\n transform: translate(0, -50%);\n -webkit-transition: .3s ease-in-out;\n -moz-transition: .3s ease-in-out;\n transition: .3s ease-in-out;\n}\n\n.checkbox-group input[type=checkbox] + label:after {\n color: #fff;\n line-height: 1;\n text-align: center;\n -webkit-transform: translate(0, -50%) scale(0.8);\n -moz-transform: translate(0, -50%) scale(0.8);\n -ms-transform: translate(0, -50%) scale(0.8);\n transform: translate(0, -50%) scale(0.8);\n}\n\n.checkbox-group input[type=checkbox]:checked + label:before {\n border-color: #0e90d2;\n box-shadow: inset 0 0 0 .5em #0e90d2;\n border-radius: 1px;\n}\n\n.checkbox-group input[type=checkbox]:checked + label:after {\n content: \"\\2713\";\n}\n\n.radio-group input[type=radio] + label {\n margin-left: .83333rem;\n padding-left: 1.4em;\n position: relative;\n}\n\n.radio-group input[type=radio] + label:first-of-type {\n margin-left: 0;\n}\n\n.radio-group input[type=radio] + label.disabled:before, .radio-group input[type=radio] + label[disabled]:before {\n border-color: #C5C5C5 !important;\n background-color: #C5C5C5;\n}\n\n.radio-group input[type=radio] + label.disabled:after, .radio-group input[type=radio] + label[disabled]:after, .radio-group input[type=radio]:checked + label:after {\n background-color: #fff;\n}\n\n.radio-group input[type=radio] + label:hover:before {\n border-color: #0e90d2;\n}\n\n.radio-group input[type=radio] + label:after, .radio-group input[type=radio] + label:before {\n content: '';\n position: absolute;\n top: .7em;\n border-radius: 50%;\n -webkit-transform: translate(0, -50%);\n -moz-transform: translate(0, -50%);\n -ms-transform: translate(0, -50%);\n transform: translate(0, -50%);\n}\n\n.radio-group input[type=radio] + label:before {\n width: 1em;\n height: 1em;\n left: 0;\n border: 1px solid #a0a0a0;\n -webkit-transition: .3s ease-in-out;\n -moz-transition: .3s ease-in-out;\n transition: .3s ease-in-out;\n}\n\n.radio-group input[type=radio] + label:after {\n width: .5em;\n height: .5em;\n left: .5em;\n -webkit-transform: translate(-50%, -50%);\n -moz-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n\n.radio-group input[type=radio]:checked + label:before {\n border-color: #0e90d2;\n box-shadow: inset 0 0 0 .5em #0e90d2;\n}\n\n.btn {\n display: inline-block;\n padding: .5em 1em;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-image: none;\n border: 1px solid transparent;\n border-radius: .16667rem;\n -webkit-transition: background-color .3s ease-out, border-color .3s ease-out;\n -moz-transition: background-color .3s ease-out, border-color .3s ease-out;\n transition: background-color .3s ease-out, border-color .3s ease-out;\n}\n\n.btn-primary {\n color: #fff;\n border-color: #0e90d2;\n background-color: #0e90d2;\n}\n\n.btn-primary:hover {\n border-color: #0c79b1;\n background-color: #0c79b1;\n}\n\n.btn-primary.active, .btn-primary:active {\n border-color: #0a628f;\n background-color: #0a628f;\n}\n\n.btn-secondary {\n color: #fff;\n border-color: #3bb4f2;\n background-color: #3bb4f2;\n}\n\n.btn-secondary:hover {\n border-color: #19a7f0;\n background-color: #19a7f0;\n}\n\n.btn-secondary.active, .btn-secondary:active {\n border-color: #0e93d7;\n background-color: #0e93d7;\n}\n\n.btn-success {\n color: #fff;\n border-color: #5eb95e;\n background-color: #5eb95e;\n}\n\n.btn-success:hover {\n border-color: #4aaa4a;\n background-color: #4aaa4a;\n}\n\n.btn-success.active, .btn-success:active {\n border-color: #3f913f;\n background-color: #3f913f;\n}\n\n.btn-danger {\n color: #fff;\n border-color: #dd514c;\n background-color: #dd514c;\n}\n\n.btn-danger:hover {\n border-color: #d7342e;\n background-color: #d7342e;\n}\n\n.btn-danger.active, .btn-danger:active {\n border-color: #be2924;\n background-color: #be2924;\n}\n\n.btn-default {\n border-color: #ccc;\n background-color: #fff;\n}\n\n.btn-default:hover {\n background-color: #e6e6e6;\n}\n\n.btn-default.active, .btn-default:active {\n border-color: #999;\n background-color: #d4d4d4;\n position: relative;\n top: 2;\n}\n\n.btn-sm {\n padding: .2em .6em;\n}\n\n.btn-lg {\n padding: .8em 1.7em;\n}\n\n.btn-block {\n display: block;\n width: 100%;\n}\n\n.btn-group {\n display: inline-block;\n}\n\n.btn-group > .btn {\n float: left;\n border-radius: 0;\n}\n\n.btn-group > .btn:not(:first-child) {\n margin-left: -1px;\n}\n\n.btn-group > .btn:first-child {\n border-top-left-radius: .16667rem;\n border-bottom-left-radius: .16667rem;\n}\n\n.btn-group > .btn.dropdown-toggle, .btn-group > .btn:last-child {\n border-top-right-radius: .16667rem;\n border-bottom-right-radius: .16667rem;\n}\n\n.btn-group:after {\n content: \"\";\n display: block;\n clear: both;\n}\n\n.btn-group-vertical {\n display: inline-block;\n}\n\n.btn-group-vertical > .btn {\n display: block;\n width: 100%;\n border-radius: 0;\n}\n\n.btn-group-vertical > .btn:not(:first-child) {\n margin-top: -1px;\n}\n\n.btn-group-vertical > .btn:first-child {\n border-top-left-radius: .16667rem;\n border-top-right-radius: .16667rem;\n}\n\n.btn-group-vertical > .btn:last-child {\n border-bottom-left-radius: .16667rem;\n border-bottom-right-radius: .16667rem;\n}\n\n@font-face {\n font-family: 'iconfont';\n src: url(\"//at.alicdn.com/t/font_1472636258_2663677.eot\");\n /* IE9*/\n src: url(\"//at.alicdn.com/t/font_1472636258_2663677.eot?#iefix\") format(\"embedded-opentype\"), url(\"//at.alicdn.com/t/font_1472636258_2663677.woff\") format(\"woff\"), url(\"//at.alicdn.com/t/font_1472636258_2663677.ttf\") format(\"truetype\"), url(\"//at.alicdn.com/t/font_1472636258_2663677.svg#iconfont\") format(\"svg\");\n /* iOS 4.1- */\n}\n\n.icon,\n.icon:before {\n display: inline-block;\n line-height: 1;\n}\n\n.icon:before {\n font-family: \"iconfont\";\n font-size: inherit;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-menu:before {\n content: \"\\e600\";\n}\n\npre {\n background-color: #F7F7F7;\n}\n\nblockquote {\n padding: 0 1.66667rem;\n font-size: 1.33333rem;\n}\n\nblockquote a {\n text-decoration: none;\n color: #333;\n}\n\ncode {\n background-color: #F7F7F7;\n color: #BE0019;\n font-family: Menlo,Monaco,Consolas,\"Microsoft YaHei\";\n}\n\n.text-indent {\n text-indent: 2em;\n}\n\n.btn {\n text-decoration: none;\n}\n\n.btn-default {\n border-color: #EAEAEA;\n}\n\n.btn-default:hover {\n background-color: #EAEAEA;\n}\n\n.btn-success {\n border-color: #00be70;\n background-color: #00be70;\n}\n\n.btn-success:hover, .btn-success:focus {\n border-color: #01A260;\n background-color: #01A260;\n}\n\n.table-striped > tbody > tr:nth-of-type(odd) {\n background-color: #F7F7F7;\n}\n\n.table {\n font-size: 1.08333rem;\n}\n\n.table td,\n.table th {\n padding: 0.83333rem 1.16667rem !important;\n border-color: #EAEAEA !important;\n}\n\n.margin-top-10 {\n margin-top: 0.83333rem !important;\n}\n\n.margin-bottom-10 {\n margin-bottom: 0.83333rem !important;\n}\n\n.margin-top-15 {\n margin-top: 1.25rem !important;\n}\n\n.margin-bottom-15 {\n margin-bottom: 1.25rem !important;\n}\n\npre {\n margin: 0;\n padding: 0.83333rem 1.66667rem !important;\n border: none !important;\n font-family: Menlo,Monaco,Consolas,\"Microsoft YaHei\";\n opacity: .9;\n}\n\npre .com {\n color: #999;\n}\n\n.com-header {\n height: 7.83333rem;\n padding: 0 10rem;\n line-height: 7.83333rem;\n border-bottom: 1px solid #EAEAEA;\n box-shadow: 0 0.08333rem 0.16667rem 0 #E8E8E8;\n position: relative;\n z-index: 9;\n}\n\n.com-header a {\n text-decoration: none;\n color: #333;\n}\n\n.com-header a:hover {\n color: #00be70;\n}\n\n.com-header .mobile-menu {\n float: left;\n display: none;\n}\n\n.com-header .logo {\n float: left;\n height: 7.83333rem;\n}\n\n.com-header .logo a {\n font-size: 2.16667rem;\n font-weight: 100;\n color: #00be70;\n}\n\n.com-header .nav {\n float: right;\n margin-right: -0.66667rem;\n}\n\n.com-header .nav a {\n padding: 0.5rem 0.66667rem;\n font-size: 1.16667rem;\n transition: .4s ease-out;\n}\n\n.com-header .nav a.active {\n color: #00be70;\n}\n\n.com-header .nav .slideblock {\n width: 2.33333rem;\n height: 0.16667rem;\n background-color: #00be70;\n top: 5.16667rem;\n}\n\n.com-header .nav .slideblock.animation {\n transition: .4s ease-out;\n}\n\n.com-header .nav .divider {\n height: 1px;\n margin: 0 1.66667rem;\n background-color: #dedede;\n}\n\n.com-header .nav > .example-menu {\n display: none;\n}\n\n.com-header .nav > .example-menu a:nth-of-type(2) {\n position: relative;\n}\n\n.com-header .nav > .example-menu a:nth-of-type(2) .essential {\n left: auto;\n right: 0.83333rem;\n}\n\n.com-body {\n padding: 3.33333rem 10rem;\n}\n\n.com-footer {\n display: none;\n padding: 1.66667rem 0;\n border-top: 1px solid #EAEAEA;\n text-align: center;\n}\n\n.com-footer > .text > div {\n display: inline-block;\n}\n\n.com-footer a {\n color: #333;\n text-decoration: none;\n}\n\n.com-footer a:hover {\n color: #00be70;\n text-decoration: underline;\n}\n\n.essential {\n padding: 0.33333rem 0.5rem 0.5rem;\n line-height: 1;\n background-color: #00be70;\n color: #fff;\n font-size: 1rem;\n position: absolute;\n left: 15.33333rem;\n top: -0.5rem;\n border-radius: 0.83333rem;\n transform: scale(0.9);\n}\n\n.essential:before {\n content: '';\n width: 0;\n height: 0;\n border: 0.41667rem solid transparent;\n border-left-color: #00be70;\n border-bottom-color: #00be70;\n position: absolute;\n left: -0.16667rem;\n top: 0.66667rem;\n transform: rotate(23deg);\n}\n\n.instance {\n height: 36.66667rem;\n position: relative;\n margin-top: 2.5rem;\n border: 1px solid #EAEAEA;\n}\n\n.instance:hover > .ctrl {\n display: block;\n}\n\n.instance.snow {\n height: 45.83333rem;\n background: url(\"../img/merry-christmas.jpg\") 0 0 no-repeat;\n background-size: 100% 100%;\n}\n\n.instance > .demo {\n height: 100%;\n}\n\n.instance > .ctrl {\n display: none;\n position: absolute;\n z-index: 2;\n left: 0.83333rem;\n top: 0.83333rem;\n}\n\n.instance > .ctrl .btn:not(:last-child) {\n margin-right: 0.66667rem;\n}\n\n.instance-box {\n margin-top: 2.5rem;\n}\n\n.instance-box > .caption {\n padding-bottom: 0.83333rem;\n}\n\n.instance-box > .instance {\n margin-top: 0;\n}\n\n.caption {\n font-size: 1.33333rem;\n position: relative;\n}\n\n.caption:hover:before {\n display: block;\n}\n\n.caption:before {\n display: none;\n content: \"#\";\n color: #00be70;\n position: absolute;\n right: 100.8%;\n}\n\n.caption a {\n color: #333;\n text-decoration: none;\n}\n\n.module {\n margin-top: 2.5rem;\n}\n\n.module.module-api ul {\n padding-left: 1.33333rem;\n margin-bottom: 0;\n}\n\n.module > .caption {\n padding-bottom: 0.83333rem;\n}\n\n.dotted-line {\n color: #333;\n text-decoration: none;\n border-bottom: 1px dotted #777;\n}\n\n.dotted-line:hover {\n color: #00be70;\n border-color: #ccc;\n}\n\n#first-instance-ctrl {\n margin: 1.66667rem 0;\n}\n\n#first-instance-ctrl .btn:not(:last-child) {\n margin-right: 0.83333rem;\n}\n\n.why-this-tip:hover .pa {\n display: block;\n}\n\n.why-this-tip .pa {\n display: none;\n padding: 0.83333rem;\n border: 1px solid #EAEAEA;\n border-radius: 0.33333rem;\n box-shadow: 0.33333rem 0.33333rem 0.83333rem 0 #EAEAEA;\n background-color: #fff;\n text-align: justify;\n font-size: 1rem;\n top: 110%;\n}\n\n#page-index > .bg {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n\n#page-index > .profile {\n width: 100%;\n text-align: center;\n color: #00be70;\n position: absolute;\n top: 48%;\n}\n\n#page-index > .profile > .title {\n font-size: 6.6rem;\n font-weight: 100;\n}\n\n#page-index > .profile > .describe {\n font-size: 1.75rem;\n margin-top: .8em;\n color: #008850;\n}\n\n#page-index > .profile > .describe > .readmore {\n display: inline-block;\n border-bottom: 1px solid #00be70;\n text-decoration: none;\n font-size: 65%;\n color: #00be70;\n transform: translateY(-0.25rem);\n}\n\n#page-index > .profile > .usage {\n margin-top: 2.5rem;\n font-size: 2rem;\n}\n\n#page-index > .profile > .usage .btn {\n width: 12.16667rem;\n height: 5.16667rem;\n background-color: transparent;\n color: #00be70;\n border-color: #00be70;\n position: relative;\n overflow: hidden;\n}\n\n#page-index > .profile > .usage .btn:after {\n content: '';\n width: 100%;\n height: 0;\n background-color: #00be70;\n position: absolute;\n z-index: 2;\n left: 0;\n top: 2.5rem;\n transition: height .4s ease-out;\n transform: translateY(-50%) rotate(45deg);\n}\n\n#page-index > .profile > .usage .btn .pa {\n width: 100%;\n height: 100%;\n line-height: 5.16667rem;\n z-index: 3;\n}\n\n#page-index > .profile > .usage .btn:hover {\n color: #fff;\n}\n\n#page-index > .profile > .usage .btn:hover:after {\n height: 13rem;\n}\n\n#page-index .com-footer {\n display: block;\n width: 100%;\n padding-right: 10rem;\n position: absolute;\n z-index: 8;\n left: 0;\n bottom: 0;\n text-align: right;\n}\n\n#page-example > .com-body > .menu {\n width: 20rem;\n}\n\n#page-example > .com-body > .menu.fixed {\n padding: 1.66667rem 0;\n position: fixed;\n top: 0;\n bottom: 0;\n overflow: auto;\n}\n\n#page-example > .com-body > .menu h6,\n#page-example > .com-body > .menu h5 {\n margin-bottom: 1.33333rem;\n}\n\n#page-example > .com-body > .menu h6 {\n font-weight: 400;\n}\n\n#page-example > .com-body > .menu h5 a:hover {\n color: #00be70;\n}\n\n#page-example > .com-body > .menu h5 a:not(.active) {\n padding-left: 0;\n border-left: none;\n}\n\n#page-example > .com-body > .menu h5 a.active,\n#page-example > .com-body > .menu li.active a,\n#page-example > .com-body > .menu li a:hover {\n background-color: #F7F7F7;\n color: #00be70;\n border-color: #00be70;\n}\n\n#page-example > .com-body > .menu li {\n margin-bottom: 0.83333rem;\n}\n\n#page-example > .com-body > .menu h5 a,\n#page-example > .com-body > .menu li a {\n display: block;\n height: 2.5rem;\n padding-left: 1.66667rem;\n line-height: 2.5rem;\n border-left: 0.41667rem solid transparent;\n text-decoration: none;\n color: #333;\n}\n\n#page-example > .com-body > .main {\n padding-left: 25rem;\n}\n\n#page-example > .com-body > .main > .main-content .instance:first-child {\n margin-top: 0;\n}\n\n#page-example > .com-body .quick-getting,\n#page-example > .com-body .preface {\n line-height: 2;\n font-size: 1.25rem;\n}\n\n#page-example > .com-body .quick-getting > .module:first-child,\n#page-example > .com-body .preface > .module:first-child {\n margin-top: 0;\n}\n\n#page-example > .com-body .quick-getting > .module > .caption,\n#page-example > .com-body .preface > .module > .caption {\n font-size: 1.5rem;\n font-weight: 900;\n}\n\n#page-example > .com-body .quick-getting > .module blockquote:not(:first-child),\n#page-example > .com-body .preface > .module blockquote:not(:first-child) {\n margin-top: 1.66667rem;\n}\n\n#page-example > .com-body .quick-getting .instance {\n max-width: 33.33333rem;\n height: 20.83333rem;\n}\n\n#page-example > .com-body .quick-getting .btn {\n line-height: 1;\n font-size: 1rem;\n}\n\n#page-download > .com-body h3 {\n font-size: 2rem;\n font-weight: 100;\n}\n\n#page-changelog > .com-body {\n text-align: center;\n}\n\n#page-changelog > .com-body .inner {\n display: inline-block;\n max-width: 68.33333rem;\n text-align: left;\n font-size: 1.16667rem;\n}\n\n#page-changelog > .com-body .box {\n margin-bottom: 4.16667rem;\n}\n\n#page-changelog > .com-body .box > .title {\n font-size: 1.66667rem;\n font-weight: 900;\n color: #00be70;\n position: relative;\n}\n\n#page-changelog > .com-body .box > .description {\n margin: 0.83333rem 0;\n}\n\n#page-changelog > .com-body .box > .subtitle {\n margin: 2.5rem 0 0.83333rem;\n}\n\n#page-changelog > .com-body .box > ul {\n padding: 0 0 0 2rem;\n}\n\n#page-example .wave .instance-loading {\n text-align: center;\n}\n\n#page-example .wave .instance-loading > .caption {\n text-align: left;\n}\n\n#page-example .wave .instance-loading > .instance {\n display: inline-block;\n width: 23.33333rem;\n height: 23.33333rem !important;\n border-radius: 50%;\n}\n\n#page-example .wave .instance-loading > .instance > .demo {\n border-radius: 50%;\n overflow: hidden;\n}\n\n#page-example .wave .instance-loading > .instance > .demo canvas {\n border-radius: 50%;\n}\n\n#page-example .wave .instance-loading > .instance > .instance-loading-process {\n width: 100%;\n font-size: 2.16667rem;\n font-family: Arial;\n text-align: center;\n position: absolute;\n}\n\n#page-example .wave .instance-loading > .instance > .ctrl > .btn:last-child {\n margin-top: 0.83333rem;\n}\n\n@media all and (max-width: 1025px) {\n .com-header {\n padding: 0 3.33333rem;\n }\n .com-body {\n padding: 3.33333rem 3.33333rem;\n }\n #page-example > .com-body > .main {\n padding-left: 22rem;\n }\n .instance {\n height: 33.33333rem !important;\n }\n}\n\n@media all and (max-width: 768px) {\n .com-header {\n width: 100%;\n height: 5rem;\n line-height: 5rem;\n background-color: #fff;\n position: fixed;\n }\n .com-header .mobile-menu {\n display: inline-block;\n font-size: 1.16667rem;\n }\n .com-header .logo {\n float: right;\n height: auto;\n }\n .com-header .logo a {\n font-size: 1.33333rem;\n }\n .com-header .nav {\n float: none;\n width: 18.33333rem;\n margin-right: 0;\n background-color: rgba(255, 255, 255, 0.9);\n box-shadow: 0 0.16667rem 0.33333rem 0 #E8E8E8;\n transition: .4s ease-out;\n position: fixed;\n z-index: 10;\n left: -18.33333rem;\n top: 5rem;\n bottom: 0;\n overflow: auto;\n }\n .com-header .nav.menu-show {\n transform: translate(18.33333rem, 0);\n }\n .com-header .nav a {\n display: block;\n padding: 0 1.66667rem;\n line-height: 3;\n }\n .com-header .nav .slideblock {\n display: none;\n }\n .com-header .nav > .example-menu {\n display: block;\n }\n .com-body {\n padding-top: 8.33333rem;\n }\n #page-index > .com-header {\n background-color: transparent;\n }\n #page-index > .com-footer {\n padding-right: 0;\n text-align: center;\n }\n #page-index > .profile > .title {\n font-size: 2.5rem;\n }\n #page-index > .profile > .describe {\n font-size: 1.16667rem;\n }\n #page-index > .profile > .usage {\n margin-top: 1.33333rem;\n }\n #page-index > .profile > .usage .btn {\n width: 7rem;\n height: 3rem;\n font-size: 1.16667rem;\n }\n #page-index > .profile > .usage .btn:after {\n top: 1.41667rem;\n }\n #page-index > .profile > .usage .btn .pa {\n line-height: 3rem;\n }\n #page-example .com-body > .menu {\n display: none;\n }\n #page-example .com-body > .main {\n padding-left: 0;\n }\n #page-download > .com-body h3 {\n font-size: 1.16667rem;\n }\n}\n\n@media all and (max-width: 415px) {\n .com-header {\n padding: 0 1.66667rem;\n }\n .com-body {\n padding: 6.66667rem 1.66667rem 1.66667rem;\n }\n .com-footer {\n padding: 0.5rem 0;\n }\n .com-footer > .text {\n transform: scale(0.86);\n }\n .com-footer > .text > div {\n display: block;\n text-align: center;\n }\n .instance {\n height: 15rem !important;\n }\n}\n","@font-face {\r\n font-family: 'iconfont';\r\n src: url('//at.alicdn.com/t/font_1472636258_2663677.eot'); /* IE9*/\r\n src: url('//at.alicdn.com/t/font_1472636258_2663677.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\r\n url('//at.alicdn.com/t/font_1472636258_2663677.woff') format('woff'), /* chrome、firefox */\r\n url('//at.alicdn.com/t/font_1472636258_2663677.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/\r\n url('//at.alicdn.com/t/font_1472636258_2663677.svg#iconfont') format('svg'); /* iOS 4.1- */\r\n}\r\n\r\n.icon,\r\n.icon:before{\r\n display: inline-block;\r\n line-height: 1;\r\n}\r\n.icon:before{\r\n font-family: \"iconfont\";\r\n font-size: inherit;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n$iconfont: (\r\n menu: 600,\r\n\r\n);\r\n@each $key, $val in $iconfont {\r\n .icon-#{ $key }:before{\r\n content: '\"'+\\e+ '#{$val}' +'\"';\r\n }\r\n}","// ipad 横向\r\n@media all and (max-width: 1025px){\r\n $page-left-right: rem(40);\r\n .com-header{\r\n padding: 0 $page-left-right;\r\n }\r\n\r\n .com-body{\r\n padding: rem(40) $page-left-right;\r\n }\r\n\r\n #page-example{\r\n >.com-body{\r\n >.main{\r\n padding-left: rem(264);\r\n }\r\n }\r\n }\r\n\r\n .instance{\r\n height: rem(400) !important;\r\n }\r\n}\r\n\r\n// ipad 竖向\r\n@media all and (max-width: 768px){\r\n .com-header{\r\n width: 100%;\r\n height: rem(60);\r\n line-height: rem(60);\r\n background-color: #fff;\r\n position: fixed;\r\n .mobile-menu{\r\n display: inline-block;\r\n font-size: rem(14);\r\n }\r\n .logo{\r\n float: right;\r\n height: auto;\r\n a{\r\n font-size: rem(16);\r\n }\r\n }\r\n .nav{\r\n float: none;\r\n width: rem(220);\r\n margin-right: 0;\r\n background-color: rgba(255, 255, 255, .9);\r\n box-shadow: 0 rem(2) rem(4) 0 #E8E8E8;\r\n transition: .4s ease-out;\r\n position: fixed;\r\n z-index: 10;\r\n left: rem(-220);\r\n top: rem(60);\r\n bottom: 0;\r\n overflow: auto;\r\n &.menu-show{\r\n transform: translate(rem(220), 0);\r\n }\r\n a{\r\n display: block;\r\n padding: 0 rem(20);\r\n line-height: 3;\r\n }\r\n .slideblock{\r\n display: none;\r\n }\r\n >.example-menu{\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n .com-body{\r\n padding-top: rem(100);\r\n }\r\n\r\n #page-index{\r\n >.com-header{\r\n background-color: transparent;\r\n }\r\n >.com-footer{\r\n padding-right: 0;\r\n text-align: center;\r\n }\r\n >.profile{\r\n >.title{\r\n font-size: rem(30);\r\n }\r\n >.describe{\r\n font-size: rem(14);\r\n }\r\n >.usage{\r\n margin-top: rem(16);\r\n .btn{\r\n width: rem(84);\r\n height: rem(36);\r\n font-size: rem(14);\r\n &:after{\r\n top: rem(17);\r\n }\r\n .pa{\r\n line-height: rem(36);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n #page-example{\r\n .com-body{\r\n >.menu{\r\n display: none;\r\n }\r\n >.main{\r\n padding-left: 0;\r\n }\r\n }\r\n }\r\n\r\n #page-download{\r\n >.com-body{\r\n h3{\r\n font-size: rem(14);\r\n }\r\n }\r\n }\r\n}\r\n\r\n// iPhone 6 plus 竖向\r\n@media all and (max-width: 415px){\r\n $page-left-right: rem(20);\r\n .com-header{\r\n padding: 0 $page-left-right;\r\n }\r\n\r\n .com-body{\r\n padding: rem(80) $page-left-right rem(20);\r\n }\r\n\r\n .com-footer{\r\n padding: rem(6) 0;\r\n > .text {\r\n transform: scale(.86);\r\n > div {\r\n display: block;\r\n text-align: center;\r\n }\r\n }\r\n }\r\n\r\n .instance{\r\n height: rem(180) !important;\r\n }\r\n}"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/public/dist/css/site.css b/public/dist/css/site.css index 26df1d2..adc4884 100644 --- a/public/dist/css/site.css +++ b/public/dist/css/site.css @@ -1,2 +1,2 @@ -.btn,.com-footer a,.com-header a,blockquote a{text-decoration:none}button,hr{overflow:visible}img,legend{border:0}input[type=checkbox],input[type=radio],legend{padding:0}body,h1,h2,h3,h4,h5,h6{margin:0}.pr,sub,sup{position:relative}body,html{width:100%;height:100%;font:10px/1.5 "Lucida Grande","Microsoft JhengHei","Microsoft YaHei";color:#333;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}@media all and (min-width:1025px){body,html{font-size:11px}}@media all and (min-width:1281px){body,html{font-size:12px}}@media all and (min-width:1367px){body,html{font-size:13px}}@media all and (min-width:1441px){body,html{font-size:14px}}@media all and (min-width:1601px){body,html{font-size:16px}}*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em;bottom:-.25em}img{vertical-align:top}svg:not(:root){overflow:hidden}figure{margin:1rem 3.33333rem}hr{height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{font:inherit;margin:0}.badge,.bold,dt,optgroup{font-weight:700}.overflow-hidden,.progress,.text-overflow{overflow:hidden}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 .16667rem;padding:.35em .625em .75em}.disabled,[disabled]{cursor:not-allowed!important;color:#777!important}.btn,.tabs .tab-nav li,label{cursor:pointer}em,i{font-style:normal}a,button,input,select{outline:0}input::-ms-clear{display:none}svg text tspan::-moz-selection,svg text::-moz-selection{background:0 0}svg text tspan::selection,svg text::selection{background:0 0}dir,dl,menu,ol,p,ul{margin:0 0 .83333rem}dt{margin:2em 0 1em}abbr[title]{border-bottom:1px dotted #777}blockquote{margin:0 0 1.66667rem;border-left:.41667rem solid #eee}code,kbd{font-size:90%}code{padding:.16667rem .33333rem;border-radius:.33333rem}kbd{padding:.16667rem;color:#fff;background-color:#333;border-radius:.25rem;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}.form-control,.table-bordered,.table-bordered-inner>tbody>tr>td,.table-bordered-inner>tbody>tr>th,.table-bordered-inner>tfoot>tr>td,.table-bordered-inner>tfoot>tr>th,.table-bordered-inner>thead>tr>td,.table-bordered-inner>thead>tr>th{border:1px solid #ccc}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.16667rem}.tiny-text,h6{font-size:1rem}.mini-text{font-size:1.08333rem}.normal-text{font-size:1.16667rem}.big-text{font-size:1.33333rem}.bigger-text{font-size:1.5rem}.large-text{font-size:1.83333rem}.huge-text{font-size:2.16667rem}.max-text{font-size:2.66667rem}.white-text{color:#fff!important}.lightgray-text{color:#ccc!important}.gray-text{color:#777!important}.black-text{color:#000!important}.red-text{color:#c00!important}.green-text{color:#0e7e00!important}.blue-text{color:#173070!important}.lightgray-bgcolor{background-color:#ececec!important}.gray-bgcolor{background-color:#a0a0a0!important}.black-bgcolor{background-color:#000!important}.red-bgcolor{background-color:#c00!important}.green-bgcolor{background-color:#0e7e00!important}.blue-bgcolor{background-color:#173070!important}.pa{position:absolute;left:0;top:0}.cf:after{content:"";display:block;clear:both}.fl{float:left}.fr{float:right}.text-left{text-align:left}.text-center{text-align:center}.text-center-vertical{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.text-right{text-align:right}.text-justify,.why-this-tip .pa{text-align:justify}caption,th{text-align:left}.btn,.com-footer{text-align:center}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-overflow{text-overflow:ellipsis;white-space:nowrap}.word-break-all{word-break:break-all}.list-unstyled{padding-left:0;list-style:none}.show{display:block!important}.hidden{display:none!important}.invisible{visibility:hidden}table{border-spacing:0;border-collapse:collapse}caption{padding:.66667rem 0;color:#777}.table{width:100%;max-width:100%}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:.66667rem;vertical-align:top;border-top:1px solid #ccc}.table>thead>tr>th{vertical-align:bottom}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.form-group{margin-bottom:1.33333rem}.form-control{display:block;width:100%;height:2.83333rem;padding:.5rem 1rem;font-size:1.16667rem;color:#555;background-color:#fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.checkbox-group input[type=checkbox],.radio-group input[type=radio]{display:none}.form-control:focus{border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control[disabled]{background-color:#ececec}.label-checkbox,.label-radio{margin-left:.83333rem;padding-left:1.4em;position:relative}.label-checkbox:first-of-type,.label-radio:first-of-type{margin-left:0}.label-checkbox input,.label-radio input{-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);position:absolute;left:0;top:.7em;cursor:pointer}.checkbox-group input[type=checkbox]+label{margin-left:.83333rem;padding-left:1.4em;position:relative}.checkbox-group input[type=checkbox]+label:first-of-type{margin-left:0}.checkbox-group input[type=checkbox]+label.disabled:before,.checkbox-group input[type=checkbox]+label[disabled]:before{border-color:#C5C5C5!important;box-shadow:inset 0 0 0 .5em #C5C5C5;border-radius:1px}.checkbox-group input[type=checkbox]+label.disabled:after,.checkbox-group input[type=checkbox]+label[disabled]:after{content:"\2713"}.checkbox-group input[type=checkbox]+label:hover:before{border-color:#0e90d2}.checkbox-group input[type=checkbox]+label:after,.checkbox-group input[type=checkbox]+label:before{width:1em;height:1em;position:absolute;left:0;top:.7em}.checkbox-group input[type=checkbox]+label:before{content:'';border:1px solid #a0a0a0;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.checkbox-group input[type=checkbox]+label:after{color:#fff;line-height:1;text-align:center;-webkit-transform:translate(0,-50%) scale(.8);-moz-transform:translate(0,-50%) scale(.8);-ms-transform:translate(0,-50%) scale(.8);transform:translate(0,-50%) scale(.8)}.checkbox-group input[type=checkbox]:checked+label:before{border-color:#0e90d2;box-shadow:inset 0 0 0 .5em #0e90d2;border-radius:1px}.checkbox-group input[type=checkbox]:checked+label:after{content:"\2713"}.radio-group input[type=radio]+label{margin-left:.83333rem;padding-left:1.4em;position:relative}.radio-group input[type=radio]+label:first-of-type{margin-left:0}.radio-group input[type=radio]+label.disabled:before,.radio-group input[type=radio]+label[disabled]:before{border-color:#C5C5C5!important;background-color:#C5C5C5}.radio-group input[type=radio]+label.disabled:after,.radio-group input[type=radio]+label[disabled]:after,.radio-group input[type=radio]:checked+label:after{background-color:#fff}.radio-group input[type=radio]+label:hover:before{border-color:#0e90d2}.radio-group input[type=radio]+label:after,.radio-group input[type=radio]+label:before{content:'';position:absolute;top:.7em;border-radius:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.com-header,.com-header .nav>.example-menu a:nth-of-type(2){position:relative}.radio-group input[type=radio]+label:before{width:1em;height:1em;left:0;border:1px solid #a0a0a0;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.radio-group input[type=radio]+label:after{width:.5em;height:.5em;left:.5em;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.radio-group input[type=radio]:checked+label:before{border-color:#0e90d2;box-shadow:inset 0 0 0 .5em #0e90d2}.btn{display:inline-block;padding:.5em 1em;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:.16667rem;-webkit-transition:background-color .3s ease-out,border-color .3s ease-out;-moz-transition:background-color .3s ease-out,border-color .3s ease-out;transition:background-color .3s ease-out,border-color .3s ease-out}.btn-primary{color:#fff;border-color:#0e90d2;background-color:#0e90d2}.btn-primary:hover{border-color:#0c79b1;background-color:#0c79b1}.btn-primary.active,.btn-primary:active{border-color:#0a628f;background-color:#0a628f}.btn-secondary{color:#fff;border-color:#3bb4f2;background-color:#3bb4f2}.btn-secondary:hover{border-color:#19a7f0;background-color:#19a7f0}.btn-secondary.active,.btn-secondary:active{border-color:#0e93d7;background-color:#0e93d7}.btn-success{color:#fff}.btn-success.active,.btn-success:active{border-color:#3f913f;background-color:#3f913f}.btn-danger{color:#fff;border-color:#dd514c;background-color:#dd514c}.btn-danger:hover{border-color:#d7342e;background-color:#d7342e}.btn-danger.active,.btn-danger:active{border-color:#be2924;background-color:#be2924}.btn-default{background-color:#fff}.btn-default.active,.btn-default:active{border-color:#999;background-color:#d4d4d4;position:relative;top:2}code,pre{background-color:#F7F7F7}.btn-sm{padding:.2em .6em}.btn-lg{padding:.8em 1.7em}.btn-block{display:block;width:100%}.btn-group{display:inline-block}.btn-group>.btn{float:left;border-radius:0}.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn:first-child{border-top-left-radius:.16667rem;border-bottom-left-radius:.16667rem}.btn-group>.btn.dropdown-toggle,.btn-group>.btn:last-child{border-top-right-radius:.16667rem;border-bottom-right-radius:.16667rem}.btn-group:after{content:"";display:block;clear:both}.btn-group-vertical{display:inline-block}.btn-group-vertical>.btn{display:block;width:100%;border-radius:0}.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn:first-child{border-top-left-radius:.16667rem;border-top-right-radius:.16667rem}.btn-group-vertical>.btn:last-child{border-bottom-left-radius:.16667rem;border-bottom-right-radius:.16667rem}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_1472636258_2663677.eot);src:url(//at.alicdn.com/t/font_1472636258_2663677.eot?#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_1472636258_2663677.woff) format("woff"),url(//at.alicdn.com/t/font_1472636258_2663677.ttf) format("truetype"),url(//at.alicdn.com/t/font_1472636258_2663677.svg#iconfont) format("svg")}.icon,.icon:before{display:inline-block;line-height:1}.com-footer,.com-header .nav>.example-menu{display:none}.icon:before{font-family:iconfont;font-size:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre{font-family:Menlo,Monaco,Consolas,"Microsoft YaHei"}.icon-menu:before{content:"\e600"}blockquote{padding:0 1.66667rem;font-size:1.33333rem}blockquote a{color:#333}code{color:#BE0019}.text-indent{text-indent:2em}.btn-default{border-color:#EAEAEA}.btn-default:hover{background-color:#EAEAEA}.btn-success{border-color:#00be70;background-color:#00be70}.btn-success:focus,.btn-success:hover{border-color:#01A260;background-color:#01A260}.table-striped>tbody>tr:nth-of-type(odd){background-color:#F7F7F7}.table{font-size:1.08333rem}.table td,.table th{padding:.83333rem 1.16667rem!important;border-color:#EAEAEA!important}pre{margin:0;padding:.83333rem 1.66667rem!important;border:none!important;opacity:.9}pre .com{color:#999}.com-header{height:7.83333rem;padding:0 10rem;line-height:7.83333rem;border-bottom:1px solid #EAEAEA;box-shadow:0 .08333rem .16667rem 0 #E8E8E8;z-index:9}.com-header a{color:#333}.com-header .nav a.active,.com-header a:hover{color:#00be70}.com-header .mobile-menu{float:left;display:none}.com-header .logo{float:left;height:7.83333rem}.com-header .logo a{font-size:2.16667rem;font-weight:100;color:#00be70}.com-header .nav{float:right;margin-right:-.66667rem}.com-header .nav a{padding:.5rem .66667rem;font-size:1.16667rem;-webkit-transition:.4s ease-out;-moz-transition:.4s ease-out;transition:.4s ease-out}.com-header .nav .slideblock{width:2.33333rem;height:.16667rem;background-color:#00be70;top:5.16667rem}.com-header .nav .slideblock.animation{-webkit-transition:.4s ease-out;-moz-transition:.4s ease-out;transition:.4s ease-out}.com-header .nav .divider{height:1px;margin:0 1.66667rem;background-color:#dedede}.instance,.instance-box{margin-top:2.5rem}.com-header .nav>.example-menu a:nth-of-type(2) .essential{left:auto;right:.83333rem}.com-body{padding:3.33333rem 10rem}.com-footer{padding:1.66667rem 0;border-top:1px solid #EAEAEA}.com-footer>.text>div{display:inline-block}.com-footer a{color:#333}.com-footer a:hover{color:#00be70;text-decoration:underline}.essential{padding:.33333rem .5rem .5rem;line-height:1;background-color:#00be70;color:#fff;font-size:1rem;position:absolute;left:15.33333rem;top:-.5rem;border-radius:.83333rem;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.instance-box>.caption,.module>.caption{padding-bottom:.83333rem}.essential:before{content:'';width:0;height:0;border:.41667rem solid transparent;border-left-color:#00be70;border-bottom-color:#00be70;position:absolute;left:-.16667rem;top:.66667rem;-webkit-transform:rotate(23deg);-moz-transform:rotate(23deg);-ms-transform:rotate(23deg);transform:rotate(23deg)}.instance{height:36.66667rem;position:relative;border:1px solid #EAEAEA}.instance:hover>.ctrl{display:block}.instance.snow{height:45.83333rem;background:url(../img/merry-christmas.jpg) no-repeat;background-size:100% 100%}.instance>.demo{height:100%}.instance>.ctrl{display:none;position:absolute;z-index:2;left:.83333rem;top:.83333rem}.instance>.ctrl .btn:not(:last-child){margin-right:.66667rem}.instance-box>.instance{margin-top:0}.caption{font-size:1.33333rem;position:relative}.caption:hover:before{display:block}.caption:before{display:none;content:"#";color:#00be70;position:absolute;right:100.8%}.caption a,.dotted-line{color:#333;text-decoration:none}.module{margin-top:2.5rem}.module.module-api ul{padding-left:1.33333rem;margin-bottom:0}.dotted-line{border-bottom:1px dotted #777}.dotted-line:hover{color:#00be70;border-color:#ccc}#first-instance-ctrl{margin:1.66667rem 0}#first-instance-ctrl .btn:not(:last-child){margin-right:.83333rem}.why-this-tip:hover .pa{display:block}.why-this-tip .pa{display:none;padding:.83333rem;border:1px solid #EAEAEA;border-radius:.33333rem;box-shadow:.33333rem .33333rem .83333rem 0 #EAEAEA;background-color:#fff;font-size:1rem;top:110%}#page-index>.bg{position:absolute;width:100%;height:100%}#page-index>.profile{width:100%;text-align:center;color:#00be70;position:absolute;top:48%}#page-index>.profile>.title{font-size:6.6rem;font-weight:100}#page-index>.profile>.describe{font-size:1.75rem;margin-top:.8em;color:#008850}#page-index>.profile>.describe>.readmore{display:inline-block;border-bottom:1px solid #00be70;text-decoration:none;font-size:65%;color:#00be70;-webkit-transform:translateY(-.25rem);-moz-transform:translateY(-.25rem);-ms-transform:translateY(-.25rem);transform:translateY(-.25rem)}#page-index>.profile>.usage{margin-top:2.5rem;font-size:2rem}#page-example>.com-body .preface>.module:first-child,#page-example>.com-body .quick-getting>.module:first-child,#page-example>.com-body>.main>.main-content .instance:first-child{margin-top:0}#page-index>.profile>.usage .btn{width:12.16667rem;height:5.16667rem;background-color:transparent;color:#00be70;border-color:#00be70;position:relative;overflow:hidden}#page-index>.profile>.usage .btn:after{content:'';width:100%;height:0;background-color:#00be70;position:absolute;z-index:2;left:0;top:2.5rem;-webkit-transition:height .4s ease-out;-moz-transition:height .4s ease-out;transition:height .4s ease-out;-webkit-transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}#page-index>.profile>.usage .btn .pa{width:100%;height:100%;line-height:5.16667rem;z-index:3}#page-index>.profile>.usage .btn:hover{color:#fff}#page-index>.profile>.usage .btn:hover:after{height:13rem}#page-index .com-footer{display:block;width:100%;padding-right:10rem;position:absolute;z-index:8;left:0;bottom:0;text-align:right}#page-example>.com-body>.menu{width:20rem}#page-example>.com-body>.menu.fixed{padding:1.66667rem 0;position:fixed;top:0;bottom:0;overflow:auto}#page-example>.com-body>.menu h5,#page-example>.com-body>.menu h6{margin-bottom:1.33333rem}#page-example>.com-body>.menu h6{font-weight:400}#page-example>.com-body>.menu h5 a:hover{color:#00be70}#page-example>.com-body>.menu h5 a:not(.active){padding-left:0;border-left:none}#page-example>.com-body>.menu h5 a.active,#page-example>.com-body>.menu li a:hover,#page-example>.com-body>.menu li.active a{background-color:#F7F7F7;color:#00be70;border-color:#00be70}#page-example>.com-body>.menu li{margin-bottom:.83333rem}#page-example>.com-body>.menu h5 a,#page-example>.com-body>.menu li a{display:block;height:2.5rem;padding-left:1.66667rem;line-height:2.5rem;border-left:.41667rem solid transparent;text-decoration:none;color:#333}#page-example>.com-body>.main{padding-left:25rem}#page-example>.com-body .preface,#page-example>.com-body .quick-getting{line-height:2;font-size:1.25rem}#page-example>.com-body .preface>.module>.caption,#page-example>.com-body .quick-getting>.module>.caption{font-size:1.5rem;font-weight:900}#page-example>.com-body .preface>.module blockquote:not(:first-child),#page-example>.com-body .quick-getting>.module blockquote:not(:first-child){margin-top:1.66667rem}#page-example>.com-body .quick-getting .instance{max-width:33.33333rem;height:20.83333rem}#page-example>.com-body .quick-getting .btn{line-height:1;font-size:1rem}#page-download>.com-body h3{font-size:2rem;font-weight:100}#page-changelog>.com-body{text-align:center}#page-changelog>.com-body .inner{display:inline-block;max-width:68.33333rem;text-align:left;font-size:1.16667rem}#page-changelog>.com-body .box{margin-bottom:4.16667rem}#page-changelog>.com-body .box>.title{font-size:1.66667rem;font-weight:900;color:#00be70;position:relative}#page-changelog>.com-body .box>.description{margin:.83333rem 0}#page-changelog>.com-body .box>.subtitle{margin:2.5rem 0 .83333rem}#page-changelog>.com-body .box>ul{padding:0 0 0 2rem}#page-example .wave .instance-loading{text-align:center}#page-example .wave .instance-loading>.caption{text-align:left}#page-example .wave .instance-loading>.instance{display:inline-block;width:23.33333rem;height:23.33333rem!important;border-radius:50%}#page-example .wave .instance-loading>.instance>.instance-loading-process{width:100%;font-size:2.16667rem;font-family:Arial;text-align:center;position:absolute}#page-example .wave .instance-loading>.instance>.ctrl>.btn:last-child{margin-top:.83333rem}#page-example .wave .instance-loading canvas{border-radius:50%}@media all and (max-width:1025px){.com-header{padding:0 3.33333rem}.com-body{padding:3.33333rem}#page-example>.com-body>.main{padding-left:22rem}.instance{height:33.33333rem!important}}@media all and (max-width:768px){.com-header{width:100%;height:5rem;line-height:5rem;background-color:#fff;position:fixed}.com-header .mobile-menu{display:inline-block;font-size:1.16667rem}.com-header .logo{float:right;height:auto}.com-header .logo a{font-size:1.33333rem}.com-header .nav{float:none;width:18.33333rem;margin-right:0;background-color:rgba(255,255,255,.9);box-shadow:0 .16667rem .33333rem 0 #E8E8E8;-webkit-transition:.4s ease-out;-moz-transition:.4s ease-out;transition:.4s ease-out;position:fixed;z-index:10;left:-18.33333rem;top:5rem;bottom:0;overflow:auto}.com-header .nav.menu-show{-webkit-transform:translate(18.33333rem,0);-moz-transform:translate(18.33333rem,0);-ms-transform:translate(18.33333rem,0);transform:translate(18.33333rem,0)}.com-header .nav a{display:block;padding:0 1.66667rem;line-height:3}.com-header .nav .slideblock{display:none}.com-header .nav>.example-menu{display:block}.com-body{padding-top:8.33333rem}#page-index>.com-header{background-color:transparent}#page-index>.com-footer{padding-right:0;text-align:center}#page-index>.profile>.title{font-size:2.5rem}#page-download>.com-body h3,#page-index>.profile>.describe{font-size:1.16667rem}#page-index>.profile>.usage{margin-top:1.33333rem}#page-index>.profile>.usage .btn{width:7rem;height:3rem;font-size:1.16667rem}#page-index>.profile>.usage .btn:after{top:1.41667rem}#page-index>.profile>.usage .btn .pa{line-height:3rem}#page-example .com-body>.menu{display:none}#page-example .com-body>.main{padding-left:0}}@media all and (max-width:415px){.com-header{padding:0 1.66667rem}.com-body{padding:6.66667rem 1.66667rem 1.66667rem}.com-footer{padding:.5rem 0}.com-footer>.text{-webkit-transform:scale(.86);-moz-transform:scale(.86);-ms-transform:scale(.86);transform:scale(.86)}.com-footer>.text>div{display:block;text-align:center}.instance{height:15rem!important}} +.btn,.com-footer a,.com-header a,blockquote a{text-decoration:none}button,hr{overflow:visible}img,legend{border:0}input[type=checkbox],input[type=radio],legend{padding:0}body,h1,h2,h3,h4,h5,h6{margin:0}.pr,sub,sup{position:relative}body,html{width:100%;height:100%;font:10px/1.5 "Lucida Grande","Microsoft JhengHei","Microsoft YaHei";color:#333;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}@media all and (min-width:1025px){body,html{font-size:11px}}@media all and (min-width:1281px){body,html{font-size:12px}}@media all and (min-width:1367px){body,html{font-size:13px}}@media all and (min-width:1441px){body,html{font-size:14px}}@media all and (min-width:1601px){body,html{font-size:16px}}*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em;bottom:-.25em}img{vertical-align:top}svg:not(:root){overflow:hidden}figure{margin:1rem 3.33333rem}hr{height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{font:inherit;margin:0}.badge,.bold,dt,optgroup{font-weight:700}.overflow-hidden,.progress,.text-overflow{overflow:hidden}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 .16667rem;padding:.35em .625em .75em}.disabled,[disabled]{cursor:not-allowed!important;color:#777!important}.btn,.tabs .tab-nav li,label{cursor:pointer}em,i{font-style:normal}a,button,input,select{outline:0}input::-ms-clear{display:none}svg text tspan::-moz-selection,svg text::-moz-selection{background:0 0}svg text tspan::selection,svg text::selection{background:0 0}dir,dl,menu,ol,p,ul{margin:0 0 .83333rem}dt{margin:2em 0 1em}abbr[title]{border-bottom:1px dotted #777}blockquote{margin:0 0 1.66667rem;border-left:.41667rem solid #eee}code,kbd{font-size:90%}code{padding:.16667rem .33333rem;border-radius:.33333rem}kbd{padding:.16667rem;color:#fff;background-color:#333;border-radius:.25rem;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}.form-control,.table-bordered,.table-bordered-inner>tbody>tr>td,.table-bordered-inner>tbody>tr>th,.table-bordered-inner>tfoot>tr>td,.table-bordered-inner>tfoot>tr>th,.table-bordered-inner>thead>tr>td,.table-bordered-inner>thead>tr>th{border:1px solid #ccc}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.16667rem}.tiny-text,h6{font-size:1rem}.mini-text{font-size:1.08333rem}.normal-text{font-size:1.16667rem}.big-text{font-size:1.33333rem}.bigger-text{font-size:1.5rem}.large-text{font-size:1.83333rem}.huge-text{font-size:2.16667rem}.max-text{font-size:2.66667rem}.white-text{color:#fff!important}.lightgray-text{color:#ccc!important}.gray-text{color:#777!important}.black-text{color:#000!important}.red-text{color:#c00!important}.green-text{color:#0e7e00!important}.blue-text{color:#173070!important}.lightgray-bgcolor{background-color:#ececec!important}.gray-bgcolor{background-color:#a0a0a0!important}.black-bgcolor{background-color:#000!important}.red-bgcolor{background-color:#c00!important}.green-bgcolor{background-color:#0e7e00!important}.blue-bgcolor{background-color:#173070!important}.pa{position:absolute;left:0;top:0}.cf:after{content:"";display:block;clear:both}.fl{float:left}.fr{float:right}.text-left{text-align:left}.text-center{text-align:center}.text-center-vertical{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.text-right{text-align:right}.text-justify,.why-this-tip .pa{text-align:justify}caption,th{text-align:left}.btn,.com-footer{text-align:center}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-overflow{text-overflow:ellipsis;white-space:nowrap}.word-break-all{word-break:break-all}.list-unstyled{padding-left:0;list-style:none}.show{display:block!important}.hidden{display:none!important}.invisible{visibility:hidden}table{border-spacing:0;border-collapse:collapse}caption{padding:.66667rem 0;color:#777}.table{width:100%;max-width:100%}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:.66667rem;vertical-align:top;border-top:1px solid #ccc}.table>thead>tr>th{vertical-align:bottom}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.form-group{margin-bottom:1.33333rem}.form-control{display:block;width:100%;height:2.83333rem;padding:.5rem 1rem;font-size:1.16667rem;color:#555;background-color:#fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.checkbox-group input[type=checkbox],.radio-group input[type=radio]{display:none}.form-control:focus{border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control[disabled]{background-color:#ececec}.label-checkbox,.label-radio{margin-left:.83333rem;padding-left:1.4em;position:relative}.label-checkbox:first-of-type,.label-radio:first-of-type{margin-left:0}.label-checkbox input,.label-radio input{-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);position:absolute;left:0;top:.7em;cursor:pointer}.checkbox-group input[type=checkbox]+label{margin-left:.83333rem;padding-left:1.4em;position:relative}.checkbox-group input[type=checkbox]+label:first-of-type{margin-left:0}.checkbox-group input[type=checkbox]+label.disabled:before,.checkbox-group input[type=checkbox]+label[disabled]:before{border-color:#C5C5C5!important;box-shadow:inset 0 0 0 .5em #C5C5C5;border-radius:1px}.checkbox-group input[type=checkbox]+label.disabled:after,.checkbox-group input[type=checkbox]+label[disabled]:after{content:"\2713"}.checkbox-group input[type=checkbox]+label:hover:before{border-color:#0e90d2}.checkbox-group input[type=checkbox]+label:after,.checkbox-group input[type=checkbox]+label:before{width:1em;height:1em;position:absolute;left:0;top:.7em}.checkbox-group input[type=checkbox]+label:before{content:'';border:1px solid #a0a0a0;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.checkbox-group input[type=checkbox]+label:after{color:#fff;line-height:1;text-align:center;-webkit-transform:translate(0,-50%) scale(.8);-moz-transform:translate(0,-50%) scale(.8);-ms-transform:translate(0,-50%) scale(.8);transform:translate(0,-50%) scale(.8)}.checkbox-group input[type=checkbox]:checked+label:before{border-color:#0e90d2;box-shadow:inset 0 0 0 .5em #0e90d2;border-radius:1px}.checkbox-group input[type=checkbox]:checked+label:after{content:"\2713"}.radio-group input[type=radio]+label{margin-left:.83333rem;padding-left:1.4em;position:relative}.radio-group input[type=radio]+label:first-of-type{margin-left:0}.radio-group input[type=radio]+label.disabled:before,.radio-group input[type=radio]+label[disabled]:before{border-color:#C5C5C5!important;background-color:#C5C5C5}.radio-group input[type=radio]+label.disabled:after,.radio-group input[type=radio]+label[disabled]:after,.radio-group input[type=radio]:checked+label:after{background-color:#fff}.radio-group input[type=radio]+label:hover:before{border-color:#0e90d2}.radio-group input[type=radio]+label:after,.radio-group input[type=radio]+label:before{content:'';position:absolute;top:.7em;border-radius:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.com-header,.com-header .nav>.example-menu a:nth-of-type(2){position:relative}.radio-group input[type=radio]+label:before{width:1em;height:1em;left:0;border:1px solid #a0a0a0;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.radio-group input[type=radio]+label:after{width:.5em;height:.5em;left:.5em;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.radio-group input[type=radio]:checked+label:before{border-color:#0e90d2;box-shadow:inset 0 0 0 .5em #0e90d2}.btn{display:inline-block;padding:.5em 1em;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:.16667rem;-webkit-transition:background-color .3s ease-out,border-color .3s ease-out;-moz-transition:background-color .3s ease-out,border-color .3s ease-out;transition:background-color .3s ease-out,border-color .3s ease-out}.btn-primary{color:#fff;border-color:#0e90d2;background-color:#0e90d2}.btn-primary:hover{border-color:#0c79b1;background-color:#0c79b1}.btn-primary.active,.btn-primary:active{border-color:#0a628f;background-color:#0a628f}.btn-secondary{color:#fff;border-color:#3bb4f2;background-color:#3bb4f2}.btn-secondary:hover{border-color:#19a7f0;background-color:#19a7f0}.btn-secondary.active,.btn-secondary:active{border-color:#0e93d7;background-color:#0e93d7}.btn-success{color:#fff}.btn-success.active,.btn-success:active{border-color:#3f913f;background-color:#3f913f}.btn-danger{color:#fff;border-color:#dd514c;background-color:#dd514c}.btn-danger:hover{border-color:#d7342e;background-color:#d7342e}.btn-danger.active,.btn-danger:active{border-color:#be2924;background-color:#be2924}.btn-default{background-color:#fff}.btn-default.active,.btn-default:active{border-color:#999;background-color:#d4d4d4;position:relative;top:2}code,pre{background-color:#F7F7F7}.btn-sm{padding:.2em .6em}.btn-lg{padding:.8em 1.7em}.btn-block{display:block;width:100%}.btn-group{display:inline-block}.btn-group>.btn{float:left;border-radius:0}.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn:first-child{border-top-left-radius:.16667rem;border-bottom-left-radius:.16667rem}.btn-group>.btn.dropdown-toggle,.btn-group>.btn:last-child{border-top-right-radius:.16667rem;border-bottom-right-radius:.16667rem}.btn-group:after{content:"";display:block;clear:both}.btn-group-vertical{display:inline-block}.btn-group-vertical>.btn{display:block;width:100%;border-radius:0}.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn:first-child{border-top-left-radius:.16667rem;border-top-right-radius:.16667rem}.btn-group-vertical>.btn:last-child{border-bottom-left-radius:.16667rem;border-bottom-right-radius:.16667rem}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_1472636258_2663677.eot);src:url(//at.alicdn.com/t/font_1472636258_2663677.eot?#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_1472636258_2663677.woff) format("woff"),url(//at.alicdn.com/t/font_1472636258_2663677.ttf) format("truetype"),url(//at.alicdn.com/t/font_1472636258_2663677.svg#iconfont) format("svg")}.icon,.icon:before{display:inline-block;line-height:1}.com-footer,.com-header .nav>.example-menu{display:none}.icon:before{font-family:iconfont;font-size:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre{font-family:Menlo,Monaco,Consolas,"Microsoft YaHei"}.icon-menu:before{content:"\e600"}blockquote{padding:0 1.66667rem;font-size:1.33333rem}blockquote a{color:#333}code{color:#BE0019}.text-indent{text-indent:2em}.btn-default{border-color:#EAEAEA}.btn-default:hover{background-color:#EAEAEA}.btn-success{border-color:#00be70;background-color:#00be70}.btn-success:focus,.btn-success:hover{border-color:#01A260;background-color:#01A260}.table-striped>tbody>tr:nth-of-type(odd){background-color:#F7F7F7}.table{font-size:1.08333rem}.table td,.table th{padding:.83333rem 1.16667rem!important;border-color:#EAEAEA!important}.margin-top-10{margin-top:.83333rem!important}.margin-bottom-10{margin-bottom:.83333rem!important}.margin-top-15{margin-top:1.25rem!important}.margin-bottom-15{margin-bottom:1.25rem!important}pre{margin:0;padding:.83333rem 1.66667rem!important;border:none!important;opacity:.9}pre .com{color:#999}.com-header{height:7.83333rem;padding:0 10rem;line-height:7.83333rem;border-bottom:1px solid #EAEAEA;box-shadow:0 .08333rem .16667rem 0 #E8E8E8;z-index:9}.com-header a{color:#333}.com-header .nav a.active,.com-header a:hover{color:#00be70}.com-header .mobile-menu{float:left;display:none}.com-header .logo{float:left;height:7.83333rem}.com-header .logo a{font-size:2.16667rem;font-weight:100;color:#00be70}.com-header .nav{float:right;margin-right:-.66667rem}.com-header .nav a{padding:.5rem .66667rem;font-size:1.16667rem;-webkit-transition:.4s ease-out;-moz-transition:.4s ease-out;transition:.4s ease-out}.com-header .nav .slideblock{width:2.33333rem;height:.16667rem;background-color:#00be70;top:5.16667rem}.com-header .nav .slideblock.animation{-webkit-transition:.4s ease-out;-moz-transition:.4s ease-out;transition:.4s ease-out}.com-header .nav .divider{height:1px;margin:0 1.66667rem;background-color:#dedede}.instance,.instance-box{margin-top:2.5rem}.com-header .nav>.example-menu a:nth-of-type(2) .essential{left:auto;right:.83333rem}.com-body{padding:3.33333rem 10rem}.com-footer{padding:1.66667rem 0;border-top:1px solid #EAEAEA}.com-footer>.text>div{display:inline-block}.com-footer a{color:#333}.com-footer a:hover{color:#00be70;text-decoration:underline}.essential{padding:.33333rem .5rem .5rem;line-height:1;background-color:#00be70;color:#fff;font-size:1rem;position:absolute;left:15.33333rem;top:-.5rem;border-radius:.83333rem;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.instance-box>.caption,.module>.caption{padding-bottom:.83333rem}.essential:before{content:'';width:0;height:0;border:.41667rem solid transparent;border-left-color:#00be70;border-bottom-color:#00be70;position:absolute;left:-.16667rem;top:.66667rem;-webkit-transform:rotate(23deg);-moz-transform:rotate(23deg);-ms-transform:rotate(23deg);transform:rotate(23deg)}.instance{height:36.66667rem;position:relative;border:1px solid #EAEAEA}.instance:hover>.ctrl{display:block}.instance.snow{height:45.83333rem;background:url(../img/merry-christmas.jpg) no-repeat;background-size:100% 100%}.instance>.demo{height:100%}.instance>.ctrl{display:none;position:absolute;z-index:2;left:.83333rem;top:.83333rem}.instance>.ctrl .btn:not(:last-child){margin-right:.66667rem}.instance-box>.instance{margin-top:0}.caption{font-size:1.33333rem;position:relative}.caption:hover:before{display:block}.caption:before{display:none;content:"#";color:#00be70;position:absolute;right:100.8%}.caption a,.dotted-line{color:#333;text-decoration:none}.module{margin-top:2.5rem}.module.module-api ul{padding-left:1.33333rem;margin-bottom:0}.dotted-line{border-bottom:1px dotted #777}.dotted-line:hover{color:#00be70;border-color:#ccc}#first-instance-ctrl{margin:1.66667rem 0}#first-instance-ctrl .btn:not(:last-child){margin-right:.83333rem}.why-this-tip:hover .pa{display:block}.why-this-tip .pa{display:none;padding:.83333rem;border:1px solid #EAEAEA;border-radius:.33333rem;box-shadow:.33333rem .33333rem .83333rem 0 #EAEAEA;background-color:#fff;font-size:1rem;top:110%}#page-index>.bg{position:absolute;width:100%;height:100%}#page-index>.profile{width:100%;text-align:center;color:#00be70;position:absolute;top:48%}#page-index>.profile>.title{font-size:6.6rem;font-weight:100}#page-index>.profile>.describe{font-size:1.75rem;margin-top:.8em;color:#008850}#page-index>.profile>.describe>.readmore{display:inline-block;border-bottom:1px solid #00be70;text-decoration:none;font-size:65%;color:#00be70;-webkit-transform:translateY(-.25rem);-moz-transform:translateY(-.25rem);-ms-transform:translateY(-.25rem);transform:translateY(-.25rem)}#page-index>.profile>.usage{margin-top:2.5rem;font-size:2rem}#page-example>.com-body .preface>.module:first-child,#page-example>.com-body .quick-getting>.module:first-child,#page-example>.com-body>.main>.main-content .instance:first-child{margin-top:0}#page-index>.profile>.usage .btn{width:12.16667rem;height:5.16667rem;background-color:transparent;color:#00be70;border-color:#00be70;position:relative;overflow:hidden}#page-index>.profile>.usage .btn:after{content:'';width:100%;height:0;background-color:#00be70;position:absolute;z-index:2;left:0;top:2.5rem;-webkit-transition:height .4s ease-out;-moz-transition:height .4s ease-out;transition:height .4s ease-out;-webkit-transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}#page-index>.profile>.usage .btn .pa{width:100%;height:100%;line-height:5.16667rem;z-index:3}#page-index>.profile>.usage .btn:hover{color:#fff}#page-index>.profile>.usage .btn:hover:after{height:13rem}#page-index .com-footer{display:block;width:100%;padding-right:10rem;position:absolute;z-index:8;left:0;bottom:0;text-align:right}#page-example>.com-body>.menu{width:20rem}#page-example>.com-body>.menu.fixed{padding:1.66667rem 0;position:fixed;top:0;bottom:0;overflow:auto}#page-example>.com-body>.menu h5,#page-example>.com-body>.menu h6{margin-bottom:1.33333rem}#page-example>.com-body>.menu h6{font-weight:400}#page-example>.com-body>.menu h5 a:hover{color:#00be70}#page-example>.com-body>.menu h5 a:not(.active){padding-left:0;border-left:none}#page-example>.com-body>.menu h5 a.active,#page-example>.com-body>.menu li a:hover,#page-example>.com-body>.menu li.active a{background-color:#F7F7F7;color:#00be70;border-color:#00be70}#page-example>.com-body>.menu li{margin-bottom:.83333rem}#page-example>.com-body>.menu h5 a,#page-example>.com-body>.menu li a{display:block;height:2.5rem;padding-left:1.66667rem;line-height:2.5rem;border-left:.41667rem solid transparent;text-decoration:none;color:#333}#page-example>.com-body>.main{padding-left:25rem}#page-example>.com-body .preface,#page-example>.com-body .quick-getting{line-height:2;font-size:1.25rem}#page-example>.com-body .preface>.module>.caption,#page-example>.com-body .quick-getting>.module>.caption{font-size:1.5rem;font-weight:900}#page-example>.com-body .preface>.module blockquote:not(:first-child),#page-example>.com-body .quick-getting>.module blockquote:not(:first-child){margin-top:1.66667rem}#page-example>.com-body .quick-getting .instance{max-width:33.33333rem;height:20.83333rem}#page-example>.com-body .quick-getting .btn{line-height:1;font-size:1rem}#page-download>.com-body h3{font-size:2rem;font-weight:100}#page-changelog>.com-body{text-align:center}#page-changelog>.com-body .inner{display:inline-block;max-width:68.33333rem;text-align:left;font-size:1.16667rem}#page-changelog>.com-body .box{margin-bottom:4.16667rem}#page-changelog>.com-body .box>.title{font-size:1.66667rem;font-weight:900;color:#00be70;position:relative}#page-changelog>.com-body .box>.description{margin:.83333rem 0}#page-changelog>.com-body .box>.subtitle{margin:2.5rem 0 .83333rem}#page-changelog>.com-body .box>ul{padding:0 0 0 2rem}#page-example .wave .instance-loading{text-align:center}#page-example .wave .instance-loading>.caption{text-align:left}#page-example .wave .instance-loading>.instance{display:inline-block;width:23.33333rem;height:23.33333rem!important;border-radius:50%}#page-example .wave .instance-loading>.instance>.demo{border-radius:50%;overflow:hidden}#page-example .wave .instance-loading>.instance>.demo canvas{border-radius:50%}#page-example .wave .instance-loading>.instance>.instance-loading-process{width:100%;font-size:2.16667rem;font-family:Arial;text-align:center;position:absolute}#page-example .wave .instance-loading>.instance>.ctrl>.btn:last-child{margin-top:.83333rem}@media all and (max-width:1025px){.com-header{padding:0 3.33333rem}.com-body{padding:3.33333rem}#page-example>.com-body>.main{padding-left:22rem}.instance{height:33.33333rem!important}}@media all and (max-width:768px){.com-header{width:100%;height:5rem;line-height:5rem;background-color:#fff;position:fixed}.com-header .mobile-menu{display:inline-block;font-size:1.16667rem}.com-header .logo{float:right;height:auto}.com-header .logo a{font-size:1.33333rem}.com-header .nav{float:none;width:18.33333rem;margin-right:0;background-color:rgba(255,255,255,.9);box-shadow:0 .16667rem .33333rem 0 #E8E8E8;-webkit-transition:.4s ease-out;-moz-transition:.4s ease-out;transition:.4s ease-out;position:fixed;z-index:10;left:-18.33333rem;top:5rem;bottom:0;overflow:auto}.com-header .nav.menu-show{-webkit-transform:translate(18.33333rem,0);-moz-transform:translate(18.33333rem,0);-ms-transform:translate(18.33333rem,0);transform:translate(18.33333rem,0)}.com-header .nav a{display:block;padding:0 1.66667rem;line-height:3}.com-header .nav .slideblock{display:none}.com-header .nav>.example-menu{display:block}.com-body{padding-top:8.33333rem}#page-index>.com-header{background-color:transparent}#page-index>.com-footer{padding-right:0;text-align:center}#page-index>.profile>.title{font-size:2.5rem}#page-download>.com-body h3,#page-index>.profile>.describe{font-size:1.16667rem}#page-index>.profile>.usage{margin-top:1.33333rem}#page-index>.profile>.usage .btn{width:7rem;height:3rem;font-size:1.16667rem}#page-index>.profile>.usage .btn:after{top:1.41667rem}#page-index>.profile>.usage .btn .pa{line-height:3rem}#page-example .com-body>.menu{display:none}#page-example .com-body>.main{padding-left:0}}@media all and (max-width:415px){.com-header{padding:0 1.66667rem}.com-body{padding:6.66667rem 1.66667rem 1.66667rem}.com-footer{padding:.5rem 0}.com-footer>.text{-webkit-transform:scale(.86);-moz-transform:scale(.86);-ms-transform:scale(.86);transform:scale(.86)}.com-footer>.text>div{display:block;text-align:center}.instance{height:15rem!important}} /*# sourceMappingURL=map/site.css.map */ diff --git a/public/dist/js/particleground.all.js b/public/dist/js/particleground.all.js index 737f07f..1c81c52 100644 --- a/public/dist/js/particleground.all.js +++ b/public/dist/js/particleground.all.js @@ -3,4 +3,4 @@ * Copyright 2016 Barrior * Licensed under the MIT (https://opensource.org/licenses/mit-license.php) */ -!function(t){"object"==typeof module&&module.exports?module.exports=t():t()}(function(){"use strict";function t(t){return parseInt(t,10)}function e(t){return t.replace(T,"")}function i(){return"#"+C().toString(16).slice(-6)}function n(t,e){return C()*(t-e)+e}function o(){var t,e,i=arguments,n=i[0]||{},s=!1,r=i.length,c=1;for("boolean"==typeof n&&(s=n,n=i[1]||{},c++);c0&&t<1?e*t:t}function m(t){var e=!!P(t)&&t.length,n=function(){return t[b(C()*e)]};return"string"!=typeof t?e?n:i:function(){return t}}function v(t,e){t.set&&!t.paused&&(r(e)&&e.call(t,"pause"),t.paused=!0)}function g(t,e){t.set&&t.paused&&(r(e)&&e.call(t,"open"),t.paused=!1,t.draw())}function y(t,e){t.set.resize&&u(w,"resize",function(){var i=t.cw,n=t.ch;t.cw=t.c.width=f(t.container,"width"),t.ch=t.c.height=f(t.container,"height");var o=t.cw/i,s=t.ch/n;P(t.dots)&&t.dots.forEach(function(t){a(t)&&(t.x*=o,t.y*=s)}),r(e)&&e.call(t,o,s),t.paused&&t.draw()})}function x(t,i,n){e(i).split(",").forEach(function(e){t[e]=function(){z[e](this,n)}})}var w=window,E=document,C=Math.random,b=Math.floor,P=Array.isArray,A=!!E.createElement("canvas").getContext,T=/\s/g,k=/^\d+(\.\d+)?[a-z]+$/i;w.requestAnimationFrame=function(t){return t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||function(e){t.setTimeout(e,1e3/60)}}(w);var z={pInt:t,trimAll:e,randomColor:i,limitRandom:n,extend:o,typeChecking:s,isFunction:r,isPlainObject:a,isElem:c,getCss:f,offset:h,createCanvas:p,scaleValue:d,setColor:m,pause:v,open:g,resize:y,modifyPrototype:x},L={version:"1.0.0",canvasSupport:A,commonConfig:{opacity:1,color:[],resize:!0},util:z,inherit:{requestAnimationFrame:function(){!this.paused&&w.requestAnimationFrame(this.draw.bind(this))},pause:function(){v(this)},open:function(){g(this)},resize:function(){y(this)}},event:{on:u,off:l},extend:function(t){return o(t,this.inherit),this}};return w.Particleground=L,"function"==typeof define&&define.amd&&define(function(){return L}),L}),+function(t){"use strict";function e(t,e,i){for(var n=o.getCss;t=t.offsetParent;)if(n(t,e)===i)return!0;return!1}function i(t,e){o.createCanvas(this,i,t,e)}function n(t){var e=this,i=e.set;i.num>0&&i.range>0&&(t="pause"===t?"off":"on",s[t](i.eventElem,"mousemove",e.moveHandler),s[t](i.eventElem,"touchmove",e.moveHandler))}var o=t.util,s=t.event,r=Math.random,a=Math.abs,c=2*Math.PI;i.defaultConfig={speed:1,num:.12,max:2.4,min:.6,dis:130,lineWidth:.2,range:160,eventElem:null};var f=i.prototype={version:"1.0.0",init:function(){this.set.num>0&&(this.set.range>0&&(o.isElem(this.set.eventElem)||this.set.eventElem===document||(this.set.eventElem=this.c),this.posX=r()*this.cw,this.posY=r()*this.ch,this.event()),this.createDots(),this.draw(),this.resize())},createDots:function(){for(var t,e=this.cw,i=this.ch,n=this.set,s=this.color,r=o.limitRandom,a=n.speed,c=n.max,f=n.min,h=o.pInt(o.scaleValue(n.num,e)),u=[];h--;)t=r(c,f),u.push({x:r(e-t,t),y:r(i-t,t),r:t,vx:r(a,.5*-a)||a,vy:r(a,.5*-a)||a,color:s()});this.dots=u},draw:function(){var t=this.set;if(!(t.num<=0)){var e=this.cw,i=this.ch,n=this.cxt,o=this.paused;n.clearRect(0,0,e,i),n.lineWidth=t.lineWidth,n.globalAlpha=t.opacity,this.dots.forEach(function(t){var s=t.r;if(n.save(),n.beginPath(),n.arc(t.x,t.y,s,0,c),n.fillStyle=t.color,n.fill(),n.restore(),!o){t.x+=t.vx,t.y+=t.vy;var r=t.x,a=t.y;(r+s>=e||r-s<=0)&&(t.vx*=-1),(a+s>=i||a-s<=0)&&(t.vy*=-1)}}),t.range>0&&this.connectDots(),this.requestAnimationFrame()}},connectDots:function(){var t=this.cxt,e=this.set,i=e.dis,n=this.posX,o=this.posY,s=e.range,r=this.dots,c=r.length;r.forEach(function(e,f){for(var h=e.x,u=e.y,l=e.color;++f0&&this.set.range>0&&(this.posX*=t,this.posY*=e,this.getElemOffset())}),t.particle=f.constructor=i}(Particleground),+function(t){"use strict";function e(t,n){i.createCanvas(this,e,t,n)}var i=t.util,n=Math.random,o=2*Math.PI;e.defaultConfig={color:"#fff",max:6.5,min:.4,speed:.4};var s=e.prototype={version:"1.0.0",init:function(){this.dots=[],this.createDots(),this.draw(),this.resize()},snowShape:function(){var t=this.color,e=this.cw,o=this.set,s=o.speed,r=i.limitRandom(o.max,o.min);return{x:n()*e,y:-r,r:r,vx:n()||.4,vy:r*s,color:t()}},createDots:function(){for(var t=i.pInt(6*n()),e=this.dots;t--;)e.push(this.snowShape())},draw:function(){var t=this,e=t.set,i=t.cxt,s=t.cw,r=t.ch,a=t.paused;i.clearRect(0,0,s,r),i.globalAlpha=e.opacity,t.dots.forEach(function(e,c,f){var h=e.x,u=e.y,l=e.r;i.save(),i.beginPath(),i.arc(h,u,l,0,o),i.fillStyle=e.color,i.fill(),i.restore(),a||(e.x+=e.vx,e.y+=e.vy,n()>.99&&n()>.5&&(e.vx*=-1),h<0||h-l>s?f.splice(c,1,t.snowShape()):u-l>=r&&f.splice(c,1))}),!a&&n()>.9&&t.createDots(),t.requestAnimationFrame()}};t.extend(s),t.snow=s.constructor=e}(Particleground),+function(t){"use strict";function e(t,n){i.createCanvas(this,e,t,n)}var i=t.util,n=i.limitRandom,o=i.randomColor,s=i.scaleValue,r=Math.random,a=Math.sin,c=2*Math.PI,f="undefined",h=Array.isArray;e.defaultConfig={num:3,fillColor:[],lineColor:[],lineWidth:[],offsetLeft:[],offsetTop:[],crestHeight:[],rippleNum:[],speed:[],fill:!1,stroke:!0};var u=e.prototype={version:"1.0.0",init:function(){this.set.num>0&&(this.rippleLength=[],this.attrNormalize(),this.createDots(),this.draw(),this.resize())},attrNormalize:function(){["fillColor","lineColor","lineWidth","offsetLeft","offsetTop","crestHeight","rippleNum","speed","fill","stroke"].forEach(function(t){this.attrProcessor(t)}.bind(this))},attrProcessor:function(t){var e=this.set.num,i=this.set[t],n=i,o="offsetLeft"===t?this.cw:this.ch;for(h(i)||(n=this.set[t]=[]);e--;){var s=h(i)?i[e]:i;n[e]=typeof s===f?this.generateAttrVal(t):this.scaleValue(t,s,o),"rippleNum"===t&&(this.rippleLength[e]=this.cw/n[e])}},scaleValue:function(t,e,i){return"offsetTop"===t||"offsetLeft"===t||"crestHeight"===t?s(e,i):e},generateAttrVal:function(t){var e=this.cw,i=this.ch;switch(t){case"lineColor":case"fillColor":t=o();break;case"lineWidth":t=n(2,.2);break;case"offsetLeft":t=r()*e;break;case"offsetTop":case"crestHeight":t=r()*i;break;case"rippleNum":t=n(e/2,1);break;case"speed":t=n(.4,.1);break;case"fill":t=!1;break;case"stroke":t=!0}return t},setOffsetTop:function(t){this.set.num>0&&(!h(t)&&t>0&&t<1&&(t*=this.ch),this.set.offsetTop.forEach(function(e,i,n){n[i]=h(t)?t[i]||e:t}))},createDots:function(){for(var t=this.dots=[],e=this.rippleLength,i=this.cw,n=this.set.num;n--;){for(var o=[],s=c/e[n],r=0;r0&&this.dots.forEach(function(i){i.forEach(function(i){i.x*=t,i.y*=e})})}),t.wave=u.constructor=e}(Particleground); \ No newline at end of file +!function(t){"object"==typeof module&&module.exports?module.exports=t():t()}(function(){"use strict";function t(t){return parseInt(t,10)}function e(t){return t.replace(L,"")}function i(){return"#"+b().toString(16).slice(-6)}function n(t,e){return b()*(t-e)+e}function o(){var t,e,i=arguments,n=i[0]||{},s=!1,r=i.length,c=1;for("boolean"==typeof n&&(s=n,n=i[1]||{},c++);c0&&t<1?e*t:t}function v(t){var e=!!A(t)&&t.length,n=function(){return t[P(b()*e)]};return"string"!=typeof t?e?n:i:function(){return t}}function g(t,e){t.set&&!t.paused&&(r(e)&&e.call(t,"pause"),t.paused=!0)}function y(t,e){t.set&&t.paused&&(r(e)&&e.call(t,"open"),t.paused=!1,t.draw())}function x(t,e){t.set.resize&&u(E,"resize",function(){var i=t.cw,n=t.ch;p(t);var o=t.cw/i,s=t.ch/n;A(t.dots)&&t.dots.forEach(function(t){a(t)&&(t.x*=o,t.y*=s)}),r(e)&&e.call(t,o,s),t.paused&&t.draw()})}function w(t,i,n){e(i).split(",").forEach(function(e){t[e]=function(){F[e](this,n)}})}var E=window,C=document,b=Math.random,P=Math.floor,A=Array.isArray,T=!!C.createElement("canvas").getContext,k=485,z=300,L=/\s/g,S=/^\d+(\.\d+)?[a-z]+$/i;E.requestAnimationFrame=function(t){return t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||function(e){t.setTimeout(e,1e3/60)}}(E);var F={pInt:t,trimAll:e,randomColor:i,limitRandom:n,extend:o,typeChecking:s,isFunction:r,isPlainObject:a,isElem:c,getCss:f,offset:h,createCanvas:m,scaleValue:d,setColor:v,pause:g,open:y,resize:x,modifyPrototype:w},M={version:"1.0.0",canvasSupport:T,commonConfig:{opacity:1,color:[],resize:!0},util:F,inherit:{requestAnimationFrame:function(){!this.paused&&E.requestAnimationFrame(this.draw.bind(this))},pause:function(){g(this)},open:function(){y(this)},resize:function(){x(this)}},event:{on:u,off:l},extend:function(t){return o(t,this.inherit),this}};return E.Particleground=M,"function"==typeof define&&define.amd&&define(function(){return M}),M}),+function(t){"use strict";function e(t,e,i){for(var n=o.getCss;t=t.offsetParent;)if(n(t,e)===i)return!0;return!1}function i(t,e){o.createCanvas(this,i,t,e)}function n(t){var e=this,i=e.set;i.num>0&&i.range>0&&(t="pause"===t?"off":"on",s[t](i.eventElem,"mousemove",e.moveHandler),s[t](i.eventElem,"touchmove",e.moveHandler))}var o=t.util,s=t.event,r=Math.random,a=Math.abs,c=2*Math.PI;i.defaultConfig={speed:1,num:.12,max:2.4,min:.6,dis:130,lineWidth:.2,range:160,eventElem:null};var f=i.prototype={version:"1.0.0",init:function(){this.set.num>0&&(this.set.range>0&&(o.isElem(this.set.eventElem)||this.set.eventElem===document||(this.set.eventElem=this.c),this.posX=r()*this.cw,this.posY=r()*this.ch,this.event()),this.createDots(),this.draw(),this.resize())},createDots:function(){for(var t,e=this.cw,i=this.ch,n=this.set,s=this.color,r=o.limitRandom,a=n.speed,c=n.max,f=n.min,h=o.pInt(o.scaleValue(n.num,e)),u=[];h--;)t=r(c,f),u.push({x:r(e-t,t),y:r(i-t,t),r:t,vx:r(a,.5*-a)||a,vy:r(a,.5*-a)||a,color:s()});this.dots=u},draw:function(){var t=this.set;if(!(t.num<=0)){var e=this.cw,i=this.ch,n=this.cxt,o=this.paused;n.clearRect(0,0,e,i),n.lineWidth=t.lineWidth,n.globalAlpha=t.opacity,this.dots.forEach(function(t){var s=t.r;if(n.save(),n.beginPath(),n.arc(t.x,t.y,s,0,c),n.fillStyle=t.color,n.fill(),n.restore(),!o){t.x+=t.vx,t.y+=t.vy;var r=t.x,a=t.y;(r+s>=e||r-s<=0)&&(t.vx*=-1),(a+s>=i||a-s<=0)&&(t.vy*=-1)}}),t.range>0&&this.connectDots(),this.requestAnimationFrame()}},connectDots:function(){var t=this.cxt,e=this.set,i=e.dis,n=this.posX,o=this.posY,s=e.range,r=this.dots,c=r.length;r.forEach(function(e,f){for(var h=e.x,u=e.y,l=e.color;++f0&&this.set.range>0&&(this.posX*=t,this.posY*=e,this.getElemOffset())}),t.particle=f.constructor=i}(Particleground),+function(t){"use strict";function e(t,n){i.createCanvas(this,e,t,n)}var i=t.util,n=Math.random,o=2*Math.PI;e.defaultConfig={color:"#fff",max:6.5,min:.4,speed:.4};var s=e.prototype={version:"1.0.0",init:function(){this.dots=[],this.createDots(),this.draw(),this.resize()},snowShape:function(){var t=this.color,e=this.cw,o=this.set,s=o.speed,r=i.limitRandom(o.max,o.min);return{x:n()*e,y:-r,r:r,vx:n()||.4,vy:r*s,color:t()}},createDots:function(){for(var t=i.pInt(6*n()),e=this.dots;t--;)e.push(this.snowShape())},draw:function(){var t=this,e=t.set,i=t.cxt,s=t.cw,r=t.ch,a=t.paused;i.clearRect(0,0,s,r),i.globalAlpha=e.opacity,t.dots.forEach(function(e,c,f){var h=e.x,u=e.y,l=e.r;i.save(),i.beginPath(),i.arc(h,u,l,0,o),i.fillStyle=e.color,i.fill(),i.restore(),a||(e.x+=e.vx,e.y+=e.vy,n()>.99&&n()>.5&&(e.vx*=-1),h<0||h-l>s?f.splice(c,1,t.snowShape()):u-l>=r&&f.splice(c,1))}),!a&&n()>.9&&t.createDots(),t.requestAnimationFrame()}};t.extend(s),t.snow=s.constructor=e}(Particleground),+function(t){"use strict";function e(t,n){i.createCanvas(this,e,t,n)}var i=t.util,n=i.limitRandom,o=i.randomColor,s=i.scaleValue,r=Math.random,a=Math.sin,c=2*Math.PI,f="undefined",h=Array.isArray;e.defaultConfig={num:3,fillColor:[],lineColor:[],lineWidth:[],offsetLeft:[],offsetTop:[],crestHeight:[],rippleNum:[],speed:[],fill:!1,stroke:!0};var u=e.prototype={version:"1.0.0",init:function(){this.set.num>0&&(this.rippleLength=[],this.attrNormalize(),this.createDots(),this.draw(),this.resize())},attrNormalize:function(){["fillColor","lineColor","lineWidth","offsetLeft","offsetTop","crestHeight","rippleNum","speed","fill","stroke"].forEach(function(t){this.attrProcessor(t)}.bind(this))},attrProcessor:function(t){var e=this.set.num,i=this.set[t],n=i,o="offsetLeft"===t?this.cw:this.ch;for(h(i)||(n=this.set[t]=[]);e--;){var s=h(i)?i[e]:i;n[e]=typeof s===f?this.generateAttrVal(t):this.scaleValue(t,s,o),"rippleNum"===t&&(this.rippleLength[e]=this.cw/n[e])}},scaleValue:function(t,e,i){return"offsetTop"===t||"offsetLeft"===t||"crestHeight"===t?s(e,i):e},generateAttrVal:function(t){var e=this.cw,i=this.ch;switch(t){case"lineColor":case"fillColor":t=o();break;case"lineWidth":t=n(2,.2);break;case"offsetLeft":t=r()*e;break;case"offsetTop":case"crestHeight":t=r()*i;break;case"rippleNum":t=n(e/2,1);break;case"speed":t=n(.4,.1);break;case"fill":t=!1;break;case"stroke":t=!0}return t},setOffsetTop:function(t){this.set.num>0&&(!h(t)&&t>0&&t<1&&(t*=this.ch),this.set.offsetTop.forEach(function(e,i,n){n[i]=h(t)?t[i]||e:t}))},createDots:function(){for(var t=this.dots=[],e=this.rippleLength,i=this.cw,n=this.set.num;n--;){for(var o=[],s=c/e[n],r=0;r0&&this.dots.forEach(function(i){i.forEach(function(i){i.x*=t,i.y*=e})})}),t.wave=u.constructor=e}(Particleground); \ No newline at end of file diff --git a/public/dist/particleground.js.zip b/public/dist/particleground.js.zip index bbdcda8..a10081f 100644 Binary files a/public/dist/particleground.js.zip and b/public/dist/particleground.js.zip differ diff --git a/public/src/sass/pc.scss b/public/src/sass/pc.scss index 3336d63..81bee19 100644 --- a/public/src/sass/pc.scss +++ b/public/src/sass/pc.scss @@ -56,6 +56,19 @@ code { } } +.margin-top-10{ + margin-top: rem(10) !important; +} +.margin-bottom-10{ + margin-bottom: rem(10) !important; +} +.margin-top-15{ + margin-top: rem(15) !important; +} +.margin-bottom-15{ + margin-bottom: rem(15) !important; +} + // syntax highlight pre { margin: 0; @@ -534,6 +547,13 @@ $page-left-right: rem(120); width: rem(280); height: rem(280) !important; border-radius: 50%; + >.demo{ + border-radius: 50%; + overflow: hidden; + canvas{ + border-radius: 50%; + } + } >.instance-loading-process{ width: 100%; font-size: rem(26); @@ -549,9 +569,6 @@ $page-left-right: rem(120); } } } - canvas{ - border-radius: 50%; - } } } } \ No newline at end of file diff --git a/views/examples/quick-getting.html b/views/examples/quick-getting.html index 8c6cbf7..020f1ec 100644 --- a/views/examples/quick-getting.html +++ b/views/examples/quick-getting.html @@ -224,7 +224,7 @@ 

 
-                

+                

                     
小提示：

                     
    
                         
  • 修改默认配置应放在 new 之前。
    • 
diff --git a/views/examples/wave.html b/views/examples/wave.html
index 6029dff..1b8c039 100644
--- a/views/examples/wave.html
+++ b/views/examples/wave.html
@@ -118,7 +118,7 @@ 
    
         offsetTop = -10;
     }
 
-    // 通过 setOffsetTop() 方法不断地更改offsetTop属性，达到loading的效果
+    // 通过 setOffsetTop() 方法不断地更改offsetTop属性值，达到loading的效果
     effect.setOffsetTop( offsetTop );
 }, 30 );
 
@@ -214,6 +214,36 @@ 
    API参数配置
    
                 
             

         

+
+        

+            
方法

+            

+                
    
+                    
  • 
+                        .setOffsetTop( offsetTopVal )
+                    
    • 
+                    
  • 
+                        更改 offsetTop 属性值。
+                    
    • 
+                

+                
+                    
+                    
+                        
+                        
+                        
+                    
+                    
+                    
+                        
+                            
+                            
+                            
+                        
+                    
+                
参数名类型描述
offsetTopValnumber(0, 1)表示容器高度的倍数，[1, +∞)表示具体数值

+            

+        

     
 {% endblock %}