@import "font.css";

#book{width:100%;display:block;margin-top:15px;}
#book .left{width:270px;}
#book .left .clist{background:#fff;padding:20px;}
#book .left .clist ul{padding-top:5px;}
#book .left .clist ul li{float:left;width:48%;margin-top:10px;line-height:36px;}
#book .left .clist ul li:nth-child(2n){float:right;}
#book .left .clist ul li a{display:block;color:#43c0e0;text-align:center;border:1px solid #43c0e0;border-radius:4px;}
#book .left .clist ul li a:hover{border:1px dotted #00a0c4;}
#book .left .clist ul li a:hover{background:#fff5e6;color:#444;border:1px solid #f50;}

#book .left .ddcha{background:#fff;padding:20px;margin-top:10px;}
#book .left .ddcha .con{padding-top:15px;}
#book .left .ddcha label{padding:5px 0;display:block;}
#book .left .ddcha label input.inp{line-height:36px;border:1px solid #eee;display:block;box-sizing:border-box;width:100%;text-indent:10px;border-radius:4px;}
#book .left .ddcha label button{color:#fff;font-size:16px;text-align:center;display:block;border-radius:4px;width:100%;border:0;line-height:36px;}
#book .left .ddcha label button.btn{background:#f50;}
#book .left .ddcha label button.btn2{background:#00a0c4;}
#book .left .fahuo{background:#fff;padding:20px;margin-top:10px;}
#book .left .fahuo .list{padding-top:15px;}
#book .left .fahuo .list ul li{border-bottom:1px dashed #ddd;padding:6px 0;}
#book .left .fahuo .list ul li span{display:block;line-height:26px;font-size:13px;}

#book .left .zxiao{background:#fff;padding:20px;margin-top:10px;}
#book .left .zxiao .list{margin-top:5px;}
#book .left .zxiao .list ul li{display:block;clear:both;height:75px;padding:8px 0;border-bottom:1px dotted #ddd;}
#book .left .zxiao .list ul li .img{width:80px;height:72px;overflow:hidden;}
#book .left .zxiao .list ul li .img img{width:80px;height:72px;}
#book .left .zxiao .list ul li .info{width:140px;line-height:20px;padding-top:2px;}
#book .left .zxiao .list ul li .info .bt{line-height:22px;height:44px;overflow:hidden;font-weight:normal;}
#book .left .zxiao .list ul li .info em{font-weight:bold;margin-top:3px;color:#f50;display:block;}

#book .right{width:920px;}
#book .right .booklist{background:#fff;padding:20px;}
#book .right .booklist .tisp{ border:1px dashed #ddd; padding:10px; text-align:center; background:#f5f5f5; margin-top:10px}
#book .right .booklist ul li{width:200px;float:left;margin-right:26.6px;margin-top:25px;height:260px;}
#book .right .booklist ul li:nth-child(4n){margin-right:0;}
#book .right .booklist ul li .img{width:200px;height:180px;overflow:hidden;}
#book .right .booklist ul li .img img{width:200px;height:180px;}
#book .right .booklist ul li em{font-weight:bold;padding:5px 0 0;color:#f50;display:block;}
#book .right .booklist ul li p{line-height:22px;height:44px;overflow:hidden;}
#book .right .booklist ul li .t{display:none;}
#book .right .booklist ul li .t span{color:#00a0c4;font-size:12px;line-height:20px;}
#book .right .booklist ul li .t span:nth-child(2){color:#00a0c4;}
#book .right .booklist.new{margin-top:10px;}
#book .right .hotlist{background:#fff;padding:20px;position:relative;}
#book .right .hotlist .list .hd{overflow:hidden;height:30px;position:absolute;right:20px;top:20px;z-index:999;}
#book .right .hotlist .list .hd ul{float:right;overflow:hidden;zoom:1;margin-top:10px;zoom:1;}
#book .right .hotlist .list .hd ul li{float:left;width:30px;height:5px;overflow:hidden;margin-left:5px;text-indent:-999px;cursor:pointer;background:#999;border-radius:2px;}
#book .right .hotlist .list .hd ul li.on{background:#f50;}
#book .right .hotlist .list .bd{width:875px;height:260px;padding-top:25px;overflow:hidden;}
#book .right .hotlist .list .bd ul li{width:200px;float:left;margin-right:26.6px;height:260px;}
#book .right .hotlist .list .bd ul li .img{width:200px;height:180px;overflow:hidden;}
#book .right .hotlist .list .bd ul li .img img{width:200px;height:180px;}
#book .right .hotlist .list .bd ul li em{font-weight:bold;padding:5px 0 0;color:#f50;display:block;}
#book .right .hotlist .list .bd ul li p{line-height:22px;height:44px;overflow:hidden;}
#book .right .hotlist .list .bd ul li .t{display:none;}
#book .right .hotlist .list .bd ul li .t span{color:#00a0c4;font-size:12px;line-height:20px;}
#book .right .hotlist .list .bd ul li .t span:nth-child(2){color:#00a0c4;}
#book .right .booklist.bookpage{ padding-bottom:50px}

