@charset "UTF-8";
/* CSS Document */

/* reset */
body{font-size:12px;font-family:'Microsoft YaHei', Arial, Helvetica, sans-serif;color:#000;background:#fff;position:relative}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0;font-size:inherit;}img{border:0 none}li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}a{text-decoration:none;outline:none;color:inherit}a:hover{text-decoration:none}.clear{overflow:hidden;clear:both;float:none}input,button,select,textarea{outline:none}textarea{resize:none}
/* 通用样式 */
body{background:#e8e8e8}
.counts{background:url(../images/icons.png) no-repeat;color:#999;text-indent:20px;display:inline-block;height:20px;line-height:20px;white-space:nowrap;overflow:hidden;}
.author{background-position:0 -124px;}
.viewer{background-position:0 -164px;}
.comment, .reply{background-position:0 -201px;}
.zan{background-position:0 -315px;}
.report{background-position:0 -346px;}

#mediaIndex table{width:100%;}
#mediaIndex{background:#fff;width:960px;overflow:hidden;margin:10px auto;}
#mediaIndex .moerPages, #mediaIndex .moerComments{background:#453a72;width:100%;overflow:hidden;display:block;height:50px;line-height:50px;text-align:center;color:#fff;font-size:18px;border-radius:5px;}
#mediaIndex .moerPages:after, #mediaIndex .moerComments:after{content:'';width:13px;height:13px;background:url(../images/icons.png) no-repeat 0 -239px;display:inline-block;margin-left:10px;}
#mediaIndex .moerPages:hover, #mediaIndex .moerComments:hover{background:#59aee4;}

#mediaIndex .navBar{background:#453a71;overflow:hidden;padding:0 15px;margin:0 0 30px}
#mediaIndex .navBar .mediaLogo{overflow:hidden;width:247px;height:26px;display:inline-block;float:left;margin:12px 20px 0 0}
#mediaIndex .navBar ul{overflow:hidden;height:50px;float:left;display:inline-block;}
#mediaIndex .navBar ul li{float:left;display:inline-block;}
#mediaIndex .navBar ul li a{color:#fff;font-size:18px;width:90px;height:50px;line-height:50px;text-align:center;display:inline-block;}
#mediaIndex .navBar ul li a:hover, #mediaIndex .navBar ul li a.current{background:#59aee4}
#mediaIndex .navBar ul li a.home{background-image:url(../images/icons.png);background-repeat:no-repeat;background-position:15px 20px;padding-left:15px}
#mediaIndex .navBar .navSearch{float:right;display:inline-block;width:225px;height:35px;border-radius:5px;border:0 none;box-shadow:0 0 5px rgba(0, 0, 0, 0.6) inset;margin:7px 0 0;font-size:14px;overflow:hidden;}
#mediaIndex .navBar .navSearch .navSearchInput{width:190px;padding:0 5px;float:left;height:35px;display:inline-block;border:0 none;}
#mediaIndex .navBar .navSearch .navSearchBtn{background:url(../images/icons.png) no-repeat 8px -31px #fff;width:35px;height:35px;display:inline-block;border:0 none;float:left;cursor:pointer;}
#mediaIndex .navBar .navSearch:hover .navSearchBtn{background-position:8px -67px}
#mediaIndex .mediaIndexInner{padding:0 30px 20px;overflow:hidden;}
#mediaIndex .main{float:left;display:inline-block;width:650px;margin-right:30px;margin-right:30px}
#mediaIndex .sliderBar{float:left;display:inline-block;width:220px;}
#mediaIndex .hotTopic{width:100%;overflow:hidden;margin-bottom:30px}
#mediaIndex .hotTopic .hotTopicImage{width:650px;height:300px;overflow:hidden;display:block;margin-bottom:20px}
#mediaIndex .hotTopic .icon{background:#59aee4;width:44px;height:44px;display:inline-block;float:left;border-radius:5px;color:#fff;font-size:16px;text-align:center;padding:0px;margin-right:10px}
#mediaIndex .hotTopic .hotTopicInner{float:left;display:inline-block;width:590px;}
#mediaIndex .hotTopic .hotTopicInner a{display:block;overflow:hidden;width:100%;color:#000;font-size:20px;font-weight:bold;margin-bottom:5px;}
#mediaIndex .hotTopic .hotTopicInner a:hover{color:#016acc;text-decoration:none;}
#mediaIndex .hotTopic .hotTopicInner .counts{width:110px;}
#mediaIndex .hotTopic .hotTopicInner .author{width:175px;}
#mediaIndex .pageList{border-top:1px solid #ddd;}
#mediaIndex .pageList li{width:100%;overflow:hidden;padding:30px 0;border-bottom:1px solid #ddd}
#mediaIndex .pageList .pageImage{float:left;display:inline-block;overflow:hidden;width:180px;height:110px;margin-right:20px;}
#mediaIndex .pageList .pageListInner{float:left;display:inline-block;overflow:hidden;width:450px;}
#mediaIndex .pageList .pageListInner a{color:#222;font-size:20px;}
#mediaIndex .pageList .pageListInner a:hover{color:#016acc;text-decoration:none;}
#mediaIndex .pageList .pageListInner p{color:#999;font-size:14px;margin:10px 0;}
#mediaIndex .pageList .pageListInner .counts{width:100px;}
#mediaIndex .pageList .pageListInner .author{width:175px;}
#mediaIndex .sliderBox{width:100%;overflow:hidden;margin-bottom:30px}
#mediaIndex .sliderBox .sliderBoxTitle{width:100%;overflow:hidden;position:relative;border-bottom:2px solid #eee;height:30px;line-height:30px;color:#000;font-size:16px;font-weight:bold;}
#mediaIndex .sliderBox .sliderBoxTitle .more{width:75px;height:25px;line-height:25px;text-align:center;font-size:12px;font-weight:normal;border:1px solid #ddd;color:#bfbfbf;display:inline-block;position:absolute;top:0;right:0;border-radius:5px;}
#mediaIndex .sliderBox .sliderBoxTitle .more:hover{background:#ebebeb;border-color:#bbb;color:#959595}
#mediaIndex .sliderBox .sliderBoxMain{width:100%;overflow:hidden;}
#mediaIndex .sliderBox .authorList, #mediaIndex .sliderBox .authorList li{width:100%;overflow:hidden;}
#mediaIndex .sliderBox .authorList li{padding:10px 0;border-bottom:1px solid #eee}
#mediaIndex .sliderBox .authorList li > a{float:left;display:inline-block;width:50px;height:50px;margin-right:10px}
#mediaIndex .sliderBox .authorList li .authorName{float:left;display:inline-block;width:160px}
#mediaIndex .sliderBox .authorList li .authorName a{color:#666;font-size:16px}
#mediaIndex .sliderBox .authorList li .authorName a:hover{color:#016acc;text-decoration:none;}
#mediaIndex .sliderBox .authorList li .authorName .authorTitle{color:#999;font-size:12px;display:block;width:100%;padding:10px 0 0}
#mediaIndex .sliderBox .hotpageList, #mediaIndex .sliderBox .hotpageList li{width:100%;overflow:hidden;}
#mediaIndex .sliderBox .hotpageList li{padding:10px 0;border-bottom:1px solid #eee}
#mediaIndex .sliderBox .hotpageList li > a{float:left;display:inline-block;width:50px;height:50px;margin-right:10px}
#mediaIndex .sliderBox .hotpageList li .hotPageInfo{float:left;display:inline-block;width:160px}
#mediaIndex .sliderBox .hotpageList li .hotPageInfo a{color:#666;font-size:14px;display:block;}
#mediaIndex .sliderBox .hotpageList li .hotPageInfo a:hover{color:#016acc;text-decoration:none;}
#mediaIndex .sliderBox .hotpageList li .hotPageInfo .counts{width:70px;}

#mediaIndex .crumb{width:100%;overflow:hidden;margin:0 auto 20px;}
#mediaIndex .crumb a{color:#c2c2c2;font-size:14px;display:inline-block;margin-right:10px;cursor:pointer;}
#mediaIndex .crumb a:hover{text-decoration:none;color:#59aee4;}
#mediaIndex .crumb a:before{content:'>';display:inline-block;margin-right:10px;color:#c2c2c2}
#mediaIndex .crumb a.home{background:url(../images/icons.png) no-repeat 0 -280px;padding-left:20px;}
#mediaIndex .crumb a.home:before{display:none;}
#mediaIndex .pageTitle{width:100%;overflow:hidden;font-size:24px;text-align:center;padding:0 0 10px}
#mediaIndex .pageMain{width:100%;overflow:hidden;}
#mediaIndex .pageMain .counts{width:110px;}
#mediaIndex .pageMain .author{width:260px;}
#mediaIndex .pageMain .fontsizeSet{float:right;display:inline-block;color:#bcbcbc}
#mediaIndex .pageMain .fontsizeSet a{border:1px solid #bcbcbc;display:inline-block;padding:2px 10px;border-radius:10px;margin-left:3px;font-size:12px;cursor:pointer;}
#mediaIndex .pageMain .fontsizeSet a:hover{background:#bababa;color:#fff;border-color:#bababa}
#mediaIndex .pageMain .fontsizeSet a.current{background:#57afdf;color:#fff;border-color:#57afdf}
#mediaIndex .pageMain .grid, #mediaIndex .pageMain .notice{clear:both;border:1px dashed #c2c2c2;padding:15px 20px;margin:10px auto 0;font-size:14px;color:#545454;line-height:20px;}
#mediaIndex .pageMain .grid label{font-weight:bold;}
#mediaIndex .pageMain .notice{font-size:12px;margin:0 auto 50px;}
#pageInner{width:100%;overflow:hidden;margin:20px auto;color:#545454}
#pageInner.bigSize{font-size:20px;line-height:28px;}
#pageInner.normalSize{font-size:16px;line-height:26px; color:#3c3c3c;}
#pageInner.smallSize{font-size:12px;line-height:20px;}
#pageInner.bigSize a{font-size:20px;}
#pageInner.normalSize a{font-size:16px;}
#pageInner.smallSize a{font-size:12px;}

#pageInner p,#down_intro{text-indent:2em; }
#pageInner td p{text-indent:0em; }
#pageInner .icon{border:none; margin:3px 0 0;}
#pageInner img {border:1px solid #ccc; margin:8px auto;}
#pageInner table{table-layout:fixed; border:1px solid black;}
#pageInner a{text-decoration:none; color:#343434; border-bottom: 1px dotted #0099CC; padding-bottom: 2px;}
#pageInner a:hover{color:#D40101;}
#pageInner p{margin:14px 0;}
#pageInner li{list-style:disc inside none;}
#pageInner ul{text-indent:2em;}

#mediaIndex .pageAuthor{margin:0 auto 50px;}
#mediaIndex .pageAuthor .pageAuthorTitle{background:#f8f8f8;height:70px;position:relative;z-index:2}
#mediaIndex .pageAuthor .pageAuthorTitle .name, #mediaIndex .pageAuthor .pageAuthorTitle .role{width:40%;float:left;display:inline-block;margin-top:20px;}
#mediaIndex .pageAuthor .pageAuthorTitle .name{text-align:right;padding-right:10%;font-weight:bold;font-size:16px;color:#696969}
#mediaIndex .pageAuthor .pageAuthorTitle .role{padding-left:10%;color:#979797;font-size:14px;margin-top:20px;}
#mediaIndex .pageAuthor .pageAuthorTitle .photo{width:100px;height:100px;border-radius:50%;position:absolute;display:block;left:50%;top:50%;margin:-50px 0 0 -50px;}
#mediaIndex .pageAuthor .otherPages{border:1px solid #eeeeee;padding:15px;position:relative;}
#mediaIndex .pageAuthor .otherPages .title{font-size:16px;color:#1d1d1d;font-weight:bold;margin:0 auto 15px;}
#mediaIndex .pageAuthor .otherPages .title span{font-size:14px;font-weight:normal;vertical-align:text-top;margin-left:5px;}
#mediaIndex .pageAuthor .otherPages .pageList{overflow:hidden;width:100%;border:0 none;}
#mediaIndex .pageAuthor .otherPages .pageList ul{overflow:hidden;}
#mediaIndex .pageAuthor .otherPages .pageList li{float:left;display:inline-block;width:309px;border:0 none;padding:0}
#mediaIndex .pageAuthor .otherPages .pageList li a{display:block;width:90%;color:#1e1e1e;height:24px;line-height:24px;}
#mediaIndex .pageAuthor .otherPages .pageList li a:hover{color:#016acc;text-decoration:none;}
#mediaIndex .pageAuthor .otherPages .pageList li a:before{content:"·";font-size:26px;color:#b8b8b8;vertical-align:sub;display:inline-block;height:24px;line-height:24px;margin-right:8px;}
#mediaIndex .pageAuthor .otherPages .contral{position:absolute;right:15px;top:15px;width:50px;height:25px;}
#mediaIndex .pageAuthor .otherPages .contral a{width:23px;height:23px;text-align:center;line-height:23px;display:inline-block;float:left;border:1px solid #bbbbbb;color:#bbbbbb;font-weight:bold;}
#mediaIndex .pageAuthor .otherPages .contral a:hover{background:#bbb;color:#fff}
#mediaIndex .pageAuthor .otherPages .contral a:last-child{border-left:0 none}
#mediaIndex .pageCommentForm, #mediaIndex .userCommentsList{width:100%;overflow:hidden;margin:0 auto 30px}
#mediaIndex .pageCommentForm .title, #mediaIndex .userCommentsList .title{font-size:16px;font-weight:bold;color:#1d1d1d;padding:0 0 10px;}
#mediaIndex .pageCommentForm .textarea{width:568px;height:78px;overflow:hidden;float:left;display:inline-block;border:1px solid #dcdcdc;position:relative;}
#mediaIndex .pageCommentForm .textarea textarea{background:#f8f8f8;width:568px;height:78px;border:0 none;padding:10px;font-size:14px;box-shadow: 2px 2px 10px rgba(0,0,0,0.2) inset}
#mediaIndex .pageCommentForm .textarea div{position:absolute;top:0;left:0;width:548px;height:58px;padding:10px;color:#d1d1d1;font-size:16px;}
#mediaIndex .pageCommentForm .textarea div span{display:block;font-size:12px;}
#mediaIndex .pageCommentForm .textarea:hover{border-color:#59afe0}
#mediaIndex .pageCommentForm .textarea:hover textarea{background:#f9fdff;}
#mediaIndex .pageCommentForm .submitComment{background:#59aee4;width:40px;height:60px;text-align:center;display:inline-block;float:left;border:0 none;font-size:16px;padding:20px 20px 0;color:#fff;cursor:pointer;}
#mediaIndex .pageCommentForm .submitComment:active{box-shadow: 2px 2px 10px rgba(0,0,0,0.3) inset}
#mediaIndex .pageCommentForm .userInformation{height:20px;line-height:20px;clear:both;font-size:14px;padding:10px 0}
#mediaIndex .pageCommentForm .userInformation a{color:#0a64d2;margin:0 5px;}
#mediaIndex .pageCommentForm .userInformation a:hover{text-decoration:none;}
#mediaIndex .pageCommentForm .userInformation span{color:#b8b8b8}
#mediaIndex .userCommentsList ul{border-top:2px solid #eeeeee;}
#mediaIndex .userCommentsList ul li{border-bottom:1px solid #dddddd;padding:20px 0 10px;overflow:hidden;}
#mediaIndex .userCommentsList .face{float:left;display:inline-block;width:75px;height:75px;margin-right:20px;}
#mediaIndex .userCommentsList .commentInfo{float:left;display:inline-block;width:550px}
#mediaIndex .userCommentsList .commentInfo .name{background:url(../images/icons.png) no-repeat 0 -123px;height:22px;line-height:22px;display:inline-block;padding-left:20px;color:#1f1f1f;font-size:14px;}
#mediaIndex .userCommentsList .commentInfo .name:hover{color:#016acc;text-decoration:none;}
#mediaIndex .userCommentsList .commentInfo .floor{float:right;text-align:right;color:#c2c2c2;font-size:14px;height:22px;line-height:22px}
#mediaIndex .userCommentsList .commentInfo .commentMain{clear:both;width:100%;overflow:hidden;font-size:14px;color:#989898;padding:10px 0;}
#mediaIndex .userCommentsList .commentInfo .replyMain{border:1px solid #ddd;padding:15px;color:#989898;font-size:14px;}
#mediaIndex .userCommentsList .commentInfo .replyMain div{font-size:12px;color:#b6b6b6;margin-bottom:10px}
#mediaIndex .userCommentsList .commentInfo .replyMain div a{color:#1f1f1f;font-size:12px;margin:0 5px;}
#mediaIndex .userCommentsList .commentInfo .replyMain div a:hover{color:#016acc;text-decoration:none;}
#mediaIndex .userCommentsList .commentInfo .actions{text-align:right;padding:10px 0}
#mediaIndex .userCommentsList .commentInfo .actions .counts{margin-left:20px;cursor:pointer;}
#mediaIndex .userCommentsList .replyComment{background:url(../images/replyBG.png) no-repeat;width:608px;height:111px;clear:both;padding:28px 21px 0;display:none;}
#mediaIndex .userCommentsList .replyComment textarea{width:528px;height:60px;border:1px solid #dedede;float:left;display:inline-block;box-shadow:2px 2px 10px rgba(0,0,0,0.2) inset;padding:10px}
#mediaIndex .userCommentsList .replyComment .submitComment{background:#888;width:80px;height:60px;float:left;display:inline-block;color:#fff;text-align:center;line-height:60px;font-size:14px;}
#mediaIndex .userCommentsList .userInformation{height:20px;line-height:20px;clear:both;font-size:14px;padding:10px 0;}
#mediaIndex .userCommentsList .userInformation a{color:#0a64d2;margin:0 5px;}
#mediaIndex .userCommentsList .userInformation a:hover{text-decoration:none;}
#mediaIndex .userCommentsList .userInformation span{color:#b8b8b8}

/*新加的 */

#mediaIndex .main-position{height:30px; color:#222222; font-size:13px; vertical-align: top;}
#mediaIndex .main-position a:hover{ text-decoration: none;}
#mediaIndex .main-position a{ font-size:13px;}

#mediaIndex .main-left{float:left;display:inline-block;width:650px;margin:0 30px 0 0;}

#mediaIndex .pages{text-align:center; float:left; width:650px; margin:20px 0 0 0;}
#mediaIndex .pages ul.page-list{margin:0; padding: 8px 0;}
#mediaIndex .pages span{ color: #999999; padding-right: 15px;}
#mediaIndex .pages li{display:inline;margin-right:10px;}
#mediaIndex .pages li a{background:#f5f5f5; padding:5px 12px; border:1px solid #d8d8d8; border-radius:0px;text-decoration:none;color:#393839}
#mediaIndex .pages li a:hover{background:#fff;border:1px solid #d8d8d8}
#mediaIndex .pages li i{font-size:12px}
#mediaIndex .pages li.current a{background:#453a71;border:1px solid #453a71;color:#fff}
#mediaIndex .pages li.next-page{margin-left:10px;}
#mediaIndex .pages li.prev-page{margin-right:20px}

#mediaIndex .pageList2{border-top:1px solid #ddd;}
#mediaIndex .pageList2 li{width:100%;overflow:hidden;padding:20px 0;border-bottom:1px solid #ddd}
#mediaIndex .pageList2 .pageImage{float:left;display:inline-block;overflow:hidden;width:80px;height:80px;margin-right:20px;}
#mediaIndex .pageList2 .pageListInner{float:left;display:inline-block;overflow:hidden;width:550px;}
#mediaIndex .pageList2 .pageListInner a{color:#222;font-size:20px;}
#mediaIndex .pageList2 .pageListInner a:hover{color:#016acc;text-decoration:none;}
#mediaIndex .pageList2 .pageListInner .danwei{color:#999;font-size:14px;margin:10px 0;}
#mediaIndex .pageList2 .pageListInner p{margin:15px 0;}
#mediaIndex .pageList2 .pageListInner .counts{width:100px;}
#mediaIndex .pageList2 .pageListInner .author{width:175px;}

#mediaIndex .pageMain .grid2{clear:both;border:1px dashed #c2c2c2;padding:15px 20px;margin:10px auto 0;font-size:14px;color:#545454;line-height:30px;}
#mediaIndex .pageMain span.no{background-position:0px 5px;float:left; background-image: url(../images/round.png); width: 21px; height: 26px;  color: #ffffff;line-height:30px;text-align:center;margin:0 10px 0 0; background-repeat: no-repeat;}
#mediaIndex .pageMain .newtitle{width:120px; margin:0 auto; height:30px; font-size:16px; float:left; text-align:right; padding: 10px 20px 10px 0;}
#mediaIndex .pageMain .newtitle-r{width:510px; margin:0 auto; height:30px; font-size:16px; float:left; padding: 10px 0;}
#mediaIndex .pageMain .newtitle-r input{height:30px; width:500px; font-size:13px;padding:10px; border:solid 1px #ccd3e4;}
#mediaIndex .pageMain .newtitle-r2{width:510px; margin:0 auto; font-size:16px; float:left; padding: 10px 0; }
#mediaIndex .pageMain .newtitle-r2 textarea{width:500px; font-size:13px; padding:10px; border:solid 1px #ccd3e4;}


#mediaIndex .moerComments2{background:#453a72;width:98%;overflow:hidden;display:block;height:40px;line-height:40px;text-align:center;color:#fff;font-size:18px;border-radius:5px;}
#mediaIndex .moerComments2:after{content:'';width:13px;height:13px;display:inline-block;margin-left:10px;}
#mediaIndex .moerComments2:hover{background:#59aee4;}