@charset "utf-8";


/* ---------- markdown custom ---------- */
.markdown-body{font-size:14px;}
.markdown-body h1{margin-top:50px;font-size:38px;border-bottom:#d5d5d5 1px solid;}
.markdown-body h2{margin-top:50px;font-size:32px;border-bottom:#ddd 1px solid;}
.markdown-body h3{margin-top:32px;margin-bottom:14px;}
.markdown-body h2 + h3{margin-top:24px;}
.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre{margin-bottom:12px;}
.markdown-body .anchor{margin-left:-24px;}
.markdown-body blockquote{padding:8px 15px;background-color:#fafafa;}
.markdown-body .anchor{padding-top:10px;margin-top:-10px;}
.markdown-body .anchor svg{visibility:hidden;width:20px;height:20px;color:#828282;}
.markdown-body h3 .anchor{position:relative;top:2px;}
.markdown-body h1:hover .anchor svg,.markdown-body h2:hover .anchor svg,.markdown-body h3:hover .anchor svg{visibility:visible;}
.markdown-body img:hover{outline:rgba(0,0,0,.05) 1px solid;box-shadow:1px 1px 1px rgba(0,0,0,.1);cursor:pointer;}
.markdown-body img[align="center"]{display:block;margin:0 auto;}
.markdown-body tbody{word-break:initial;}
.markdown-body input[type="checkbox"]{margin-right:5px;vertical-align:middle;cursor:pointer;}
.markdown-body input[type="checkbox"]+label{vertical-align:middle;margin-right:7px;cursor:pointer;}
.markdown-body pre{position:relative;}
.markdown-body pre code{padding-top:0.15em;padding-bottom:0.15em;margin:0 1px;font-size:90%;color:#000;word-wrap:break-word;white-space:pre-wrap;}
.markdown-body pre code.hljs{color:#333;}
.markdown-body .hljs-string{color:#183691;}
.markdown-body .hljs-built_in{color:#0086b3;}
.markdown-body code.lang-flow svg{margin-top:-10px;}
.markdown-body .lang-off-js-comment{display:none;position:absolute;top:0;right:0;width:27px;height:27px;color:#ccc;text-align:center;line-height:27px;background:#f0f0f0;cursor:pointer}
.markdown-body pre:hover .lang-off-js-comment{display:block;}
.markdown-body .lang-off-js-comment i{position:absolute;top:0;left:0;width:27px;height:27px;font-size:22px;color:#ddd;text-align:center;line-height:27px;}
.markdown-body .lang-off-js-comment:hover{color:#999;background:#ddd;}
.markdown-body .lang-off-js-comment:hover i{color:#999;}
.markdown-body .lang-off-js-comment.on{display:block;color:#333;background:#ccc;}
.markdown-body .lang-off-js-comment.on i{color:#f00;}
.markdown-body mark{color:#e61e1e;background:transparent;}

/* ---------- base ---------- */
html{height:100%;}
body{position:relative;height:100%;background:#e7e8eb;}
.hidden{display:none !important;}

/* ---------- header ---------- */
.header{width:100%;height:70px;font-family:Microsoft YaHei,STXihei,STHeiti,Verdana,Arial,Helvetica,sans-serif;;background:#fff;border-top:#0373e4 6px solid;border-bottom:#c3c4c6 1px solid;}
.header .header-inner{margin:0 30px;}
.header .logo{float:left;padding-top:15px;}
.header .logo img{float:left;margin-left:5px;max-height:32px;}
.header .logo i{float:left;display:block;width:5px;height:5px;margin:16px 0 0 3px;background:#666666;border-radius:50%;}
.header .logo b{float:left;max-width:470px;height:32px;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:24px;font-weight:normal;color:#666;}
.header .logo span{float:left;padding:0 3px;margin:1px 0 0 2px;font-size:xx-small;color:#fff;background:#bbbbbb;}
.header .menu-icon{display:none;}

/* ---------- container ---------- */
.container{position:relative;margin:20px 18px 0;background:url(../images/menubar_bg.png) repeat-y #fff;border:#c3c4c6 1px solid;border-top:#4296eb 2px solid;}

/* ---------- menu ---------- */
.container .nav{position:absolute;left:0px;top:0px;width:250px;height:100%;}
/* filter */
.menu-filter{box-sizing:content-box;position:absolute;top:0;left:0;z-index:10;width:176px;height:37px;padding-left:35px;border-bottom:1px solid #D9D9D9;}
.menu-filter svg{position:absolute;top:12px;left:12px;width:16px;height:16px;color:#4296eb;}
.menu-filter input{display:block;box-sizing:content-box;width:140px;height:22px;padding:0 25px 0 2px;margin-top:8px;line-height:20px;font-size:14px;background:none;border:none;border-bottom:#e0e0e0 1px dashed;}
.menu-filter input:focus{outline:none;border-bottom:#aaa 1px solid;}
.menu-filter:hover input{border-bottom:#aaa 1px solid;}
.menu-filter ::-webkit-input-placeholder{color:#ccc;font-size:13px;}
.menu-filter :-ms-input-placeholder{color:#ccc;font-size:13px;}
.menu-filter :-moz-placeholder{color:#ccc;font-size:13px;}
.menu-filter ::-moz-placeholder{color:#ccc;font-size:13px;}
.menu-filter ::-ms-clear{display:none !important;width:0;height:0;}
.menu-filter i{display:block;box-sizing:content-box;position:absolute;top:0px;right:0px;width:23px;padding:2px 10px 0;font-size:25px;text-align:center;color:#ccc;cursor:pointer;}
.menu-filter i:hover{color:#e6660d;}
.menu-filter i.off{display:none;}
/* search */
.menu-search{display:block;position:absolute;top:0;right:1px;z-index:11;width:39px;height:38px;border-left:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;cursor:pointer;}
.menu-search:hover{background-color:#f4f5f9;}
.menu-search svg{position:absolute;top:12px;left:12px;width:16px;height:16px;color:#4296eb;}
/* menubar */
.menubar{position:relative;z-index:0;width:250px;height:100%;padding-top:38px;font-family:Microsoft YaHei,STXihei,STHeiti,Verdana,Arial,Helvetica,sans-serif;border-right:1px solid #e7e7eb;}
.menubar h4,.menubar h5{display:block;position:relative;height:37px;margin:-1px 0 0;padding:0 10px 0 30px;font-size:14px;font-weight:normal;color:#333;line-height:37px;text-shadow:#666 1px 0 0;border:1px solid #D9D9D9;border-width:1px 0;cursor:pointer;}
.menubar h4:hover{background-color:#f4f5f9;}
.menubar h5.off{display:none;}
.menubar h5.on{display:block;}
.menubar h4 svg{position:absolute;top:12px;left:12px;width:13px;height:13px;color:#acacac;}
.menubar h4.on svg{color:#4296eb;}
.menubar h4 a{display:block;height:36px;color:#333;text-decoration:none;}
.menubar h4.on a{color:#0373e4;}
.menubar h5 svg{position:absolute;top:12px;left:12px;width:13px;height:13px;color:#acacac;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
.menubar h5.on svg{color:#4296eb;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}
.menubar ul{display:none;margin:0;padding:0;list-style:none;}
.menubar ul li{padding-left:23px;}
.menubar .scroller-content > ul > li{padding-left:45px;}
.menubar ul li.off{display:none;}
.menubar ul li > a,.menubar ul li > strong{display:block;height:30px;padding:0 55px 0 0;font-weight:normal;white-space:nowrap;line-height:30px;font-size:12px;color:#333;text-decoration:none;cursor:pointer;}
.menubar ul li > a:after,.menubar ul li > strong:after{display:block;position:absolute;left:0;right:0;height:30px;content:" ";-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;}
.menubar ul li > a:hover:after,.menubar ul li > strong:hover:after{background:#f5f5f5;-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;transition-duration:0s;}
.menubar ul li > a > span,.menubar ul li strong > span{float:left;position:relative;z-index:1;}
.menubar ul li > a.on{color:#0373e4;}
.menubar ul li > a.on:before{display:block;position:absolute;left:0px;z-index:1;width:2px;height:30px;content:" ";background:#4296eb;}
.menubar ul li > a.on:after{background:#f5f5f5;}
.menubar ul li > strong.on{text-shadow:#666 1px 0 0;}
.menubar ul li > strong:before{position:absolute;z-index:1;width:6px;height:6px;margin:12px 0 0 -12px;background:#acacac;border-radius:50%;content:" ";}
.menubar ul li > strong.on:before{background:#4296eb;}
.menubar mark{color:red;background:#f5f5f5;}

/* ---------- scroller ---------- */
body[onselectstart]{cursor:pointer;-moz-user-select:none;-webkit-user-select:none;user-select:none;}
.scroller{height:100%;overflow:hidden;}
.scroller .scroller-inner{box-sizing:content-box;width:100%;height:100%;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}
.scroller .scroller-inner.on{overflow-y:scroll;}
.scroller .scrollbar{position:absolute;opacity:0;transition-duration:.5s;-moz-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer;}
.scroller:hover .scrollbar{opacity:1;transition-duration:.3s;}
.scroller .scrollbar.active{opacity:1;}
.scroller .scrollbar.off{opacity:0;}
.scroller .scrollbar div{position:relative;transition-duration:.1s;}
.scroller .scrollbar i{position:absolute;background:rgba(50,50,50,.25);border-radius:2px;transition-duration:.1s;}
.scroller .scrollbar:active{padding:0;}
.scroller .scrollbar:active div{background:rgba(50,50,50,.07);}
.scroller .scrollbar:active i{border-radius:0;}
/* scrollbar-y */
.container .nav .scrollbar.scrollbar-y,.container .nav .scrollbar.scrollbar-y:active{padding-top:38px;padding-bottom:10px;}
.scroller .scrollbar.scrollbar-y{top:0;right:0;width:10px;height:100%;}
.scroller .scrollbar.scrollbar-y div{height:100%;}
.scroller .scrollbar.scrollbar-y i{top:0;left:4px;width:3px;height:100%;}
.scroller .scrollbar.scrollbar-y:active i{left:0;width:10px;}
/* scrollbar-x */
.scroller[data-x-rolling="true"] .scroller-inner.on{overflow-x:scroll;}
.scroller[data-x-rolling="true"] .scroller-content{display:inline-block;position:relative;padding-bottom:10px;white-space:nowrap;min-width:250px;}
.scroller .scrollbar.scrollbar-x{bottom:0;left:0;width:100%;height:10px;padding-right:10px;}
.scroller .scrollbar.scrollbar-x div{width:100%;height:100%;}
.scroller .scrollbar.scrollbar-x i{bottom:0;top:4px;height:3px;width:100%;}
.scroller .scrollbar.scrollbar-x:active i{top:0;height:10px;}

/* ---------- main ---------- */
.main{position:relative;height:100%;margin-left:250px;}
.main .markdown-body{padding:45px;}
/* footnote */
.main .footnote{position:relative;padding-top:35px;border-top:#ddd 1px solid;}
.main .footnote i{position:absolute;top:5px;left:10px;font-size:15px;font-style:normal;color:#999;}
.main .footnote li:focus{background:#EAFFEA;}
.main .footnote svg{display:inline-block;width:14px;height:14px;margin-bottom:-1px;}
.main .footnote-none{width:0;height:0;overflow:hidden;}
/* sibling */
.main-sibling{display:none;width:100%;padding:30px 45px 20px;font-size:14px;border-top:1px solid #e7e7eb;}
.main-sibling.on{display:block;}
.main-sibling p{position:relative;height:22px;}
.main-sibling span{position:absolute;left:0;top:0;}
.main-sibling a{display:inline-block;width:100%;height:19px;padding-left:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main-sibling a:not([href]){color:#333;}
.main-sibling a:not([href]):hover{text-decoration:none;}

/* ---------- imgsView ---------- */
.imgsv{display:none;position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;}
.imgsv-background{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);cursor:pointer;}
.imgsv-view img{position:absolute;top:48%;left:50%;opacity:0;box-shadow:rgba(0,0,0,.2) 1px 2px 5px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;transition-duration:.5s;/*cursor:move;*/
}
.imgsv.on .imgsv-view img{opacity:1;}
.imgsv-panel{position:absolute;left:50%;bottom:-50px;padding:0 10px;line-height:50px;list-style:none;white-space:nowrap;background:rgba(255,255,255,.8);border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:rgba(0,0,0,.2) 0 -1px 5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;transition-duration:.5s;}
.imgsv.on .imgsv-panel{bottom:0px;}
.imgsv-panel li{display:inline-block;min-width:50px;padding:0 10px;text-align:center;cursor:pointer;}
.imgsv-panel li.off{color:#999;cursor:default;}
.imgsv-panel li:hover{background:rgba(225,225,225,1);}
.imgsv-panel li.off:hover{background:none;}

/* ---------- contents ---------- */
aside .contents{position:fixed;bottom:137px;right:7px;z-index:9900;height:38px;width:38px;background:#f4f5f9;border:1px solid #ccc;}
aside .contents .btn{cursor:pointer;}
aside .contents .btn svg{position:absolute;top:7px;left:7px;width:22px;height:22px;color:#aaa;}
aside .contents.hover .btn svg,aside .contents.on .btn svg{display:none;}
aside .contents .btn span{display:none;padding:12px 0;font-family:Microsoft YaHei,STXihei,STHeiti,Verdana,Arial,Helvetica,sans-serif;line-height:14px;text-align:center;color:#aaa;}
aside .contents.hover .btn span,aside .contents.on .btn span{display:block;}
aside .contents-list{display:none;position:absolute;right:36px;bottom:-1px;width:270px;max-height:500px;padding:18px;overflow:hidden;overflow-y:scroll;background:#f4f5f9;border:1px solid #ccc;}
aside .contents.hover .contents-list,aside .contents.on .contents-list{display:block;}
aside .contents-list p{padding-bottom:5px;margin-bottom:8px;border-bottom:#ccc 1px solid;}
blockquote.markdown-contents{padding-left:20px;}
.markdown-contents ol{padding-left:0;list-style:none;}
.markdown-contents ol ol{padding-left:2em;}
.markdown-contents ol li>i{font-style:normal;margin-right:4px;color:#4078c0;}

/* ---------- aside-backTop ---------- */
aside .back-top{position:fixed;bottom:100px;right:7px;z-index: 9900;height:38px;width:38px;background:#f4f5f9;border:1px solid #ccc;}
aside .back-icon{display:block;position:relative;width:32px;margin:2px auto;}
aside .back-icon svg{position:absolute;top:6px;left:5px;width:22px;height:22px;color:#aaa;}
aside .back-text{display:none;position:absolute;top:0;left:0;z-index:99;padding:4px;font-family:Microsoft YaHei,STXihei,STHeiti,Verdana,Arial,Helvetica,sans-serif;font-size:11px;text-align:center;letter-spacing:2px;line-height:14px;background-color:#f4f5f9;cursor:pointer;}
aside .back-text:hover{text-decoration:none;}
aside .back-top:hover .back-icon{border:none;}
aside .back-top:hover .back-text{display:block;color:#aaa;}

/* ---------- footer ---------- */
footer{position:absolute;left:0;bottom:0;width:100%;}
footer .signature{position:absolute;right:20px;bottom:8px;color:#999;}

/* ---------- lowBrowser ---------- */
#lowBrowser{position:fixed;top:0;left:0;z-index:9999999;width:100%;height:100%;}
#lowBrowser div{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";zoom:1;}
#lowBrowser p{position:absolute;top:0;left:0;width:100%;text-align:center;}
#lowBrowser p span{display:inline-block;padding:0 30px;color:#8a6d3b;line-height:50px;background:#fcf8e3;border:#faebcc 1px solid;}

/* ---------- response ---------- */
@media screen and (max-width:720px){
	body{min-width:320px;width:100%;}

	/* ---------- markdown custom ---------- */
	.markdown-body h1:hover .anchor img,.markdown-body h2:hover .anchor img,.markdown-body h3:hover .anchor img{visibility:hidden;}
	.markdown-body h1:active .anchor img,.markdown-body h2:active .anchor img,.markdown-body h3:active .anchor img{visibility:visible;}
    .markdown-body pre code{word-wrap:normal;white-space:pre;}

	/* ---------- header ---------- */
	.header{position:fixed;left:0;top:0;z-index:9999;height:50px;border-top:#0373e4 3px solid;}
	.header .header-inner{height:50px;}
	.header .logo{width:100%;padding-top:13px;}
	.header .logo img{height:18px;}
	.header .logo i{width:3px;height:3px;margin:9px 0 0 3px;}
	.header .logo b{max-width:40%;height:auto;padding-left:7px;font-size:14px;background-size:4px 4px;}
	.header .logo span{margin:-5px 0 0 0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);}
	.header .menu-icon{display:block;position:absolute;right:0;top:0;z-index:1;width:40px;height:47px;}
	.header .menu-icon svg{position:absolute;top:9px;left:5px;width:28px;height:28px;color:#acacac;}
	.header .menu-icon.close svg{top:14px;left:10px;width:18px;height:18px;}

	.container{position:relative;margin:50px auto 0;background:#fff;border:none;}
	
	/* ---------- menu ---------- */
	.container .nav{display:none;position:fixed;left:0;top:50px;z-index:9999;width:100%;height:100%;padding-bottom:30px;background:rgba(0,0,0,0.92);overflow-y:scroll;}
	.container .nav.on{display:block;}
	.menu-filter{width:100%;padding-right:39px;background-color:none;box-sizing:border-box;}
	.menu-filter input{width:90%;width:-webkit-calc(100% - 39px);width:-moz-calc(100% - 39px);width:-ms-calc(100% - 39px);width:calc(100% - 39px);color:#fff;background:none;border:none;border-bottom:#999 1px dashed;}
	.menu-filter i{right:50px;padding:2px 0 0 10px;}
	.menu-search{height:37px;}
	.menu-search:hover{background-color:transparent;}
	.menu-search:active{background-color:#f4f5f9;}
	
	.menubar{width:100%;height:auto;padding-bottom:50px;border-right:none;}
	.menubar i{border-top:1px solid #999;}
	.menubar i:hover{background-color:transparent;}
	.menubar i:active{background-color:#8c8888;}
	.menubar h4,.menubar h5{color:#f5f5f5;border-top:1px solid #999999;border-bottom:none;cursor:pointer;}
	.menubar h4,.menubar h5,.menubar ul{max-width:none;}
	.menubar h4:hover{background-color:#8c8888;}
	.menubar h4 a{color:#f5f5f5;}
	.menubar h4.on a{color:#fff;}
	.menubar ul li a{color:#f5f5f5;}
	.menubar ul li > a.on{color:#fff;}
	.menubar ul li > a:hover{color:#fff;}
	.menubar ul li > a.on:before{width:3px;}
	.menubar ul li > a.on:after{background:#8c8888;}
	.menubar ul li > a:hover:after,.menubar ul li > strong:hover:after{background:none;}
	.menubar ul li > strong{color:#fff;}
    .menubar ul li > strong:hover{background:none;}
    .scroller .scroller-inner{overflow-x:scroll;}
    .scroller[data-x-rolling="true"] .scroller-content{min-width:100%;}
    .scroller .scrollbar{display:none;}

	.main{width:100%;height:auto;margin-left:0;overflow:visible;box-sizing:border-box;}
	.main article.markdown-body{padding:25px;}
	.main article iframe{border:0;}
    .main .search-results{height:auto !important;}
    .main-sibling{padding:30px 25px 25px;}
    .main-sibling p{height:22px;}
    .main-sibling a{padding-right:20px;}
    
    /* ---------- contents ---------- */
    aside .contents{bottom:75px;border-radius:50%;}
    aside .contents-list{right:40px;width:255px;max-height:310px;}
    
    /* ---------- backTop ---------- */
    aside .back-top{border-radius:50%;bottom:32px;}
    aside .back-top:hover .back-text{display:none;}

    /* ---------- footer ---------- */
    footer{position:relative;left:0;bottom:0;width:100%;height:0;}
    footer .signature{position:absolute;right:12px;bottom:6px;color:#ccc;}
    footer .signature a{color:#aaa;}

}






/* ---------- print ---------- */
@media print and (color) {
    *{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
}
@media print {
    @page{margin:2cm;size:A4 portrait;}
}
@media print {
    
    /* ---------- main ---------- */
    body{color:black;background:#fff;}
    .header{display:none;}
    .container{margin:0 auto;background:none;border:none;}
    .container .nav{display:none;}
    .main{margin-left:0;padding:0;font-size:14px;}
    .main .markdown-body{display:block !important;font-family:Microsoft YaHei,Tahoma;font-weight:300;;}
    .main h1{padding-top:300px;font-size:32px;text-align:center;font-weight:600;border:none;page-break-after:always;}
    .main h1 .anchor{display:none;}
    .main h2{font-size:24px;font-weight:500;border-bottom:#ccc 1px solid;page-break-after:avoid;}
    .main h3{font-size:18px;font-weight:500;page-break-after:avoid;}
    .main h4{font-size:16px;font-weight:400;}
    .main h1:hover .anchor svg,.main h2:hover .anchor svg,.main h3:hover .anchor svg{visibility:hidden;}
    .main img{max-width:100% !important;page-break-inside:avoid;}
    .main table th{font-weight:500;}
    .main .testing-show{display:none;}
    .main .testing-box{display:none !important;}
    .main .markdown-body h2:first-of-type{page-break-before:always;}
    .main .markdown-body h1 + h2{page-break-before:auto !important;}
    .main .main-sibling{display:none;}
    .back-top{display:none;}
    .signature{display:none;}
    
    /* ---------- increment ---------- */
    .main{counter-reset:chapternum1;}
    h2{counter-reset:chapternum2;}
    h2:before{counter-increment:chapternum1;content:counter(chapternum1) " ";}
    h3:before{counter-increment:chapternum2;content:counter(chapternum1) "." counter(chapternum2) " ";}
    
}

@charset "utf-8";

/* ---------- box ---------- */
.search-box *{font-family:Microsoft YaHei,STXihei,STHeiti,Verdana,Arial,Helvetica,sans-serif;}
.search-box{display:none;position:absolute;top:0;right:0;z-index:10;width:100%;height:100%;padding:45px;background-color:#fff;}

/* ---------- search-update ---------- */
.search-update{float:right;width:350px;max-width:100%;}
.search-update .text{position:relative;width:100%;padding-right:140px;text-align:right;font-size:12px;line-height:20px;}
.search-update .text:after{position:absolute;right:122px;top:9px;width:1px;height:24px;background:#ccc;content:' ';}
.search-update .text p{margin:0;}
.search-update .text time{display:inline-block;white-space:nowrap;}
.search-update .text b{margin-right:5px;}
.search-update .text span{display:inline-block;margin-left:5px;white-space:nowrap;}
.search-update .text i{font-style:normal;}
.search-update input{position:relative;z-index:10;float:right;margin-top:6px;padding:4px 12px;}
.search-update input[disabled]{padding:5px 13px;color:#ccc;background:#f2f2f2;border:#aaa 1px solid;border-radius:1px;}
.search-update.off .text:after,.search-update.off .text span,.search-update.off .text i,.search-update.off input{display:none;}
.search-update.off .text b {margin-right:0;}
.search-update.off .text{padding-right:5px;}

.search-box h2{height:65px;color:#666;font-size:24px;font-weight:normal;}

/* ---------- search-input ---------- */
.search-input{position:relative;padding-right:110px;padding-bottom:30px;}
.search-input input[type="text"]{display:inline-block;width:100%;padding:10px;font-size:16px;border:#ccc 1px solid;outline:none;}
.search-input input[type="text"]:focus{border:#81b9f2 1px solid;box-shadow:#81b9f2 0px 0px 2px;}
.search-input input[type="button"]{position:absolute;top:0;right:0;width:106px;height:44px;text-align:center;line-height:38px;font-size:18px;}
.search-input input[type="button"][disabled]{color:#ccc;background:#f2f2f2;border:#aaa 1px solid;border-radius:1px;}

/* ---------- search-results ---------- */
.search-results{overflow-y:scroll;background:#eee;border-top:#eee 1px solid;border-bottom:#eee 1px solid;}
.search-result-message{display:none;padding-top:50px;text-align:center;color:#777;font-size:22px;line-height:35px;}
.search-list{list-style:none;padding:18px 16px 5px;}
.search-item{margin-bottom:14px;background:#fff;border:#e6e6e6 1px solid;}
.search-item:hover{border:#d9d9d9 1px solid;box-shadow:rgba(0,0,0,.1) 0 0 2px;}
.search-item a:hover{text-decoration:none;}
.search-item .content{padding:12px 14px 6px;}
.search-item .content strong{display:block;padding:2px 0 5px 0;font-size:16px;color:#333;line-height:23px;font-weight:normal;}
.search-item .content p{margin:0 0 6px;color:#666;font-size:14px;}
.search-item .content p.p1{margin:1px 0 7px;overflow:hidden;line-height:24px;white-space:nowrap;text-overflow:ellipsis;background:#f8f8f8;border-radius:2px;}
.search-item .content em{float:left;padding:0 5px;margin:1px 5px 0 1px;line-height:22px;font-style:normal;font-size:12px;color:#fff;background:#ccc;border-top-left-radius:2px;border-bottom-left-radius:2px;}
.search-item .content mark{color:red;background:none;}
.search-item .bottom{position:relative;padding:0 14px;line-height:30px;color:#999;border-top:#e6e6e6 1px solid;background:#fafafa;}
.search-item .bottom p{margin:0;padding-right:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.search-item .bottom .time{position:absolute;top:0;right:14px;}
.search-result-more{display:none;margin:0 16px 18px;color:#999;text-align:center;line-height:40px;font-size:16px;letter-spacing:1px;background:#fafafa;border:#e6e6e6 1px solid;cursor:pointer;}
.search-result-more:active{padding-top:1px;line-height:39px;}

/* ---------- search response ---------- */
@media screen and (max-width:950px){
    .search-box h2{clear:both;height:90px;padding-top:30px;}
    .search-item .bottom p{padding-right:0;line-height:32px;}
    .search-item .bottom .time{position:static;right:auto;padding-bottom:8px;line-height:16px;}
}
@media screen and (max-width:375px){
    .search-box h2{height:100px;padding-top:40px;}
    .search-update .text{clear:both;padding-right:0;padding-top:10px;}
    .search-update .text:after{display:none;content:'';}
    .search-input{padding-right:90px;}
    .search-input input[type="button"]{width:86px;}
}
@media screen and (max-width:720px){
    .search-box{height:auto;min-height:100%;}
}