*{

	padding: 0px;

	margin: 0px;

	font-family: "Microsoft YaHei";

}

 body,html{

	width: 100%;

	max-width: 640px;

	height: 100%;

	margin: auto;

	font-family: "Microsoft YaHei";

	-moz-user-select: none;

	-webkit-user-select: none;

	user-select: none;

	background-color: rgb(240,239,244)

}

.header{

	width: 100%;

	height: 40px;

	background-color: var(--bgColor);

	line-height: 40px;

	text-align: center;
	box-sizing: border-box;
	padding: 0   50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px solid #E1E0E5;

}

.box{

	width: 100%;

	box-sizing: border-box;

	overflow: hidden;

	padding:0 10px;

	margin-top: 20px;

	margin-bottom: 30px

}

.left-img{

	width: 120px;

	height: 180px;

	float: left;

	margin-right: 10px;

	background: #000

}

.right{

	width: calc(100% - 130px);

	float: left;

}
.book-name{
	margin-bottom: 10px
}
.right p{

	width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin-bottom: 3px

}

.btn{

	width: 80%;

	height: 40px;

	margin-left: 10%;

	background-color: var(--btnColor);

	color: #FFF;

	border-radius: var(--bRadius);

	border:none;

	outline: none;

	margin-bottom: 20px;

	font-size: var(--sbigSize)

}

#shadow{

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,0.4);

	position: absolute;

	top: 0;

	left: 0;

	z-index: 100;

	display: none

}

.shadow-box{

	height: 216px;

	background-color: #FFF;

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 101;

	width: 100%;

	box-sizing: border-box;

	padding: 0 10px;



}

.shadow-title{

	height: 44px;

	line-height: 44px;

	text-align: center;

	font-size: var(--descSize)

}

.shadow-title span{

	color: var(--red);

}

.shadow-title2{

	text-align:left;

	font-size: var(--sbigSize)

}

.rech-btn{

	width: 100%;

	height: 44px;

	border-radius: 30px;

	background-color: var(--red);

	color: #FFF;

	border:none;

	outline: none;

	font-size: var(--sbigSize);

	margin-top: 20px;

}