@charset "utf-8";
/* 
* Author: Lin xiao dong
* https://www.openwbs.com
*/
body{ background-color:#f6f6f6; }

#mbody { margin:auto; padding:15px 0; min-width:1200px; width:1200px;}
#mbody:after {clear:both; content:"."; display:block; height:0px; visibility:hidden;}

/*帮助首页*/
.ow-doc-search{ background:#93bff3; padding:30px 0px 40px 0;}
.ow-doc-search h1{ color:#17283f; font-size:32px; font-weight:normal; margin:0; padding:0 0 10px 0; text-align:center;}
.ow-doc-search .search-form{ margin:auto; padding:0px 0px; position:relative; width:648px;}
.ow-doc-search .search-form .search-text{ float:left;}
.ow-doc-search .text-search{ border-radius:24px; border:none; font-size:16px; height:24px; line-height:24px; padding:12px 24px; width:600px;}
.ow-doc-search .btn-search{ background:none; border:none; border-left:1px solid #eee; color:#888; font-size:24px; font-weight:100; height:40px; width:60px; position:absolute; top:4px; right:4px;}

.ow-doc-all-list{ padding:0px 0px 50px 0px;}
.ow-doc-all-list .category-item{ padding:30px 0px 30px 0px; zoom:1; overflow:auto;}
.ow-doc-all-list .category-item h2{ border-bottom:1px solid #eee; border-left:5px solid #fbaa27; padding:0px 0px 0px 15px;}
.ow-doc-all-list .category-item h2 a,
.ow-doc-all-list .category-item h2 a:visited{ color:#444;}
.ow-doc-all-list .category-item h2 a:hover{ color:#0262bc;}
.ow-doc-all-list .category-item h2 .count{ color:#666; font-size:14px; font-weight:normal; padding-left:15px; }

.ow-doc-all-list .category-item ul{ padding-left:30px;}
.ow-doc-all-list .category-item ul:after {clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-doc-all-list .category-item ul li{ box-sizing:border-box; float:left; font-size:16px; list-style:decimal; margin:0 0 0 0; padding:5px 20px 5px 0; width:50%; }
.ow-doc-all-list .category-item ul li h3{ font-size:18px; font-weight:normal; margin:0; padding:0;}
.ow-doc-all-list .category-item ul li a{ color:#0262bc; position:relative; z-index:1;}
.ow-doc-all-list .category-item ul li a:visited{ color:#0262bc; }
.ow-doc-all-list .category-item ul li a:hover {}
.ow-doc-all-list .category-item ul li a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #0067ed; transition:0.5s; z-index:-1;}
.ow-doc-all-list .category-item li a:hover::before { width:100%;}
.ow-doc-all-list .category-item a.more{ float:right;}
.ow-doc-all-list .category-item a.more,
.ow-doc-all-list .category-item a.more:visited{ color:#888; font-size:14px; margin-left:15px;}
.ow-doc-all-list .category-item a.more:hover{ text-decoration:underline;}


/**左侧**/
.ow-doc-left{ background-color:#ebf2fd; float:left; margin:0 auto; width:320px; z-index:9999;}
.ow-doc-left{ height:100%; overflow-x:hidden; overflow-y:hidden;}
.ow-doc-left .left-wrapper{ box-sizing:border-box; height:100%; padding-bottom:30px; position:relative; overflow-x:hidden;}

/*搜索*/
.ow-doc-left .search{ background:#93bff3; padding:15px;}
.ow-doc-left .search .search-form{ box-sizing:border-box; background:#fff; border:none; border-radius:15px; height:30px; padding:1px; position:relative;}
.ow-doc-left .search .search-form:hover{ border:none; transition:0.5s; }
.ow-doc-left .search .search-form .search-text{ float:left;}
.ow-doc-left .search .text-search{ box-sizing:border-box; background:none; border:none; color:#aaa; float:left; font-size:14px; height:28px; line-height:28px; padding:0px 10px 0px 15px; width:210px;}
.ow-doc-left .search .text-search:focus{ color:#222;}
.ow-doc-left .search .btn-search{ box-sizing:border-box; background:#1d2a4a; border:none; border-radius:14px; color:#fff; float:right; font-size:13px; height:28px; line-height:28px; width:52px;}
.ow-doc-left .search .btn-search:active{ background-color:#0d6f4b; }
.ow-doc-left .search .search-keywords{ display:none; height:24px; line-height:24px; padding:0px 0px 4px 0px; position:absolute; top:6px; right:70px;}
.ow-doc-left .search .search-keywords a{ background-color:#fafafa; display:inline-block; height:18px; line-height:18px; margin-left:5px; padding:0px 4px 0px 4px;}
.ow-doc-left .search .search-keywords a,
.ow-doc-left .search .search-keywords a:visited{ color:#424242;}
.ow-doc-left .search .search-keywords a:hover{color:#36aa00; text-decoration:none;}

.ow-doc-left .caption{ font-size:18px; padding:15px 0 2px 18px; }
.ow-doc-left .doclist{ padding:0 10px 0 10px;}
.ow-doc-left .doclist h3{ height:24px; line-height:24px; font-size:18px; margin:15px 0px; padding:0px 0;}
.ow-doc-left .doclist ul{ display:none; padding:0px 0px 15px 30px;}
.ow-doc-left .doclist ul li{ font-size:12px; list-style-type:square; height:32px; }
.ow-doc-left .doclist ul li a{ font-size:14px; line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ow-doc-left .doclist ul li.current{ color:#0067ed; }
.ow-doc-left .doclist ul li.current a{ background:#93bff3; color:#0067ed;}
.ow-doc-left .doclist a{ color:#333; position:relative; z-index:1;}
.ow-doc-left .doclist a:hover { color:#0067ed!important;}
.ow-doc-left .doclist a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:-1px; border-bottom:1px solid #0067ed; transition:0.5s; z-index:-1;}
.ow-doc-left .doclist a:hover::before { width:100%;}

.ow-doc-left .doclist .switch{ display:inline-block; box-sizing:border-box; cursor:pointer; float:left; height:24px; line-height:24px; width:24px; margin:0 5px 0 0; padding:0; text-align:center; position:relative;}
.ow-doc-left .doclist .switch i{ background:none; display:inline-block; position:absolute; top:5px; left:10px; width:0; height:0; }
.ow-doc-left .doclist .switch i.close { border-top:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #8091A5; transition:0.1s;}
.ow-doc-left .doclist .switch i.open  { border-top:6px solid #8091A5; border-right:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid transparent; top:9px; left:7px; transition:0.1s;}
.ow-doc-left .doclist .switch:hover i.close{ border-left:6px solid #0067ed; }
.ow-doc-left .doclist .switch:hover i.open { border-top:6px solid #0067ed; }

/**右侧**/
.ow-doc-right{ background:#fff; box-sizing:border-box; border:1px solid #e6e6e6; float:right; margin:0 0px; width:880px;}
.ow-doc-right .navigation{ border-bottom:1px solid #eee; margin:0 40px; padding:10px 0;}
.ow-doc-right .navigation .ow-breadcrumb{ margin:0; padding:0; text-align:left;}
.ow-breadcrumb a,
.ow-breadcrumb a:visited{ color:#0262bc;}
.ow-breadcrumb a:hover{ text-decoration:underline; }

/*内容区*/
.ow-doc-container{ padding:0 40px 40px 40px;}
.doc-content-container{ min-height:500px; padding:0 40px;}

/*内容列表*/
.ow-doc-cate-list{}

ul.ow-doc-list{ margin-bottom:40px; padding-left:35px;}
ul.ow-doc-list li{ border-bottom:1px solid #eee; font-size:16px; list-style:decimal; padding:10px 0;  }
ul.ow-doc-list li h3{ font-size:18px; margin:0; padding:0;}
ul.ow-doc-list li a{ color:#0262bc; position:relative; z-index:1;}
ul.ow-doc-list li a:visited{ color:#0262bc; }
ul.ow-doc-list li a:hover {}
ul.ow-doc-list li a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #0067ed; transition:0.5s; z-index:-1;}
ul.ow-doc-list li a:hover::before { width:100%;}


/*热度排行*/
.ow-doc-cate-hotlist{ background:#fafafa; border-radius:10px; padding:10px 20px 20px 30px; }
.ow-doc-cate-hotlist h2{ font-size:16px;}
.ow-doc-cate-hotlist ul{ margin:0; padding:0 0 0 15px; }
.ow-doc-cate-hotlist ul li{ list-style:square; padding:5px 0;}
.ow-doc-cate-hotlist ul li a,
.ow-doc-cate-hotlist ul li a:visited{ color:#0262bc;}
.ow-doc-cate-hotlist ul li a:hover{ text-decoration:underline;}

/*标签*/
.ow-doc-content .tags { color:#aaa; font-size:12px; padding:5px 0px;}
.ow-doc-content .tags a{ color:#aaa; margin:0px 8px 0px 0px;}
.ow-doc-content .tags a:hover{ color:#62aadf;}

/*相关内容*/
.ow-prev-next{ border-top:1px dotted #ddd; font-size:14px; margin:20px 0px 10px 0px; padding:10px 0px;}
.ow-prev-next .prev{ height:24px; padding:4px 0px;}
.ow-prev-next .next{ height:24px; padding:4px 0px;}

/*相关内容*/
.ow-related-content{ border-top:1px dotted #ddd; padding:0px 0px 20px 0px;}
.ow-related-content .header{ font-size:18px; font-weight:bold; padding:15px 0px 5px 0px;}
.ow-related-content ul{ margin:0; padding:0 0 0 15px;}
.ow-related-content ul li{ float:left; font-size:14px; list-style:square; width:50%; }
.ow-related-content ul li a{ border-bottom:1px solid #eee; display:inline-block; line-height:24px; margin:0; padding:5px 0px 5px 0px; }

/*搜索内容结果列表*/
.ow-search{ margin:auto; padding:0px 40px;}
.ow-search h1{ color:#000;}
.ow-search .search-item{ border-bottom:1px solid #eee; padding:0 0px 20px 0;}
.ow-search .search-item h3{ list-style:decimal; font-size:18px; margin:0; padding:20px 0 10px 0;}
.ow-search .search-item .summary{ color:#888; font-size:16px;}
.ow-search .search-item .byline{ color:#44b549; font-size:12px; padding:5px 0px 0 0px; }
.ow-search .search-item a{ color:#0262bc; position:relative; z-index:1;}
.ow-search .search-item a:visited{ color:#0262bc; }
.ow-search .search-item a:hover {}
.ow-search .search-item a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #0067ed; transition:0.5s; z-index:-1;}
.ow-search .search-item a:hover::before { width:100%;}
.ow-search .pager{ padding:100px 0px; text-align:center;}

@media (min-width:1500px) {
	#mbody { min-width:1470px; width:1470px; }
	.ow-doc-left{ width:350px;}
	.ow-doc-right{ width:1120px;}
	.ow-doc-right .navigation{ margin:0 50px; }
	.ow-doc-container{ padding:0 50px 50px 50px;}
	.ow-search{ padding:0px 50px;}
	.doc-content-container{ padding:0 50px;}
}