﻿.hot-follow a, .content-title { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.view-index { padding:20px 0 30px; color:#666; }
.view-index a { color:#666; }
.left-content { float:left; width:240px; }
.right-content { margin-left:260px; }
.left-menu { padding-bottom:38px; }
.left-menu a, .menu-title, .follow-title { height:40px; line-height:40px; font-size:18px; color:#666; margin-bottom:4px; }
.menu-title, .follow-title {position:relative; width:100%; height:34px; line-height:34px; border-bottom:2px solid #c5c5c5; }
.menu-title span, .follow-title span{ display: block;position:absolute; left:0; top:-2px; border-bottom:2px solid #696969;  font:bold 22px/36px "microsoft yahei", heiti;}


.left-menu a { display:block; background:url(../img/quxian_imgs.png) -280px -76px no-repeat; padding-left:24px}
.left-menu a.active { font-weight:bold }
.hot-follow ul { padding:6px 0 10px; }
.hot-follow li { padding:0 4px;margin-bottom:5px }
.hot-follow a { position:relative; display:block; font-size:14px; color:#666; padding:4px 0 4px 30px; }
.hot-follow .hot-sort { position:absolute; left:0; top:50%; width:20px; height:20px; font-size:14px; color:#fff; text-align:center; border-radius:10px; background:#ddd; margin-top:-10px; }
.hot-follow .first { background:#cc5252; }
.hot-follow .second { background:#cc9c52; }
.hot-follow .third { background:#52b4cc; }
.right-content { padding-left:46px; }
.right-content li { border-bottom:1px solid #e2e2e2; }
.right-content ul a { display:block; height:92px; padding:0 6px; }
.right-content ul a:hover{ text-decoration:none}
.content-listnav { border-bottom: 2px solid #efefef; height: 48px; margin: 0 9px; position: relative; }
.content-listnav-tit { position: absolute; height: 48px; font-size: 24px; line-height: 50px; padding: 0 10px; }
.content-listnav span { font-size: 16px;line-height: 48px; margin-right: 10px; }
.content-header { line-height:24px; padding-top:10px; overflow:hidden; }
.content-title { max-width:90%; font-size:16px; color:#636363; font-weight:bold; }
.content-date { color:#999; }
.content-desc { max-height:40px; line-height:20px; color:#999; padding-top:8px; overflow:hidden; }
.page-index { line-height: 28px; font-size: 14px; color: #333; text-align: center; padding: 30px 0; }
.page-index a.a1 { width: 60px; }
.page-index span { display: inline-block; height: 30px; line-height: 30px; width: 30px; text-align: center; }
.page-index a { display: inline-block; height: 28px; line-height: 28px; border: 1px solid #ccc; width: 28px; text-align: center; color:#333;}
.page-index a:hover, .a1:hover { color: #1978be; text-decoration: none; }
.fixed-layer { position:fixed; display:none; top:120px; width:152px; }
.layer-title { height:50px; line-height:50px; font-size:20px; color:#fff; padding-left:60px; background:#3a88d3 url(../img/flower_icon.png) no-repeat 14px center; }
.layer-content { font-size:14px; color:#333; text-align:center; padding:14px 0; background:#ebebeb; }
.fixed-layer img { display:block; width:125px; height:125px; margin:0 auto; }
.fixed-layer .qr-code-title { padding:8px 0 12px; }
.back-top { display:block; height:36px; line-height:36px; color:#fff; text-align:center; background:#104c86; cursor:pointer; }
