﻿/* 框架 */


/* 侧栏 */
.side{position: relative; z-index: 1; float: left; width: 240px; margin-right: 22px; }
#sideMenu{border-left: 10px solid #f60; margin-top: -55px;}
#sideMenu .hd{line-height: 27px;background: #f60; text-align: center;}
#sideMenu .hd h3{ padding: 20px 10px; font-size: 18px; color: #fff;}
#sideMenu .bd{border: 1px solid #dcdcdc; border-left: none; border-top: none;}
.menuList li{line-height: 20px; text-align: center; border-top: 1px solid #f3f3f3; }
.menuList li a{position: relative; display: block; padding: 14px 40px 14px 20px; background: #fff; color: #666;}
.menuList li:hover a{text-decoration: none; background: url(../../base/img/icon.png) no-repeat 198px -431px; color: #f60;}
.menuList li.on{border: none;}
.menuList li.on a{ padding-right: 50px; background: url(../../base/img/icon.png) no-repeat 208px -431px #f90; color: #fff; text-decoration: none; margin: 0 -10px;}

/* 侧栏-热门文章 */
.sideBox{background: #fff; border: 1px solid #dcdcdc; padding: 0 20px; margin-top: 20px;}
.sideBox .hd{height: 50px; line-height: 50px; border-bottom: 1px solid #eee;}
.sideBox .hd h3{font-size: 18px; padding-left: 32px; background: url(../../base/img/icon.png) no-repeat 0 -285px;}
.sideBox .bd{padding: 10px 0;}
.sideBox .infoList li{background-position: 0 16px;}
.sideBox .infoList li a{color: #666;}
.sideBox .infoList li a:hover{color: #f60;}

/* 主要内容 */
.mainContent{overflow:hidden}
.noSideContent .mainContent{float: none; width: auto;}
.mainBox .mHd{height: 60px; line-height: 60px; padding: 0 10px; border-bottom: 1px solid #ccc;}
.mainBox .mHd h3{float: left; font-size: 20px; color: #f60; font-weight: bold; height:60px; line-height:60px;}
.mainBox .mHd .path{float: right;}
.mainBox .mBd{padding: 24px 0;}
.photoContent .mainContent{float: none; width: auto;}

/* 位置信息 */
.path{padding-left: 16px; background: url(../../base/img/icon.png) no-repeat 0 -323px; font-size: 14px; color: #666;}
.path a,.path span{ color: #666; padding: 0 6px;}
.path .textRed{color: #f00;}

/* 焦点图&头条文章 */
.focusWrap{overflow: hidden; margin-bottom: 20px; height: 262px;}

/* 焦点轮播图 */
#focusNews{position: relative; float: left; width: 349px; height: 262px; overflow: hidden; margin-right: 17px; text-align: center; }
#focusNews .bd li{position: relative; height: 262px;}
#focusNews .bd li .pic img{display: block; width: 349px; height: 262px;}
#focusNews .bd li .con{position: absolute; left: 0; bottom: 0; width: 100%; height: 73px;}
#focusNews .bd li .con .title{position: relative; z-index: 1; padding: 13px 15px; font-size: 14px;}
#focusNews .bd li .con .title a{ color: #fff;}
#focusNews .bd li .con .titleBg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; filter: alpha(opacity=50); opacity: .5; }
#focusNews .hd{position: absolute; bottom: 15px; left: 0; width: 100%; font-size: 0; line-height: 1; text-align: center;}
#focusNews .hd li{display: inline-block; width: 13px; height: 13px; border-radius: 13px; background: #fff; margin: 0 3px; cursor: pointer;}
#focusNews .hd li.on{background: #ebe008;}

/* 头条文章 */
.headNews{float: right; width: 370px;}
.headNews .topicList .t{ padding: 0 0 10px; margin-bottom: 5px;}
.headNews .topicList .t .title{height: 22px; line-height: 22px; margin-bottom: 4px;}
.headNews .topicList .t .title .date{position: static; float: right; padding: 0 0 0 6px;}
.headNews .topicList .t .intro{line-height: 22px;}
.headNews .topicList .n{padding-top: 5px; padding-bottom: 5px; background-position: 0 -63px;}

/* 父列表页循环-左右结构 */
.pageBoxLoop{overflow: hidden; clear: both; margin-top: -15px;}
.pageBoxLoop .pageBox{float: left; width: 330px; height: 245px;}

/* 父列表页循环-上下结构 */
.pageBoxLoopB{overflow: hidden; margin-top: -15px;}
.pageBoxLoopB .pageBox{clear: both;}

.pageBox{ margin-top: 15px; border: 1px solid #ddd; padding: 0 15px;}
.pageBox .hd{height: 44px; line-height: 44px; padding: 0 0 0 10px; border-bottom: 1px solid #eee;}
.pageBox .hd h3 a{font-weight: bold; color: #f60; font-size: 16px;}
.pageBox .hd .more{float: right; font-size: 12px; color: #999;}
.pageBox .bd{padding: 10px 4px;}

/* 友情链接列表 */
.friendLinkList{overflow:hidden;zoom:1;padding: 10px 0 10px 1.5%;}
.friendLinkList li{width: 27.8%;height: 36px;line-height: 36px;padding: 0 3% 0 2%;background: url(../../base/img/icon.png) 0 -60px no-repeat;float:left;overflow: hidden;}


/* 图片列表 */
.mainBox .picList{margin: 0 -8px;}
.mainBox .picList li{width: 220px; margin: 10px 9px 20px;}
.mainBox .picList li .pic img{width: 100%; height: 140px;object-fit:cover;}

.picListFl{margin: 0 -16px; overflow: hidden;}
.picListFl li{float: left; width: 212px; margin: 10px 16px 5px;}
.picListFl li .pic img{width: 100%; height: 159px;}
.picListFl li .title{text-align:center; padding-top: 8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/* 软件下载列表 */
.softList li{height: 70px; line-height: 70px; padding: 0 30px 0 12px; border-bottom: 1px dashed #dbdbdb;}
.softList .downBtn{float: right; }
.softList .downBtn a{float: left; display: block; height: 30px; line-height: 30px; padding: 0 23px 0 39px; margin: 20px 0 0; color: #fff; border-radius: 30px; background: url(../../base/img/icon.png) no-repeat 16px -316px #4085da; }
.softList .downBtn a:hover{background-color: #3978c5; text-decoration: none;}
.softList .title{padding-left: 16px; background: url(../../base/img/icon.png) no-repeat 0 -330px;}
.softList .title a{font-size: 16px; color: #333;}

/* 文章内容 */
.articleCon{padding: 0 20px;}
.printArea .title{padding: 7px 0 15px; font-size: 24px; color: #e94609; text-align: center;}
.printArea .subTitle{font-size: 18px; color:#555; text-align:center; margin-bottom: 20px;}
.printArea .property{height: 24px; line-height: 24px; padding-bottom: 25px; margin-bottom: 20px; border-bottom: 1px dashed #e5e5e5; text-align: center; color: #666; font-size: 0;}
.printArea .property>span{padding: 0 8px; font-size: 12px;}
.printArea .property a{color: #666;}
.printArea .conTxt{font-size: 14px; line-height: 2.57; color: #333;}
.printArea .conTxt img{max-width: 100%; height: auto;}
.printArea .conTxt table{margin:0 auto;}
.articleCon .userControl{height: 40px;line-height: 40px; margin-top: 20px; border-bottom: 1px dashed #e5e5e5; font-size: 14px; }
.articleCon .userControl a{color: #e94609;}
.articleCon .userControl .bdsharebuttonbox{float: right; height: 28px; padding: 5px 0 0; }
.articleCon .userControl .bdsharebuttonbox em{float: left; line-height: 28px; margin-right: 3px;}
.articleCon .userControl .bdshare-button-style2-16 .bds_weixin{background: url(../../base/img/icon.png) no-repeat 0 -382px;}

.articleCon .others{margin-top: 15px; font-size: 14px; color: #333; line-height: 20px;}
.articleCon .others .prev,.articleCon .others .next{padding: 4px 0;}
.articleCon .others a:hover{color: #e94609; text-decoration: none;}
.articleCon .others .date{color: #999;}


/* 信息提示页 */
.Showms{background: #fff;padding: 2% 4%;overflow:hidden;width: 650px;margin:30px auto;}
.Showms .top,.Showms .bottom,.Showms .Shadow{ display:none }
.Showms .MS{overflow:hidden; zoom:1;}
.Showms .titWrong{color:#c00;border-bottom:1px solid #ccc;padding: 10px 0;margin-bottom:15px;font-size:18px;}
.Showms .BUT{padding: 25px 0 15px 0;}
.Showms .BUT a{ padding:0 15px;height:36px; line-height:36px; display:inline-block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer; margin-right:15px;
    background:#eee; border:1px solid #ccc; font-size:14px;
    background: -webkit-gradient(linear,0 0,0 100%,from(#FFFFFF),to(#eee));
    background: -moz-linear-gradient(#FFFFFF, #eee);
    background: -ms-linear-gradient(#FFFFFF, #eee);
    background: -o-linear-gradient(#FFFFFF, #eee);
    background: linear-gradient(#FFFFFF, #eee);
}
.Showms .BUT a:hover{ color:#c00; border:1px solid #aaa; text-decoration:none;}


/*点赞与收藏*/
.likes-group { overflow: hidden; text-align: center; margin-bottom: 30px; height: auto; }
.likes-group li { width: 60px; border-radius: 30px; height: 60px; background: #f0f0f0; display: inline-block; }
.likes-group a { font-size: 12px; padding-top: 28px; display: inline-block; }
.likes-group .Likes { background: url(../../base/img/btnicon.png) no-repeat 4px -103px; }
.likes-group .Collection { background: url(../../base/img/btnicon.png) no-repeat 4px -45px; }
.likes-group .addLikes { background: url(../../base/img/btnicon.png) no-repeat 10px -346px; }
.likes-group .addCollection { background: url(../../base/img/btnicon.png) no-repeat 15px -288px; }

/* 智能标签 */
.articleCon .smart-tags{margin-bottom: 20px !important}

.page{clear:both;}
.picPageList.picVerticle{margin-right: -20px;}
.picPageList.picVerticle li{width: 233px;margin: 0px 20px 20px 0;height: auto;float: left;}
.picPageList.picVerticle li .title{text-align: center;}
.picPageList.picVerticle .pic{width: 213px;height: auto;padding: 9px;}
.picPageList.picVerticle .pic a{height: auto;}
.picPageList.picVerticle .pic img{width: 213px;height: auto;}

.input-group:not([class*="col-"]){width: auto!important;}
.input-group{display: inline-block;min-width: 335px;margin-right: 5px;}
.input-group .form-control{width: 100%!important;}
