113 라인
6.0 KiB
CSS
113 라인
6.0 KiB
CSS
/**************************************************************************************/
|
||
/* 布局（全局、导航、脚注） */
|
||
/**************************************************************************************/
|
||
|
||
/** [全局定义] */
|
||
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;}
|