html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
/*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)*/@font-face{font-family:FontAwesome;src:url(../../cloud/style/font-awesome/fonts/fontawesome-webfont.eot?v=4.5.0);src:url(../../cloud/style/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'),url(../../cloud/style/font-awesome/fonts/fontawesome-webfont.woff2?v=4.5.0) format('woff2'),url(../../cloud/style/font-awesome/fonts/fontawesome-webfont.woff?v=4.5.0) format('woff'),url(../../cloud/style/font-awesome/fonts/fontawesome-webfont.ttf?v=4.5.0) format('truetype'),url(../../cloud/style/font-awesome/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}
.book.with-header .book-summary{top:80px}
.book-summary{font-family:"Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;top:45px;left:-300px;bottom:0;z-index:1;overflow-y:auto;width:300px;color:#364049;background:#fff;border-right:1px solid rgba(0,0,0,.07);-webkit-transition:left 250ms ease;-moz-transition:left 250ms ease;-o-transition:left 250ms ease;transition:left 250ms ease}
.book-summary ul.summary{list-style:none;margin:0;padding:0;-webkit-transition:top .5s ease;-moz-transition:top .5s ease;-o-transition:top .5s ease;transition:top .5s ease}
.book-summary ul.summary li{list-style:none}
.book-summary ul.summary li.header{padding:7px 15px;padding-top:20px;text-transform:uppercase;color:#939da3}
.book-summary ul.summary li.divider{height:1px;margin:7px 0;overflow:hidden;background:rgba(0,0,0,.07)}
.book-summary ul.summary li i.fa-check{display:none;position:absolute;right:9px;top:16px;font-size:9px;color:#32cc32}
.book-summary ul.summary li.done>a{color:#364049;font-weight:400}
.book-summary ul.summary li.done>a i{display:inline}
.book-summary ul.summary li a,.book-summary ul.summary li span{display:block;padding:9px 15px;border-bottom:none;color:#364049;background:0 0;text-overflow:ellipsis;overflow:hidden;white-space:normal;position:relative}
.book-summary ul.summary li a:hover{background-color:#eff1f3}
.book-summary ul.summary li a:focus{outline:0}
.book-summary ul.summary li.active>a{color:#2b71c8;background:0 0;text-decoration:none}
.book-summary ul.summary li.active>a:hover{background-color:transparent}
.book-summary ul.summary li ul{padding-left:20px}
@media (max-width:1024px){.book-summary{top:0;bottom:0}}@media (max-width:600px){.book-summary{width:calc(100% - 80px);left:-100%}}.summary>.chapter>.articles{margin-left:20px}
.summary>.chapter>.articles>.chapter>.articles>.chapter{position:relative}
.summary>.chapter>.articles>.chapter>.articles>.chapter:before{content:"";display:block;position:absolute;top:0;left:0;height:18px;width:6px;border-left:1px solid #e7e7eb;border-bottom:1px solid #e7e7eb}
.summary>.chapter>.articles>.chapter>.articles>.chapter:after{content:"";display:block;position:absolute;top:0;left:0;bottom:0;width:6px;border-left:1px solid #e7e7eb}
.summary>.chapter>.articles>.chapter>.articles>.chapter:last-child:after{display:none}
.summary>.chapter.close_h>a:before{content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:600;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:greyscale;color:#8d8d8d;font-size:14px}
.summary>.chapter.open_h>a:before{content:"\f107";font-family:FontAwesome;font-style:normal;font-weight:600;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:greyscale;color:#8d8d8d;font-size:14px}
.summary>.chapter>a{padding-left:39px!important}
.summary>.chapter>a:before{content:"";position:absolute;display:inline-block;width:14px;left:24px;top:12px}
.summary>.chapter.open_h>ul{display:block;margin-top:3px;list-style:none}
.summary>.chapter.close_h>ul{display:none}
.summary>.chapter>a{font-size:16px}
.summary>.chapter{margin:10px 0}
.book-summary-home{display:none}
.book.with-summary .book-summary{left:0}
.book.without-animation .book-summary{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;transition:none!important}
@media (max-width:1024px){.book.with-header .book-summary{top:0}}@media (max-width:1024px){.summary>.chapter>a:before{display:none}
.summary>.chapter>.articles>.chapter>.articles>.chapter:before{display:none}
.summary>.chapter>.articles>.chapter>.articles>.chapter:after{display:none}
.book-summary-home{display:block;background:#fff;margin-bottom:20px}
.book-summary-home a{display:block;padding:15px;border-bottom:none;color:#364149;background:0 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;font-size:16px}
.book-summary-home a span{vertical-align:middle}
.book-summary-home .icon_home_s{display:inline-block;width:21px;height:21px;background-size:cover;margin-right:10px}
.book-summary-home .icon_home_s.icon_dev{background-image:url(./images/icon_code_s@2x.png)}
.book-summary-home .icon_home_s.icon_design{background-image:url(./images/icon_desgin_s@2x.png)}
.book-summary-home .icon_home_s.icon_doc{background-image:url(./images/icon_guide_s@2x.png)}
.book.with-summary .book-summary{box-shadow:1px 0 10px rgba(150,150,150,.3)}
.summary>.chapter.close>a:before{content:""}
.summary>.chapter.open>a:before{content:""}
.book-summary{background:#f6f7f8;border-right:none;padding-top:0}
.book-summary ul.summary{background:#fff}
.book-summary ul.summary>li:first-child>a:before{display:none}
.book-summary ul.summary>li ul{position:relative}
.book-summary ul.summary>li ul:before{content:"";display:block;position:absolute;top:0;height:1px;left:0;right:0;border-bottom:1px solid #e7e7eb;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}
.book-summary ul.summary>li:last-child>ul>li:first-child:before{display:none}
.book-summary ul.summary>li:last-child:after{display:none}
.book-summary ul.summary li{position:relative;margin:0}
.book-summary ul.summary li:after{content:"";display:block;position:absolute;bottom:0;height:1px;left:0;right:0;border-bottom:1px solid #e7e7eb;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5) translateY(100%);transform:scaleY(.5) translateY(100%);box-sizing:border-box}
.book-summary ul.summary li a{padding:15px;border:none;font-size:16px}
.book-summary ul.summary li a:hover{background:#fafafa}
.book-summary ul.summary li a:active{background:#fafafa}
.book-summary ul.summary li ul{padding-left:20px;margin-left:0!important;background:#f6f7f8}
.summary>.chapter>.articles>.chapter>.articles>.chapter>a{border:none;padding:15px 10px}
.summary>.chapter>.articles>.chapter>.articles>.chapter>a:after{display:none}}.book{position:relative;width:100%;height:100%}
@media (min-width:600px){.book.with-summary .book-body{left:300px}}@media (max-width:600px){.book.with-summary{overflow:hidden}
.book.with-summary .book-body{-webkit-transform:translate(calc(100% - 80px),0);-moz-transform:translate(calc(100% - 80px),0);-ms-transform:translate(calc(100% - 80px),0);-o-transform:translate(calc(100% - 80px),0);transform:translate(calc(100% - 80px),0)}}.book.without-animation .book-body{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;transition:none!important}
.book.with-header .book-body{top:80px}
.book-body{position:absolute;top:45px;right:0;left:0;bottom:0;overflow-y:auto;color:#000;background:#fff;-webkit-transition:left 250ms ease;-moz-transition:left 250ms ease;-o-transition:left 250ms ease;transition:left 250ms ease}
.book-body .body-inner{position:absolute;top:0;right:0;left:0;bottom:0;overflow-y:auto}
@media (max-width:1024px){.book-body{-webkit-transition:-webkit-transform 250ms ease;-moz-transition:-moz-transform 250ms ease;-o-transition:-o-transform 250ms ease;transition:transform 250ms ease;padding-bottom:20px}
.book-body .body-inner{position:static;min-height:calc(100% - 50px)}}@media (max-width:1024px){.book-body{top:54px}
.book.with-header .book-body{top:54px}}.page-wrapper{position:relative;outline:0}
.page-inner{position:relative;max-width:960px;width:85%;min-width:600px;margin:0 auto;padding:35px 0 180px;}
.page-inner .btn-group .btn{border-radius:0;background:#eee;border:0}
.signature{float:right;margin-top:100px;font-weight:700}
.top-header{text-align:center;font-size:2em!important}
@media (max-width:1024px){.page-inner{width:100%;padding:30px 15px;min-width:0}}.buttons:after,.buttons:before{content:" ";display:table;line-height:0}
.buttons:after{clear:both}
.button{border:0;background-color:transparent;background:#eee;color:#666;width:100%;text-align:center;float:left;line-height:1.42857143;padding:8px 4px}
.button:hover{color:#444}
.button:focus,.button:hover{outline:0}
.button.size-2{width:50%}
.button.size-3{width:33%}
.markdown-section{display:inline;word-wrap:break-word;overflow:hidden;color:#333;line-height:1.7;text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%}
.markdown-section *{box-sizing:border-box;-webkit-box-sizing:border-box;font-size:inherit}
.markdown-section>:first-child{margin-top:0!important}
.markdown-section>:last-child{margin-bottom:0!important}
.markdown-section blockquote,.markdown-section code,.markdown-section figure,.markdown-section img,.markdown-section pre,.markdown-section table,.markdown-section tr{page-break-inside:avoid}
.markdown-section h2,.markdown-section h3,.markdown-section h4,.markdown-section h5,.markdown-section p{orphans:3;widows:3}
.markdown-section h1,.markdown-section h2,.markdown-section h3,.markdown-section h4,.markdown-section h5{page-break-after:avoid}
.markdown-section b,.markdown-section strong{font-weight:700}
.markdown-section em{font-style:italic}
.markdown-section blockquote,.markdown-section dl,.markdown-section ol,.markdown-section p,.markdown-section table,.markdown-section ul{margin-top:0;margin-bottom:.85em}
.markdown-section a{color:#4183c4;text-decoration:none;background:0 0}
.markdown-section a:active,.markdown-section a:focus,.markdown-section a:hover{outline:0;text-decoration:underline}
.markdown-section img{border:0;max-width:100%}
.markdown-section hr{height:4px;padding:0;margin:1.7em 0;overflow:hidden;background-color:#e7e7e7;border:none}
.markdown-section hr:after,.markdown-section hr:before{display:table;content:" "}
.markdown-section hr:after{clear:both}
.markdown-section h1,.markdown-section h2,.markdown-section h3,.markdown-section h4,.markdown-section h5,.markdown-section h6{margin-top:1.275em;margin-bottom:.85em;font-weight:700}
.markdown-section h1{font-size:2em}
.markdown-section h2{font-size:1.75em}
.markdown-section h3{font-size:1.5em}
.markdown-section h4{font-size:1.25em}
.markdown-section h5{font-size:1em}
.markdown-section h6{font-size:1em;color:#777}
.markdown-section code,.markdown-section pre{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;direction:ltr;margin:0;padding:0;border:none;color:inherit}
.markdown-section pre{overflow:auto;word-wrap:normal;margin:0;padding:.85em 1em;margin-bottom:1.275em;background:#f7f7f7}
.markdown-section pre>code{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;font-size:.85em;white-space:pre;background:0 0}
.markdown-section pre>code:after,.markdown-section pre>code:before{content:normal}
.markdown-section code{padding:.2em;margin:0;font-size:.85em;background-color:#f7f7f7}
.markdown-section code:after,.markdown-section code:before{letter-spacing:-.2em;content:"\00a0"}
.markdown-section table{display:table;width:100%;border-collapse:collapse;border-spacing:0;overflow:auto}
.markdown-section table td,.markdown-section table th{padding:6px 13px;border:1px solid #ddd}
.markdown-section table tr{background-color:#fff;border-top:1px solid #ccc}
.markdown-section table tr:nth-child(2n){background-color:#f8f8f8}
.markdown-section table th{font-weight:700}
.markdown-section ol,.markdown-section ul{padding:0;margin:0;margin-bottom:.85em;padding-left:2em}
.markdown-section ol ol,.markdown-section ol ul,.markdown-section ul ol,.markdown-section ul ul{margin-top:0;margin-bottom:0}
.markdown-section ol ol{list-style-type:lower-roman}
.markdown-section blockquote{margin:0;margin-bottom:.85em;padding:0 15px;color:#858585;border-left:4px solid #e5e5e5}
.markdown-section blockquote:first-child{margin-top:0}
.markdown-section blockquote:last-child{margin-bottom:0}
.markdown-section dl{padding:0}
.markdown-section dl dt{padding:0;margin-top:.85em;font-style:italic;font-weight:700}
.markdown-section dl dd{padding:0 .85em;margin-bottom:.85em}
.markdown-section dd{margin-left:0}
.markdown-section .contains-task-list,.markdown-section .task-list{padding:0;padding-left:.8em;list-style:none}
.markdown-section .contains-task-list .task-list-item-checkbox,.markdown-section .task-list .task-list-item-checkbox{margin:0 .2em .25em 0;vertical-align:middle}
.markdown-section .glossary-term{cursor:help;text-decoration:underline}
.navigation{position:absolute;top:50px;bottom:0;margin:0;max-width:150px;min-width:50px;display:flex;justify-content:center;align-content:center;flex-direction:column;font-size:40px;color:#ccc;text-align:center;-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease}
.navigation:hover{text-decoration:none;color:#444}
.navigation.navigation-next{right:0}
.navigation.navigation-prev{left:0}
@media (max-width:1024px){.navigation{position:static;top:auto;max-width:50%;width:50%;display:inline-block;float:left}
.navigation.navigation-unique{max-width:100%;width:100%}}#book-search-input{position:absolute;top:0;right:0;display:inline;background:0 0;transition:top .5s ease;vertical-align:middle;background-color:#f6f8f9;z-index:8}

body.search-loading #book-search-results{opacity:.3}
body.with-search .navigation{display:none}
#book-search-results .search-results .has-results .search-results-item a{color:#2b71c8}
#book-search-results .search-results .has-results .search-results-item h3{font-weight:400}
@media (-webkit-min-device-pixel-ratio:2){#book-search-input .search-icon:before{background-image:url(./images/search@2x.png);background-size:contain}
#book-search-input .clear-input-btn:before{background-image:url(./images/close@1x.png);background-size:contain}}@media (max-width:1024px){#book-search-input{right:40px;top:6px;background-color:transparent}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased}
a{text-decoration:none}
body,html{height:100%}
html{font-size:62.5%}
body{text-rendering:optimizeLegibility;font-smoothing:antialiased;font-family:"Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;font-size:14px;letter-spacing:.2px;text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
.sub_nav_box{position:relative;background-color:#fff;font-size:16px;height:45px;z-index:9;padding-left:300px;background-color:#f6f8f9}
@media (min-width:600px) and (max-width:1024px){.book.with-summary .book-summary-opr{left:304px}}@media (max-width:600px){.book.with-summary .sub_nav_box{-webkit-transform:translate(calc(100% - 80px),0);-moz-transform:translate(calc(100% - 80px),0);-ms-transform:translate(calc(100% - 80px),0);-o-transform:translate(calc(100% - 80px),0);transform:translate(calc(100% - 80px),0)}}.sub_nav_inner{max-width:960px;width:85%;min-width:600px;margin:0 auto;position:relative}
.sub_nav_inner h1{font-weight:400;font-size:16px;line-height:45px;margin:0;color:#333}
.top_sub_nav{overflow-x:auto}
.top_sub_list{margin:0;padding:0;display:inline-block;vertical-align:middle;text-align:center;padding-right:45px;white-space:nowrap}
.top_title_wap{display:none}
.sub_nav_box .sub_nav_item{display:inline-block;margin:0 20px}
.sub_nav_box .sub_nav_item:first-child{margin-left:0}
.sub_nav_box .sub_nav_item.selected a{color:#2b71c8}
.sub_nav_box .sub_nav_item a{color:#353535;height:45px;line-height:45px}
.sub_nav_box .sub_nav_item a:hover{text-decoration:none}
.book-summary-opr{display:none;width:44px;height:54px;position:absolute;left:4px;padding:16px 11px}
.book-summary-opr .book-summary-btn{display:inline-block;width:22px;height:22px;background-image:url(./images/list@2x.png);background-repeat:no-repeat;background-size:contain;background-position:center}
.sub_nav_box .lang-tabs{display:none}
.lang-tabs{display:inline-block;color:#9A9A9A}
.lang-tabs a{color:#9A9A9A}
.lang-tab{display:inline-block;font-size:0}
.lang-tab .lang-tab__nav,.lang-tab .split-line{font-size:14px}
.lang-tab.lang-tab_current a{color:#44B549}
.lang-tab.lang-tab_disabled a{color:#9A9A9A;opacity:.5;cursor:not-allowed}
.lang-tab .split-line{padding:0 2px}
.foot{padding:24px 0;color:#8d8d8d;text-align:center;border-top:1px solid #e7e7eb}
.foot ul{list-style:none;padding:0;margin:0;max-width:960px;width:85%;margin:10px auto;text-align:left;font-size:0;overflow:hidden}
.foot li{display:inline-block;font-size:14px;border-left:1px solid #e7e7eb;padding:0 10px}
.foot li a{color:#8d8d8d}
.foot li:first-child{padding-left:0;border-left:none}
.foot li:last-child{padding-right:0;}
.copyright{display:inline;font-size:14px;color:#8d8d8d}
.markdown-section h1,.markdown-section h2,.markdown-section h3,.markdown-section h4,.markdown-section h5,.markdown-section h6{margin-top:2em;margin-bottom:.5em;font-weight:400}
.markdown-section table tr:nth-child(2n){background-color:#fff}
.markdown-section p{line-height:2}
.markdown-section table{margin-top:1em;margin-bottom:3em;border-bottom:1px solid #e7e7eb}
.markdown-section table td,.markdown-section table th{border:none}
.markdown-section table tr:first-child{border:none}
.markdown-section thead tr:first-child{background-color:#f6f8f9}
.markdown-section table tr{border-top:1px solid #e7e7eb}
.markdown-section table th{font-weight:400;color:#8d8d8d;text-align:left;height:40px;padding:6px 20px;white-space:nowrap}
.markdown-section table td{height:60px;padding:12px 20px}
.markdown-section img{max-width:100%}
.top_sub_list_fold{display:inline-block;padding:10px 0}
.top_sub_list_title{color:#1AAD19!important}
.top_sub_list_title:after{display:inline-block;width:14px;margin-left:4px;content:"\f107";font-family:FontAwesome;font-style:normal;font-weight:600;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:greyscale;color:#8d8d8d;font-size:14px}
.dropdown_menu{position:absolute;left:0;border-radius:5px;background:#FFF;box-shadow:0 1px 20px 0 #E4E8EB;border-radius:2px;background-color:#fff;z-index:4000;padding:10px 0;list-style:none;top:80%;margin:0;display:none}
.dropdown_menu_item a{display:block;line-height:25px;padding:0 15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-decoration:none;height:36px!important;line-height:36px!important;font-size:14px!important}
.dropdown_menu_item.selected a{color:#1aad19;background-color:transparent}
.dropdown_menu_item.selected a:hover{background-color:transparent}
.dropdown_menu_item a:hover{text-decoration:none;background-color:#FAFAFA}

.weui-toptips{position:fixed;top:0;left:0;text-align:center;width:100%;z-index:50000}
.weui-toptips .weui-toptips__inner{display:inline-block;min-width:280px;padding:5px 30px;color:#FFF}
.weui-toptips_success .weui-toptips__inner{background-color:#44B549}
.weui-toptips_error .weui-toptips__inner{background-color:#EAA000}
@media only screen and (-webkit-min-device-pixel-ratio:2){.logo a{background:url(./images/head_global_z_@2.png) 0 0 no-repeat;background-size:250px auto}}@media (-webkit-min-device-pixel-ratio:2){#weui_res_download_list .res_download_icon.icon_sketch{background:url(./images/icon_note_sketch@2x.png);background-size:contain}
#weui_res_download_list .res_download_icon.icon_ps{background:url(./images/icon_note_PS@2x.png);background-size:contain}
#weui_res_download_list .res_download_icon.icon_logo{background:url(./images/icon_note_logo@2x.png);background-size:contain}}@media (max-width:1024px){.head{display:none}

.foot li{display:block;padding:0 0;border-left:none}
.foot{padding:24px 20px;}
.markdown-section table th{padding:6px 5px}
.markdown-section table td{padding:6px 5px}
.sub_nav_box .lang-tabs{display:inline-block;position:absolute;right:0;padding:0;margin:0}
.sub_nav_box .lang-tab{display:inline-block}
.sub_nav_box .lang-tab a{color:#44B549}
.sub_nav_box .lang-tab.lang-tab_current{display:none}
.sub_nav_box .lang-tab__nav{display:inline-block;line-height:54px;padding:0 12px;text-align:center}
.sub_nav_box .split-line{display:none}
.top_sub_list_fold{display:none}}@media (max-width:1200px){.logo a{width:45px}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-thumb{background-color:#c2c2c2;background-clip:padding-box;min-height:28px}
::-webkit-scrollbar-thumb:hover{background-color:#A0A0A0}}.book .book-body .page-wrapper .page-inner section.normal code .hljs-comment,.book .book-body .page-wrapper .page-inner section.normal code .hljs-quote,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-comment,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-quote{color:#8e908c}
.book .book-body .page-wrapper .page-inner section.normal code .hljs-deletion,.book .book-body .page-wrapper .page-inner section.normal code .hljs-name,.book .book-body .page-wrapper .page-inner section.normal code .hljs-regexp,.book .book-body .page-wrapper .page-inner section.normal code .hljs-selector-class,.book .book-body .page-wrapper .page-inner section.normal code .hljs-selector-id,.book .book-body .page-wrapper .page-inner section.normal code .hljs-tag,.book .book-body .page-wrapper .page-inner section.normal code .hljs-template-variable,.book .book-body .page-wrapper .page-inner section.normal code .hljs-variable,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-deletion,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-name,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-regexp,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-selector-class,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-selector-id,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-tag,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-template-variable,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-variable{color:#c82829}
.book .book-body .page-wrapper .page-inner section.normal code .hljs-built_in,.book .book-body .page-wrapper .page-inner section.normal code .hljs-builtin-name,.book .book-body .page-wrapper .page-inner section.normal code .hljs-link,.book .book-body .page-wrapper .page-inner section.normal code .hljs-literal,.book .book-body .page-wrapper .page-inner section.normal code .hljs-meta,.book .book-body .page-wrapper .page-inner section.normal code .hljs-number,.book .book-body .page-wrapper .page-inner section.normal code .hljs-params,.book .book-body .page-wrapper .page-inner section.normal code .hljs-type,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-built_in,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-builtin-name,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-link,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-literal,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-meta,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-number,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-params,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-type{color:#f5871f}
.book .book-body .page-wrapper .page-inner section.normal code .hljs-attribute,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-attribute{color:#eab700}
.book .book-body .page-wrapper .page-inner section.normal code .hljs-addition,.book .book-body .page-wrapper .page-inner section.normal code .hljs-bullet,.book .book-body .page-wrapper .page-inner section.normal code .hljs-string,.book .book-body .page-wrapper .page-inner section.normal code .hljs-symbol,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-addition,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-bullet,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-string,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-symbol{color:#718c00}
.book .book-body .page-wrapper .page-inner section.normal code .hljs-section,.book .book-body .page-wrapper .page-inner section.normal code .hljs-title,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-section,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-title{color:#4271ae}
.book .book-body .page-wrapper .page-inner section.normal code .hljs-keyword,.book .book-body .page-wrapper .page-inner section.normal code .hljs-selector-tag,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-keyword,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-selector-tag{color:#8959a8}
.book .book-body .page-wrapper .page-inner section.normal code .hljs,.book .book-body .page-wrapper .page-inner section.normal pre .hljs{display:block;overflow-x:auto;background:#fff;color:#4d4d4c;padding:.5em}
.book .book-body .page-wrapper .page-inner section.normal code .hljs-emphasis,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-emphasis{font-style:italic}
.book .book-body .page-wrapper .page-inner section.normal code .hljs-strong,.book .book-body .page-wrapper .page-inner section.normal pre .hljs-strong{font-weight:700}
#book-search-results .search-results{display:none}
#book-search-results .search-results ul.search-results-list{list-style-type:none;padding-left:0}
#book-search-results .search-results ul.search-results-list li{margin-bottom:1.5rem;padding-bottom:.5rem}
#book-search-results .search-results ul.search-results-list li p em{background-color:rgba(255,220,0,.4);font-style:normal}
#book-search-results .search-results .no-results{display:none}
#book-search-results.open .search-results{display:block}
#book-search-results.open .search-noresults{display:none}
#book-search-results.no-results .search-results .has-results{display:none}
#book-search-results.no-results .search-results .no-results{display:block}
#goTop div a, #goTop div a:link{padding-top:15px;}


/*new css*/
.row-col{width:33.33333333333333%;float:left;position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
.page-inner .video-container{ width:100%;}
.t-videobox{ padding: 20px }
.t-video-content .video-img{position:relative; border-radius:4px;height:160px;min-height:160px;}
.t-video-content .video-img img {max-width: 100%;max-height: 100%;border-radius:6px; background-size:cover; text-align:center }
.t-video-content .video-img i{position:absolute;top: 50%;left:50%;transform: translateX(-50%) translateY(-50%); font-size:40px; opacity:0.5; color:#000000}
.t-video-content .video-img p { position:absolute; right:10px; bottom:0; background-color:#364049; font-size:12px; padding:0 10px; color:#fff; border-radius:4px;  }
.t-video-content .title-text{ font-size:14px;padding-top:5px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color:#333333;}
.t-video-content span{ font-size:12px; color:#8d8d8d; margin-right:5px}
.t-video-content span i{ margin-right:5px;}
@media (max-width: 1680px){
.t-video-content .title-text{line-height:24px;}
.t-video-content span{ margin-right:2px}
.t-video-content span i{ margin-right:2px;}
}
@media (max-width: 1366px){
.t-video-content .video-img{height:140px;min-height:140px; }
}
@media (max-width: 1280px){
.t-video-content .video-img{height:136px;min-height:136px;}
}
@media (max-width: 1024px){
.t-video-content .video-img{height:110px;min-height:110px; }
}

@media (max-width: 780px){
.row-col{width:100%}
.t-video-content .video-img{height:160px;min-height:160px;}
.t-video-content span{ margin-right:18px}
}