body{
	font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB", "Microsoft YaHei",Arial,sans-serif;
	margin: auto;
	height: 100%;
	}
a{
	text-decoration: none !important;
}
#bs-container{
    /*保证footer是相对于container位置绝对定位*/
    position:relative;  
    width:100%;
    min-height:100%; 
    /*设置padding-bottom值大于等于footer的height值，以保证main的内容能够全部显示出来而不被footer遮盖；*/  
    padding-bottom: 100px;  
    box-sizing: border-box;
}
.w-86{
	width: 86% !important;
}
.logo{
	width:20%;
	margin:30px 50px;
	display:block;
}
.book-search{
	margin: 30px 0;
	width: 60%;
	float: right;
	padding-right:50px ;
	font-size: 0.8rem;
}
.search-icon{
	position: absolute;
	z-index: 10;
	margin-top:9px ;
	margin-left:10px ;
}
.search-icon-b{
	float: right;
	margin-right:20px;
	margin-top: 30px;
	display: none;
}
.book-right{
	padding-left: 50px !important;
}
.padding_l2{
	padding-left:2.2rem !important;
}
.margin_l60{
	margin-left: 50px;
}
.padding_l60{
	padding-left: 50px !important;
}
.margin_l15{
	margin-left:15px !important;
}
.padding_l10{
	padding-left: 10px;
}
.margin_r40{
	margin-right:40px ;
}
.reading{
	width: 34%;
}
.bookshelf_title{
	width: 150px;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
}
.book-more{
	font-size: 14px;
	color: #666666;
	line-height: 20px;
	text-align: right;
}
.book-more-p{
	padding-right: 70px;
}
.book-more img{
	margin-left: 5px;
	margin-bottom: 2px;
}
.recent{
	width: 94%;	
	float: left;
}
.update{
	margin-top: 40px;
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.recent-update{
	margin-top: 20px;
	width: auto;
}
.recent-update div{
	width: 16.5%;	
}
.book_name_reading{
	width: 200px;
	font-size: 1.2rem;
	line-height: 1.2rem;
	white-space:nowrap;
	#text-overflow:ellipsis;/*超出省略*/
	#overflow:hidden; 
    display: block;
    padding-left:16px ;
}
.book_name{
	width: 135px;
	font-size: 1rem;
	line-height: 1.2rem;
	#white-space:nowrap;
	#text-overflow:ellipsis;/*超出省略*/
	overflow:hidden; 
    padding-left:4px ;
    color:#000000 ;
}

.bookshelf{
	margin:30px auto !important;
	display: table;
}
.book-list{
	padding-left:30px ;
	border-left:#E6E6E6 solid 1px;
	padding-right: 50px !important;
}
.book-list div{
	height:3em;
}
.book-list div>span{
	line-height:3em;
	font-size: 1.0rem;
}
.height-90{
	height:4.6em !important;
}
.height-50{
	height: 3em;
}
.list-line{
	width: 100%;
	border-bottom:#E6E6E6 solid 1px;
}
.book_cover{
	width: 15%;
}
.margin_r50{
	margin-right:50px ;
}
.margin_t50{
	margin-top:50px ;
}
.foot{
	color: #999999;
	line-height: 12px;
	font-size: 12px;
	text-align: center;
	width: 100%;
    height:20px;   /* footer的高度固定*/ 
    position:absolute;
    bottom:0px;
    left:0px;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.logo{width:50%;margin:30px;}
	.book-search{display: none;}
	.search-icon-b{display: block !important;}
	.reading{width:100%;margin:auto !important;}
	.book-right{padding-left: 20px !important;padding-right: 0 !important;}
	.reading img{width: 96% !important;}
	.recent{width:100%;margin-top:30px;overflow: hidden;}
	.recent_list{width: 40em;overflow: hidden;}
	.recent-scoll{width: 100%;overflow-x: scroll;overflow-y: hidden;-webkit-overflow-scrolling: touch;}
	.recent-scoll::-webkit-scrollbar {display: none;}
	.update{width:100%;margin-top: 30px;overflow: hidden;margin-right:15px !important ;}
	.book-more-p{padding-right: 20px;font-size: 0.6rem;}
	.recent-update{width: 58em;overflow: hidden;}
	.book-list{margin-top: 30px;padding-left:20px !important;}
    .book_name{font-size:0.7rem ;}
    .foot{display: none;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.logo{width:30%;margin:20px 50px;}
	.book-search{font-size: 0.5rem !important;}
	.book-list div{height:2em;}
    .book-list div>span{line-height:2em;font-size: 0.6rem;}
	.book_name_reading{width:120px;font-size:0.4rem ;padding-left:4px ;}
    .book_name{font-size:1.1rem ;}
    .book-more-p{padding-right: 20px;font-size: 0.6rem;}
    .book-list{padding-left:60px !important;}
    .book_cover{width: 8%;}
    .foot{display: none;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.logo{width:20%;margin:25px 50px;}
	.book-search{font-size: 0.5rem !important;}
	.book-list div{height:2em;}
    .book-list div>span{line-height:2em;font-size: 0.6rem;}
	.book_name_reading{width:120px;font-size:0.6rem ;padding-left:4px ;}
    .book_name{width:100px;font-size:1.0rem ;}
    .book-more{font-size: 0.6rem;}
    .book-more-p{padding-right: 40px;font-size: 0.6rem;}
    .book-list{padding-left:20px !important;}
    .book_cover{width:28%;}
    .foot{display: block;}
    .book-page{margin: 0 auto;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.logo{width:20%;margin:25px 50px;}
	.book-search{font-size: 0.6rem !important;}
	.book-list div{height:2.4em;}
    .book-list div>span{line-height:2.4em;font-size:0.8rem;}
	.book_name_reading{width:120px;font-size:0.8rem ;padding-left:10px ;}
    .book_name{width:120px;font-size:1.0rem ;}
    .book-more{font-size: 0.8rem;}
    .book-more-p{padding-right: 50px;font-size: 0.8rem;}
     .book-list{padding-left:20px !important;}
    .book_cover{width: 22%;}
    .foot{display: block;}
    .book-page{margin: 0 auto;}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.logo{width:20%;margin:30px 50px;}
	.book-search{font-size: 0.8rem !important;}
	.book-list div{height:2.8em;}
    .book-list div>span{line-height:2.8em;font-size: 1rem;}
	.book_name_reading{width:180px;font-size:1rem ;padding-left:14px ;}
    .book_name{width:140px;font-size:1.0rem ;}
    .book-more{font-size: 0.8rem;}
    .book-more-p{padding-right: 70px;font-size: 0.8rem;}
	.book-list{padding-left:20px !important;}
	.book_cover{width: 15%;}
    .foot{display: block;}
    .book-page{margin: 0 auto;}
}

.open-in-browser{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);background-repeat:no-repeat;background-position:top right;background-size:contain;z-index:9999;display:none;}
.open-in-browser.in{display:block;}
.open-in-browser.android{background-image:url('images/giftpacks-android-open-in.png'}
.open-in-browser.ios{background-image:url('images/giftpacks-ios-open-in.png'}