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

@charset "utf-8";
/* CSS Document */
.body_sytle{
	background-color: #f2f4f8;
}

.i_slide_box{
	position: relative;
	left: 0;
	top: 0;
	overflow: hidden;
	height: 1.36rem;
}
.i_slide_box img{
	display: block;
	height: 1.36rem;
}
.i_slide_box a{
	overflow: hidden;
	display: block;
	width: 100%;
	height: 1.36rem;
}

.i_slide_main{
	position: absolute;
	left: 0;
	top: 0;
	height: 1.36rem;
	width: 1000%;
}

.i_slide_ul{
	overflow: hidden;
	height: 1.36rem;
}

.i_slide_ul li{
	float: left;
	width: 10%;
	height: 1.36rem;
}

.i_slide_ul a{
	display: block;
	width: 100%;
	height: 1.36rem;
}

.i_slide_but_box{
	position: absolute;
	right: .1rem;
	bottom: .08rem;
	left: .1rem;
	z-index: 10;
	height: .08rem;
	text-align: right;
	font-size: 0;
	white-space: nowrap;
}

.i_slide_but_box span{
	margin: 0 .04rem;
	display: inline-block;
	height: .08rem;
	width: .08rem;
	background-color: #fff;
	border-radius: .08rem;
}

.i_slide_but_box .hover{
	background-color: #609ffc;
}




.i_search_box{
	padding: .08rem .15rem .1rem .15rem;
}

.i_search_box a{
	overflow: hidden;
	display: block;
	padding: 0 0 0 .44rem;
	height: .36rem;
	background:#fff url(/assets/img/frontend/icon/icon_3.png) no-repeat .14rem center;
	background-size: .2rem auto;
	font-size: .13rem;
	color: #aeb4ca;
	line-height: 2.7;
	box-sizing: border-box;
	border-radius: .36rem;
	border: 1px solid #cdd1e0;
}


.i_topic_nav_box{
	overflow: hidden;
	margin-bottom: .05rem;
	padding: .15rem .1rem 0;
	height: .94rem;
	background-color: #fff;
	box-sizing: border-box;
}

.i_topic_nav_li{
	float: left;
	width: 20%;
	box-sizing: border-box;
}

.i_topic_nav_li a{
	display: block;
	margin: 0 auto;
	width: .5rem;
}

.i_topic_nav_li_img{
	overflow: hidden;
	margin: 0 auto .06rem;
	width: .44rem;
	height: .44rem;
}

.i_topic_nav_li_img img{
	height: 100%;
}

.i_topic_nav_li strong{
	display: block;
	height: .16rem;
	font-size: .12rem;
	color: #5d6995;
	text-align: center;
	line-height: .16rem
}



.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-pagination{
	padding: 0 20px;
	text-align: right;
	box-sizing: border-box;
}

.swiper-pagination-bullet{
	opacity: 1;
	background: #fff;
}

.swiper-pagination-bullet-active {
    background: #80A5D4;
}

.body_sytle_girl .swiper-pagination-bullet-active {
    background: #f56451;
}

.i_recent_box{
	position: relative;
	left: 0;
	top: 0;
	overflow: hidden;
	margin: .05rem 0;
	padding: 0 .15rem;
	height: .44rem;
	background-color: #fff;
}

.i_r_l{
	overflow: hidden;
	position: absolute;
	left: .15rem;
	top: 0;
	height: .44rem;
	width: .7rem;
	font-size: .13rem;
	color: #2b2b2a;
	line-height: .44rem;
}

.i_r_r{
	overflow: hidden;
	display: block;
	padding-right: .16rem;
	margin-left: .7rem;
	height: .44rem;
	background: url(../../img/frontend/icon/icon_35.png) no-repeat right center;
	background-size: auto .13rem;
	font-size: .13rem;
	color: #2b2b2a;
	line-height: .44rem;
}