@charset "utf-8";
/* Classinfo-CSS Document */


/******************** 首页主体 ********************/
/*****广告位开始*****/
.adfloat{ position:absolute;top:0px; right:0px; width:120px; z-index:999; height:20px; overflow:hidden;}
.adfloat p.divclose{ height:20px; background:url(../img/adfloatbg.png) no-repeat;}
.adfloat p.divshow{ height:20px; background:url(../img/adfloatbg.png) no-repeat 0px -20px; font-size:12px; padding-left:17px; line-height:19px; color:#fff;}

.ad_260x170 {margin:10px auto 0 auto; width:100%; height:170px; overflow: hidden; clear:both; position:relative;}
.ad_260x170 img { width:100%; height:170px;}


/*****搜索栏*****/
.search-bar { padding:0; margin:0 0 10px 0; backgroud-color:#563d7c;}
.search-bar input { background:url(../img/search.png) no-repeat 3px 4px; background-color:#FFF; padding-left:38px; width: 80%; float:left; border-radius:5px 0 0 5px; border:1px #337ab7 solid;}
.search-bar button { width: 20%; float:right; border-radius:0 5px 5px 0;}

/*****选项区开始*****/
.classdiv { position:sticky; overflow:hidden; top:55px; z-index :99;}
.classdiv a.aaa { color:#ee2626; font-weight:bold;}
.class-nav { line-height:30px; background:#d9edf7; padding:0 10px; border:1px solid #337ab7;}
.class-nav a { margin-right:10px; color:#333; text-decoration:none;}
.class-nav a:hover { color:#f11f11;}
#class-nav-content2 { background:#fff; line-height:30px; border:1px solid #dcdcdc; margin-top:5px; padding-left:10px;}  /* 初始状态隐藏 */
#class-nav-content2 a { display:inline-block; margin-right:10px;}


/*****文章列表*****/
.news-list { list-style-type:none; padding-left:0;}
.news-itme { margin-top:10px; border:1px solid #DDDDDD; background-color:#FFFFFF; padding:0px 15px; border-radius:5px;}
.news-itme:hover { border:1px solid #c4e3f3; background-color:#d9edf7;}
.news-itme h4 a { line-height:25px; font-weight:bold; color:#333; text-decoration:none;}
.news-itme h4 .typespan { color:#ee2626;}
.news-itme h4 a:hover { color: #218BC3;}

.news-itme p { margin-top:5px; padding-left:10px;}
.news-itme p span { color:#337ab7;}

@media screen and (max-width: 768px) {
    .news-itme h4 a { font-size:14px;}
    .news-itme h4 .typespan { font-size:14px;}
    .news-itme p { font-size:10px; }
}


/*****分页*****/
.pagingbox { text-align:center;}
@media screen and (max-width: 360px) {
    .phonehide { display:none;}
}

/*****风险提示*****/
.tip-url {display:block; border-radius:5px; line-height:30px; background-color:#337ab7; margin: 10px 0; padding:3px 10px; color:#FFF; text-align:center;}
.tip-url:hover { background-color:#187BF3; color:#FFF;}
.tip-url-green {display:block; border-radius:5px; line-height:30px; background-color:#090; margin: 10px 0; padding:3px 10px; color:#FFF; text-align:center;}
.tip-url-green:hover { background-color:#0C3; color:#FFF;}
.tip-red { line-height:30px; background-color:#DD2727; margin: 10px 0; padding:3px 10px; color:#FFF; text-align:center;}
.tip-green { line-height:30px; background-color:#BFB; margin: 10px 0; padding:3px 10px; color:#060; text-align:center; font-weight:bold; border:1px solid #060;}
@media screen and (max-width: 768px) {
    .tip-red {line-height:20px; text-align:left; font-size:14px;}
    .tip-green {line-height:20px; text-align:left; font-size:14px;}
}


/*****右侧边栏*****/
.sidebox { border:solid 1px #DDDDDD; padding:0; background-color:#FFFFFF; width:100%;}
.sidebox .tip { background-color:#DD2727; height:42px; line-height:42px; color:white; padding-left:10px; border-radius:0px;
           font-size:18px; border-top: solid 3px #f7ba01; }
.sidebox ul { list-style:none;  padding:0 10px;}
.sidebox ul li { line-height:25px; padding:5px 10px 5px 20px; background:url(../img/hot18.png) no-repeat 0px 9px; border-bottom:2px solid #DDD;}



/******************** 文章详情页 ********************/
.article-detail { border:1px solid #DDDDDD; background-color:#FFFFFF; margin: 0; padding:0px 20px 0px 20px;}
.article-detail .title { font-size:24px; color:#000000; font-weight:bold; margin-top:30px;}
.article-detail .infobox { padding-top:5px;  border-bottom:3px solid #DDDDDD; padding:10px 0; border-radius:0;}
.infobox a, .infobox span { display:inline-block; margin-right: 5px; color:#337ab7;}
.article-detail .content { padding: 10px; width:100%;}
.content img, .content embed{max-width:100%; display: block; margin: 10px auto;}
@media screen and (max-width: 768px) {
    .article-detail { padding:0px 10px 0px 10px;}
    .article-detail .title { font-size:16px;}
    .article-detail .infobox { font-size:12px;}
}