/* CSS Document */
html {overflow-y:scroll;overflow-x:auto;}
body {margin:0;color:#45464b;font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;}
ul, ol, li, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, input {margin:0;	padding:0}
h1, h2, h3, h4, h5, h6 {font-size:12px;	font-weight:normal}
img, fieldset {	border:0}
li {	list-style:none}
em,i,b{ font-style:normal;}
select, input, img {	vertical-align:middle}
select, input, textarea {	font-size:12px}
td,li,div,span{
	/* word-break:break-all;
	word-wrap:break-word; */
}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden; font-size:0px; overflow:hidden; clear:both;}
.clearfix {display: inline-block;}

.cf:before,.cf:after {content:"";display:table;}
.cf:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; font-size:0px; overflow:hidden; clear:both; }/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }


body{ background:#fff url("") repeat-x top center; font-family:'Î¢ÈíÑÅºÚ','Microsoft YaHei',tahoma; color:#45464b;}
body{scrollbar-arrow-color:#278bd1;
scrollbar-face-color:#f4f9fd;
scrollbar-shadow-color:#e5f4fb;
scrollbar-3dlight-color:#d9e7f5;
scrollbar-darkshadow-color: #cbddee;
scrollbar-highlight-color: #f4f9fd;}


.fl{ float:left;}
.fr{ float:right;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
label,input,checkbox{ vertical-align:middle;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mt30{ margin-top:30px;}
.ml10{ margin-left:10px;}
.ml18{ margin-left:18px;}
.ml25{ margin-left:25px;}
.mr18{ margin-right:18px;}
.mr40{ margin-right:40px;}
a{ color:#333; text-decoration:none;star:expression(this.onFocus=this.blur());}
a:hover{ color:#278bd1; text-decoration:underline; }
a:focus {  outline: none;  outline: 5px auto -webkit-focus-ring-color;  outline-offset: -2px;}
a:hover, a:active { outline: 0; }
.fcBlue,a.fcBlue{ color:#0879ad;}
.fcBlue1,a.fcBlue1{ color:#278bd1;}
.fcWhite,a.fcWhite{ color:#fff;}
.fcRed,a.fcRed{ color:#d63606;}
.fcOrange{ color:#ff7f00;}
a.fcWhite:hover{ text-decoration:underline;}
a.textUnder{ text-decoration:underline;}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.fb{ font-weight:bold;}
.bd{ border:1px solid #e1e1e1;}

.wid213{ width:213px;}
.wid554{ width:554px;}
.wid777{ width:777px;}


/*===============================index.html==================================================*/

/*news-list*/
.news-list {padding:8px 6px 10px 10px;}
.news-list li {	height:26px;	overflow:hidden;	padding:0 0 0 9px;	line-height:26px; background:url(img/point.jpg) no-repeat 1px 10px;}
.news-list li .date {	float:right;	color:#999;}
.news-list li .type {	float:left;	width:48px;	overflow:hidden;}
.news-list li i {	padding:0 9px;	color:#999;	font-style:normal;	font-family:SimSun;}
.news-list li a {	word-break:break-all; }

/*picTxt*/
ul.picTextList{display:block;}
ul.picTextList li{ padding:10px 0 0px;margin: 0 10px;}
ul.picTextList .image {float: left;height: 64px;width: 48px;overflow: hidden;}
ul.picTextList .text { float: left; margin-left:5px;width: 130px; text-align:left;}
ul.picTextList  li a .text h4 {color: #333;width: 10em;white-space: nowrap;word-wrap: normal;-o-text-overflow: ellipsis;text-overflow: ellipsis;o-text-overflow: ellipsis;overflow: hidden;padding-bottom: 3px; font-size:14px;}
ul.picTextList  li a:hover .text h4{ color:#278bd1;}
ul.picTextList  li a .text p {color: #a8a8a8;padding-bottom: 6px;}
ul.picTextList li.last{ padding-bottom:10px;}

/*dashedList*/
ul.dashedList{padding:0px 6px 10px 10px;}
ul.dashedList li{ margin-top:5px; background:url(img/dashedLine.gif) repeat-x bottom; padding-bottom:1px;}
ul.dashedList h4{ line-height:1.6em;white-space: nowrap;word-wrap: normal;-o-text-overflow: ellipsis;text-overflow: ellipsis;o-text-overflow: ellipsis;overflow: hidden;}
ul.dashedList h4 a{ font-size:14px;}
ul.dashedList p{ color:#999; padding-bottom:5px;}
ul.dashedList li.last{ background:none;}
ul.dashedList li.last p{ padding-bottom:0;}


/*topNav*/
.topNav{ height:34px; line-height:34px; background:#ececec; border-bottom:1px solid #d5d5d5; color:#333;}
.topNav a{ margin-left:10px; color:#3f516b;}
.topNav span{ color:#F00;}

.wrap{ margin-left: auto; margin-right:auto; width:1000px; }

/*banner*/
.banner{ padding-left:45px; padding-top:30px; height:91px; background:url(../../../images/mainBanner.jpg) no-repeat;}
.webTitle{ width:269px; height:29px; background:url(img/webTitle.png) no-repeat;}

/*nav*/
.nav{ height:39px; line-height:39px; border:1px solid #e9e9e9; background:#fffcef;}
.nav a,.eventNavCon a{ margin-left:13px; margin-right:23px; color:#666666; font-size:16px; height:29px; line-height:29px; display:inline-block; background:#ff421d; color:#fff; text-decoration:none; padding:0 12px; margin-top:5px; }
.nav a.now,.nav a:hover,.eventNavCon a.now ,.eventNavCon a:hover{ color:#fff; text-decoration:none; background:#f40202;}

/*column*/
.column{ background:#fff;}
.columnTitle{ height:30px; background:url(img/titleBg.jpg) repeat-x; line-height:30px; font-size:14px; text-indent:10px;}
a.more{ margin-right:5px; font-size:12px; float:right; color:#666;}
a.more i{ font-family:tahoma; font-size:10px;}
.columnTitle em{ float:right; margin-right:5px; font-size:12px;}



/*focus*/
.focus{ height:224px; background:#960;}


/*bookList*/
ul.bookList{ margin-left:10px;}
ul.bookList li{ margin-right:0; margin-left:0; width:265px;height:128px; overflow:hidden; background:url(img/dashedLine.gif) repeat-x bottom; padding-bottom:12px; float:left;}
ul.bookList li .image{ width:100px; height:128px;}
ul.bookList li .text{ width:150px;}
ul.bookList li .text h4{ width:100%;white-space: nowrap;word-wrap: normal;-o-text-overflow: ellipsis;text-overflow: ellipsis;o-text-overflow: ellipsis;overflow: hidden;}
ul.bookList li .text p{ height:57px; overflow:hidden;}
ul.bookList li .text p.info{ height:22px; white-space: nowrap;word-wrap: normal;-o-text-overflow: ellipsis;text-overflow: ellipsis;o-text-overflow: ellipsis;overflow: hidden;color:#999;}
ul.bookList li.last{ background:none;}


ul.bookList2{}
ul.bookList2 li a.fcBlue{ margin-right:5px;}

/*bookReview*/
.bookReview{ width:100%; height:203px; overflow:auto; }
ul.reviewList{padding:0px 6px 10px 10px;}
ul.reviewList li{ margin-top:8px; border-bottom:1px solid #d5d5d5;}
ul.reviewList li h4{line-height:1.8em;white-space: nowrap;word-wrap: normal;-o-text-overflow: ellipsis;text-overflow: ellipsis;o-text-overflow: ellipsis;overflow: hidden;}
ul.reviewList li h4 .date{ float:right; color:#999;}
ul.reviewList li p{ padding-top:5px; padding-bottom:8px; color:#666;}
ul.reviewList li p.date1{ color:#999; padding-bottom:0;}


/*times*/
.times{ border:1px solid #b2daff; height:30px; line-height:30px; background:url(img/times) no-repeat 20px 4px; color:#5b86a4; padding-left:113px;}
.guancang{ background:url(img/guancang.jpg) no-repeat 20px 5px; padding-left:100px;}
.users{ background:url(img/users.jpg) no-repeat 20px 5px; padding-left:100px;}
.media{ background:url(img/media.jpg) no-repeat 20px 5px;padding-left:133px;}
.school{ background:url(img/school.jpg) no-repeat 20px 5px; padding-left:120px;}

/*rank*/
ul.rankTitle{ float:right;  width:100px;}
ul.rankTitle li{ float:left; font-size:12px; height:21px; margin-top:8px; width:44px; line-height:20px; }
ul.rankTitle li a{font-size:12px;}
ul.rankTitle li.now{border:1px solid #b2daff; border-bottom:0 none; background:#fff;}

.rank-list {	padding:7px 10px 12px 12px;}
.rank-list li {	position:relative;	height:28px;	overflow:hidden;	padding:0 0 0 26px; line-height:28px;	text-align:left;}
.rank-list em {	position:absolute;	top:8px;left:0;	width:16px;	height:16px;	overflow:hidden;	background-color:#bdbdbd;	color:#fff;
	text-align:center;	line-height:16px;}
.rank-list .n1 {	background-color:#f60;}
.rank-list .title {	word-break:break-all; color:#333;}

/*feedBack*/
.feedBack{ background:url(img/feedaback) no-repeat top center; padding-top:60px;}
.feedBack p{ margin:0 10px 10px;}
.feedBack form{ margin:10px;}
.feedBack  li{ line-height:1.8em;}
.btn{ padding-left:10px; padding-right:10px; line-height:1.6em; margin-bottom:13px;}
.feedBack label{ margin-left:5px;}


/*friend*/
.friend{ background:#f4f4f4; padding:15px;}
.friendTitle{float: left;position: relative;width: 70px;}
.friendCon{margin-left: 05px;}
.friendCon a{ margin-right:15px; color:#0879ad;}

/*footer*/
.footer{ clear:both;  background:#ebf5fc; color:#6e757f;  line-height:1.8em; padding-top:25px; padding-bottom:30px;}
.footer  ul{ width:250px; margin-left:auto; margin-right:auto;}
.footer li{ float:left; padding-right:5px;}


/*===============================library.html==================================================*/
.search{ position:relative; height:33px;}
.searchIn{ width:152px; border:2px solid #278bd1; border-width:2px 0 2px 2px; height:29px; line-height:29px; color:#999;}
a.searchBtn{ position:absolute; right:0; top:0; display:inline-block; width:59px; height:33px; background:url(img/searchBtn.jpg) no-repeat;}
a.searchBtn:hover{ background-position:0 -33px;}

.typeList{}
.typeList li{ float:left; height:37px; width:95px; color:#333; padding-left:10px; padding-top:8px;}
.typeList li.bor{ border-right:1px solid #e1e1e1;}
.typeList li.bg{background:#f4f4f4;}
.typeList li span {display: block;}
.typeList li  .num {color: #999;font-size: 10px;}


/*=======================thirdPage=============================*/
.allBookList{padding:0px 0px 0px 0px;}
.allBookList li{ background:url(img/dashedLine.gif) repeat-x bottom; padding:0; padding-bottom:1px; height:34px; line-height:34px; text-indent:10px;}
.allBookList li .date{ margin-right:10px;}
.allBookList li.now{ background:#f1f1f1;}
.allBookList li.now a{ color:#0879ad;}
.allBookList li.last{ background:none;}


/*bread*/
.bread{ height:33px; line-height:33px; font-size:14px;}
.bread i{ color:#999; font-size:10px;}
.bread em{ font-size:12px;}

/*bookList1*/
ul.bookList1{}
ul.bookList1 li{width:380px; }
ul.bookList1 li .text{ width:260px;}
ul.bookList1 li .text h4{ width:100%;}
ul.bookList1 li .text p{ height:37px;}
ul.bookList1 li .text p.info{ height:17px; }
a.read,a.shoucang{ display:inline-block; margin-top:5px; margin-right:5px; width:64px; height:22px; background:url(img/btn.jpg) no-repeat;}
a.read:hover{ background-position:0 -22px;}
a.shoucang{ background-position:-64px 0;}
a.shoucang:hover{ background-position:-64px -22px;}

/*page*/
.m-page {height: 50px;margin-top: 20px;padding-right: 20px;}
.u-page-go{ position:relative; float:right; margin-left:15px;margin-top: 3px; color:#0879ad;}
.u-page-go * {vertical-align: middle;}
.u-page-go .txt {margin: 0 5px; height: 18px;line-height: 20px; padding: 2px 3px; text-align: center;width: 30px;color: #333; font-family: arial,"Microsoft Yahei",sans-serif; font-size: 12px;border: 1px solid #e0dad5;}
.u-page-go .btn {position: absolute; background: #e14e37;  color: #fff;display: none; height: 22px;left: 29px;line-height: 22px; text-align: center; top: 24px;  width: 25px; font-size:12px;}
.u-page { position: relative; float:right;}
.u-page ul {float: left;}
.u-page li { float: left;  margin-right: 5px;}
.u-page .pre, .u-page .next {margin-right: 5px;}
.u-page .crt a {background: none repeat scroll 0 0 #0879ad;color: #fff;}
.u-page .crt a:hover {  color: #fff;}
.u-page a {color: #0879ad; display: block; float: left;height: 30px;line-height: 30px;    padding: 0 10px;text-align: center;}
.u-page .noPage, .u-page .noPage:hover {  color: #aaa;  cursor: default; text-decoration: none;}


/*===========================newsList============================*/
.news-list-type{ background:url(img/dashedLine.gif) repeat-x bottom; padding-bottom:20px; margin-top:10px; margin-left:10px; margin-right:10px; }
.news-list-type li{ margin-left:-10px;}


/*=========================detail==============================*/
.detailTitle{ height:110px; background:#fbfbfb;}
.detailTitle h1{ font-size:28px; line-height:2.5em; text-align:center;}
.detailTitle p span{ margin-right:5px; margin-left:5px; color:#999;}
.detailCon{ margin:35px 50px; }
.detailCon p{padding: 5px 10px;color: #333;letter-spacing: 1px; line-height:26px; font-size:15px; text-indent:2em;}


/*============================audio==========================================*/
.bookInfo{ margin:40px 40px 0;}
.audioCover{ width:238px; height:229px; padding-left:4px; padding-top:4px; background:url(img/audioBookBg.jpg) no-repeat;}
.bookCover img{width:148px;  height:205px;}
.audioInfo{ width:666px; }
.audioInfo h2{ font-size:20px;}
.audioInfo p{ line-height:1.6em;}
.audioInfo .info{ margin-top:12px; margin-bottom:12px; color:#999;}
.audioInfo span{ margin-right:25px; color:#333;}
.audioPlay{ margin-top:20px; background:#fbfbfb; height:85px; padding-left:20px;}
.audioPlay h3{ font-size:14px; line-height:45px;}
.flashAudio{}




.audioUl{margin-left:25px; margin-top:0px; }
.audioUl li {float: left;margin: 0px 15px 0 15px;width: 442px;overflow: hidden;height: 34px;line-height:34px;border-right:1px solid #d5d5d5;border-left:1px solid #d5d5d5;}
.audioUl li.td {height:30px; line-height:30px; background:url(img/titleBg.jpg) repeat-x; text-align:center; font-size:14px; font-weight:normal; border-left:1px solid #d5d5d5;border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
.audioUl li span {float: left; text-align:center;}
.audioUl li span.order{width:58px;}
.audioUl li span.chapter{width:200px;text-align:left; text-indent:10px; font-size:14px;}
.audioUl li span.time{width:90px; text-align:center;}
.audioUl li span.bdRight{ border-right:1px solid #d5d5d5;}
.audioUl li.blue{ background:#f4f4f4;}
.audioUl li.on span.chapter{ color:#0879ad;}
.audioUl li.last{ border-bottom:1px solid #d5d5d5;}
a.playBtn,a.noPlay{ margin:5px auto; display:block; width:60px; height:22px; background:url(img/play.gif) no-repeat;}
a.playBtn:hover{ background-position:0 -22px;}
a.noPlay{ background-position:0 -44px;}



/*==================================login========================================*/
.loginCon{ margin:50px auto; width:630px; background:#fafafa; border:1px solid #d5d5d5; border-radius:5px;}
.loginCon h2{ height:70px; line-height:70px; text-align:center; font-size:20px;}
a.loginBtn,a.registerBtn,a.registerNone,a.saveBtn,a.cancleBtn,a.tjBtn,a.nullBtn{ display:block; width:300px; height:38px; background:url(img/loginBtn.jpg) no-repeat;}
a.loginBtn:hover{ background-position:0 -38px;}
a.registerBtn{ background-position:0 -76px;}
a.registerBtn:hover{ background-position:0 -114px;}
a.registerNone{ background-position:0 -152px;}
a.tjBtn{ width:220px; background-position:0 -266px;}
a.tjBtn:hover{ background-position:0 -304px;}
a.nullBtn{ width:220px; line-height:38px; text-align:center; color:#03488e; background-position:0 -342px;}
a.nullBtn{ background-position:0 -380px;}
.loginMain{ margin:0 auto; width:302px;}
.loginMain li{ margin-bottom:15px;}
.textIn{ width:300px; height:35px; border:1px solid #d5d5d5; line-height:35px; background:#fff; border-radius:3px; color:#999;}
.checkBox{ margin-top:-5px;}
.dashedLine{ width:95%; margin:25px auto 0; height:1px; overflow:hidden; font-size:1px; background:url(img/dashedLine.gif) repeat-x;}
.loginMain p{ line-height:55px;}
.error{ margin-bottom:10px; height:20px; background:url(img/error.png) no-repeat left; color:#F00; padding-left:20px;}


/*========================register============================================*/
.registerCon{ width:720px;}
.registerCon dl{ margin-bottom:15px;height:37px; line-height:37px; clear:both;}
.registerCon dt{ float:left; width:85px; font-size:14px; text-align:right; padding-right:15px;}
.registerCon dd{ float:left; width:302px; }
.registerCon dd.info{ margin-left:10px; color:#999;}
.registerCon dd.yzmCon{ width:102px;}
.registerCon dl.lower{ height:20px; line-height:20px;}
.yzm{ width:100px;}
.registerCon p{ width:500px; text-indent:100px;}
.registerCon dd.errorDd{ margin-left:10px; width:280px; padding-left:15px; color:#f00; background:url(img/error.png) no-repeat left;}


/*=========================comment==================================*/
.commentBook{ background:#f7fbff; padding:20px;}
.bookFloat{ width:125px; height:183px; padding:3px; border:1px solid #d5d5d5;}
.commentBook img{ width:125px; height:183px;}
.bookRight{ margin-left:15px; width:800px;}
.bookRight h2{ line-height:2em;}
.bookRight h2 a{ font-size:22px; color:#0879ad;}
.bookRight ul{ clear:both;}
.bookRight li{ float:left; width:260px; line-height:1.6em; color:#999;}
.bookRight li span{ color:#333;}
.bookRight p{ margin-top:15px; clear:both; height:35px; overflow:hidden;}
a.orangeBtn,a.blueBtn{ display:inline-block; padding-left:20px; padding-right:20px; height:30px; line-height:30px; color:#fff; font-size:14px; margin-right:15px; background:#ffaf0b; border-radius:3px;}
a.blueBtn{ background:#278bd1;}
ul.mulu{ margin:10px;}
ul.mulu li{ float:left; width:330px; font-size:12px; line-height:1.6em;}
ul.mulu li a{color:#0879ad;}

ul.shupingTitle{ margin:10px 20px 0px; border-bottom:1px solid #d5d5d5;}
ul.shupingTitle li{ float:left; display:inline; padding-left:2px; padding-right:2px; margin-right:15px; line-height:3em; }
ul.shupingTitle li.now{ border-bottom:2px solid #278bd1;}

.commentArea{ margin-left:20px; margin-right:20px;}
.commentArea .comment-item {margin: -1px 0 1px;padding:20px 0 20px 62px; background:url(img/dashedLine.gif) repeat-x bottom;}
.commentArea .comment-item .user-avatar {_display: inline;float: left;margin: 0px 0 0px -62px;_margin-right: 7px;}
.commentArea .comment-item .user-avatar img {border: 1px solid #e6e6e6; width:50px; height:50px;}
.commentArea .comment-item.discuss-content .post-text {font-size: 14px;line-height: 24px;}
 .discuss-content .post-text .name {color: #666;font-weight: bold; font-size:14px;}
.commentArea .comment-item .discuss-content .post-text .name:hover{ color:#278bd1;}
.commentArea .comment-item .discuss-content .post-text p{ font-size:14px; line-height:1.6em;}
.commentArea .comment-item .post-text span.time{ color:#999; font-size:12px; font-family:tahoma;}
.commentArea .comment-item span.support,.commentArea .comment-item span.reply,ul.bookList4 span.support,ul.bookList4 span.reply { display:inline-block; margin-left:15px; padding: 0 0 0 20px; height:16px; line-height:16px;background:url(img/support) no-repeat 0px 0px;}
.commentArea .comment-item span.support:hover,ul.bookList4 span.support:hover{ background-position:0 -24px;}
.commentArea .comment-item span.reply,ul.bookList4 span.reply{ background-position:0 -49px;}
.commentArea .comment-item span.reply:hover,ul.bookList4 span.reply:hover{ background-position:0 -74px;}

.inputComment{ border-top:8px solid #fbfbfb; padding:10px 20px 20px;}
.inputComment p{ font-size:14px; line-height:1.6em;}
.textArea1{ border:1px solid #d5d5d5; width:99%; height:50px; color:#999;}



/*======================================bookshelf=====================================================*/
.bookshelf{ background:url(img/bookShelfBg.jpg) repeat-y;}
.personLeft{ width:246px;}
.personInfo{ background:#f1f1f1; border-bottom:#e1e1e1;padding-bottom:20px;}
.personInfo .face{margin-left:auto; margin-right:auto; padding-top:20px;  text-align:center; }
.personInfo img{ width:110px; height:110px;}
.personInfo p{ margin-top:7px; font-size:12px; margin-left:10px; margin-right:10px;}
.personInfo p.title{ font-size:20px;text-align:center;}
.personInfo  a{ display:block; margin-top:0px; font-size:12px;}
.myInfo{}
.myInfo li{ height:45px; line-height:45px; background:url(img/dashedLine.gif) repeat-x bottom; text-align:center; font-size:16px;}
.myInfo li.now{ background:#fff url(img/dashedLine.gif) repeat-x bottom; }
.myInfo li.now a{ color:#278bd1;}

.personRight{ margin-left:20px; width:732px; }
.personRight h3{ height:50px; line-height:50px; font-size:16px; border-bottom:1px solid #d5d5d5;}


ul.bookList3{ margin-left:0; padding-top:10px;}
ul.bookList3 li{  width:360px; background:none;}
ul.bookList3 li .text{ width:245px;}
ul.bookList3 li span{ display:block; margin-top:40px; vertical-align:middle; line-height:22px;}
ul.bookList3 li span a{ display:inline-block; margin-top:5px; margin-right:5px; width:64px; height:22px; vertical-align:middle; }

.personRight .dashedLine{ width:100%}


/*====================================userset====================================*/
.personRight{}
.personRight ul.shupingTitle{ width:100%; margin:0; border-bottom:1px solid #d5d5d5;}
.personRight ul.shupingTitle li{ float:left; display:inline; padding-right:2px;  height:50px; line-height:50px; font-size:16px; }
.personRight ul.shupingTitle li.now{ border-bottom:2px solid #278bd1;}


.personRight  .registerCon{ margin-top:40px;}
.personRight   .textIn{ color:#333; font-size:16px;}
a.saveBtn,a.cancleBtn{ margin-right:15px; display:inline-block; width:111px; background-position:0 -190px;}
a.saveBtn:hover{ background-position:-111px -190px;}
a.cancleBtn{ background-position:0 -228px;}
a.cancleBtn:hover{ background-position:-111px -228px;}

/*==================================mycomment===============================================*/
.personRight ul.bookList li .text h4 em{ color:#999; margin-left:5px; margin-right:5px;}
.personRight ul.bookList li .text p.commentCon{ margin-top:5px; height:75px; overflow:hidden;  color:#666;}
.personRight ul.bookList li .text p.open{ width:250px; position:absolute; z-index:99; height:auto; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; padding-right:5px; padding-bottom:5px; background:#fff;}


/*===================================read===========================================*/
.news-list1_2 li{ margin-right:10px; width:47%; float:left;}
.news-list1_2 li .date1 {	 margin-left:5px; display:inline; color:#999;}

.dasheLineShu{ width:100%; background: url(img/dashedLineShu.jpg) repeat-y center ;}
.readBlock{ width:350px; padding-bottom:15px;}
.readBlock img{ width:350px; height:142px;}
.readBlock h4{ background:#fbfbfb; height:40px; line-height:40px; font-size:16px; padding-left:5px; padding-right:5px; overflow:hidden;}
.readBlock .h4{
	TEXT-ALIGN: center; LINE-HEIGHT: 40px; BACKGROUND-COLOR: #ffa903; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; HEIGHT: 40px; FONT-SIZE: 16px; OVERFLOW: hidden
}
.readBlock p{ line-height:26px;}
.readBlock p.time,.readBlock span{ color:#999;}
.readBlock p.info{ margin-top:5px; line-height:20px; height:120px; overflow:hidden;}
.book3List{}
.book3List li{ float:left; margin-right:30px;}
.book3List li img{ width:96px; height:128px;}
.book3List li.last{ margin-right:0;}



/*===================================eventHome===========================================*/
.eventNav{ border:1px solid #b2daff; background:#f9fcff; padding:1px;}
.eventNavCon{ background:f0f7ffpx; height:28px; line-height:28px;}
.eventNavCon a{ margin-right:15px; font-size:14px;}
a.loadzp{ display:block; width:213px; height:70px; background:url(img/btn1.jpg) no-repeat 0 0;}
a.loadzp:hover{ background-position:0 -70px;}
.btnDiv{ height:30px; line-height:30px; border:1px solid #cee5f8; text-indent:10px;}

.userList{ margin-top:15px; margin-left:15px;}
.userList li{ float:left; margin-right:15px; margin-bottom:15px;}
.userList img{ width:50px; height:50px;}

.zpRank{}
.zpRank li{	position:relative; margin-bottom:15px;	height:60px;	overflow:hidden;	padding:0 0 0 26px; line-height:20px;	text-align:left;}
.zpRank span{ display:block;}
.zpRank span i{ color:#999;}
.zpRank em{ top:5px;}

.eventBlock{ width:755px;}
.eventBlock img{ width:755px; height:150px;}
.eventBlock h4{ text-align:center;}
.eventBlock ul.newsList{ margin-top:15px;}
.eventBlock ul.newsList li{ float:left; width:48%; line-height:26px;}

.eventTitle{ height:33px; line-height:33px; text-indent:10px; background:#fbfbfb; color:#333; font-size:14px; }

.eventTable{ border:1px solid #d5d5d5; border-width:1px 0 0 1px;}
.eventTable th{ background:#f0f7ff; height:29px; line-height:29px; font-size:14px; font-weight:normal;}
.eventTable th.last{ border-right:1px solid #d5d5d5;}
.eventTable th.first{ text-align:left; text-indent:10px;}
.eventTable tr.gray{ background:#f4f4f4;}
.eventTable td{ height:34px; line-height:34px; font-size:12px; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; text-align:center;}
.eventTable td.first{ width:400px; text-align:left;}
.eventName{ margin:0; margin-left:10px; padding:0; width:400px; overflow:hidden;}


/*===================================eventDetail===========================================*/
ul.bookList6{ margin-left:0; padding-top:10px;}
ul.bookList6 li{  width:375px; }
ul.bookList6 li .text{ width:245px; }
ul.bookList6 li .text h5{ width:100%; overflow:hidden; height:15px;}
ul.bookList6 li .text p{ height:37px; line-height:1.5em; margin-top:10px;}
ul.bookList6 li .text p.info{ height:17px; line-height:17px; margin-top:0px; }
ul.bookList6 li span{ display:block; margin-top:5px; vertical-align:middle; line-height:22px;}
ul.bookList6 li span a{ display:inline-block; margin-top:5px; margin-right:5px; width:64px; height:22px; vertical-align:middle; }

ul.rankStyle{ margin: 0px; font-size:12px; border-bottom:none;}
ul.rankStyle li{ float:left; display:inline; padding-left:2px; padding-right:2px; margin-right:10px; line-height:30px; text-indent:0; }
ul.rankStyle li.now{ border-bottom:2px solid #278bd1;}




/*======================eventWorks=============================*/
ul.bookList4{}
ul.bookList4 li{ width:370px; background:url(img/dashedLine.gif) repeat-x bottom; padding-bottom:5px; height:110px; margin-bottom:5px;}
ul.bookList4 li .image{ width:60px; margin-right:10px;}
ul.bookList4 li img{ width:60px; height:60px;}
ul.bookList4 li em{ display:block; overflow:hidden; font-size:12px; text-align:center; text-indent:0;}
ul.bookList4 li .text{ width:270px; margin-left:0;}
ul.bookList4 li .text h5{ width:100%; background:none; text-align:left; font-size:14px; white-space: nowrap;word-wrap: normal;-o-text-overflow: ellipsis;text-overflow: ellipsis;o-text-overflow: ellipsis;overflow: hidden;}
ul.bookList4 li .text p{ height:51px; line-height:1.5em; margin-top:10px;}
ul.bookList4 li .text p.time{ height:17px; line-height:17px; margin-top:5px;}
ul.bookList4 li .text p i{ color:#999;}
ul.bookList4 li .text span{ margin-top:0;}


/*================================eventUser===============================================*/
ul.eventUser{display:block; margin:0;}
ul.eventUser li{ float:left; padding:20px 0 20px; margin:0; width:250px; background:url(img/dashedLine.gif) repeat-x bottom;}
ul.eventUser .image {height: 60px;width:70px;}
ul.eventUser .image img{ width:60px; height:60px;}
ul.eventUser .text { float: left; width: 130px; text-align:left;}
ul.eventUser  li a .text p {color: #333; line-height:1.8em; padding-bottom:0;}
ul.eventUser li a .text p span{ display:inline-block; width:9px; height:13px; background:url(img/sex.jpg) no-repeat;}
ul.eventUser li a .text p  span.male{ background-position:-8px 0;}


/*===============================step1============================*/
.step1{ margin-top:30px; background:none; border:0 none; width:750px; }
.step1 dl.contentArea{ height:85px;}
.step1 dd{ width:500px; }
.step1 dd.errorDd{ width:100px;}
.step1 .textIn{ width:218px;}
.step1 .textInLong{ width:475px;}
.step1 .textArea1{ height:80px; width:475px;}
.selectIn{width:300px; height:35px; border:1px solid #d5d5d5; line-height:35px; background:#fff; border-radius:3px; color:#999;}



/*===============================step2============================*/
.praise{  margin:30px auto 30px; height:40px; line-height:40px; position:relative; width:85%;}
.nullBtn{ position:absolute; top:0; left:200px; z-index:5;}
.bbs{}
.bbs .textArea1{ margin:15px 0; height:80px;}
.tjBlueBtn{ width:103px; height:28px; line-height:28px; color:#fff; text-align:center; background:#278bd1; border:0 none; cursor:pointer;}
.step2{ margin-left:0; margin-right:0;}

/*==============================survey=======================*/
.surveyTitle{ background:#f0f7ff; line-height:70px; border-bottom:1px solid #b2daff; font-size:25px;}
.surveyCon{ margin:35px 50px;}
.surveyCon h2{ margin-bottom:20px; font-size:15px; font-weight:bold; }
.surveyCon dl{ margin-bottom:20px; line-height:2em; }
.surveyCon dt{ font-size:15px;}
.surveyCon dd{ position:relative; font-size:13px;}
.surveyCon dd input{ position:absolute; top:6px; *top:0px; left:10px; }
.surveyCon dd label{ display:block; margin-left:28px; *margin-left:32px; text-indent:0;}
/*===================================readBook=======================================*/
.tryTip{ height:34px; background:#fff5f5; line-height:34px; font-size:14px;}
.mainReadBook{ width:958px; margin-left:auto; margin-right:auto;}
.mainReadBook h2.title{ height:70px; font-size:24px; text-align:center; line-height:70px;}
.mainReadBook h2.title span{ font-size:14px; margin-left:15px;}
.bgGray30{  height:30px; line-height:30px; text-indent:10px; background:#f8f8f8;}
.goPage{ width:150px;}
.goPage p{ float:left; width:45px;}
.textInPage{ float:left; margin-top:2px; width:65px; background:#fff; height:21px; line-height:21px; border:1px solid #e1e1e1;}
a.goPageBtn{ display:inline-block; width:34px; height:21px; line-height:21px; color:#fff; background:#278bd1; text-align:center; text-indent:0; margin-top:4px; text-decoration:none;}
a.goPageBtn:hover{ text-decoration:none; background:#44a3e7;}
.btnList{ position:absolute; left:-45px; top:15px; width:32px;z-index:1; width:60px; height:60px; background:#394143;}
a.bcBtn,a.bookGoBack,a.plBtn,a.bcBtnNow,a.plBtnNow{ display:block; margin-bottom:12px; width:32px; height:16px; background:url(img/readBook.png) no-repeat 0px 0;}
a.bcBtn:hover,a.bcBtnNow{ background-position:0 -19px;}
a.bookGoBack{ background-position:-32px 0;}
a.bookGoBack:hover{ background-position:-32px -19px;}
a.plBtn,a.plBtnNow{ height:19px; background-position:-64px 0;}
a.plBtn:hover,a.plBtnNow{ background-position:-64px -19px;}
.prev-next{position:absolute; right:-41px; top:50px;  width:60px; height:122px; }
a.prevBtn,a.nextBtn{ display:block; width:60px; height:60px; margin-bottom:1px; background:url(img/prev_next.png) #394143 no-repeat 0 0;}
a.prevBtn:hover{ background:url(img/prev_next.png) #232829 no-repeat 0px 0px;}
a.nextBtn{ top:85px; background-position:0px -61px;}
a.nextBtn:hover{ background:url(img/prev_next.png) #232829 no-repeat 0px -61px;}
.fengmian{ margin-bottom:20px; margin-top:20px; padding-top:20px; padding-bottom:20px; background:#ececec; text-align:center; height:1000px; overflow:auto;}

a.bcBtn{ width:60px; height:60px; background:url(img/list.png) no-repeat center center;}
a.bcBtn:hover{background:url(img/list.png) #232829 no-repeat center center;}

/*==============================bookComment========================================*/
.bookComentTitle{ font-size:24px; background:#ececec; height:45px; line-height:45px; text-indent:10px;}
.mainReadBook .textArea1{ height:130px; padding:10px; width:938px;}
.mainReadBook .commentArea{ margin-left:10px; margin-right:10px;}

/*===============================listBook================================*/
.muluList{ margin:20px 10px;}
.muluList li{ padding:0 4px; height:31px; line-height:31px; background:url(img/dashedLine.gif) repeat-x bottom;overflow: hidden;}
.muluList li em {float: right;}
.muluList li:hover{ background:#ececec url(img/dashedLine.gif) repeat-x bottom; }


.score-wrap ul, .score-wrap ul li a:hover, .score-wrap .active-square, .rating-wrap-big ul, .rating-wrap-big ul li a:hover, .rating-wrap-big .active-star {background-image:url(img/star.png);background-repeat: no-repeat;}
.rating-wrap-big ul {float: left;width: 129px;height: 25px;background-position: 0 -150px;z-index: 10;position: relative;zoom: 1;}
.rating-wrap-big ul li {display: inline;}
.rating-wrap-big ul li a {display:block;	height:25px;	text-indent:-9999px;	overflow:hidden;	position:absolute;	left:0;	top:0}
.rating-wrap-big ul li a:hover {background-color:#fff}
.rating-wrap-big .one-star {width:25px;	z-index:50;	background-position:0 -120px}
.rating-wrap-big .two-stars {width:51px; z-index:40; background-position:0 -90px}
.rating-wrap-big .three-stars {width:77px; z-index:30; background-position:0 -60px}
.rating-wrap-big .four-stars {width:103px; z-index:20; background-position:0 -30px}
.rating-wrap-big .five-stars {width:129px; z-index:10; background-position:0 0}

.item-rank-rst, .user-rank-rst, .rating-wrap ul, .rating-wrap a:hover, .rating-wrap .active-star, .user-m-star, .urr-rank60, .breadcrumb .note {
background-image:url(img/mark.png);
background-repeat: no-repeat;
}
.item-rank-rst {float: left;width: 64px;height: 12px;margin: 3px 5px 0 0;text-indent: -9999px;overflow: hidden;}
.item-rank-rst {margin-right: 5px;}
.col-exp {color: #999;}
.irr-star0 {background-position: 0 -119px;}
.irr-star5 {background-position: 0 -330px;}
.irr-star10 {background-position: 0 -102px;}
.irr-star20 { background-position: 0 -85px;}
.irr-star30 {background-position: 0 -68px;}
.irr-star35 {background-position: 0 -51px;}
.irr-star40 {background-position: 0 -34px;}
.irr-star45 {background-position: 0 -17px;}
.irr-star50 { background-position: 0 0;}


.hdList{
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.hdList .img img{ margin:0 auto; display:block; width:100%;}
.hdList h3{ font-size:14px; height:36px; overflow:hidden;width:100%;}
.hdList .xx{ display:block; height:18px;}
.hdList .xx span{ float:left; width:50%;}
.hdList .text{ height:72px; overflow:hidden;}
.hdList .btn {
  LINE-HEIGHT: 1.6em;
  PADDING-LEFT: 10px;
  PADDING-RIGHT: 10px;
  MARGIN-BOTTOM: 13px;
}
.hdList .btn a {
  background: #ffa903;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat-x: initial;
  background-repeat-y: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(255, 169, 3);
  display: block;
  height: 42px;
  line-height: 42px;
  color: #fff;
  font-size: 18px;
  text-align: center;
}
.hdList ul{
	height: 35px;
	overflow: hidden;
}
.hdList li{
	float: left;
	width: 60px;
	text-align: center;
	line-height: 24px;
	height: 24px;
}
.hdList li.b1{
}
.hdList li.b2{ background-position:-1px -200px;}
.hdList li.b3{ background-position:-1px -240px;}
.hdList h3,.hdList .text{ margin:8px 0;}
.hdList .xx span em,.hdList .text{ color:#666;}
