@charset "utf-8";
/*css reset*/
body,p,form,input,button,dl,dt,dd,ul,ol,li,h1,h2,h3,h4{list-style:none;margin:0;padding:0}body,button,input,select,textarea{font:14px Arial, Helvetica, sans-serif;color:#0B233B}input,select,textarea{font-size:100%}a{text-decoration:none;color:#0B233B}a:hover{text-decoration:none;color:#FF6002}.clearfix:after{display:block;content:".";height:0;visibility:hidden;clear:both;font-size:0;line-height:0}.clearfix{zoom:1}img{border:0 none;vertical-align:top}em{font-style:normal}button::-moz-focus-inner{border:none;padding:0}.fl{float:left}.fr{float:right}.ml{margin-left:10px}.mt5{margin-top:5px}.mb{margin-bottom:10px}.none{display:none}.mt,.mt10{margin-top:10px}.mt20{margin-top:20px;}

.w980{width:980px; margin:0 auto; line-height:22px;}
button{cursor:pointer;}

.delivery, .slide .next2, .slide .prev2, .fixed li a, .leftCon li li a, .leftTitle, .picSlide ul li, .uploadBtn, .collectHead, .yellowBtnSmall, .blueBtn, .logBtn, .regLog h4, .smallBtn, .searchResultUl li, .name button, .motion, .blueMod li, .searchChecked,  .btn a, .search .sbmt, .leftBottomBorder, .leftTopBorder, .nav{background:url(../images/spirit.png) no-repeat;}
/*index页面*/
.index{background:url(../images/indexBg.jpg) repeat center top;}
.indexIn{position:relative; width:1200px; height:830px; margin:0 auto;}
.navImg a{position:absolute; display:block; width:194px; height:45px; text-indent:-999em;}
.class{top:220px; left:50%;margin-left:-97px; background:url(../images/class.png) no-repeat;}
.class:hover{background:url(../images/classHover.png) no-repeat;}
.read{top:325px; left:150px; background:url(../images/read.png) no-repeat;}
.read:hover{background:url(../images/readHover.png) no-repeat;}
.use{top:470px; left:0; background:url(../images/use.png) no-repeat;}
.use:hover{background:url(../images/useHover.png) no-repeat;}
.ask{top:220px; right:320px; background:url(../images/ask.png) no-repeat;}
.ask:hover{background:url(../images/askHover.png) no-repeat;}
.compete{top:325px; right:150px; background:url(../images/compete.png) no-repeat;}
.compete:hover{background:url(../images/competeHover.png) no-repeat;}
.movie{top:470px; right:0; background:url(../images/movie.png) no-repeat;}
.movie:hover{background:url(../images/movieHover.png) no-repeat;}
.centerImg{position:absolute; width:422px; height:354px; top:400px; left:390px; padding:10px 0 0 13px; background:url(../images/centerBG.png) no-repeat;}
/*详情页*/
    /*head*/
.head{padding-top:40px;}
.top{height:30px; background-color:#EBEBEB; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
.top li{float:left; line-height:30px;  padding:0 10px 0 0;}
.search{float:left; width:500px; height:32px; margin:15px 0 0 30px; font-size:12px; border:2px solid #2F78C9;}
#searchMenu{position:relative; float:left; width:70px; height:32px;}
.searchChecked{padding:0 10px; line-height:32px; background-position:-96px 14px; cursor:pointer;}
.searchCheckedNoBg{background:none; padding:0; text-align:center;}
.search ul{position:absolute; display:none; width:70px; top:32px; left:-2px; line-height:32px; background-color:#fff; border:2px solid #2F78C9; border-top:none;}
.search li{height:22px; line-height:22px; text-align:center; cursor:pointer;}
.searchLiHover{background-color:#F4F4F4;}
.search input{float:left; height:32px; line-height:32px; border:0; background:none;}
.textIpt{width:342px;}
.search .sbmt{width:88px; height:32px; background-position:1px 0; cursor:pointer;}
    /*logo*/
.logo{padding-bottom:40px;}
.logo img{float:left;}
    /*导航*/
.crumb{padding:10px 0;}
.crumb a{padding:0 5px;}
.nav{height:42px; line-height:42px; background-position:0 -35px; background-repeat:repeat-x;}
.nav li{float:left; line-height:42px;}
.nav li a{display:inline-block; padding:0 0 0 15px; color:#fff;}
.nav li span{padding-right:15px; border-right:1px solid #75A8F1;}
.nav li a:hover{margin-left:-1px; padding:0 0 0 16px; background-color:#FF8400; color:#fff;}
.nav li a:hover span{border-right:1px solid #FF8400;}

.content{position:relative; padding-bottom:40px;}
    /*左侧内容*/
.left{width:215px;}
.yellowMod{background-color:#FF6300;}
.leftTopBorder{height:8px; background-position:0 -80px;}
.leftBottomBorder{display:block; width:215px; _width:225px; height:10px; background-position:0 -94px; _background-position:10px -94px;}
.leftCon{padding:10px; background-color:#fff; border-left:5px solid #ff6000; border-right:5px solid #ff6000;}
.leftTitle{padding-left:10px; background-position:0 -694px;}
.leftTitle h4{float:left; width:80px; height:30px; padding-bottom:5px; text-align:center; line-height:30px; color:#FCCC99; font-size:14px; font-family:"microsoft yahei"; cursor:pointer;}
.leftTitle h4.cur{color:#fff; font-size:16px;}
.leftCon li a{display:block; height:25px; line-height:25px; padding-left:10px;}
.leftCon .cur, .leftCon li a:hover{background:url(../images/liHoverBg.png); color:#FF8400; font-weight:bold;}
.leftCon li ul{display:none; padding-left:12px; font-size:12px;}
.leftCon li li a{background-position:-208px 12px;}
.leftCon li li a:hover{background:url(../images/spirit.png) -208px -106px no-repeat; font-weight:normal;}
.blue h4{height:30px; padding-left:15px; color:#fff; line-height:30px; background:url(../images/shortTitleBg.png) no-repeat; font-weight:normal;}
.blue ul{padding:0 35px 20px; background-color:#EDF4FD;}
.blue ul li{padding-top:20px;}
.blue li p{padding-top:5px; text-align:center;}
    /*右侧内容*/
.right{width:755px;}
.h5{height:30px; line-height:30px; color:#fff; padding-left:8px; margin:0; background:url(../images/titleBgSpirit.png); font-size:14px; font-weight:normal; overflow:hidden; zoom:1;}
.h5 span{position:relative; display:block; height:30px; background:url(../images/titleBgSpirit.png) right bottom;}
.h5 span input{vertical-align:middle;}
.h5 span em{position:absolute; width:125px; top:0; _top:5px; right:15px; font-size:12px; font-weight:normal;}
.h5 a{float:right; padding-right:8px; font-size:12px; color:#8FC3FF;}
.rightCon{padding:25px 25px 40px; background-color:#EDF4FE;}
.text{width:500px; padding-left:27px; font-size:14px; line-height:22px;}
.rightCon h2{margin-bottom:15px;}
.text p{margin-bottom:20px;}
.rightCon .img{float:left;}
.book{padding:35px 0; background-color:#F3F3F3;}
.book ul.clearfix{height:290px; margin-bottom:50px; padding-bottom:13px; background:url(../images/bookBg.png) no-repeat left bottom;}
.book ul.clearfix li{position:relative; float:left; width:170px; height:245px; padding-left:60px;}
.blue ol{padding:5px 5px 10px 10px; background-color:#EDF4FD;}
.blue ol li{line-height:26px;}
.blue ol b{float:right; font-weight:normal; color:#A7A7A7; font-size:12px;}
.blue ol li span{padding-right:2px;}
.blue ol li span.hot{color:#FF6000;}
.meta{color:#A7A7A7; font-size:12px;}
.gameCon{text-align:center;}
.btn a{display:inline-block; width:132px; height:48px; line-height:46px; text-align:center; font-weight:bold; font-size:18px; font-family:"microsoft yahei"; color:#fff; background-position:0 -112px;}
p.btn a.blue{margin-left:12px; background-position:0 -163px;}
/*百度分享*/
#bdshare span{float:left; *line-height:26px;}
/*footer*/
.footer{padding-top:40px; border-top:1px solid #0D223D; line-height:28px; text-align:center;}

/*专家咨询*/
.pageBanner{padding-bottom:10px;}
.mod{border-radius:5px;}
.left .mod{width:215px;}
.blueMod dl, .mod dl{padding:12px 10px;}
div.mod dt{text-align:center;}
.mod dt img{width:170px; height:145px;}
.blueMod{background-color:#EDF4FD; border-radius:5px;}
.blueMod ul{padding:15px;}
.intentLi{padding-bottom:15px;}
.intentLi h6{margin:20px 0 0 0; padding-left:10px; font-size:14px; font-weight:bold;}
.intentLi ul{padding:5px 15px 0 20px;}
.searchResultUl li, .blueMod li{height:22px; padding-left:10px; background-position:-212px 9px; overflow:hidden;}
.blueMod li span{float:right; padding-left:5px; font-size:12px;}
.redTxt{color:#FF0000;}
.greenTxt{color:#009107;}
.greyTxt{color:#B6B6B6;}
.blueTxt{color:#2576D2;}
.yellowTxt{color:#FF8400;}
.question{padding:15px 20px; border:1px solid #FFCC00; border-radius:3px;}
.question h3{margin-bottom:10px; overflow:hidden;}
.wordLeft, .question h3 span{float:right; color:#838383; font-size:12px;}
.question textarea{width:710px; height:90px; border:1px solid #ccc; background:none; resize:none; overflow:auto;}
.motion{display:block; width:40px; height:25px; padding-left:25px; font-size:12px; background-position:-133px -111px; cursor:pointer;}
.name{float:right;}
.name input{width:55px; height:18px; padding-left:10px; line-height:18px; *height:20px; *line-height:20px; border:1px solid #ccc;}
.name button{width:81px; height:33px; border:none; background-position:-134px -135px; margin-left:35px; font-weight:bold; color:#fff;}
a.askHistory{position:absolute; top:0; left:50px; color:#FFFC00; font-size:12px; font-weight:normal; padding-left:25px;}
a.refresh{float:none; color:#fff; padding-left:10px;}
.QA{background-color:#EDF4FD; border-radius:5px; font-size:12px;}
.QAIn{padding:25px;}
.QAIn dl{position:relative; padding:20px 25px;  border:1px solid #ccc; background-color:#fff;}
.QAIn dt{width:50px; padding:2px; margin-right:25px; background-color:#fff; border:1px solid #ccc;}
.QAIn dt img{width:50px; height:50px;}
.QAIn dd{float:right; width:570px;}
.QAIn .A{border-top:none;}
.askIcon, .answerIcon{position:absolute; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; top:0; left:0; font-weight:bold;}
.askIcon{background-color:#FF8400;}
.answerIcon{background-color:#3685DD;}
.QA .bdshare_t{position:absolute; bottom:10px; right:15px;}
input.noBgReset{background:none; border:none; font-size:12px;}
/*分页导航*/
.pageNav{width:35%; margin:10px auto; font-size:12px; overflow:hidden;}
.pageNav li{float:left;}
.pageNav li a, .pageNav li span{float:none; padding:0 5px;}
table{width:100%; font-size:13px;}
table, td{border-collapse:collapse; border:1px solid #ddd;}
td{background-color:#fff; padding:10px 15px;}
th{border:none; background-color:#DAE1E9; padding:10px 15px;}
.num{text-align:center;}
/*搜索结果*/
.numList li{background:none; padding-left:0;}
.numList li b{font-weight:normal; padding-right:3px;}
.numList li .hot{color:#FF6002;}
.searchResult{background-color:#EDF4FD; border-radius:5px; font-size:12px;}
.searchResultIn{padding:15px; font-size:14px;}
.searchResultUl li{height:26px; line-height:26px; background-position:-212px 10px;}
.searchResultUl li span{float:right;}
.right h2{/*text-align:center;*/ font-size:14px; /*font-weight:normal;*/}
.searchResult .meta{width:50%; margin:10px auto;}
.searchResult .meta span{float:left; padding-right:10px;}
.post{text-indent:2em; line-height:24px;}
.searchResult h2{border-top:1px dotted #0D2241; padding-top:25px; text-align:center;}
.postNav a{float:left; display:inline-block; width:49%; padding-top:30px; text-indent:0;}
.postNav .next{text-align:right;}
/*用户中心*/
.middle{width:530px; margin-left:225px;}
.tip{padding:10px 20px; border-radius:3px; border:1px solid #FFCC01;}
.blueModIn{padding:10px 15px;}
.item{position:relative; margin-top:10px; overflow:hidden;}
.item label{float:left; width:45px;}
.item input{float:left; width:183px; height:22px; line-height:22px; border:1px solid #CBCDCC;}
.item .file{width:80px;}
.item .clear{border:none; background:none; cursor:pointer; font-size:12px;}
.labelR, .labelR img{float:left;}
.labelR{width:400px; padding:3px 0 0 61px;}
.labelR a{float:left; padding:48px 0 0 20px; font-size:12px;}
.view{float:left; display:inline-block; width:60px; height:22px; margin-left:5px; text-align:center; background-color:#F1F1F1; border:1px solid #ccc;}
.iptFile{position:absolute; width:150px; top:0; left:45px; opacity:0; filter:alpha(opacity=0); overflow:hidden;}
.iptFile input{width:150px; height:24px; line-height:24px;}
.smallBtn{float:left; width:72px; height:27px; border:none; background-position:-143px -171px; font-size:12px; color:#fff; cursor:pointer;}
.query{margin-top:15px; font-size:12px;}
.query button{float:right; display:inline; margin:-1px 270px 0 0;}
.whiteTable{font-size:12px;}
.whiteTable th{border:1px solid #DDDDDD; background-color:#FAFAFA;}
.goldCoin{padding:10px 35px;}
.goldCoin dl{float:left; width:80px; padding:0 45px 0 0; font-size:12px;}
.goldCoin dl.last{padding-right:0;}
.goldCoin .smallBtn{margin-top:5px;}
/*科普竞赛页面*/
.blueMod dt{text-align:left;}
.middleTable{padding:5px;}
.blueMod .pageNav{width:46%;}
.blueMod .pageNav ul{padding:0;}
.blueMod .pageNav li{background:none; padding:0;}
.blueMod dd{padding-top:5px;}
/*注册登录页面*/
.regLog{border:1px solid #CDCDCD; font-size:12px;}
.regLog h4{height:32px; padding-left:15px; line-height:32px; background-position:0 -213px; background-repeat:repeat-x; border-bottom:1px solid #CDCDCD; font-size:14px;}
.logIn{padding:20px 30px 25px 90px;}
.item{overflow:hidden;}
.item label{float:left; width:50px; padding-right:10px; text-align:right;}
.item input{float:left; width:248px; height:22px; line-height:22px; border:1px solid #CDCDCD;}
.logL{float:left; width:515px;}
.regLog .item img{width:80px; height:24px; padding-left:5px;}
.item a{padding-left:25px; color:#125EA9; font-size:12px;}
.item a:hover{text-decoration:underline;}
.logL .last{padding-left:60px;}
.logL .last label{width:92px; text-align:left; padding-right:0;}
.sex input, .logL .last input{float:none; width:15px; border:none; vertical-align:middle;}
.logBtn{width:102px; height:42px; border:none; background-position:0 -248px; color:#fff; font-weight:bold; cursor:pointer;}
.logR{float:left; width:302px; padding:0 0 20px 40px; border-left:1px solid #CDCDCD; font-size:13px;}
.blueBtn{display:block; width:112px; height:38px; line-height:34px; text-align:center; background-position:-104px -248px; margin-top:35px; color:#fff; font-weight:bold;}
.blueBtn:hover{color:#fff;}
.dotted{border-bottom:1px dotted #CDCDCD;}
.logR .dotted{padding-bottom:20px;}
.logL .item{margin-bottom:30px;}
.reg{display:none;}
.reg .item{margin-bottom:20px;}
.reg .item label{width:94px;}
.reg p{margin-top:36px;}
input.shortIpt{width:110px;}
.regLog .redTxt{padding-left:10px;}
.reg .last{padding-left:103px;}
.protocol{width:600px; height:80px; padding:15px 10px; margin-top:15px; border:1px solid #CDCDCD; overflow-y:auto; color:#676767;}
.protocol p{margin-top:10px; text-indent:2em;}
.protocol h3{text-align:center;}
.reg .logBtn{width:192px; background-position:0 -292px;}

/*科普作品征集*/
.yellowBtnSmall{display:inline-block; width:48px; height:27px; line-height:27px; text-align:center; background-position:0 -487px; color:#fff; font-size:12px;}
.yellowBtnSmall:hover{color:#fff;}
.slide{padding:20px 0;}
.slide dl{position:relative; float:left; display:inline; width:176px; margin-right:7px; padding:0;}
.slide dl.last{margin-right:0;}
.slide dd{text-align:center;}
.slide dd span{font-size:12px;}
.slide dt .img{padding:5px 5px 15px; background-position:0 -336px;}
.slide .img img{width:162px; height:128px; border-radius:20px;}
.slide .next2, .slide .prev2{float:left; display:inline-block; width:12px; height:160px; background-position:-76px -731px; cursor:pointer;}
.slide .next2{background-position:-57px -731px;}
#slideIn{position:relative; float:left; width:730px; height:197px; overflow:hidden;}
.noBg #slideIn{width:848px;}
#slideCon{position:absolute; width:100000px;}
.slideBelowTable{padding:0 25px;}
.collectHead{padding:10px 0 20px 85px; background-position:-185px -339px;text-indent:2em; border-bottom:1px dotted #A8A8A8;}
.collectHead .upload{position:relative; margin-top:20px; font-size:12px;}
.collect{margin-top:10px;}
.collect div{float:left; width:205px; height:400px; padding:10px 15px; font-size:12px; line-height:24px; border-right:1px solid #FFCC00;}
.collect .last{border:none;}
.collect h4{font-size:14px; color:#FF8400;}
.distribute label{width:60px;}
.item textarea{float:left; width:248px; height:85px; overflow:auto;}
.distribute .iptFile{width:318px; left:70px;}
.distribute .iptFile input{width:318px;}
.distribute .file{width:248px;}
.item .errorTip{padding-left:10px; font-size:12px;}
.uploadBtn{display:block; width:102px; height:32px; margin-left:24px; line-height:28px; font-size:13px; color:#fff; background-position:-50px -488px; cursor:pointer;}
.upload .iptFile{width:auto; height:32px; left:-66px; _left:-166px;}
.upload .iptFile input{height:32px;}
.feedBack{text-align:right;}
.feedBack .h5{text-align:left;}
.feedBack textarea{width:192px; height:110px; text-align:left; margin-bottom:10px; overflow:auto; resize:none; border:1px solid #ccc;}
.getWork{position:relative; width:215px; height:528px; background:url(../images/getWork.png) no-repeat;}
.getWork a{position:absolute; display:block; width:135px; height:135px; left:50px; top:15px; text-indent:-999em;}
.getWork .picWork{top:200px}
.getWork .videoWork{top:380px}

/*科普影院 - 列表*/
.movieList dl{overflow:hidden; margin:10px 0 15px 0; padding-bottom:20px; border-bottom:1px dotted #0D2241; font-size:12px;}
.movieList dt{float:left; width:200px;}
.movieList dd{float:right; width:490px; line-height:24px; font-size:13px;}
.movieList dt img{width:200px; height:130px;}
.movieList .views{font-size:14px;}
.movieList .btn{margin-top:25px;}
.proName{line-height:40px; font-size:12px; text-align:center;}

/*科普影院-内页*/
.moviePg{background:url(../images/movieIn.png) no-repeat center -1px #000;}
.w910{width:910px; margin:0 auto; color:#fff;}
.moviePg h3{padding-top:35px; text-align:center; font-weight:normal; font-size:14px;}
.video{width:825px; height:375px; margin:87px 0 0 46px; overflow:hidden;}
.videoDesc{margin-top:100px; padding-bottom:50px; overflow:hidden; zoom:1; line-height:24px; background:url(../images/movieInBg.png) left bottom repeat-x;}
.videoDesc .l{width:700px; padding-right:25px;}
.videoDesc .r{float:right; width:150px; padding:0 0 15px 30px; border-left:1px solid #333;}
.videoDesc .r a{color:#FD8400;}
.noBg h5{font-size:14px; margin:0;}
.noBg dt .img{margin-bottom:10px;}
.noBg dl a{color:#fff;}
.noBg .slide{padding-left:15px;}
.noBg .slide dl{margin-right:38px;}
.noBg .slide dl.last{margin-right:0;}
.noBg #slideIn{display:inline; margin-left:20px;}
.moviePg .footer{margin-top:50px; padding-bottom:50px; color:#fff; border-top:1px solid #fff;}

/*科普体验馆*/
.slideList{width:755px; overflow:hidden;}
.slideList .slide{width:775px; padding-left:15px;}
.slideList dl{margin-bottom:20px;/* z-index:0;*/}

/*科普大讲堂列表*/
.deepGreyTable th{background-color:#EBEBEB; border:1px solid #DDDDDD;}
.picSlide{padding-bottom:10px; font-size:12px;}
.picSlide ul{float:right; overflow:hidden; zoom:1;}
.picSlide ul li{width:230px; height:60px; padding:5px 5px 10px 10px; line-height:21px; background-position:0 -613px; background-repeat:repeat-x; overflow:hidden;}
.picSlide li p{padding-top:5px;}
.picSlide ul li.cur{background-position:0 -524px;}
.picSlide .pic img{width:510px; _width:507px; height:225px;}
.pic{width:510px; _width:507px; height:225px;}

.fixed{position:absolute; width:30px; top:80px; right:-30px; font-size:12px; line-height:16px;}
.fixed li a{display:block; width:14px; padding:5px 8px;}
.fixed li a{background-position:-29px -737px;}
.fixed .cur a, .fixed li a:hover{font-weight:bold; color:#0D223F; background-position:0 -737px;}
.index .footer{color:#fff; border-top:none; padding-bottom:20px;}
.index .logo{float:none; padding-top:45px;}
.logo{float:left; width:325px; overflow:hidden; zoom:1;}
.logo h2{float:right; width:100px; height:60px; line-height:60px; color:#333; font-weight:normal; font-size:16px; font-family:"黑体";}
.index .logo h2{color:#fff;}
.picSlide li.cur a, .picSlide li.cur a:hover{color:#3281DB; font-weight:bold;}
div.hover, dl.hover{position:absolute; display:none; width:256px; padding:5px; border:4px solid #999; font-size:12px; background-color:#fff; overflow:hidden; zoom:1; z-index:2;}
div.hover{padding:20px; text-align:left;}
.hover dd{float:right; width:146px; padding-left:10px; text-align:left;}
.hover dt{float:left; width:100px;}
.hover dt img{width:100px; height:130px;}
.yellowLnk{color:#FF8302;}
.slide .hover{display:none; width:175px; top:80px; left:120px;/* z-index:2; zoom:1;*/}
.slide .hover dt{width:auto; padding:20px; text-align:left;}
.onlyForFileIpt{cursor:pointer;}
.delivery{width:85px; height:35px; border:none; color:#fff; font-weight:bold; background-position:-133px -133px; cursor:pointer;}
.hover .btn a{display:inline-block; width:72px; height:28px; line-height:26px; text-align:center; color:#fff; font-size:12px; font-weight:normal; background:url(../images/twoBtn.png) no-repeat; font-family:Arial,Helvetica,sans-serif;}
.hover .btn a.blu{background-position:-75px 0;}
.book .hover{width:198px; top:110px; left:140px;}
.book .hover dt{width:158px; padding:20px;}

/*表情*/
.qqFace{background:#fff; padding:8px; border:1px #dfe6f6 solid;}
.qqFace table{width:auto;}
.qqFace table td{padding:2px;}
.qqFace table td img{cursor:pointer; border:1px #fff solid; }
.qqFace table td img:hover{border:1px #0066cc solid;}

/*搜索结果页调整字体*/
.adjustFont{cursor:pointer; font-weight:normal;}

.imgBg{position:absolute; width:175px; height:150px; top:0; left:0; background:url(../images/slideImgBg24.png) no-repeat; _background:url(../images/slideImgBg.png) no-repeat;}