.xinshu .title-list{ margin:0; padding:0; list-style:none;} .xinshu .title-list p{ margin:0; padding:0; list-style:none;} .book ul{ margin:0; padding:0; list-style:none;} img{ border:none;} /*public*/ .fl{display:inline;float:left} .fr{display:inline;float:left} .cf:after{content:"";clear:both;display:block;height:0;overflow:hidden} .cf{zoom:1} .pb10{padding-bottom:10px} .mt10{margin-top:10px} .pb20{padding-bottom:10px} .mt20{margin-top:10px} /*main*/ .book-wrap{ position: relative;} .xinshu{width:985px;font-size:12px;margin:0 auto;} .xinshu .title{height:20px;border-bottom: 3px solid #e7e7e7;padding-bottom:10px;} .xinshu .title-list{ position: relative; top: 6px;} .xinshu .title-list li{ width: 146px; line-height: 20px; text-align: center; float: left; display: inline;} .xinshu .title-list li.on{ color: #ff6600; font-weight: bold;} .xinshu .title-list p{position:absolute;top:24px;left:0px;width:146px;height:7px;border-top: 3px solid #ff6600; overflow: hidden; text-align: center;} .xinshu .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #ff6600 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;} .book{ height: 200px; position:positive; overflow: hidden; display: none; margin-top: 20px; } .book ul{ position: relative; left: 0px;} .book-wrap .show{display: block;} .book-wrap .book li{ float: left; display: inline; } .book-wrap .book li.ml0{ width: 130px;height:220px; margin-left:0px;} .book-wrap .book li.m20{ width: 225px;height:220px; margin-left:0px;} .book-wrap .book li a.imgwrap{ display: block; width: 150px; height: 170px; background: #fff; text-align:center;} .book-wrap .book li p{width: 150px; padding-left: 20px;color: #666666;line-height: 22px;text-align:center;} .book-wrap .book li p a{ color: #666666; text-decoration: none;} .book-wrap .book li p a:hover{ color: #ff6600; text-decoration: none;} .more{ LEFT: 800px; WIDTH: 64px; POSITION: absolute; TOP: 10px; }