book_admin/public/assets/sf/css/frontend/recently.css

@charset "utf-8";
/* CSS Document */
.r_img_list_box{
	overflow: hidden;
	background-color: #fff;
}

.r_img_edit_box{
	overflow: hidden;
	padding: 0 .15rem;
	height: .4rem;
	background-color: #fff;
}

.r_book_num{
	float: left;
	height: .4rem;
	line-height: .4rem;
}

.r_book_num strong,
.r_book_num em{
	font-size: .15rem;
	color: #5e6a94;
	font-weight: normal;
	font-style: normal;
}

.r_book_num em{
	display: none;
}

.r_img_edit_but_box{
	float: right;
	height: .4rem;
}

.r_img_edit_but_box a{
	float:right;
	padding-left: .2rem;
	height: .4rem;
	font-size: .15rem;
	line-height: .4rem;
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: .16rem auto;
}

.r_img_edit_open{
	background-image: url(../../img/frontend/icon/icon_6.png);
	color: #27c1a0;
}

.r_img_edit_remove{
	display: none;
	background-image: url(/assets/img/frontend/icon/icon_7.png);
	color: #fb6b69;
}

.r_img_edit_close{
	display: none;
	background-image: url(/assets/img/frontend/icon/icon_7.png);
	color: #fb6b69;
}

.r_img_list_edit .r_book_num strong,
.r_img_list_edit .r_img_edit_open,
.r_img_list_edit_remove a.r_img_edit_close,
.r_img_list_edit .r_img_other{
	display: none;	
}

.r_img_list_edit .r_book_num em,
.r_img_list_edit .r_img_edit_close,
.r_img_list_edit_remove .r_img_edit_remove{
	display: block;	
}

.r_img_ul,
.r_img_ul li,
.r_img_ul a{
	display: block;
	overflow: hidden;
}

.r_img_ul{
	background-color: #fff;
}

.r_img_ul li{
	padding: .05rem 0;
	border-top: 1px solid #edf0fa;
}

.r_img_ul a{
	position: relative;
	left: 0;
	top: 0;
	padding: .1rem .15rem;
}

.r_img_list_box .r_img_ul li:first-child,
.r_img_list_box .r_img_ul li:first-child a,
.r_img_list_other .r_img_ul li:first-child,
.r_img_list_other .r_img_ul li:first-child a{
	border-top: 0;
	padding-top: 0;
}
.r_img_ul li:first-child{
	border-top: 0;
}
.r_img_list_box .r_img_ul li:first-child .r_img,
.r_img_list_other .r_img_ul li:first-child .r_img{
	top: 0;	
}


.r_img{
	position: absolute;
    left: .15rem;
    top: .1rem;
    margin-bottom: 0;
    width: .78rem;
    height: 1.04rem;
}

.r_img img{
	height: 100%;
	border-radius: .03rem;
}


.r_img em,
.r_img strong{
	position: absolute;
	font-size: .12rem;
	color: #fff;
	text-align: center;
	height: .18rem;
	line-height: .18rem;
	box-sizing: border-box;
}

.r_img em{
	left: 0;
	bottom: 0;
	right: 0;
	height: .18rem;
	background-color: rgba(39,193,160,.9);
	font-size: .12rem;
	color: #fff;
	text-align: center;
	line-height: .18rem;
}

.r_img_ul li:nth-child(1) .r_img em,
.r_img_ul li:nth-child(2) .r_img em,
.r_img_ul li:nth-child(3) .r_img em{
	background-color: rgba(245,100,81,.9);
}


.r_img strong{
	right: 0;
	top: .1rem;
	padding-left: .06rem;
	height: .18rem;
	width: .34rem;
	background-color: #27c1a0;
	font-size: .12rem;
	color: #fff;
	text-align: left;
	line-height: .18rem;
	border-radius: .18rem 0 0 .18rem;
}


.r_img_text{
	overflow: hidden;
	margin: 0 0 0 .9rem;
	height: 1.04rem;
}

.r_img_text h3{	
    overflow: hidden;
    margin-bottom: .05rem;
    height: .24rem;
    font-size: .16rem;
    color: #494a4c;
    font-weight: bold;
    line-height: .24rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.r_img_chaptername{
    overflow: hidden;
	height: .24rem;
	font-size: .13rem;
	color: #5e6a94;
	line-height: .24rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.r_img_text p{
	margin-bottom: .1rem;
	overflow: hidden;
	height: .4rem;
	font-size: .13rem;
	color: #828786;
	line-height: .2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.r_img_other{
	margin-top: .1rem;
	height: .16rem;
}

.r_img_other em{
	float: right;
	padding-right: .1rem;
	height: .16rem;
	background: url(../../img/frontend/icon/icon_1.png) no-repeat right center;
	background-size: .06rem auto;
	font-size: .12rem;
	color: #27c1a0;
	line-height: .16rem;
}

.r_img_other span{
	float: right;
	height: .16rem;
	font-size: .12rem;
	color: #aeb4ca;
	line-height: .16rem;
}
.r_img_other strong{
    float: right;
    padding-left: .2rem;
    height: .16rem;
    background: url(../../img/frontend/icon/icon_2.png) no-repeat 0 .03rem;
    background-size: auto .1rem;
    font-size: .12rem;
    color: #f56451;
    line-height: .16rem;
}

.r_img_other b{
	display: block;
	height: .16rem;
	font-size: .12rem;
	color: #f63566;
	font-weight: normal;
	line-height: .16rem;
}


.r_img_other i{
	float: left;
	overflow: hidden;
	display: block;
	height: .16rem;
	font-size: .12rem;
	color: #535756;
	line-height: .16rem;
}

.r_img_book_null .r_img span{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(/assets/img/frontend/icon/icon_12.png) no-repeat center center;
	background-size: .68rem auto;
}

.r_img_book_null h3,
.r_img_book_null .r_img_chaptername{
	color: #aeb4ca;
}


.r_img_list_edit .r_img_text{
	padding-right: .3rem;
	background: url(/assets/img/frontend/icon/icon_8.png) no-repeat right center;
	background-size: .18rem auto;
}

.r_img_list_edit .r_img_remove_select .r_img_text{
	background-image: url(/assets/img/frontend/icon/icon_9.png);
}

.r_img_list_other{
	overflow: hidden;
	margin-top: .1rem;
	padding-bottom: .1rem;
	background-color: #fff;
}

.r_img_list_other_tit{
	overflow: hidden;
	height: .54rem;
}

.r_img_list_other_tit h2{
	height: .54rem;
	background: url(/assets/img/frontend/icon/icon_10.png) no-repeat center center;
	background-size: 2.53rem auto;
	font-size: .15rem;
	color: #27c1a0;
	text-align: center;
	line-height: .54rem;
}


/*分类列表*/
.c_list_tab_box_2{
	overflow: hidden;
	margin: .15rem .15rem 0;
	height: .28rem;
	border: 1px solid #27c1a0;
	border-radius: .28rem;
	box-sizing: border-box;
}

.c_list_tab_box_2 a{
	overflow: hidden;
	float: left;
	width: 25%;
	height: 100%;
	border-right: 1px solid #27c1a0;
	font-size: .13rem;
	color: #27c1a0;
	text-align: center;
	line-height: .27rem;
	box-sizing: border-box;
}

.c_list_tab_box_2 a:last-child{
	border-right: 0;
}

.c_list_tab_box_2 .hover{
	background-color: #27c1a0;
	color: #fff;
}