div,p,h1,ul,ol,li,a,img,html,body{
	margin: 0;
	padding: 0;
}
.container,body{
	background-color: #8bcfda;
}
.container{
	position: relative;
}
.logo{
	width: 11.25rem;
	margin:1.5rem 0 0 0.6rem;
}
.logo .type{
	font-size: 0.9rem;
}
.line{
	height:1px;border:none;border-top:1px solid #333;
}
.logo .icon{
	background: url('../images/logo.png') no-repeat;
	background-size: 100% 100%;
	height: 2.0rem;
	width: 2rem;
	display: inline-block;
	position: relative;
	top: 0.4rem;
}
.title{
	font-size: 1.8rem;
}
.read{
	font-size: 0.9rem;
	letter-spacing: 1.1rem;
	text-align: center;
	margin-left: 0.9rem;
}


.timelimit{
	height: 4.8rem;
	width: 4.8rem;
	position: absolute;
	right: 2.25rem;
	top: -0.5rem;
	border-radius: 50%;
	background-color: #e50102;
	color: #fff;
	text-align: center;
	font-size: 1.1rem;
}
.limitget{
	margin-top: 1.25rem;
}
.timelimit .free{
	letter-spacing: 0.2rem;
	margin-top: 0.2rem;
}


.bookcase{
	background: url('../images/bookcase.png') no-repeat;
	width: 32.0rem;
	height: 16.0rem;
	background-size: 100%;
	margin-top: 2rem;
}
.content{
	width: 31.0rem;
	height: 13.4rem;
	background-color: #fff;
	margin-top: 1.8rem;
	padding-top:1.85rem;
	position: relative;
}
.horizontal-line{
	width: 27.0rem;
	height: 1px;
	background-color: #b6d7cc;
	margin-left: 0.2rem;
	position: absolute;
}
.vertical-line{
	width: 1px;
	height: 25.0rem;
	background-color: #b6d7cc;
	margin:-0.75rem 0 0 1.0rem;
	position: absolute;
}
.contain{
	position: absolute;
	right: 0.7rem;
    top: 1.3rem;
	font-size: 1.4rem;
	color: #b6d7cc;
}
.book-list{
	margin: 1.65rem 0 0 1.7rem;
	list-style-type: none;
}
.book-list li span{
	width: 3.0rem;
	height: 3.1rem;
	display: inline-block;
	background-size: 100%;
}
.book-list li,p{
	display: inline-block;
}
.book-list p{
	position: relative;
	top: -1rem;
	color: #4f645f;
}
.book-order{
	margin-left: 2.7rem;
}
.nice-book{
	background: url('../images/nice-book.png');
}
.how-read{
	margin-left: 0.6rem;
}
.booktive{
	background: url('../images/biiktive.png');
}
.kits{
	background: url('../images/rightbook.png');
	width: 2.3rem!important;
	margin-top: 3.0rem;
}
.sec-kit{
	margin-left: 1.1rem;
}
.foot{
	background: url('../images/foot.png');
	height: 6.0rem;
	width: 29.4rem;
	margin-top: 2.25rem;
	margin-left: 1.25rem;
	background-size: 100%;
}
.click-login{
	width: 18.25rem;
	height: 6rem;
	margin-left: 11.5rem;
}
.foot-icon{
	width: 4.7rem;
	height: 1.8rem;
	background: url('../images/foot-icon.png');
	background-size: 100%;
	margin-top: 1.5rem;
	margin-left: 1.75rem;
}
.big-screen{
	position: absolute;
	bottom: 0px;
}