@import url("/wwwcdn/css/base.css");



body{ background:#fefdfb;}

/*正文开始*/
.tjbox{margin: 0 auto;width:1200px;}
.tjbox .title_box{line-height:40px; margin:10px 0; border-bottom:1px solid #d89a33;}
.tjbox .title_box .bor{ float:left; height:20px; width:4px; background:#d89a33; margin-top:10px;}
.tjbox .title_box h1{ float:left; font-size:22px; margin-left:10px;}
.tjbox .title_box p{ float:right; font-size:14px;}

.tj_nav{width:940px;}
.pic_box{}
.pic_box img{ width:100%;}
.pic_big {width:210px; padding-right:30px;border-right: 1px solid #e1e1e1;}
.pic_big .img_box{ width:210px; height:280px; overflow:hidden;}
.pic_big h3{ margin:5px 0; font-size:18px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.pic_big p{ color:#666; line-height:20px;}
.pic_big p:hover{ color:#ff6766;}

.pic_small{ width:660px; padding-left:30px;}
.pic_small li{ float:left;width:320px;height: 120px;padding-right:10px;overflow: hidden;margin-bottom: 25px;}
.pic_small .img_box{width:90px; height:120px; margin-right:15px;}
.pic_small li .txt{ width:210px; line-height:20px; color:#666;}
.pic_small li .txt:hover{ color:#ff6766;}
.pic_small li .txt h3{font-size:14px; margin-bottom:5px; color:#000;}
.pic_small li .txt p{margin-top:5px;}

/*排行榜*/
.rank_box a{ color:#666;}
.rank_box a:hover {text-decoration:none; color:#ff6766;}
.rank_box{ width:240px; min-height:350px; margin-left:20px;float:left;}
.rank_box .rank_top{ border-bottom:1px solid #d89a33; padding-bottom:10px; height:40px;}
.rank_box .bor{ float:left; height:20px; width:4px; background:#d89a33; margin-top:20px;}
.rank_box .header_title{ margin-left:4%; float:left;height:40px;line-height:40px; margin-top:10px;text-align: center;font-size:20px; font-weight:bold;}
.rank_box .header_time{ margin-right:3%; float:right; margin-top:10px;}
.rank_box .header_time span{ float:left; margin:10px 6px 0px 6px; background:#e3e3e3; padding:0 3px;}
.rank_box .header_time span:hover{ background:#d89a33; color:#FFF;}
.rank_box .header_time .now{ background:#d89a33; color:#FFF;}
/*图片*/
.rank_box .list{ padding:0 2%;}
.rank_box .pictxtbox{ overflow:hidden; margin:10px 0;}
.rank_box .pictxtbox dt{width: 72px;float: left;padding-left: 10px; overflow:hidden;}
.rank_box .pictxtbox dd{ margin-left:90px;}
.rank_box .pictxtbox dd a{ display:block;}
.rank_box .pictxtbox dd h3{ display:block; font-size:12px; font-size:1.2rem; font-weight:400;color:#000; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.rank_box .pictxtbox dd h3.authername{ color:#333; font-size:18px; font-size:1.8rem;}
.rank_box .pictxtbox dd span{ line-height:14px; color:#9C9C9C}
.rank_box .pictxtbox dd p{ line-height:14px; color:#9C9C9C}
.rank_box .pictxtbox dd span{ color:#9C9C9C}
.rank_box .pictxtbox dd p{ height:41px; overflow:hidden;}
.rank_box .pictxtbox dd p.autherinfo{ height:66px;}
/*标签*/
.rankpic{ position:relative;}
.rankpic .num{ position:absolute; display:block; width:20px; height:20px;line-height:20px; text-align:center; color:#FFF;background: #eb6100;border-radius: 100%;left:10px;;top: 2px;}
.ranklist{overflow:hidden;clear:both;}
.ranklist li{overflow:hidden; line-height:34px;}
.ranklist li a{ display:block; border:none;}
.ranklist li a .num{ display:inline-block;width:20px; height:20px; line-height:20px; text-align:center;color:#FFF;background: #d89a33; margin:5px 10px;border-radius: 100%;}
.ranklist li a .rankbg_red{background: #eb6100;}
/*广告*/
.bannerbox{margin: 0 auto;width:1200px; overflow:hidden;}
.bannerbox img{ width:100%;}
/*大神专区*/
.ds_box{ overflow:hidden}
.ds_box img{ width:100%;}
.ds_box ul{ margin-top:20px;}
.ds_box ul li{width: 180px;margin-right:24px;float: left; text-align:center;}
.ds_box ul li.lastli{ margin-right:0;}
.ds_box ul li .img_box{width:180px;height:240px;overflow:hidden}
.ds_box ul li p{ font-size:16px; line-height:30px; margin-top:10px;width: 180px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ds_box ul li p a{ font-weight:400; color:#000;}
.ds_box ul li p a:hover{ color:#ff6766;}
.ds_box ul li p.auther{ font-size:12px;line-height:20px; margin-top:0px; color:#666}
/*主编力荐*/
.tj_man{ width:470px;}
.tj_man .img_box{float:left; width:210px; height:280px; margin-right:20px; position:relative; overflow:hidden;}
.tj_man .img_box img{ width:100%;}
.tj_man .img_box .mianfei_labe{ position:absolute; right:-2px;top:-2px; width:100px; height:100px;}
.tj_man .nav_text{float:left; width:220px; margin-right:10px;}
.tj_man .nav_text h1{font-size:20px; line-height:40px;color:#333; width:220px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tj_man .nav_text p{font-size:12px; line-height:20px; color:#848484;}
.tj_man .nav_text p:hover{ color:#ff6766;}
.tj_man .nav_text p span{ margin-right:10px;}
.tj_man .nav_text p em{ color:#333;}
.tj_man .nav_text p.jianjie{height:120px; overflow:hidden; display:block; margin:22px 0;}
.tj_man .nav_text p span.mianfei_time{ color:#ff6766;}
.tj_man .nav_text p span.mianfei_time em{ color:#ff6766;}
.tj_man .nav_text ul li{ width:84px; height:34px; float:left; margin-right:15px;}
.tj_man .nav_text ul .shoucang{ background:url(/wwwcdn../images/shoucang.png)}
.tj_man .nav_text ul .shoucang:hover{ background:url(/wwwcdn../images/shoucang_whit.png)}
.tj_man .nav_text ul .read_book{ background:url(/wwwcdn../images/read.png)}
.tj_man .nav_text ul .read_book:hover{ background:url(/wwwcdn../images/read_whit.png)}
.tj_man .man_list{ margin-top:20px; line-height:25px;}
.tj_man .man_list li{ width:440px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tj_man .man_list li a{ color:#666;}
.tj_man .man_list li a span{ margin-right:10px;}
.tj_man .man_list li a span.book_title{ color:#000;}
.tj_man .man_list li a span:hover{ color:#ff6766;}
/*底部推荐*/
.wj_box{}
.wj_box .wj{ width:680px;}
.wj_box .title_box{}
.wj_box .left_rank{ margin-left:0px; margin-right:20px;}
.wj .wj_list li{width:680px; margin-bottom:20px;}
.wj .img_box{ width:90px; height:120px; margin-right:20px; overflow:hidden;}
.wj .img_box img{ width:100%;}
.wj .wj_text{width:350px; margin-right:18px;}
.wj .wj_text h4{font-size:16px; line-height:30px;color:#333; width:350px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.wj .wj_text p{font-size:12px; line-height:20px; color:#848484;}
.wj .wj_text p:hover{ color:#ff6766;}
.wj .wj_text p span{ margin-right:10px;}
.wj .wj_text p em{ color:#333;}
.wj .wj_text p.jianjie{height:60px; overflow:hidden; display:block; margin-top:10px;}
.wj .wj_lable{width:180px; height:100px; padding:10px; border:1px dashed #CCC; overflow:hidden;}

.wj .wj_more{ width:150px; height:40px; margin:40px auto 20px auto; background:url(/wwwcdn../images/gengxin_more.png)}
.wj .wj_more:hover{ background:url(/wwwcdn../images/gengxin_more_white.png)}

<!--图片放大缩小-->
.bannerbox a img,.tjbox a img{-webkit-transform: scale(1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 500ms;-moz-transform: scale(1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 500ms;-ms-transform: scale(1);-ms-transition-timing-function: ease-out;-ms-transition-duration: 500ms;}
.bannerbox a img:hover,.tjbox a img:hover{-webkit-transform: scale(1.1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 500ms;-moz-transform: scale(1.33);-moz-transition-timing-function: ease-out;-moz-transition-duration: 500ms;	-ms-transform: scale(1.33);-ms-transition-timing-function: ease-out;-ms-transition-duration: 500ms;}

.cooperation .tj_nav{ width:1200px;}
.cooperation .pic_small{ width:700px;}
.cooperation .pic_small ul{ float:left; width:320px; margin-top:15px;}
.cooperation .pic_small ul:nth-of-type(1){ margin-right:40px;}
.cooperation .pic_small li img{ width:100%; height:100%;}
.cooperation .pic_small li.small_text{ height:30px; line-height:30px; margin-bottom:0px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cooperation .pic_small li a{ color:#666;}
.cooperation .pic_small li a span{ margin-right:10px;}
.cooperation .pic_small li a span.book_title{ color:#000;}
.cooperation .pic_small li a span:hover{ color:#ff6766;}

.cooperation_name_box{ margin-left:40px;float: left;line-height:30px; margin-top:10px;}
.cooperation_name_box span{ background:#e3e3e3; height:30px; line-height:30px; margin-left:5px; padding:8px 20px; font-size:12px; color:#666; cursor:pointer;}
.cooperation_name_box span.active{ background:#d89a33; color:#fff;}
.cooperation_name_box span:hover{ background:#d89a33; color:#fff;}
.cooperation .hidden{display:none;}
.cooperation_box:after,.cooperation:after{clear: both;display: table;content: "";line-height: 0;}