*{word-break:break-all;}
::selection{background:rgba(0,0,0,.7);color:#fff}
body{overflow-y:scroll;overflow-x:hidden;padding:50px;font:400 1em/1.5 BlinkMacSystemFont,"Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#727272;text-shadow:0 0 1px rgba(0,0,0,.1);}
h1,h2,h3,h4,h5,h6{color:#222;margin:0 0 20px;font-weight:400}
dl,ol,p,pre,table,ul{margin:0 0 20px}
h1,h2,h3{line-height:1.1;}
h1{font-size:28px}
h2{color:#393939}
h3,h4,h5,h6{color:#494949}
a{color:#222;text-decoration:none;transition:all .2s linear}
a:focus,a:hover{color:#222;background-color:#f0f8ff}
a small{font-size:11px;color:#777;display:block}
a:hover small{color:#777}
#wrap{width:860px;margin:0 auto}
blockquote{border-left:1px solid #e5e5e5;margin:0;padding:0 0 0 20px;font-style:italic}
code{background:#333;border-radius:2px;color:#fff;font-size:.8rem;margin:0 2px;padding:2px 5px}
code,pre{font-family:Monaco,Bitstream Vera Sans Mono,Lucida Console,Terminal,Consolas,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}
pre{max-height:300px;padding:.75em;font-size:12px;line-height:20px;background:#333;overflow:auto;border-radius:5px}
pre>code{margin:0;padding:0;color:#fff;background:#333}
table{width:100%;border-collapse:collapse}
td,th{text-align:left;padding:5px 10px;border-bottom:1px solid #e5e5e5}
#box td{border-bottom:0;padding:.5em;position:relative;overflow:hidden}
#box td div{position:absolute;z-index:-1;font-size: 36px;right:0;top:-10px;opacity:.1;}
img{max-width:100%;height:auto;border-radius:5px;border:0 none}
img.ani{opacity:0;transform:scale(1) translateY(0);transition:opacity .5s ease,transform .5s ease}
img.loaded{opacity:1;transform:scale(1) translateY(0)}
header{width:155px;float:left;-webkit-font-smoothing:subpixel-antialiased;position:fixed;overflow-y:auto;}
#bar{height: 90%;}
#nav ul,ul.menu{list-style:none;padding:0;width:99%}
.menu li{width:100%}
.menu a{display:block;font-size:1.4em;line-height:2;padding:5px}
.menu a:focus,.menu a:hover{font-weight:700}
.menu ul a:active{background:#f0f0f0}
#nav ul{margin:0}
#nav li{display:block;position:relative}
#nav ul li em{position:absolute;top:11px;left:0;width:20px;height:20px;margin: 5px 120px;display:inline-block;background-image:url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0idmVydGljYWwtYWxpZ246bWlkZGxlIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zOTguNDI2IDUxMi4yNEw2OTguMjQgMjEyLjQyNiA2NTUuODEzIDE3MCAzMzQuNzg3IDQ5MS4wMjZjLTExLjcxNiAxMS43MTYtMTEuNzE2IDMwLjcxMSAwIDQyLjQyN2wzMjEuMDI2IDMyMS4wMjYgNDIuNDI3LTQyLjQyNkwzOTguNDI2IDUxMi4yNHoiIGZpbGw9IiM5OTkiLz48L3N2Zz4=);transition:all .2s linear;}
#nav ul li em.off{transform:rotate(-90deg)}
#nav ul.off{display:block;background:rgb(153,153,153,.05)}
strong{color:#222;font-weight:400}
.menu a strong{font-size:14px;display:block;color:#222}
section{width:655px;float:right;margin:0 0 110px;transition:all .3s}
#box>tr,#main>:not(#post):not(small),#search,.respond{animation:upin .3s;-webkit-animation:upin .3s}
small{font-size:11px}
hr{border:0;background:#e5e5e5;height:1px;margin:0 0 20px}
footer{float:left;position:fixed;bottom:0;-webkit-font-smoothing:subpixel-antialiased}
article a{border-bottom:2px dashed #eaeaea}
article a:hover{border-bottom:2px dashed #969696}
.tag-a>a:not(#response){display:inline-block;background:#efefef;color:#9b9b9b;font-size:.75rem;text-decoration:none;padding:3px 7px 4px 7px;border-radius:2px;margin:3px}
.loadmore{color:#666;text-align:center;padding:10px;cursor:pointer;font-size:22px}
#hf,#nav ul li ul,#search,.none,.page-navigator,.time{display:none}
.center{width:100%;text-align:center;margin:0}
.text{width:25%;margin-right:1%}
.anu{margin:0;margin-right:10px}
#submit{width:22%}
#search-input,#textarea{width:100%}
#search-input,#submit,#textarea,.anu,.smile,.submit,.text{padding:.75em;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;border:1px solid rgba(0,0,0,.1);font-size:.875em;word-wrap:break-word;outline:0;-webkit-appearance:none;background:#fff}
#search-input:focus,#textarea:focus,.text:focus{border-color:#939090;outline:0}
.smile{padding:.5em;list-style-type:none;height:120px;overflow:auto;margin:5px 0}
.smile li{transition:.3s ease;float:left;line-height:30px;padding:.2em .3em;margin:.2em!important;cursor:pointer}
.smile li:hover{-webkit-transform:scale(1.1);transform:scale(1.1);color:#06f}
.smile:after{content:' ';display:block;height:0;clear:both;visibility:hidden}
#response{float:right}
.comment-input{display:flex}
#comment-form{margin-top:20px}
.comment-list{margin:0}
#comments ol{padding:0}
#comments ol li{margin-bottom:30px;display:block;animation:upin .3s;-webkit-animation:upin .3s}
.comment-body{clear:both}
.comment-level-odd>.commentator-avatar{float:right;width:40px;height:40px;text-align:center}
.commentator-comment{overflow:hidden}
.commentator-comment .name{margin:0 10px}
.comment-level-odd>.commentator-comment>.name{text-align:right;margin-left:0}
.comment-time{opacity:.5;font-size:10px}
.comment-chat{position:relative;padding:1px 4px;word-wrap:break-word;margin-bottom:5px;max-width:95%;margin-left:10px;float:left}
.comment-comment{padding:5px 10px;margin:5px 0;border-radius:5px;border:1px solid #e3e8e8;display:inline-block;max-width:100%}
.comment-level-odd>.commentator-comment>.comment-chat{margin-right:10px;margin-left:0;float:right}
.comment-level-odd>.commentator-comment>.comment-chat>.comment-comment{margin-right:10px}
.comment-comment{word-break:break-all;color:#555}
.comment-comment p,.name p{margin:0}
.respond{position:relative}
.i{width:20px;height:20px;margin:-5px 5px;display:inline-block}
.reply{background-image:url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0idmVydGljYWwtYWxpZ246bWlkZGxlIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yOTkgNzY4bC04NiA4NVYyMTNoNTk4djU1NUgyOTl6bTg1LTg1aDM0MVYyOTlIMjk5djM4NGg4NXptMjU2LTIxNEgzODR2LTg1aDI1NnY4NXptLTg1IDEyOEgzODR2LTg1aDE3MXY4NXoiIGZpbGw9IiM5OTkiLz48L3N2Zz4=)}
.tag{background-image:url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0idmVydGljYWwtYWxpZ246bWlkZGxlIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00NDggODUzTDE3MSA1NzZsNDA1LTQwNWgyNzd2Mjc3TDQ0OCA4NTN6bTAtMTE5bDMyMC0zMDdWMjU2SDU5N0wyOTAgNTc2bDE1OCAxNTh6bTIzNS00MzVjMjUgMCA0MiAxNyA0MiA0MnMtMTcgNDMtNDIgNDMtNDMtMTctNDMtNDMgMTctNDIgNDMtNDJ6IiBmaWxsPSIjOTk5Ii8+PC9zdmc+)}
.cancel-comment-reply{height:30px;line-height:30px;background:#ddd;padding:0 30px 0 10px;position:absolute;right:10px;top:10px;pointer-events:none;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:10px}
#cancel-comment-reply-link{pointer-events:all;position:absolute;right:0;bottom:0;height:30px;text-align:center;width:30px;line-height:28px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:700;color:#9a9a9a}
[nohover]{background:0!important}
.author_name a,.commentator-avatar a{color:#000}
.tool{display:flex;visibility:hidden;position:fixed;z-index:2;left:50%;bottom:0;border-radius:100px;transform:translate(-50%,100%);transition:transform .7s cubic-bezier(.19,1.5,.48,1),visibility .7s;background:#555;box-shadow:0 5px 10px 0 rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.1);padding:1px 8px}
.tool.Topen{visibility:visible;transform:translate(-50%,-30px)}
.tool .Tbutton{position:relative;width:40px;height:40px;margin:0 10px;cursor:pointer}
#tips{display:none;margin:0;padding:0;position:absolute;top:-2px;right:-2px;min-width:20px;min-height:20px;text-align:center;font-size:.75rem;line-height:20px;color:#fff;font-weight:400;background:#ff3b30;border:solid 2px #fff;border-radius:100px;transform:scale(.8)}
.tool .Ticon{display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:calc(100% - 16px);height:calc(100% - 16px)}
.tool .Ticon>svg{width:100%;height:auto;fill:#fff}
#Tclose,#Tcomments,#Ttop{visibility:visible;opacity:1;transition:.2s,visibility .2s}
#Tsidebar{display:none}
.tool .close{visibility:hidden;width:0;margin:0;opacity:0}
#Tcomments.close>#tips{display:none}
#tip{position:fixed;bottom:20px;right:30px;color:#fff;z-index:99}
.gray{background:#727272}
.red{background:#f44336}
.tip{display:block;overflow:hidden;-webkit-animation:a .3s forwards;animation:a .3s forwards;box-shadow:0 1px 3px 0 rgba(0,0,0,.45);position:relative;padding:0 13px;border-radius:5px}
.tip-box{display:table;width:100%;padding-top:20px;padding-bottom:20px;padding-right:15px;border-radius:3px}
.tip-icon{display:table-cell;text-align:center;vertical-align:middle;font-size:1.3em;padding:0 5px}
.tip-icon>i{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}
.tip-icon>i:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.tip-icon>i:after{h-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.tip-icon>i:after,.tip-icon>i:before{content:"";display:block;position:absolute;width:3px;border-radius:3px}
[correct]:before{height:11px;top:5px;left:10px;background:#727272}
[correct]:after{height:6px;top:9px;left:6px;background:#727272}
[error]:before{height:14px;top:4px;left:9px;background:#f44336}
[error]:after{height:14px;top:4px;left:9px;background:#f44336}
.tip-message{display:table-cell;vertical-align:middle;position:relative}
.icon{width:2em;height:2em;opacity:.4}
.icon:hover{opacity:1}
#search header{position:unset;width:auto;float:none;padding:0;z-index:1}
#search-form{width:100%;position:relative}
#search-close{position:absolute;top:0;right:10px;font-size:1.625em;line-height:1.625em}
.ins-search{display:none;z-index:999}
.ins-search a{-webkit-transition:none;transition:none}
.ins-selectable{cursor:pointer}
.ins-search-container,.ins-search-mask{position:fixed}
.ins-search-mask{top:0;left:0;width:100%;height:100%;z-index:100;background:rgba(0,0,0,.35)}
.ins-input-wrapper{position:relative}
.ins-section-wrapper{left:0;right:0;top:52px;bottom:0;overflow-y:auto;position:absolute}
.ins-section-container{position:relative;background:#f7f7f7}
.ins-section{font-size:14px;line-height:16px;padding:0;width:100%}
.ins-section .ins-search-item,.ins-section .ins-section-header{padding:8px 15px}
.ins-section .ins-section-header{color:#9a9a9a;border-bottom:1px solid #e2e2e2}
.ins-section .ins-search-item .ins-search-preview,.ins-section .ins-search-item header{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ins-section .ins-search-item .ins-search-preview{height:15px;font-size:12px;margin:5px 0 0 20px;color:#999}
.ins-section .ins-search-item.active,.ins-section .ins-search-item:hover{background:#f0f8ff;color:#000}
#TOC{position:fixed;top:0;width:250px;transition:transform .7s cubic-bezier(.19,1.5,.48,1),visibility .7s;z-index:3;transform:translate(100%,0);background:#fff;right:0;box-shadow:0 5px 10px 0 rgba(0,0,0,.02);border-left:1px solid rgba(0,0,0,.1);height:100%;padding-top:10px}
.TOCOpen{visibility:visible!important;transform:translate(0,0)!important}
#TOClist{overflow-y:auto;height:100%}
#TOC>span{width:32px;height:32px;cursor:pointer;display:block;top:25px;left:-25px;position:absolute;border-radius:100%;padding:5px;background:#555}
#TOC>span>svg{width:100%;height:auto;fill:#fff}
#TOC a{text-align:left;border-bottom:0;cursor:pointer;transition:all;display:block}
#TOC-list{height:100%;overflow-y:auto}
.TOCSectNum{color:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:400;margin:0 5px}
.TOCEntry{font-size:1rem;color:#333;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;padding:5px 15px}
.TOCEntry:hover{background:#eee}
.TOCLevel1>a{font-weight:700;color:#000}
.TOCLevel2>a{color:#5f5f5f}
.TOCLevel3>a{color:#7f7f7f}
#nav{margin-bottom:10px;}
@media print,screen and (max-width:960px){body{padding:20px}
#wrap{width:99%}
header{width:30%}
section{width:65%}
}
@media print,screen and (max-width:720px){div#wrap{width:auto;margin:0}
footer,header,section{float:none;position:static;width:auto}
footer p{margin:0 0 80px}
#wrap{position:relative;overflow:auto;-ms-overflow-style:none;overflow:-moz-scrollbars-none}
section{border-width:1px 0;margin:0 0 20px}
header ul{position:absolute;right:50px;top:52px}
body{word-wrap:break-word;padding:10px}
header{width:70%;position:fixed;top:0;left:0;bottom:0;transform:translate3d(0,0,0);transition:all .3s;background:#fff}
#bar{z-index:5;height:100%;width:calc(100% - 76px);max-width:250px;box-shadow:0 5px 10px 0 rgba(0,0,0,.02);border-right:1px solid rgba(0,0,0,.1);padding:0 15px}
#bar>h1{border-bottom:1px solid #e5e5e5;padding:10px;padding-top:20px}
.hidden{transform:translate3d(-100%,0,0);box-shadow:none!important}
.open{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:4}
header p.view,header ul{position:static}
code,pre{word-wrap:normal}
#box td{padding:5px 0}
.tool{padding:6px 20px}
#Tsidebar{display:block}
.menu a{font-size:1.5em;padding:10px 0}
#nav ul li em{top:15px;width:27px;height:27px}
.TOCEntry:hover{background:0}
#tip{bottom:90px}
}
@media print{body{padding:.4in;font-size:12pt;color:#444}
}
@keyframes upin{0%{opacity:0;transform:translateY(30px)}
100%{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes upin{0%{opacity:0;-webkit-transform:translateY(30px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}