@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;}


/*****轮播*****/
#carousel_box { margin:0;}
#carousel_box img { width:1140px; height:auto;}
.carousel_title { margin-top:3px; width:100%; height:2em; line-height:2em; text-align:center; background-color:#626262; font-size:16px; font-weight:500; color:#FFF;}
.carousel-inner .item img { max-width:860px; max-height:300px;}
@media screen and (max-width: 768px) {
    .carousel_title { font-size:12px; top:5px;}
    .carousel-inner .item img { max-height:150px;}
}

/*****搜索栏*****/
.search-bar { padding:0; margin:10px 0; backgroud-color:#563d7c;}
.search-bar input { background:url(../img/search.png) no-repeat 3px 4px; background-color:#FFF; padding-left:30px; 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;}
.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 em { float:right;}
#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;}
#class-nav-content2 a.selected { color:#DD2727; font-weight:bold;}


/*****风险提示*****/
.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;}
}


/*****文章列表*****/
.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 .topspan { background-color:#ee2626; padding:5px 8px; border-radius:3px; font-weight:bold; font-size: 0.8em; display: inline-block; color: #FFFFFF;}
.news-itme h4 .typespan { color:#F60;}
.news-itme h4 a:hover { color: #218BC3;}
.news-itme p { margin-top:5px;}
.news-itme p span { color:#337ab7;}
.news-itme .contentbox { background-color:#eeee; padding:10px; margin:10px 0;}
.news-itme .contentbox a { color:#333;}

/*图片放大效果*/
.news-itme-picbox { max-height:120px; overflow:hidden;}
.img-content {
    float:left; margin-right:10px;
    /* 父元素宽高 */
    width: 120px;
    height: 120px;
    overflow: hidden;/*这个属性是关键*/
}
.img-content img { width:120px; height:120px;}
.imgs-hober {
    /* 过渡配置 */
    transition: all .5s ease .1s;
}
.imgs-hober:hover {
    /* 放大1.1倍 */
    transform: scale(1.1);
}

/*签到广告*/
.signinbox {width:100%; height:80px; margin-top:10px; overflow:hidden;}
.signinbox img {width:100%; height:80px;}
.signin-popup p span { color:#DD2727; margin:auto 7px; font-size:1.2em; font-weight:bold;}

@media screen and (max-width: 768px) {
    .news-itme-picbox { height:60px;}
    .img-content { width:60px; height:60px;}
    .img-content img { width:60px; height:60px;}
    .news-itme p { font-size:10px;}
	
	.signinbox, .signinbox img {height:50px;}
}


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


/*****右侧边栏*****/
.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;}
}