html{font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-family:proxima-nova,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;color:#484848;line-height:1.28}p{margin:0 0 10px}.subHeader{font-size:21px;font-weight:200;line-height:30px;margin-bottom:10px}em{font-style:italic}h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:inherit;font-weight:bold;line-height:20px;color:inherit;text-rendering:optimizelegibility}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#7b7b7b}h1,h2,h3{line-height:40px}h1{font-size:39px}h2{font-size:31px}h3{font-size:23px}h4{font-size:16px}h5{font-size:14px}h6{font-size:11px}h1 small{font-size:24px}h2 small{font-size:18px}h3 small{font-size:16px}h4 small{font-size:14px}ul ul,ul ol,ol ol,ol ul{margin-bottom:0}li{line-height:20px}a{color:#d15700;text-decoration:none}a:hover,a:focus{color:#a34400;text-decoration:underline}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.center{text-align:center}input{font-family:inherit}html *{color-profile:sRGB;rendering-intent:auto}.cm-s-solarized-light{background-color:#f8f5ec;color:#637c84}.cm-s-solarized-light .emphasis{font-weight:bold}.cm-s-solarized-light .dotted{border-bottom:1px dotted #cb4b16}.cm-s-solarized-light .CodeMirror-gutter{background-color:#eee8d5;border-right:3px solid #eee8d5}.cm-s-solarized-light .CodeMirror-gutter .CodeMirror-gutter-text{color:#93a1a1}.cm-s-solarized-light .CodeMirror-cursor{border-left-color:#002b36 !important}.cm-s-solarized-light .CodeMirror-matchingbracket{color:#002b36;background-color:#eee8d5;box-shadow:0 0 10px #eee8d5;font-weight:bold}.cm-s-solarized-light .CodeMirror-nonmatchingbracket{color:#002b36;background-color:#eee8d5;box-shadow:0 0 10px #eee8d5;font-weight:bold;color:#dc322f;border-bottom:1px dotted #cb4b16}.cm-s-solarized-light span.cm-keyword{color:#859900}.cm-s-solarized-light span.cm-atom{color:#2aa198}.cm-s-solarized-light span.cm-number{color:#586e75}.cm-s-solarized-light span.cm-def{color:#637c84}.cm-s-solarized-light span.cm-variable{color:#637c84}.cm-s-solarized-light span.cm-variable-2{color:#b58900}.cm-s-solarized-light span.cm-variable-3{color:#cb4b16}.cm-s-solarized-light span.cm-comment{color:#93a1a1}.cm-s-solarized-light span.cm-property{color:#657b83}.cm-s-solarized-light span.cm-operator{color:#657b83}.cm-s-solarized-light span.cm-string{color:#36958e}.cm-s-solarized-light span.cm-error{font-weight:bold;border-bottom:1px dotted #cb4b16}.cm-s-solarized-light span.cm-bracket{color:#268bd2}.cm-s-solarized-light span.cm-tag{color:#268bd2}.cm-s-solarized-light span.cm-attribute{color:#586e75}.cm-s-solarized-light span.cm-meta{color:#268bd2}.cm-s-solarized-dark{background-color:#002b36;color:#839496}.cm-s-solarized-dark .emphasis{font-weight:bold}.cm-s-solarized-dark .dotted{border-bottom:1px dotted #cb4b16}.cm-s-solarized-dark .CodeMirror-gutter{background-color:#073642;border-right:3px solid #073642}.cm-s-solarized-dark .CodeMirror-gutter .CodeMirror-gutter-text{color:#586e75}.cm-s-solarized-dark .CodeMirror-cursor{border-left-color:#fdf6e3 !important}.cm-s-solarized-dark .CodeMirror-matchingbracket{color:#fdf6e3;background-color:#073642;box-shadow:0 0 10px #073642;font-weight:bold}.cm-s-solarized-dark .CodeMirror-nonmatchingbracket{color:#fdf6e3;background-color:#073642;box-shadow:0 0 10px #073642;font-weight:bold;color:#dc322f;border-bottom:1px dotted #cb4b16}.cm-s-solarized-dark span.cm-keyword{color:#839496;font-weight:bold}.cm-s-solarized-dark span.cm-atom{color:#2aa198}.cm-s-solarized-dark span.cm-number{color:#93a1a1}.cm-s-solarized-dark span.cm-def{color:#268bd2}.cm-s-solarized-dark span.cm-variable{color:#cb4b16}.cm-s-solarized-dark span.cm-variable-2{color:#cb4b16}.cm-s-solarized-dark span.cm-variable-3{color:#cb4b16}.cm-s-solarized-dark span.cm-comment{color:#586e75}.cm-s-solarized-dark span.cm-property{color:#b58900}.cm-s-solarized-dark span.cm-operator{color:#839496}.cm-s-solarized-dark span.cm-string{color:#6c71c4}.cm-s-solarized-dark span.cm-error{font-weight:bold;border-bottom:1px dotted #cb4b16}.cm-s-solarized-dark span.cm-bracket{color:#cb4b16}.cm-s-solarized-dark span.cm-tag{color:#839496}.cm-s-solarized-dark span.cm-attribute{color:#93a1a1}.cm-s-solarized-dark span.cm-meta{color:#268bd2}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none;margin:0;padding:0}html{background:#f9f9f9}body{margin:0;padding:0}.table{word-break:break-all}.left{float:left}.right{float:right}.prism-container{width:100%;margin-top:50px}@media (max-width: 960px){.prism-container{margin-top:0px}}.wrap{max-width:100%;margin-left:auto;margin-right:auto}@media (max-width: 960px){.wrap{padding-left:10px;padding-right:10px}}.skinnyWrap{width:690px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}h1 .anchor,h2 .anchor,h3 .anchor,h4 .anchor,h5 .anchor,h6 .anchor{margin-top:-50px;position:absolute}h1:hover .hash-link,h2:hover .hash-link,h3:hover .hash-link,h4:hover .hash-link,h5:hover .hash-link,h6:hover .hash-link{display:inline}.hash-link{color:#aaa;display:none;padding-left:8px}.nav-main{background:#222;color:#fafafa;position:fixed;top:0;height:50px;box-shadow:0 0 5px rgba(0,0,0,0.5);width:100%;z-index:100}.nav-main:after{content:"";display:table;clear:both}@media (max-width: 960px){.nav-main{height:auto}}.nav-main a{color:#e9e9e9;text-decoration:none}.nav-main .nav-site{display:inline-flex;display:-ms-flexbox;flex:1;-ms-flex:1}.nav-main .nav-site li{margin:0px 10px 0px 0px}.nav-main .nav-site li>a{box-sizing:content-box;padding:0 10px;line-height:50px;display:inline-block;height:50px;color:#ddd;white-space:nowrap}@media (max-width: 960px){.nav-main .nav-site li>a{display:flex;display:-ms-flex;justify-content:flex-start;align-items:center;padding:0 20px;line-height:inherit}}.nav-main .nav-site li>a:hover{color:#fff}.nav-main .nav-site li>a.active{position:relative;color:#fafafa;background:#333}.nav-main .nav-site li>a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;border-bottom:3px solid #ff6a00}@media (max-width: 960px){.nav-main .nav-site li>a.active{background:inherit;color:#ff6a00}.nav-main .nav-site li>a.active:after{border-bottom-width:0}}@media (max-width: 960px){.nav-main .nav-site .nav-site-item--hidden-sm{display:none}}@media (max-width: 960px){.nav-main .nav-site .nav-site-search{position:absolute;z-index:1;right:0;top:0;margin:0 10px}.nav-main .nav-site .nav-site-search:focus{width:170px}}.nav-main .nav-site-internal{margin:0 0 0 20px}@media (max-width: 960px){.nav-main .nav-site-internal{margin:0;display:block;background:#363b4a}}.nav-main .nav-site-external{float:right;margin:0}@media (max-width: 960px){.nav-main .nav-site-external{position:absolute;top:0;right:55px;float:none}}@media (max-width: 960px){.nav-main .additional-menu{display:none}}.nav-main .nav-home{color:#ff6a00;font-size:24px;line-height:50px;height:50px;display:inline-block}@media (max-width: 960px){.nav-main .nav-home{font-size:20px}}.nav-main .logo-cell{width:140px;line-height:32px;position:absolute;left:0px;top:9px}@media (max-width: 960px){.nav-main .logo-cell{display:none}}.nav-main .logo-cell img{position:absolute;width:32px;height:32px;visibility:hidden}.nav-main .logo-cell span{font-size:28px;position:absolute;left:32px}.nav-main .nav-logo{vertical-align:middle;display:inline-block}@media (max-width: 960px){.nav-main .nav-logo{height:30px;width:auto}}.nav-main ul{display:inline-block;vertical-align:top}.nav-main li{display:inline}.nav-lists{display:inline-block;vertical-align:top;width:100%;padding:0 15px 0 180px;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}@media (max-width: 960px){.nav-lists{display:flex;display:-ms-flex;width:calc(100% + 20px);margin:0 -10px;font-size:0.9em;padding:0}.nav-lists li{display:block;display:-ms-flex;-ms-flex:1 0 auto;align-items:center}.nav-lists li a{-ms-flex:1;text-align:center;line-height:1.2}}.hero{min-height:300px;background:#2d2d2d;color:#e9e9e9;font-weight:300}.hero .text{font-size:64px;text-align:center}.hero .minitext{font-size:16px;text-align:center;text-transform:uppercase}.hero strong{color:#61dafb;font-weight:400}.hero .release-content{padding-top:20px;padding-bottom:20px;margin-bottom:20px;background:#4a4f50;border-radius:4px}.buttons-unit{display:flex;display:flex;justify-content:center;flex-wrap:wrap;margin-top:20px;padding-bottom:20px;text-align:center;font-size:1em}.buttons-unit a{color:#61dafb}.buttons-unit .button{font-size:24px;background:#ff6a00;color:#fafafa}.buttons-unit .button:active{background:#e65f00}@media (max-width: 960px){.buttons-unit .button{margin:5px;font-size:1em}}.buttons-unit.downloads{margin:30px 0}.nav-docs{background-color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.065);box-shadow:0 1px 4px rgba(0,0,0,0.065);font-size:16px;float:left;width:210px;padding-bottom:60px}@media (max-width: 640px){.nav-docs{width:100%;padding-bottom:40px}}.nav-docs ul{list-style:none;margin:0;padding-left:10px;font-size:14px}.nav-docs ul ul{font-size:12px}.nav-docs li{line-height:20px;margin:0 0 6px}.nav-docs h3{text-transform:uppercase;font-size:16px;background:gray;padding-left:10px;margin-top:0px;webkit-border-top-left-radius:6px;-moz-border-top-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.065);box-shadow:0 1px 4px rgba(0,0,0,0.065)}.nav-docs a{color:#666;display:block}.nav-docs a:hover{text-decoration:none;color:#ff6a00}.nav-docs a.active{color:#ff6a00}.nav-docs a.external:after{content:"";display:inline-block;width:10px;height:10px;padding-left:5px;background-image:url("../img/external.png");background-position:100% 0;background-repeat:no-repeat;font-size:10px;line-height:1em;opacity:0.5}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx){.nav-docs a.external:after{background-image:url("../img/external_2x.png");background-size:10px 10px}}.nav-docs .nav-docs-section{border-bottom:1px solid #ccc;border-top:1px solid #eee;padding:12px 0}.nav-docs .nav-docs-section:first-child{padding-top:0;border-top:0}.nav-docs .nav-docs-section:last-child{padding-bottom:0;border-bottom:0}@media (max-width: 640px){.nav-docs .nav-docs-section>ul{columns:2}}@media (max-width: 480px){.nav-docs .nav-docs-section>ul{columns:1}}.nav-docs .nav-docs-section>ul li{margin:0}.nav-docs .nav-docs-section>ul li a{padding:0;line-height:1.8}.nav-blog li{margin-bottom:5px}.home-section{margin:50px 0}.home-divider{border-top-color:#bbb;margin:0 auto;width:100%;max-width:400px}.skinny-row:after{content:"";display:table;clear:both}.skinny-col{float:left;margin-left:40px;width:305px}.skinny-col:first-child{margin-left:0}.marketing-row{margin:50px 0}.marketing-row:after{content:"";display:table;clear:both}.marketing-col{float:left;margin-left:40px;width:280px}@media (max-width: 960px){.marketing-col{margin:0;width:100%}}.marketing-col h3{color:#2d2d2d;font-size:24px;line-height:28px;font-weight:normal}.marketing-col p{font-size:16px}.marketing-col:first-child{margin-left:0}#examples h3,.home-presentation h3{color:#2d2d2d;font-size:24px;font-weight:normal;margin-bottom:5px}#examples p{margin:0 0 25px 0;max-width:600px}#examples .example{margin-top:60px}#examples #todoExample{font-size:14px}#examples #todoExample ul{list-style-type:square;margin:0 0 10px 0}#examples #todoExample input{border:1px solid #ccc;font:14px proxima-nova,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;padding:3px;width:150px}#examples #todoExample button{font:14px proxima-nova,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;margin-left:5px;padding:4px 10px}#examples #markdownExample textarea{border:1px solid #ccc;font:14px proxima-nova,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;margin-bottom:10px;padding:5px}.home-bottom-section{margin-bottom:100px}.docs-nextprev:after{content:"";display:table;clear:both}.docs-prev{float:left}.docs-next{float:right}section.black content{padding-bottom:18px}.blogContent{padding-top:20px;padding-bottom:80px}.blogContent:after{content:"";display:table;clear:both}@media (max-width: 640px){.blogContent{padding-bottom:0}}.blogContent blockquote{padding:5px 15px;margin:20px 0;background-color:#f8f5ec;border-left:5px solid #f7ebc6}.blogContent h2>code{font-size:inherit;line-height:inherit;color:#555;background-color:rgba(0,0,0,0.04)}.documentationContent{padding-top:20px;padding-bottom:80px}.documentationContent:after{content:"";display:table;clear:both}.documentationContent .subHeader{font-size:24px}.documentationContent .docs-back{cursor:pointer;float:right;font-size:18px}.documentationContent h2{margin-top:30px}@media (max-width: 640px){.documentationContent{padding-bottom:0}}.documentationContent blockquote{padding:15px 30px 15px 15px;margin:20px 0;background-color:rgba(248,245,236,0.5);border-left:5px solid rgba(191,87,73,0.2)}.documentationContent blockquote h4{margin-top:0}.documentationContent blockquote p{margin-bottom:0}.documentationContent blockquote p:first-child{font-weight:bold;font-size:17.5px;line-height:20px;margin-top:0;text-rendering:optimizelegibility}.docs-prevnext{padding-top:40px;padding-bottom:40px}.button{background:-webkit-linear-gradient(#9a9a9a, #646464);background:linear-gradient(#9a9a9a, #646464);border-radius:4px;padding:8px 16px;font-size:18px;font-weight:400;margin:0 12px;display:inline-block;color:#fafafa;text-decoration:none;text-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 1px 1px rgba(0,0,0,0.2);text-decoration:none}.button:hover{text-decoration:none}.button:active{box-shadow:none}.hero .button{box-shadow:1px 3px 3px rgba(0,0,0,0.3)}.button.blue{background:-webkit-linear-gradient(#77a3d2, #4783c2);background:linear-gradient(#77a3d2, #4783c2)}.row{padding-bottom:4px}.row .span4{width:33.33%;display:table-cell}.row .span8{width:66.66%;display:table-cell}.row .span6{width:50%;display:table-cell}p{margin:10px 0}.highlight{padding:10px;margin-bottom:20px}figure{text-align:center}.inner-content{float:left;width:100%;margin-left:50px;max-width:650px}@media (max-width: 960px){.inner-content{width:calc(100% - 240px);max-width:100%;margin-left:0px}}@media (max-width: 640px){.inner-content{width:100%;margin-left:0px}}.nosidebar .inner-content{float:none;margin:0 auto}h1:after{content:"";display:table;clear:both}.edit-page-link{float:right;font-size:16px;font-weight:normal;line-height:20px;margin-top:17px}@media (max-width: 640px){.edit-page-link{float:left;width:100%}}.communityContent{padding-top:20px}.communityContent:after{content:"";display:table;clear:both}.communityContent h3{margin-top:30px}.communityContent blockquote{padding:5px 15px;margin:20px 0;background-color:#f8f5ec;border-left:5px solid #f7ebc6}.communityContent th{padding-right:6px;text-align:right;vertical-align:top;font-weight:normal;font-family:'source-code-pro', Menlo, Consolas, 'Courier New', monospace;line-height:1.5;font-size:13px;-webkit-text-size-adjust:none}.communityContent td{vertical-align:top;text-align:left}.post-list-item+.post-list-item{margin-top:60px}div.CodeMirror pre,div.CodeMirror-linenumber,code{font-family:'source-code-pro', Menlo, Consolas, 'Courier New', monospace;line-height:1.5;font-size:13px;-webkit-text-size-adjust:none}div.CodeMirror-linenumber{text-align:right}.CodeMirror,div.CodeMirror-gutters,div.highlight{border:none}.CodeMirror-readonly div.CodeMirror-cursor{visibility:hidden}small code,li code,p code{color:#555;background-color:rgba(0,0,0,0.04);padding:1px 3px}small a code,li a code,p a code{color:inherit}.cm-s-default span.cm-string-2{color:inherit}.playground:after{content:"";display:table;clear:both}.playground-tab{border-bottom:none !important;border-radius:3px 3px 0 0;padding:6px 8px;font-size:12px;font-weight:bold;color:#c2c0bc;background-color:#f1ede4;display:inline-block;cursor:pointer}.playgroundCode,.playground-tab,.playgroundPreview{border:1px solid rgba(16,16,16,0.1)}.playground-tab-active{color:#222}.playgroundCode{border-radius:0 3px 3px 3px;float:left;overflow:hidden;width:100%;max-width:600px}.playgroundPreview{background-color:white;border-radius:3px;float:right;padding:15px 20px;width:280px;word-wrap:break-word}.playgroundError{color:#e65f00;font-size:15px}.MarkdownEditor textarea{width:100%;height:100px}.MarkdownEditor .content{white-space:pre-wrap;word-break:break-word}.hll{background-color:#f7ebc6;border-left:5px solid #f7d87c;display:block;margin-left:-14px;margin-right:-14px;padding-left:9px}.highlight .javascript .err{background-color:transparent;color:inherit}.highlight{position:relative;margin-bottom:14px;padding:30px 14px 14px;border:none;border-radius:0;overflow:auto}.highlight pre{padding:0;margin-top:0;margin-bottom:0;background-color:transparent;border:0;float:left;min-width:100%}.highlight pre code{display:block;background:none;padding:0}.highlight pre .lineno{display:inline-block;width:22px;padding-right:5px;margin-right:10px;color:#bebec5;text-align:right}.highlight:after{position:absolute;top:0;right:0;left:0;padding:3px 7px;font-size:12px;font-weight:bold;color:#c2c0bc;background-color:#f1ede4;content:"Code"}.downloadCenter{text-align:center;margin-top:20px;margin-bottom:25px}.downloadSection:hover{text-decoration:none !important}@media (max-width: 960px){.nav-main{position:relative}.container{padding-top:0}}.post{margin-bottom:30px}.post img{max-width:100%;height:auto}.pagination{margin-bottom:30px;width:100%;overflow:hidden}.pagination .next{float:right}div[data-twttr-id] iframe{margin:10px auto !important;width:100% !important}.fb_iframe_widget{max-width:100%}.fb_iframe_widget *{max-width:100%}@media (max-width: 960px){#twitter-widget-0{display:none !important}}.three-column:after{content:"";display:table;clear:both}.three-column>ul{float:left;margin-left:30px;width:190px}.three-column>ul:first-child{margin-left:20px}input#algolia-doc-search{background:transparent url("/aliplayer/img/search.png") no-repeat 10px center;background-size:16px 16px;position:relative;vertical-align:top;margin-left:10px;padding:0 10px;padding-left:35px;height:30px;margin-top:10px;font-size:16px;line-height:20px;background-color:#333;border-radius:4px;color:white;outline:none;width:170px;transition:width .2s ease}input#algolia-doc-search:focus{width:240px}@media (max-width: 960px){input#algolia-doc-search{background-color:transparent;width:0;cursor:pointer}input#algolia-doc-search:focus{width:200px;background-color:#333}}.algolia-autocomplete .aa-dropdown-menu{margin-left:-110px;margin-top:-4px}.algolia-autocomplete{vertical-align:top;height:53px}.algolia-docsearch-suggestion{border-bottom-color:#c05b4d}.algolia-docsearch-suggestion--category-header{background-color:#ff9a01}.algolia-docsearch-suggestion--highlight{color:#c05b4d}.algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--highlight{background-color:#c05b4d}.aa-cursor .algolia-docsearch-suggestion--content{color:#c05b4d}.aa-cursor .algolia-docsearch-suggestion{background:#f1f3f5}footer.nav-footer{box-sizing:border-box;border:none;font-weight:300;color:#202020;font-size:15px;line-height:24px;background:#2D2D2D;box-shadow:inset 0 10px 10px -5px #0d1116;padding-top:2em;padding-bottom:2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}footer .sitemap{display:flex;display:-ms-flexbox;justify-content:space-between;max-width:1080px;margin:0 auto 3em}footer .sitemap>div{flex:1;-ms-flex:1;padding-left:100px}footer .sitemap div:nth-of-type(1){padding-right:100px;padding-left:0}footer .sitemap div:nth-of-type(1) *{display:block;width:100%;text-align:right}footer .sitemap .nav-home{display:table;margin:-12px 20px 0 0;padding:10px;width:60px;height:60px;transition:opacity 0.15s ease-in-out}@media screen and (max-width: 740px){footer .sitemap{display:none}}footer .sitemap a{color:white;display:table;margin:2px -10px;padding:3px 10px}footer .sitemap a:hover,footer .sitemap a:focus{color:#61dafb;text-decoration:none}footer .sitemap h6>a:hover,footer .sitemap h6>a:focus{color:#61dafb;text-decoration:none}footer .sitemap h5,footer .sitemap h6{margin:0 0 10px}footer .sitemap h5,footer .sitemap h6,footer .sitemap h5>a,footer .sitemap h6>a{color:white}footer .sitemap h5>a,footer .sitemap h6>a{margin:0 -10px}footer .fbOpenSource{display:block;margin:1em auto;opacity:0.4;transition:opacity 0.15s ease-in-out;width:170px}footer .fbOpenSource:hover{opacity:1.0}footer .copyright{color:rgba(255,255,255,0.4);text-align:center}.hero .prism-player{height:460px !important;background-color:#4e679e3b}.buttons-unit-column{display:flex;display:flex;justify-content:center;flex-direction:column;flex-wrap:wrap;margin-top:20px;padding-bottom:20px;text-align:center;font-size:1em;width:200px}.buttons-unit-column .button{font-size:24px;background:#ff9a01;color:#fafafa;margin-top:10px}.demo-content-player{float:left}.demo-content-body{width:684px;height:300px;float:right;background:rgba(128,128,128,0.04);margin:0}.demo-function-list{clear:both;max-width:1024px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;padding-top:20px;display:flex;justify-content:space-around}.demo-function-item{width:200px}.demo-function-item-header{font-weight:bold;cursor:default}.demo-setting-content{padding-top:20px}a:hover,a:focus{outline:none;text-decoration:none}.tab .nav-tabs{padding-left:15px}.tab .nav-tabs li a{color:#fff;padding:10px 20px;margin-right:10px;background:#692f6c;text-shadow:1px 1px 2px #000;border:none;border-radius:0;opacity:0.5;position:relative;transition:all 0.3s ease 0s}.tab .nav-tabs li a:hover{background:#692f6c;opacity:0.8}.tab .nav-tabs li.active a{opacity:1}.tab .nav-tabs li.active a,.tab .nav-tabs li.active a:hover,.tab .nav-tabs li.active a:focus{color:#fff;background:#692f6c;border:none;border-radius:0}.tab .nav-tabs li a:before,.tab .nav-tabs li a:after{content:"";border-top:42px solid transparent;position:absolute;top:-2px}.tab .nav-tabs li a:before{border-right:15px solid #692f6c;left:-15px}.tab .nav-tabs li a:after{border-left:15px solid #692f6c;right:-15px}.tab .nav-tabs li a i,.tab .nav-tabs li.active a i{display:inline-block;padding-right:5px;font-size:15px;text-shadow:none}.tab .nav-tabs li a span{display:inline-block;font-size:14px;letter-spacing:-9px;opacity:0;transition:all 0.3s ease 0s}.tab .nav-tabs li a:hover span,.tab .nav-tabs li.active a span{letter-spacing:1px;opacity:1;transition:all 0.3s ease 0s}.tab .tab-content{padding:30px;background:#fff;font-size:16px;color:#6c6c6c;line-height:25px;border-style:dotted;border-color:rgba(105,47,108,0.15);border-top:4px solid #692f6c}.tab .tab-content h3{font-size:24px;margin-top:0}@media only screen and (max-width: 479px){.tab .nav-tabs li{width:100%;margin-bottom:5px;text-align:center}.tab .nav-tabs li a span{letter-spacing:1px;opacity:1}}.inactive{display:none}.layout-skin-setting{width:200px;position:absolute}.layout-items{height:250px}.mb5{margin-bottom:5px}.layout-items .form-group input[type="checkbox"]{margin-top:4px}.player-sample-container{position:relative;padding:45px 15px 15px;margin:0 -15px 15px;border-style:solid;margin-right:0;margin-left:0;background-color:#fff;border-color:#ddd;border-width:1px;border-radius:4px 4px 0 0;box-shadow:none;max-width:100%;margin:auto}.player-sample-container .row{margin-left:-15px;margin-right:-15px}.player-sample-container .thumbnail .demo-img{height:300px;width:100%;border-bottom-color:aliceblue;border-bottom-width:2px;border-bottom-style:solid}.player-sample-container .thumbnail .h5-demo:hover{background:url("../img/h5demoma.png");background-position:top;background-repeat:no-repeat;background-size:cover}.player-sample-container .thumbnail .h5-demo{background:url("../img/h5demo.png");background-position:top;background-repeat:no-repeat;background-size:contain}.player-sample-container .thumbnail .h5-live-demo:hover{background:url("../img/h5livedemoma.png");background-position:top;background-repeat:no-repeat;background-size:cover}.player-sample-container .thumbnail .h5-live-demo{background:url("../img/h5livedemo.png");background-position:top;background-repeat:no-repeat;background-size:contain}.player-sample-container .thumbnail .mobile-live-demo:hover{background:url("../img/reacth5livema.png");background-position:top;background-repeat:no-repeat;background-size:cover}.player-sample-container .thumbnail .mobile-live-demo{background:url("../img/reacth5live.png");background-position:top;background-repeat:no-repeat;background-size:contain}.player-sample-container .thumbnail .pc-live-demo:hover{background:url("../img/pclive2.png");background-position:top;background-repeat:no-repeat;background-size:contain}.player-sample-container .thumbnail .pc-live-demo{background:url("../img/pclive1.png");background-position:top;background-repeat:no-repeat;background-size:contain}.player-sample-container .caption{background:aliceblue}@media (max-width: 960px){#settingCode{width:100% !important}}video::-webkit-media-controls{display:none !important}video::-webkit-media-controls-enclosure{display:none !important}.docs-content img{max-width:600px;max-height:300px}@media (max-width: 960px){.docs-content img{max-width:60%;max-height:60%}}.prism-progress-cursor{margin-left:0px !important}video.center{object-position:50% 50% !important}.prism-speed-selector .speed-selector-list{margin:0;border-radius:0px}.nav-main .nav-site li .language-select{position:absolute;top:100%;margin:0;background-color:#272b2f;display:none}.nav-main .nav-site li .language-select li{display:block;text-align:center;margin:0;padding:3px 33px;line-height:30px}.nav-main .nav-site li .language-select li a{padding:0;line-height:inherit;height:auto}.nav-main .nav-site li .language-select li a:hover,.nav-main .nav-site li .language-select li a.active-lang{color:#00c1de}.nav-main .nav-site li.language-current{width:110px;margin-right:0;text-align:center}.nav-main .nav-site li.language-current.active .language-select{display:block}.player-tooltip.close{opacity:1;text-shadow:none;font-weight:normal}.nav-main.home-nav{background:rgba(34,34,34,0.1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.nav-main.home-nav.scroll{background:#222}.nav-main.home-nav .nav-site li>a.active{background:rgba(51,51,51,0.1)}.hero{margin-top:-50px}#settingPage{padding-right:25px;padding-left:25px}.player-wrap{background:#373d41}.player-demos{margin:0;display:flex;align-items:center;justify-content:space-between;padding:50px 0 60px}.player-demos li{list-style:none;width:20%;position:relative;text-align:center;height:580px;padding-bottom:60px}.player-demos li .qr-code{text-align:center;opacity:0;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.player-demos li .qr-code img{width:170px;height:auto}.player-demos li .slide-item-wrap{height:100%;width:100%;position:relative}.player-demos li .bg{position:absolute;left:0;right:0;top:0;bottom:0;opacity:.6;filter:alpha(opacity=60);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(60));transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.player-demos li a{display:inline-block;width:100%;height:100%}.player-demos li img{display:inline-block;width:100%;height:100%}.player-demos li .mask{position:absolute;top:0;left:0;right:0;bottom:0}.player-demos li .content{position:absolute;left:0;right:0;top:100px;bottom:0;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);color:#fff}.player-demos li .item-title{color:#fff;font-size:22px;line-height:24px;margin:0;padding:0;margin-top:24px;font-weight:700;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.player-demos li .item-desc{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);font-size:14px;color:#fff;text-align:justify;margin-top:30px;padding:0 15px;line-height:18px}.player-demos li .item-link{display:inline-block;border:1px solid #fff;width:120px;height:36px;line-height:36px;font-size:14px;color:#fff;text-decoration:none;margin-top:62px;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.player-demos li .item-link:hover{color:#00c1de;background:#fff}.player-demos li .item-link a{color:inherit}.player-demos li .item-img-panel{position:relative;width:25%;height:54px;display:inline-block}.player-demos li .item-img-panel .item-img-hover{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.player-demos li .item-img-panel .item-img{position:absolute;left:0;right:0;top:0;width:100%;display:inline-block;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.player-demos li .line-panel{padding:0;margin:0;font-size:0;line-height:0;margin-top:20px;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.player-demos li .line-panel .item-line{width:20px;height:2px;background:#fff;display:inline-block;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.player-demos li:hover .bg{background:#00c2de;opacity:.9}.player-demos li:hover .qr-code{opacity:1}.player-demos li:hover .content{top:13%}.player-demos li:hover .content .item-img-panel .item-img{opacity:0}.player-demos li:hover .content .item-img-panel .item-img-hover{opacity:1}.player-demos li:hover .line-panel{margin-top:10px}.player-demos li:hover .line-panel .item-line{opacity:0}.player-demos li:hover .item-title{margin-top:12px}.player-demos li:hover .item-desc{margin-top:22px;opacity:1}.player-demos li:hover .item-link{margin-top:10%;opacity:1}.nav-site-mb-menu-icon{position:absolute;left:0;height:50px;width:80px;display:none}.nav-site-mb-menu-icon .split-wrap{width:40px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.nav-site-mb-menu-icon .split-wrap .split{transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);width:65%;height:2px;background-color:#fff}@media (max-width: 960px){.hero{margin-top:0}.hero .prism-player{height:280px !important}.nav-site-mb-menu-icon{display:block}.nav-lists.android{height:50px}.nav-lists.android .nav-site-internal.nav-menus{top:50px}.nav-lists.active.android{height:350px}.nav-lists.active .nav-site-mb-menu-icon .split-wrap .split:nth-child(1){transform:rotate(45deg) translate(7px, 8px)}.nav-lists.active .nav-site-mb-menu-icon .split-wrap .split:nth-child(2){opacity:0}.nav-lists.active .nav-site-mb-menu-icon .split-wrap .split:nth-child(3){transform:rotate(-45deg) translate(5px, -7px)}.nav-lists.active .nav-site-internal.nav-menus{height:300px}.player-demos{flex-wrap:wrap;padding-left:15px;padding-right:15px}li{width:100% !important}.nav-site-mb-menu{height:50px;background:#1f253a;width:100%}.nav-main{z-index:100000000}.nav-main .nav-site-external{right:0;display:inline-flex}.nav-main .nav-site-internal.nav-menus{position:absolute;top:100%;width:100%;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);height:0;overflow:hidden}}.hero .prism-player .prism-progress .prism-progress-played{background-color:#ff6a00}