@charset "utf-8";
body { margin:0px;background-color:#eee;font-size:16px; font-family:微软雅黑,幼圆,宋体,Verdana;  }
div { padding:0; border-radius:5px;}
a, a:hover, a:visited, a:link { text-decoration:none; }

@media (min-width:1200px) {
    .container {max-width:1200px;}
}
.container { padding:0px 5px;  }

/* 顶部 */
.header { border-top:solid 5px black; border-radius:0px; font-size:18px; text-align:right; height:80px;line-height:80px;color:midnightblue;}
.logobox { float:left; }
.logobox img {width:200px; height:80px;}
.logoright { float:right;}
.logoright a { margin-right:10px; text-decoration:none;}
.username_span { margin-right: 10px;}
@media screen and (max-width: 768px) {
    .username_span { display: none;}
}

/* 导航栏 */
.my-menu { width:100%; padding: 0px 10px;  margin-top:10px; border-top:2px solid #f7ba01;}
.my-menu, .menu-bar { color:whitesmoke;}

/* 首页主体 ***************************************************/
/*轮播*/
#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;}

/*用户文章列表页头部*/
.userheadbox {padding-bottom:10px; border-bottom:3px #FFF solid; font-size:1.5em;}
.userheadbox img { border:1px solid #CCC; display:inline-block; width:100px; height:100px; border-radius:10px; margin-right:10px;}
.userheadbox p { display:inline-block; vertical-align: bottom;}
@media screen and (max-width: 768px) {
    .userheadbox { font-size:1.2em;}
    .userheadbox img { width:60px; height:60px; margin-right:8px;}
}

/*****文章列表*****/
.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-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);
}

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

}

/*分页*/
.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:#333333; height:42px; line-height:42px; color:white; padding-left:10px; border-radius:0px; font-size:18px; border-top: solid 2px #f7ba01; }
.sidebox ul { list-style:none;  padding-left:10px;}
.sidebox ul li { line-height:35px; padding-left:10px;}

/*网页底部*/
.footbox { padding-top:15px; border-top:3px solid #c0c0c0;}
.footbox p { color:#333; text-align:center;}
@media screen and (max-width: 768px) {
    .footbox { font-size:12px;}
}

/* 文章详情页 ***************************************************/
.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;}
}

.article-worn { background-color:#EE2626; margin: 10px 0 10px 0; padding:3px 20px 3px 20px; color:white;text-align:center;}
.article-nav { border:1px solid #DDDDDD; background-color:#FFFFFF; margin: 10px 0 10px 0; padding:10px 20px 10px 20px;}
.article-nav span { font-weight:bold; color:#EE2626;}

/*注册页*********************************************************************************/
.reg_box { width:100%; border:1px solid #DDDDDD; background-color:#FFFFFF; margin: 0; padding:20px 30px; font-size:14px;}
.reg_box p { line-height:25px;}
.reg_box p b {font-size:1.2em; font-weight:bold;}
.reg_box p img { width:120px; height:35px; border:1px solid #DDD; margin-left:5px;}

/*注册成功页*********************************************************************************/
.reg_ok { width:100%; min-height:350px; border:1px solid #DDDDDD; background-color:#FFFFFF; margin: 0; padding:20px 30px;}
.reg_ok h4 { color:#090; line-height:50px;}
.reg_ok p { color:#666;line-height:35px;}

/*错误页*********************************************************************************/
.errorbox { width: 500px; max-width:100%; margin: 180px auto; }
.errorbox img {width: 500px; max-width:100%;}
.errorbox p { font-weight:bold; text-align: center;}

/*用户中心*********************************************************************************/
/*用户头像区*/
.writer-head { padding:15px; margin-top: 10px; border:1px solid #DDDDDD; background-color:#FFFFFF; border-radius: 10px;}
.writer-head-left { width:13%; float:left;}
.writer-head-left img { width:120px; height:120px; margin-top:5px; margin-left:15px; border-radius:10px;}
.writer-head-right { width:85%; float:right; margin-top:8px; padding-top:15px;}
.writer-head-right h4 { font-weight:bold; font-size:24px;}
.writer-head-right p i { font-size:1.2em; font-weight:bold;}

@media screen and (max-width: 1366px) {
    .writer-head-left {width:13%;}
    .writer-head-left img { width:120px; height:120px;}
    .writer-head-right {width:85%;}
}
@media screen and (max-width: 1024px) {
    .writer-head-left {width:15%;}
    .writer-head-left img { width:120px; height:120px;}
    .writer-head-right {width:82%;}
}
@media screen and (max-width: 768px) {
    .writer-head-left {width:22%;}
    .writer-head-left img { width:120px; height:120px;}
    .writer-head-right {width:76%;}

    .writer-head-right h4 {font-size:20px;}
}
@media screen and (max-width: 420px) {
    .writer-head-left {width:30%;}
    .writer-head-left img { width:100px; height:100px; margin-left:5px;}
    .writer-head-right {width:65%; margin-top:0;}

    .writer-head-right h4 {font-size:16px;}
    .writer-head-right p {font-size:12px;}
}
@media screen and (max-width: 360px) {
    .writer-head-left img { width:70px; height:70px; margin-left:0; margin-top:15px;}
}

/*选项栏区*/
.columnbar { text-align:center; line-height:2em; width:33.3%; float:left; background-color:#CCCCCC;} /*用户后台3个选项*/
.columnbar4 { text-align:center; line-height:2em; width:25%; float:left; background-color:#CCCCCC;} /*管理后台4个选项*/
.columnbar a, .columnbar4 a { width:100%; font-weight:bold; display:inline-block; color:#333;}
.columnbar_selected { background-color:#5bc0de;}
.columnbar_selected a { color:#FFF;}

/*排序、小选项*/
.sort{ line-height:28px; padding:5px 10px; border:1px solid #ccc; background:#e9e9e9; margin-top:8px; _padding-top:6px;}
.sort a{ display:inline-block; margin-right:5px; padding:2px 5px; line-height:18px; border:1px solid #ccc; background:#fff;  _padding-top:4px;}
.sort a.aaa { background:#e24d46; border-color:#e24d46; color:#fff;}
.sort a span { margin-left:3px; color:#EE2626; font-weight:bold;}
.sort a.aaa span {color:#FFF;}

/* main 区*/
.mainbox { padding: 20px; background: #FFFFFF; margin-bottom: 10px;}

/*上传图片区*/
.up-picbox { margin:10px 0; line-height:30px;}
.item-picbox { width:72px; height:100px; float:left; margin:0 10px 0 0; verflow:hidden;}
.item-picbox img { width:70px; height:70px; border:1px #DDD solid;}
.item-picbox p { height:28px; line-height:28px; font-size: 12px; padding:0 3px;}
.imagelist {float:left;}

/*表格开始*/
.tablebox {width:100%; margin:0 auto; overflow:scroll; font-size:12px; border-radius:0;}
.tablebox table { width:100%; min-width:1000px; border-color:#C9C9C9;}
.tablebox table th { background:#F8F8F8; font-weight:bold; text-align:center;line-height:35px;}
.tablebox table td { background:#fff; padding:8px 5px; text-align:center; line-height:20px; vertical-align:middle;}
.tablebox table td a, table td a:visited { color:#06F; margin:5px;}
.tablebox table td a:hover { color:#F60;}
.tablebox table td a.a_hidden { color:#FFF;}
.tablebox table td a.a_hidden:hover { display:inline-block; padding:0 3px; background:#F60; color:#FFF; }
.tablebox table td a.a_80 { display:inline-block; width:70px; height:23px; line-height:23px; background:#FE4888; border-radius:3px; color:#FFF;}
.tablebox table td a.a_80:hover { background:#BD1067; color:#FFF; }
.tablebox table td a.a_80_2 { display:inline-block; width:70px; height:23px; line-height:23px; background:#090; border-radius:3px; color:#FFF;}
.tablebox table td a.a_80_2:hover { background:#060; color:#FFF; }

.table_inline_headimg { width:25px; height:25px; margin:3px 10px;}
.img60 { width:60px; height:60px; margin:5px;}
/*表格结束*/

/*表单区开始*/
.form_box { margin: 10px auto;}
.form_box p { line-height:30px;}
.ipt, .form_box p select { height:30px; line-height:30px; padding:0 5px; border:1px solid #DDD;}
.ipt_ok { background-image:url(../img/ipt_ok20x20.png); background-repeat: no-repeat; background-position: 138px 4px; }
.ipt_not { background-image:url(../img/ipt_not20x20.png); background-repeat: no-repeat; background-position: 138px 4px; }

.span_green { color:#090; font-weight:bold; margin:0 5px;}
.span_red { color:#e24d46; font-weight:bold; margin:0 5px;}
.span_blue { color:#337ab7; font-weight:bold; margin:0 5px;}
.span_gray { color:#999; margin:0 5px;}
/*表单区结束*/

/*广告位管理开始*/
.ad_box { border:1px #DDD solid; margin-top:8px; color:#333; background:#FFF;}
.ad_box .titlebox { height:35px; line-height:35px; background:#EDEDED; padding-left:8px;}
.ad_box_left { float:left; width:300px; padding:8px 0 0 8px;}
.ad_box_left p {line-height:32px; overflow:hidden;}
.ad_box_left img{ margin:10px auto; width:240px; max-height:65px;}
/*广告位管理结束*/