body {
	background-color: #f8f8f8;
}
	.u-book-top,
	.u-book-cont{
		font-size: 0;
		margin-bottom: 20px;
	}
	.m-book-info {
		padding-top: 25px;
	}
	.u-book-top>div,
	.book-cont-l>div,
	.book-cont-r{
		border: 2px solid #e5e5e5;
		display: inline-block;
		border-radius: 10px;
		background-color: #fff;
	}
	.book-top-l {
		width: 796px;
		height: 301px;
		padding: 40px 25px 45px 35px;
		vertical-align: top;
	}
	.u-book-cover {
		display: inline-block;
		width: 240px;
		height: 300px;
	}
	.u-book-cover img {
		width: 240px;
		height: 300px;
	}
	.u-book-info {
		display: inline-block;
		width: 515px;
		height: 300px;
		vertical-align: top;
		padding-left: 35px;	
	}
	.u-book-info>div:first-child {
		border-bottom: 1px solid #e5e5e5;
    	padding-bottom: 25px;
    	margin-bottom: 30px;
	}
	.u-book-info h3 {
		font-size: 28px;
		color: #333;
		margin-bottom: 30px
	}
	.u-book-info h3 b {
		font-weight: 100;
		max-width: 325px;
		display: inline-block;
		vertical-align: sub;
	}
	.u-book-info h3 em{
		background-color: #f87763;
		font-size: 14px;
		color: #fff;
		padding: 1px 3px;
		vertical-align: text-top;
   		margin-left: 10px;
   		border-radius: 3px;
	}
	.u-book-info h3 span {
		border: 1px solid #d2d2d2;
		font-size: 14px;
		color: #333;
		padding: 5px 0px;
		border-radius: 3px;
		float: right;
		width: 112px;
		text-align: center;
	}
	.u-book-info h3 span:hover {
		cursor: pointer;
	}
	.u-book-info h3 span i {
		color: #00b7ee;
		font-weight: bold;
		font-size: 18px;
    	margin-right: 5px;
	}
	.u-book-info p {
		font-size: 14px;
		color: #000;
		height: 65px;
		overflow: hidden;
	}
	.u-book-des span {
		display: inline-block;
		font-size: 14px;
		color: #333;
		width: 160px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.u-book-des .book-tag {
		width: 320px;
	}
	.book-tag em{
		background-color: #e6e6e6;
		padding: 1px 3px;
		margin-left: 10px;
		border-radius: 3px;
	}
	.u-book-event>a{
		font-size: 18px;
		color: #fff;
		background-color: #00b7ee;
		padding: 15px 35px;
		border-radius: 50px;
	}
	.u-book-event span {
		background-color: #ffdc5d;
		padding: 10px 10px;
		border-radius: 50px;
		display: inline-block;
		margin-left: 30px;
		vertical-align: super;
	}
	.u-book-event span a {
		font-size: 16px;
		color: #490a0b;
		display: inline-block;
		padding: 0 25px;
		position: relative;
	}
	.a-after:after {
		content: '';
		position: absolute;
		display: block;
		width: 1px;
		height: 20px;
		background-color: #490a0b;
		top: 3px;
		right: 0px;
	}	

	.book-top-r {
		width: 316px;
		height: 386px;
		margin-left: 20px;
	}
	.book-top-r>h3 {
		font-size: 16px;
		color: #333;
		margin-right: 10px;
		padding: 25px 25px 20px;
	}
	.book-top-r>div {
		border-top: 1px solid #e5e5e5;
	}
	.u-recommend-book {
		padding: 20px 25px 0;
	}
	.u-recommend-book h3 {
		font-size: 16px;
		color: #333;
	}
	.u-recommend-book h3 a:hover {
		color: #00b7ee;
	}
	.u-recommend-book img {
		width: 100px;
		height: 125px;
	}
	.u-recommend-book>div {
		display: inline-block;
		vertical-align: top;
		width: 145px;
		padding-left: 20px;
	}
	.u-recommend-book>div span,
	.u-recommend-book>div p{
		font-size: 12px;
		color: #666;
		line-height: 30px;
		display: block;
	}
	.u-recommend-book>div p {
		line-height: 25px;
    	height: 75px;
    	overflow: hidden;
	}
	
	.book-cont-l {
		width: 856px;
	}
	.book-chapter {
		width: 100%;
		min-height: 420px;
		margin-bottom: 20px;
	}
	.book-chapter>h2,
	.book-comment>h2 {
		font-size: 24px;
		color: #333;
		padding: 30px 0 25px 30px;
	}
	.book-comment>h2 {
		border-bottom: 1px solid #e5e5e5;
	}
	.book-comment>h2>em {
		color: #666;
		font-size: 16px;
	}
	.book-chapter>div {
		border-top: 1px solid #e5e5e5;
		padding:0 45px 35px 45px;
	}
	.book-chapter>div ul {
		position: relative;
	}
	.book-chapter>div ul:after {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 1px;
		background-color: #fff;
		bottom: 0px;
		left: 0px;
	}
	.book-chapter>div ul li {
		width: 25%;
	    font-size: 14px;
	    display: inline-block;
	    border-bottom: 1px solid #e5e5e5;
	    padding: 20px 0;
	}
	 .book-chapter>div ul li a{
		font-size: 14px;
		color: #333;
		max-width: 70%;
	    display: inline-block;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    vertical-align: bottom;
	}
	.book-chapter>div ul li a:hover {
		color: #00b7ee;
	}
	.book-chapter>div ul li em {
		background-color: #ff7d9c;
		padding: 1px 3px;
		color: #fff;
		margin-left: 10px;
    	border-radius: 3px;
    	font-size: 12px;
    	vertical-align: bottom;
	}
	.u-getmore {
		font-size: 14px;
	    color: #ff7e9c;
	    width: 675px;
	    background: #f6f6f6;
	    display: block;
	    padding: 10px 0;
	    margin: 0 auto;
	    text-align: center;
	    border-radius: 50px;
	    margin-top: 35px;
	    margin-bottom: 20px;
	}
	.u-getmore>em {
		display: inline-block;
	    width: 18px;
	    height: 18px;
	    background-color: #fee0e4;
	    border-radius: 50%;
	    line-height: 18px;
	    font-weight: 700;
	    font-size: 12px;
	    margin-left: 10px;
	}
	

	.book-comment {
		/*min-height: 745px;*/
		min-height: 400px;
		padding-bottom: 25px;
	}
	.book-comment>div {
		padding: 0 30px;
	}
	.u-comment-cont {
		padding: 30px 0 0;
	}
	.u-comment-cont>div:first-child img{
		display: inline-block;
		width: 60px;
		height: 60px;
		border-radius: 50%;
	}
	.comment-des {
		width: 690px;
		vertical-align: top;
		margin-left: 35px;
	}
	.comment-des>span {
		font-size: 14px;
		color: #888;
		font-weight: bold;
		margin-bottom: 7px;
    	display: inline-block;
	}
	.comment-des>p {
		font-size: 14px;
		color: #000d32;
		line-height: 25px;
		word-wrap: break-word;
	}
	.comment-des>div {
		font-size: 12px;
		color: #888;
		margin-top: 5px;
	}
	.comment-des>span>em {
		color: #fff;
		padding: 1px 5px;
		margin-left: 10px;
		border-radius: 5px;
	}
	.comment-des em.author-em{
		background-color: #ff7e9c;
	}
	.comment-des em.authorsay-em {
		background-color: #1dd388;
	}
	.comment-des>div span {
		float: right;
	}
	.comment-des>div span:hover {
		cursor: pointer;
	}
	.comment-des>div span i {
		vertical-align: text-bottom;
    	margin-right: 8px;
	}
	.u-comment-input {
		width: 784px;
	    height: 108px;
	    resize: none;
	    padding: 5px;
	    font-size: 14px;
	    margin-top: 15px;
	    border: 2px solid #e8e8e8; 
	    border-radius: 5px;
	}
	.u-comment-submit {
		width: 120px;
	    height: 42px;
	    line-height: 42px;
	    text-align: center;
	    color: rgb(255, 255, 255);
	    font-size: 14px;
	    float: right;
	    display: block;
	    transition-duration: 500ms;
	    margin-top: 25px;
	    font-family: 微软雅黑;
	    cursor: pointer;
	    border-radius: 5px;
	    background: rgb(5, 178, 221);
	    border-width: 0px;
	    border-style: none;
	    border-color: initial;
	    border-image: initial;
	}
	.u-comment-submit:hover {
		background: #0076ee;
	}
	.u-comment-word {
		display: inline-block;
	    font-size: 14px;
	    color: #555;
	    margin-top: 30px;
	}
	.u-comment-word em {
		color: #ffa201;
		font-size: 16px;
	}
	.u-comment-notLogged span a {
	    width: 36px;
	    height: 22px;
	    text-align: center;
	    line-height: 22px;
	    border-radius: 4px;
	    color: #fff;
	    background: #00b7ee;
	    display: inline-block;
	    margin-right: 5px;
	}
	.u-comment-notLogged span {
	    text-align: center;
	    display: block;
	    margin-top: 40px;
	    color: #aaa;
	}

	.comment-des ul li{
		padding: 20px;
	    position: relative;
	    border: 1px solid #dedede;
	    background: #eee;
	    border-radius: 4px;
	    color: #666;
	    margin: 10px 0;
	    font-size: 12px;
	}
	.comment-des ul li p{
		line-height: 20px;
   		margin-top: 5px;
	}
	.u-reply-name {
		color: #ff72a4;
		margin-right: 5px;
	}
	.u-reply-box input {
	    float: left;
	    width: 630px;
	    line-height: 44px;
	    border: 1px solid #ddd;
	    background: none;
	    text-indent: 2em;
	    height: 36px;
	}


	.book-cont-r {
		width: 316px;
		min-height: 420px;
		margin-left: 24px;
		vertical-align: top;
	}
	.u-author-reward h3,
	.u-author-fans h3{
		text-align: center;
    	margin-top: 25px;
	}
	.u-author-reward h3 i {
		height: 19px;
	    width: 19px;
	    display: inline-block;
	    background: url(/styles/images/common/sprite.png) no-repeat -228px 0;
	    vertical-align: middle;
	    margin-right: 10px;
	}
	.u-author-reward ul {
	    margin: 35px auto 0;
	    width: 231px;
	}
	.u-author-reward ul li {
	    height: 40px;
	    width: 231px;
	    border-radius: 20px;
	    color: #fff;
	    margin-bottom: 12px;
	    font-size: 12px;
	    line-height: 40px;
	}
	.u-author-reward ul li.z-reward01 {
	    background: #9bd1d1;
	}
	.u-author-reward li span {
	    height: 34px;
	    width: 34px;
	    display: inline-block;
	    overflow: hidden;
	    border-radius: 17px;
	    margin: 3px 0 0 3px;
	    vertical-align: top;
	    margin-right: 9px;
	}
	.u-author-reward li span img {
	    width: 100%;
	    height: 100%;
	}
	.u-author-reward>span {
	    width: 37px;
	    height: 33px;
	    display: block;
	    background: url(/styles/images/common/sprite.png) no-repeat -198px -51px;
	    position: absolute;
	    top: 45px;
	    left: 30px;
	}
	.u-author-fans>h3 i {
	    height: 22px;
	    width: 22px;
	    display: inline-block;
	    margin-right: 10px;
	    color: #fff;
	    text-align: center;
	    line-height: 22px;
	    background: #00b7ed;
	    border-radius: 3px;
	}
	.u-author-fans ul {
	    margin-top: 28px;
	    color: #333;
	    margin-bottom: 35px;
	}
	.u-author-fans ul li {
	    margin-bottom: 16px;
	    font-size: 12px;
	}
	.u-author-fans ul li:nth-child(1) i {
	    color: #fff;
	    border: 1px solid #fe5357;
	    background-color: #fe5357;
	}
	.u-author-fans ul li:nth-child(2) i{
		color: #fff;
		border:1px solid #fe7b53;
		background-color: #fe7b53;
	}
	.u-author-fans ul li:nth-child(3) i{
		color: #fff;
		border:1px solid #fecc53;
		background-color: #fecc53;
	}
	.u-author-fans ul li span {
	    margin-left: 30px;
	    width: 110px;
	    display: inline-block;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    vertical-align: bottom;
	}
	.u-author-fans ul li em {
	    width: 84px;
	    display: inline-block;
	    margin-left: 20px;
	}
	.u-author-fans ul li i {
	    height: 15px;
	    width: 15px;
	    display: inline-block;
	    text-align: center;
	    line-height: 15px;
	    color: #00b7ee;
	    border: 1px solid #00b7ee;
	    margin-left: 42px;
	}

/*次友都在看*/
	.m-detail-recommend {
	    background: #fff;
	    padding: 0 0 50px;
	    border: 2px solid #e5e5e5;
	    border-radius: 10px;
	    margin-bottom: 50px;
	}
	.m-detail-recommend>h3 {
	    font-size: 24px;
	    color: #333;
	    padding: 30px 0 25px 30px;
	    border-bottom: 1px solid #e5e5e5;
	}

	.m-detail-recommend ul {
	    padding: 30px 30px 0;
	}
	.m-detail-recommend ul li {
	    display: inline-block;
	    margin-left: 30px;
	}
	.m-detail-recommend ul li:first-child {
	    margin-left: 0;
	}
	.m-detail-recommend ul li a {
	    width: 160px;
	    display: block;
	}
	.m-detail-recommend ul li a:hover img {
		 box-shadow: -2px 2px 10px #434343;
	}
	.m-detail-recommend ul li a img:hover {
	    box-shadow: -2px 2px 10px #434343;
	}
	.m-detail-recommend ul li a img {
	    width: 160px;
	    height: 200px;
	    transition-duration: 500ms;
	}
	.m-detail-recommend ul li a span {
		font-size: 16px;
		color: #3a3a3a;
		text-align: center;
	    display: inline-block;
	    width: 100%;
	    margin-top: 20px;
	}