﻿.clearfix:after{content: " ";display: block;clear: both; height: 0;}
.clearfix{ zoom: 1;}
.remindnews{ height: 292px; border:1px solid #e9e9e9; width: 1178px; margin-bottom: 20px; }
.remind-left-txt{ height: 170px; overflow: hidden; }
.remind-left{ width:394px; float: left; padding:15px; margin-right: 30px; height: 262px; font-size: 14px; line-height: 29px; border-right: 1px solid #e9e9e9; background: #fbfaf8 }
.remind-left h2{ font-size: 24px; font-weight: bold; line-height: 33px; margin-bottom: 15px; color: #333333 }
.remind-left h2 a{color: #333333 }
.remind-left p{ text-indent: 30px; }
.remind-mid { float: left; width: 350px; height: 292px;  }
.remind-mid h2{ font-size: 20px; color: #333333 ;font-weight: bold; line-height: 33px; margin-top: 15px; margin-bottom: 20px; }
.remind-mid ul li{ font-size: 14px; line-height:18px; height: 18px; width: 320px; overflow: hidden; margin-bottom: 16px;   }
.remind-news{ height: 190px;width: 350px;  border-right: 1px solid #e9e9e9;  }
.remind-right { float: left; width: 320px;  height: 292px; margin-left:30px;  }
.remindrt-news{ margin-top: 66px;  float: left; }
.remindrt-news ul li{ font-size: 14px; line-height:18px; height: 18px; width: 320px; overflow: hidden; margin-bottom: 16px;   }
.remindwarp{width:900px; float: left; margin-top: 10px; margin-bottom: 30px;}
.remindlist li{border-bottom: 1px dotted #e9e9e9; padding-bottom: 5px; margin-bottom:15px;}    
.remindlist li i {float: left; width: 18px; height: 18px;margin-right:18px;text-align: center;background: #ddd;line-height: 18px;color: #fff;margin-top: 10px;font-size: 14px;}
.remindlist li:last-child{border-bottom: none;}
.remindlist li i.hot{background: #ff5203;}
.remindlist li .titles{ font-size: 18px; height: 36px; line-height:36px; position: relative; }
.remindlist li .titles{ font-size: 18px; height: 36px; line-height:36px; position: relative;  }
.remindlist li p{ font-size: 14px; line-height: 28px; margin-left: 34px; }
.remindlist li .titles span{ position: absolute; right: 0px; top:5px;font-size: 12px;color: #f60;padding: 2px 5px;border-radius: 2px;height: 20px;line-height: 20px;border: 1px solid #f60;margin-left: 10px; }
.remindlist li .titles span a{ color: #f60;}
i, cite, em, var, address, dfn {font-style: normal;}
.related-title{ border-bottom: 1px solid #e9e9e9; margin-top: 10px; margin-bottom:15px; text-indent: 10px; font-size: 16px; font-weight: bold; height:40px; line-height: 40px;position: relative;}
.related-title::before{content: '';background: #ff5203;width: 2px;height: 16px;display: block;position: absolute;top: 12px;}
.related-ask ul li .ask-title {font-size: 14px; margin-bottom:20px; color: #ff5203; line-height:28px; padding-left: 35px; background:url(../images/ask_i.png) left 8px no-repeat;  }
.related-ask ul li .answer-info { font-size: 14px;line-height:28px; margin-bottom:20px; padding-left: 35px;background:url(../images/answer_i.png) left 8px no-repeat;  }
.extension-news ul{ margin-right: -15px; overflow:hidden; }
.extension-news ul li{width:auto; float:left; color:#ffffff; line-height:28px; text-align:center; margin-bottom:10px;  border-radius: 5px; font-size: 14px; background:#f4f4f4; margin-right:15px; overflow:hidden;}
.extension-news ul li a{color:#ffffff;}
.extension-news ul li.tags0{ width:140px; overflow:hidden; background:#1cbb63;}
.extension-news ul li.tags1{ width:140px; overflow:hidden; background:#f49c00;}
.extension-news ul li.tags2{ width:160px; overflow:hidden; background:#21bff3;}
.extension-news ul li.tags3{ width:160px; overflow:hidden; background:#1cbb63;}
.extension-news ul li.tags4{ width:240px; overflow:hidden; background:#f49c00;}
.extension-news ul li.tags5{ width:240px; overflow:hidden; background:#21bff3;}
.extension-news ul li.tags6{ width:140px; overflow:hidden; background:#1cbb63;}
.extension-news ul li.tags7{ width:160px; overflow:hidden; background:#f49c00;}
.extension-news ul li.tags8{ width:160px; overflow:hidden; background:#21bff3;}
.extension-news ul li.tags9{ width:140px; overflow:hidden; background:#1cbb63;}
.extension-news ul li.tags10{ width:160px; overflow:hidden; background:#21bff3;}
.extension-news ul li.tags11{ width:140px; overflow:hidden; background:#1cbb63;}
.extension-news ul li.tags12{ width:140px; overflow:hidden; background:#f49c00;}
.extension-news ul li.tags13{ width:160px; overflow:hidden; background:#21bff3;}
.extension-news ul li.tags14{ width:240px; overflow:hidden; background:#1cbb63;}
.extension-news ul li.tags15{ width:140px; overflow:hidden; background:#f49c00;}
.extension-news ul li.tags16{ width:160px; overflow:hidden; background:#21bff3;}
.extension-news ul li.tags17{ width:160px; overflow:hidden; background:#1cbb63;}
.extension-news ul li.tags18{ width:140px; overflow:hidden; background:#f49c00;}
.extension-news ul li.tags19{ width:240px; overflow:hidden; background:#21bff3;}
.sidewarp{ width: 260px; float: right; overflow: hidden; }
.sider { width: 260px; float: right;position: relative; }
.directory { width: 260px; overflow: hidden; height: 385px; position: relative; }
.side-bar {position: absolute;top: 0;width: 0;height:365px;background-color: #eaeaea;border: 1px solid #eaeaea;border-top: 0;border-bottom: 0;left: 5px;}
.side-bar .circle.start {top:0;z-index: 9999}
.side-bar .circle.end { margin: 0;bottom: 0;}
.side-bar .circle.start,.side-bar .circle.end {position: absolute;left: -5px;width: 10px;height: 10px;background: transparent url(../images/sidecatalog.png) 0 -199px no-repeat;zoom: 1; overflow: hidden;}
.catalog-list  dl dt .pointer {position: absolute;display: block; width: 10px;height: 10px;cursor: pointer;margin-top: 4px;left: 0; background: transparent url(../images/sidecatalog.png) 3px -222px no-repeat;}
.catalog-list  dl dt .pointer:hover{background-position:3px -245px}
.catalog-list  dl dt:hover .text{border-radius:2px;  }
.catalog-list .catalog-title:hover .pointer{background-position:3px -245px}
.catalog-list { margin-top: 15px; }
.catalog-list .catalog-title .title-link {color: #555;font-weight: 700;text-decoration: none;}
.catalog-list .catalog-title .text {line-height: 19px; font-size: 15px; display: block;}   
.catalog-list dl dt{position: relative;margin-bottom: 20px;padding-left: 20px;}
.catalog-list .catalog-title .title-link:hover{color: #ff5203}
.bottom-wrap { position:relative; z-index:9999; padding-top: 20px; background: #ffffff; width: 260px;padding-bottom: 20px;}
.bottom-wrap .toggle-button {background: transparent url(../images/sidecatalog.png) no-repeat 0 0;}
.bottom-wrap .toggle-button,.bottom-wrap .gotop-button {display: block;width: 45px;height: 45px;cursor: pointer;}
.bottom-wrap .gotop-button {margin-top: 6px; background: transparent url(../images/sidecatalog.png) no-repeat -1px -62px;}
.relkleg h3{ border-bottom: 1px solid #e9e9e9; margin-top: 10px; margin-bottom:5px; text-indent: 20px; font-size: 16px; font-weight: bold; height:40px; line-height: 40px;position: relative;}
.relkleg h3::before{content: '';background: transparent url(../images/sidecatalog.png) no-repeat -90px -136px;display: block;width: 14px;height: 8px;position: absolute;top: 17px;}
.relkleg  ul li{ position: relative;height: 30px;line-height: 30px;padding-left: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all; font-size: 14px }
.relkleg  ul li:after {content: "";display: block;position: absolute;left: 0;top: 50%;margin-top: -1px;width: 3px;height: 3px; background: #aaa;}
.latermd h3{ border-bottom: 1px solid #e9e9e9; margin-top: 10px; margin-bottom:15px; text-indent: 20px; font-size: 16px; font-weight: bold; height:40px; line-height: 40px;position: relative;}
.latermd h3::before{content: '';background: transparent url(../images/sidecatalog.png) no-repeat -66px -133px;display: block;width: 15px;height: 14px;position: absolute;top: 12px;}
.latermd ul li{width:260px; height:210px;margin-bottom:8px; font-size: 14px;}
.latermd ul li .img{ position:relative; display:block; width:260px; height:180px; margin-bottom:5px;}
.latermd ul li .tit{ position:absolute; bottom:0; width:260px; height:30px; line-height:30px; text-indent:5px; background:#333;background:rgba(0,0,0,.5);color:#fff; overflow:hidden;}
.latermd ul li img{ display:block;width:260px;height:180px;}
.latermd ul li .tit span{ float: right; margin-right:2px; }
.floatNav{ position:relative; z-index:90;background: #ffffff ; width: 260px; font-size: 15px; padding:0 0 20px 0 }
.floatNav:before{ content:''; position:absolute; width:2px; height:100%; background:#d1d1d2; left:5px; top:0; }
.floatNav .title,.floatNav .list li{ position:relative; padding:3px 0; }
.floatNav .title span,.floatNav .list span{ position:absolute;  width: 10px;height: 10px;background: transparent url(../images/sidecatalog.png) 3px -222px no-repeat;margin:auto; left:0; top:0; bottom:0; }
.floatNav .title p,.floatNav .list a{ width:234px;color: #555555;line-height:36px; margin-left:26px; font-weight:bold; text-indent:8px; display:block; }
.floatNav .list li.cur a{ color:#ff5203; }
.floatNav .list li.cur span{background-position:3px -245px }
.floatNav  .circle.start {top:0;z-index: 9999}
.floatNav  .circle.end { z-index: 9999;bottom: 0;}
.floatNav  .circle.start,.floatNav  .circle.end {position: absolute;left: 1px;width: 10px;height: 10px;background: transparent url(../images/sidecatalog.png) 0 -199px no-repeat;zoom: 1; overflow: hidden;}
.jh-bd{ position: relative;}
.f-dn{ display: none; }
.m-menu .menu-nav li {float: left;line-height: 20px;padding-right:10px; font-size: 14px;}
.labels{margin:12px 0 15px 34px;}
.labels a{border: 1px solid #ddd;color: #999;font-size: 12px;padding: 4px 6px;margin-right: 5px;float: left;}
.labels a:hover{background-color: #f4f4f4;}
.remindlist li .titles a {
    font-size: 18px;
}