@charset "utf-8";

body{
	background-color: #f5f7fa;
}

.boxflex{
	display: flex;
}


.banner{
	border-radius:.3rem ;
}

.content{
	max-width: 640px;
	margin: auto;
	background-color: #fff;
}


.down-list{
	justify-content:space-between;
	align-items:center;
	border-bottom: solid 1px #E5E5E5;
	margin-top: .5rem;
}
.down-list-fl{
	
}
.logo{
	margin: auto;
	text-align: center;
	width: 100%;
	margin-bottom: .2rem;
	background-color: #1c1d1d;
	padding: .5rem 0;
}
.logo img{
	width: 1.2rem;
	height: 1.2rem;
	border-radius: .5rem;
	border: solid 1px #efefef;
}
.logo p{
	color: #fff;
	font-size: .32rem;
	line-height: 1;
}
.down-text{
	margin-top: .1rem;
}
.down-text h1{
	font-size: .35rem;
}
.down-text p{
	font-size: .28rem;
	color: #666;
}
.down-button{
	display: block;
	font-size: .28rem;
	background-color: #24c8af;
	color: #fff;
	border-radius: .1rem;
	padding: .2rem;
}

.book_msg{
	font-size: .32rem;
}
.book_msg h1{
	font-size: .4rem;
	padding: .5rem 0;
}




.login_nav{
	justify-content: center;
	align-items: center;
	padding: .3rem 0;
}

.login_nav a{
	font-size: .35rem;
	color: #cfcfcf;
	width: 50%;
	text-align: center;
	position: relative;
		/* transition: all .5s linear; */
}
.login_nav .login_active{
	color: #5c72ff;
	font-weight: 800;
	font-size: .45rem;
}

.login_nav .login_active::before{
	content: '';
	display: block;
	width: .1rem;
	height: .1rem;
	position: absolute;
	background-color: #5C72FF;
	border-radius: 5rem;
	left: 50%;
	margin-left: -0.05rem;
	top: -.2rem;
}
.login_block{
	margin: .5rem;
}

.login_list{
	align-items: center;
	position: relative;
	padding: .3rem 0 0 0 ;
	margin-bottom: .5rem;
}
.icon{
	position: absolute;
	font-size: .4rem;
	color: #CFCFCF;
	text-align: center;
	top:.35rem;
	left: .2rem;
	width:.5rem;
}
.login_inp{
	font-size: .35rem;
	display: flex;
	align-items: center;
	color: #000;
	width: 100%;
	border: solid 1px #ececec;
	border-radius: 4px;
	text-indent: 30px;
	padding: 10px 0;
}

.login_inp:focus{
	/* border-bottom: solid 1px #5498ff; */
	transition: all .5s linear;
}
.login_inp:hover{
	/* border-bottom: solid 1px #5498ff; */
	transition: all .5s linear;
}

.btn{
	text-align: center;
	display: block;
	width: 100%;
	font-size: .35rem;
	background-color: #1c1d1d;
	border-radius: 5rem;
	color: #fff;
	padding: .28rem 0;
}
.btn2{
	margin-top: .1rem;
	display: block;
	text-align: center;
	width: 100%;
	font-size: .35rem;
	background-color: #fc4a1a;
	border-radius: 5rem;
	color: #fff;
	padding: .28rem 0;
}


.titlelo{
	font-size: .25rem;
	color: #666;
	text-indent: .1rem;
}