#book .content{width:920px;}
#book .content .pro_info{background:#fff;padding:20px;}
#book .content .pro_info .img{width:350px;}
#book .content .pro_info .img img{width:350px;}
#book .content .pro_info .info{width:500px;position:relative;}
#book .content .pro_info .info .hit{position:absolute;right:0;top:25px;font-size:12px;color:#999;}
#book .content .pro_info .info h1{font-size:16px;line-height:24px;}
#book .content .pro_info .info p{font-size:12px;color:#f00;}
#book .content .pro_info .info .price{padding:15px 0px;line-height:36px;font-size:12px;border-top:1px dashed #eee;margin-top:10px;}
#book .content .pro_info .info .price i{font-size:30px;color:#f00;font-weight:bold;margin-left:5px;position:relative;top:6px;;}
#book .content .pro_info .info .price em{color:#f00;font-weight:bold;position:relative;font-size:16px;}
#book .content .pro_info .info ul{border-top:1px dashed #eee;border-bottom:1px dashed #eee;padding:10px 0px;}
#book .content .pro_info .info ul li{float:left;width:50%;}
#book .content .pro_info .info .buy{margin-top:15px;}
#book .content .pro_info .info .buy a{border:1px solid #f50;background:#f50;color:#fff;float:left;width:140px;height:40px;line-height:40px;border-radius:2px;;text-align:center;font-size:16px;}
#book .content .pro_info .info .buy a.zx{margin-left:15px;width:100px;border:1px solid #f50;color:#f50;background:#fff;}
#book .content .pro_info .info .buy a:hover{border:1px solid #f30;color:#fff;background:#f30;}
#book .content .pro_info .info .buy a.zx:hover{border:1px solid #f50;color:#fff;background:#f50;}
#book .content .pro_content{padding:20px;background:#fff;margin-top:10px;}
#book .content .pro_content .mycontent{padding:25px 0;}
#book .content .pro_content .mycontent img{max-width:100%;}
#book .content .pro_content .pagedown{border-top:1px dotted #ddd;margin-top:5px;padding-top:15px;color:#00a0c4;}
#book .content .pro_content .pagedown a{color:#00a0c4;}
#book .content .pro_content .pagedown a:hover{color:#f50;}
#book .content .pro_content .sm{font-size:12px;color:#999;border-top:1px dotted #ddd;margin-top:15px;padding-top:10px;text-align:center;}
#book .content .pro_content .bianji{color:#999;margin-top:10px;font-size:12px;}
#book .content .pro_content .bianji .jubao{background:url(/images/icon_jubao.png) no-repeat left center;padding-left:20px;}
#book .content .pro_content .bianji .jubao a{color:#999;font-size:12px;}
#book .content .pro_content .bianji .jubao a:hover{color:#f50;}
#book .content .tjyd{background:#fff;padding:20px;margin-top:10px;}
#book .content .tjyd .list{padding-top:15px;}
#book .content .tjyd .list ul li{width:200px;float:left;margin-right:26.6px;height:260px;}
#book .content .tjyd .list ul li:nth-child(4n){margin-right:0;}
#book .content .tjyd .list ul li .img{width:200px;height:180px;overflow:hidden;}
#book .content .tjyd .list ul li .img img{width:200px;height:180px;}
#book .content .tjyd .list ul li em{font-weight:bold;padding:5px 0 0;color:#f50;display:block;}
#book .content .tjyd .list ul li p{line-height:22px;height:44px;overflow:hidden;}
#book .content .tjyd .list ul li .t{display:none;}
#book .content .tjyd .list ul li .t span{color:#00a0c4;font-size:12px;line-height:20px;}
#book .content .tjyd .list ul li .t span:nth-child(2){color:#00a0c4;}