@charset "UTF-8";
  html {
  height:100%;
}
[v-cloak] {
  display: none;
}
.toast{
	width: 2rem;
	height: .6rem;
	line-height: .6rem;
	background: rgba(1, 1, 1, .8);
	position: fixed;
	bottom: 1.5rem;
	color: #fff;
	font-size: 12px;
	border-radius: .3rem;
	text-align: center;
	left: 50vw;
	transform: translate(-50%);
}
img{
  margin-top:-1px;
}
body {
  margin:0;
  height:100%;
  font-size:12px;
}

.giftAcitvityIndex{
   position:absolute;
   top:0;
   left:0;   
   width: 100%;
 }
 .scroll-wrap {
	position: relative;
 }
 .scroll-wrap .scroll-ctn {
	position: absolute;
	left: 0;
	bottom: .9rem;
	width: 100%;
	height: 2.8rem;
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;
 }
 .scroll-wrap .scroll-ctn::-webkit-scrollbar {
	display: none;
 }
 .scroll-hid {
	display: flex;
    position: absolute;
    left: 0;
    top: 0;
 }
 .scroll-wrap .scroll-ctn .scroll-book {
	margin-left: .34rem;
	background: #fff;
	width: 6rem;
	height: 2.8rem;
	display: flex;
 }
 .scroll-wrap .scroll-ctn .scroll-book img {
	width: 1.8rem;
    height: 2.4rem;
    margin: .2rem;
 }
 .scroll-wrap .scroll-ctn .scroll-book .scroll-name {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin-top: .32rem;
    font-size: .32rem;
	font-weight: bold;
	font-family:Source Han Sans CN;
	color:rgba(54,46,44,1);
 }
 .scroll-wrap .scroll-ctn .scroll-book .scroll-author {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin: .04rem 0 .24rem;
	color:rgba(92,85,84,1);
	font-family:Source Han Sans CN;
	font-weight:400;
	font-size: .26rem;
 }
 .scroll-wrap .scroll-ctn .scroll-book .scroll-introduction {
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	color:rgba(92,85,84,1);
	font-family:Source Han Sans CN;
	font-weight:400;
	font-size: .26rem;
	line-height: .36rem;
 }
 .select-click {
	position: absolute;
	width: 100%;
	left: 0px;
	top: .69rem;
 }
 .select-click .tab-click {
	display: flex;
	justify-content: space-around;
    box-sizing: border-box;
	padding: 0 0.2rem;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
 }
 .select-click .tab {
	width: 23%;
	height: 100%;
 }
 
.box{
    background:url('https://cdn3.cmread.com/cbs/cover/storage-458/255/3f2e29fc3af84af3bfbf5e7909ca47b5/upfile.png') top left no-repeat;
    background-size:100% 100%;
    top: 0;
    width: 100%;
    height: auto;
    padding:0 4.5%;
    box-sizing:border-box;
    margin-top:-1px;
    padding-top:.35rem;
    min-height:14rem;
}

.rwsk{
	position: relative;
    /* margin-top: 12.9rem; */
	width: 100%;
	height: auto;
	/*  border: 1px solid red;   */
}
.syl{
	position: relative;
	margin-top: 0.82rem;
	width: 100%;
	height:auto;
  /*  border: 1px solid red; */  
}
.srl{
	position: relative;
	margin-top: 0.82rem;
	width: 100%;
	height:auto;
	/* border: 1px solid red;  */
}
.wxysl{
	position: relative;
	margin-top: 0.8rem;
	width: 100%;
	height:auto;
	/* border: 1px solid red; */
}
.bookInfo{
	/* border: 1px solid blue; */
    width: 26.5%;
    height:auto;
    display: inline-block;
    margin-left: 0.37rem;
    margin-bottom:0.2rem;
    vertical-align: top;
}
.lhzj{
	width: 100%;
	height:auto;
	/* border: 1px solid blue; */
}
.liheBox{
	margin-top: 4.55rem;
    /*border: 1px solid red;
*/}
.lihe{
	height: 3.3rem;
	/* border: 1px solid red; */
	margin-bottom: 0.52rem;
}
.bookName{
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	padding-top:2px;
	line-height: 15px;
	font-family:PingFang SC;
	font-weight:400;
	color:rgba(27,49,59,1);
}