@import "../lib/index.less"; 

.a(){
	width: 50%;
    height: 50px;
    text-align: center;
    line-height: 50px;
	color: #fff;
}

.bookinfo {
		.info-title {
			height: 440upx;
			position: relative;
			overflow: hidden;
			.title-background {
				height: 100%;
				background-repeat: no-repeat  !important;
				background-size: cover  !important;
				filter: blur(7px)  !important;
			}
			.title-top {
				position: absolute;
				left: 0;
				top: 0;
				z-index: 2;
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: space-around;
				background: linear-gradient(#ffffff00, #ffffff);
				img {
					width: 190upx;
					height: 240upx;
				}
				.title-top-right {
					h3 {
						color: white;
						font-size: 40upx;
					}
					p {
						color: #6b6b6b;
						margin-top: 20upx;
						font-size: 32upx;
						.author{color: firebrick}
					}
				}
			}
		}
		.info-message{
			padding: 20upx 30upx;
			ul{
				display: flex;
				align-items: center;
				justify-content: space-around;
				li{
					text-align: center;
					.readNum{
						color: #929292;
						font-size: 40upx;
					}
					.readP{
						color: #929292;
						font-size: 32upx;
					}
				}
			}
		}
		.info-desc{
			padding: 20upx 30upx;
			h4{font-size: 36upx;color: #929292}
			.descCont{
				margin-top: 20upx;
				font-size: 28upx;
				text-indent: 2em;
				color: #929292;
			}
		}
		.chapter{
			margin-top: 10upx;
			padding: 10upx 0 0 0;
			.chapterTitle{
				padding: 10upx;
				padding-left: 20upx;
				background-color: #f4f4f4;
			}
			.chapterList{
				padding:0 30upx;
				.chapterTxt{
					padding: 20upx 10upx;
					color: #4c4c4c;
					border-bottom: 2upx solid #dfdfdf;
				}
			}
		}
		.recommend{
			padding: 10upx 0;
			.recommendTitle{
				background-color: #f2f2f2;
				border-top: 2upx solid #dfdfdf;
				border-bottom: 2upx solid #dfdfdf;
				padding: 10upx 20upx;
			}
			ul {
				padding-bottom: 50px;
			}
			.recommendList{
				display: flex;
				flex-flow: row;
				padding: 20upx 10upx;
				margin: 0 20upx;
				border-bottom: 2upx solid #dfdfdf;
				image{width: 148upx;height: 180upx;}
				.bookMsg{
					color: #929292;
					.bookName{color: #4c4c4c;}
					.bookAuthor , .bookType{
						font-size: 26upx;
					}
				}
			}
		}
		.action {
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 50px;
			background: #fff;
			display: flex;
			align-items: center;
			justify-content: space-around;
			.action-read {
				.a();
				color: #000;
			}
			.action-like {
				.a();
				background: red;
			}
		}
	}