*{
	margin:0;
	padding:0;
	list-style: none;
}
a{
	text-decoration: none !important;
	color: #000 !important;
}
.yunbox{
	width:100%;
	height:300px;
	background-image: url(../images/facehome.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
	object-fit:cover;
	overflow: hidden;
	margin-top:20px;
}



/* 头部导航 */
.headbg{
	height:70px;
	background-image:url(../images/guangyi.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

.headbox{
	display: flex;
	justify-content: space-between;
	height:70px;
}
.lefthead{
	height:100%;
	color:#23AEDC;
}
.lefthead img{
	height:100%;
	object-fit:cover;
}
.logotxt{
	color: orangered;
}
.righthead{
	width:40%;
	height:100%;
}
.righthead ul{
	display: flex;
	justify-content: space-between;
	width:100%;
	height:100%;
	line-height:70px;
}
.righthead ul li{
	text-align: center;
	width:100px;
}
.righthead ul li a{
	display: inline-block;
	width:100%;
	height:100%;
	font-weight:500;
	transition:all 0.4s;
}
.righthead ul li a:hover{
	color:#3F40AB !important;
}
.nav-bg{
	color:#3F40AB !important;
}
.telbox{
	height:100%;
	line-height:70px;
	color: #3F40AB;
}
/* 搜索表情包 */
.searchbox{
	position: absolute;
	margin-left:40%;
	margin-top:-160px;
	overflow: hidden;
}
.searchbox input{
	padding:8px 60px 8px 10px;
	vertical-align: middle;
}
.searchbox span{
	display: inline-block;
	width:80px;
	height:44px;
	background:#345472;
	padding-top:8px;
	margin-left:-6px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	 -webkit-user-select: none;
}




.all{
	display: inline-block;
	width:200px;
	height:60px;
	text-align: center;
	line-height:60px;
	color: #fff;
	background:orange;
	transition:all 0.4s;
	margin-left:140px;
	margin-top:100px;
}
.all:hover{
	background:red;
}
.downbtn{
	background:#FD4C5B !important;
	color: #fff !important;
	border:1px solid #fff;
	padding:4px 40px;
	font-weight:500;
	transition:all 0.4s;
	display:inline-block;
	margin-top:50px;
}
.downbtn:hover{
	background:#fff !important;
	color:#FD4C5B !important;
}
.no-gutters{
	padding:10px;
}
/* 漫画内容开始 */
.facetitle{
	font-size:20px;
	font-weight:bold;
}
.facebox{
	display: flex;
	justify-content: space-between;
	margin-top:40px;
}
.faceimg{
	width:300px;
	height:300px;
	border:1px solid #ccc;
	overflow:hidden;
}
.faceimg img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.carimg{
	width:200px;
	height:200px;
	border:1px solid #ccc;
	overflow:hidden;
}
.carimg img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.bgsee p{
	padding-bottom:10px;
	border-bottom:1px dotted #666;
}
.bgsee span{
	display: inline-block;
	width:100%;
	height:32px;
	line-height:32px;
	text-align: center;
	color:#fff;
	 background:#7BA7AB;
	border:1px solid #629599;
	transition:all 0.4s;
}
.bgsee span:hover{
	background:#629599;
}











/* 登录页面 */
.loginbig{
	height:800px;
	background:#A8D5D7;
	padding:40px;
}
.loginbox{
	width:560px;
	padding:50px;
	margin:0 auto;
	background-color: #fff;
	margin-top:140px;
	border-radius:10px;
}
.loginbtn{
	width:100%;
}
/* 登录icon */


/* 页脚 */
.foot{
	margin-top:50px;
}
.footer-bottom{
	background:#192c34;
}

.copyright{
	color: #fff;
	padding: 22px 0px;
	text-align: center;
}

.copyright a{
	color: #fff;
}
.d1 {background: #A3D0C3;}
.d1 input {
  width: 100%;
  height: 42px;
  padding-left: 10px;
  border: 2px solid #7BA7AB;
  border-radius: 5px;
  outline: none;
  background: #F9F0DA;
  color: #9E9C9C;
}
.d1 button {
  position: absolute; 
  top: 0;
  right: 0px;
  width: 42px;
  height: 42px;
  border: none;
  background: #7BA7AB;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}
.d1 button:before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 16px;
  color: #F9F0DA;
}