/**************************************************************************************/ /* 布局(全局、导航、脚注) */ /**************************************************************************************/ /** [全局定义] */ html{overflow-x:auto;} body{background:#f5f5f5;} body,table,td,div{font-size:14px;line-height:120%;} a,a:visited{color:#333;text-decoration:none;cursor:pointer;} a:active,a:hover{color:#2173b2;text-decoration:none;} /* [主导航] */ .mainnav{position:fixed;top:0px;width:100%;height:76px;border-bottom:1px solid #dadada;background-color:#fff;z-index:9999;} .mainnav .mainnav-wrap{margin:0px auto;max-width:1200px;min-width:1000px;height:75px;} .mainnav .logo{float:left;width:290px;margin-top:8px;} .mainnav .logo-text{float:right;font-size:18px;font-weight:bold;line-height:58px;} .mainnav .menu{float:left; font-size:16px;height:75px;text-align:center;margin:10px 5px 0px 30px;} .mainnav .menu li{float:left; width:80px; line-height:30px; margin:12px 10px;} .mainnav .menu li:hover{border-bottom:2px solid #4bacc6;color:#4bacc6;cursor:pointer;} .mainnav .menu li.active{border-bottom:2px solid #4bacc6;color:#4bacc6;} @media screen and (max-width: 1071px) { .mainnav .menu li{margin:12px 5px;} } .mainnav .help{float:right;line-height:75px;color:#2173b2;} .mainnav .help a{background-color:#a4132a; color:#ffffff;font-size:16px;border-radius:20px; padding:6px 15px;margin-left:15px;} /* [导航固定96px] */ .navmargin{position:relative;width:100%;height:96px;} .scrolltotop{position:fixed;right:20px;bottom:20px;display:none;z-index:99999;border:1px solid #d3d3d3;padding:10px;cursor:pointer;} .scrolltotop:hover{background-color:#333;} /* [脚注] */ .footer {position:relative;width:100%;min-width:1200px;z-index:0;display:block;border-top:1px solid #e6e6e6;overflow:hidden;background:#fff;} .footer-wrap {margin:10px auto;height:160px;width:1200px;text-align:center;color:#333;font-size:14px;} .footer li {float:left;height:130px;margin:10px 20px 10px 0;text-align:left;line-height:30px;color:#888;} .footer li a {margin:10px;color:#888;} .footer li a:hover {color:#4bacc6;} .footer li.fproduct{width:180px;margin-left:30px;} .footer li.fhelp{width:222px;} .footer li.fabout{width:190px;} .footer li.abountus {width:300px;} .footer li.fproduct,.footer li.fhelp,.footer li.fabout{border-right:1px dashed #ccc;} @media screen and (max-width: 1071px) { .footer li.fproduct{width:140px;} .footer li.fhelp{width:180px;} .footer li.fabout{width:150px;} .footer li.abountus {width:280px;} } .footer-cp {position:relative;width:100%;min-width:1200px;height:85px;line-height:85px;background-color:#eee;overflow:hidden;} .footer-cp-wrap{position:relative;margin:0 auto;width:1200px;height:85px;z-index:0;display:block;overflow:hidden;} .footer-cp .footer-text{width:1200px;height:85px;line-height:85px;text-align:center;} @media screen and (max-width: 1071px) { .footer-cp-wrap{width:1000px;} .footer-cp .footer-text{width:1000px;margin-left:-100px;} } /**************************************************************************************/ /* 容器内容 */ /**************************************************************************************/ /** [容器定义] */ .container {position:relative;margin:0 auto;padding-bottom:20px;height:auto !important;min-height:1200px;width:1200px;overflow:hidden;z-index:0;} /* [左导航] */ .sidebar {position:relative;float:left;height:100%;padding-bottom:30px;overflow:hidden;width:220px;background:#fff;border:1px solid #e5e5e5;border-radius:3px;} .sidebar main {position:relative;display:block;width:100%;height:98px;line-height:98px;font-size:16px;text-align:center;color:#333;cursor:pointer;border-bottom:1px solid #f5f5f5;} .sidebar main.selected{color:#007d7e;border:1px solid #e6e6e6;background-color:#eee;} .sidebar p{position:relative;padding:0 40px;height:40px;line-height:40px;font-size:16px;color:#333;cursor:pointer;border-bottom:1px solid #eee;} .sidebar p .z-font{position:absolute;font-size:14px;left:15px;bottom:0;} .sidebar ul{position:relative;height:auto;overflow:hidden;line-height:40px;background:#f9f9f9;} .sidebar ul li{display:block;padding:0 40px;line-height:38px;cursor:pointer;font-size:14px;color:#777;border:1px solid transparent;} .sidebar ul li:hover{color:#2173b2;text-decoration:none;} .sidebar p.z-selected,.sidebar ul li.z-selected{color:#fff; background-color:#2173b2;} /* [主体部分] */ .mainbody{position:relative;float:right;width:960px;background:#fff;border:1px solid #e5e5e5;border-radius:3px;} /* [搜索框]*/ .mainsearch{text-align:center;padding:30px 10px;border-bottom:1px solid #f5f5f5;} .mainsearch .z-input{width:600px;font-size:14px;border-color:#2173b2;} .mainsearch .z-button{width:60px;height:38px;margin-left:-1px;font-family:"z-font";font-size:20px;background:#2173b2;border-color:#2173b2;box-shadow:none;color:#fff;} /* [问题显示主体] */ .questionbody{padding:20px 40px 80px;} /*文章列表*/ .article-list dd{margin:0;font-size:15px;line-height:38px;} /*文章内容*/ .article {} .article,.article div{line-height:30px;font-size:15px;} .article h1{font-weight:normal;} /* [搜索结果] */ .search-resultBar {border-bottom:1px solid #fcfcfc;} .search-resultBar span{display:inline-block;max-width:300px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;vertical-align:top;color:#a4132a;} .search-resultList {} .search-resultList dt{margin:30px 0 10px;} .search-resultList dt a{display:inline-block;font-size:15px;color:#2173b2;line-height:30px;} .search-resultList dt a:hover{text-decoration:underline;color:#a4132a;} .search-resultList dd{margin:0;color:#666;line-height:20px;} /**************************************************************************************/ /* Mobile配置 */ /**************************************************************************************/ /* [脚注](Mobile) */ .m-footer {position:relative;width:100%;border-top:1px solid #e6e6e6;background-color:#eee;padding:4% 0px;} .m-footer-wrap {width:100%;height:100%;color:#333;text-align:center;font-size:12px;height:28px;line-height:28px;}