ziqim/Yangcai365_web/manage/zinc/css/yangcai_question_main_v1.4.0R2018031701.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;}