/* header部分样式设计开始 */
/* header-LOGO部分样式设计开始 */
.mobile-clouds{
	width: 100%;
	height: 394px;
	position: absolute;
	z-index: -1;
	background: url(./img/main-container-background-mobile.png) no-repeat ;
	background-position: center;
	background-size: cover;
}
.header{
	background-image: linear-gradient(180deg, #95a8ae,#d3dbdd calc(100% - 52px));
}
.header-mobile-menu{
	display: none;
}
.mesNum{
	display: inline-block;
	margin-left: 10px;
	font-weight: 600;
}
.main-menu-swipe-visible{
	display: none;
}
@media(max-width:768px){
	.header{
		background-image: none;
		display: none;
	}
	.main-menu-swipe-visible{
		display: block;
	}
}
.container{
	min-height: 120px;
	max-width: 1100px;
	margin: 0 auto;
	background: url(./img/header-container-image.png) no-repeat 39% 0;
	/* background-repeat: no-repeat; */
	padding: 0 15px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
@media(max-width:768px){
	.container{
		display: flex;
		justify-content: space-around;
		align-items: center;
		background: url(./img/header-container-image.png) no-repeat 63% 0;
		padding: 0;
		background-size: 60%;
		min-height: 50px;
		padding: 15px;
		position: fixed;
		top: 0;
		transition: 0.2s;
		width: 100%;
		z-index: 99;
	}
	.content{
		padding-top: 65px!important;
	}
}
@media(max-width:768px){
	.container .header-mobile-menu{
		display: block;
	}
}
.container .header-mobile-menu a{
	color: #1b4046;
	transition: 0.25s;
}
.container .header-mobile-menu a:hover{
	color: #316a74;
	transition: 0.25s;
}
.candle-logo{
	font-size: 22px;
	width: 260px;
	display: block;
	text-align: center;
}
@media(max-width:768px){
	.candle-logo{
		font-size: 20px;
	}
	.searchMem i{
		font-size: 18px;
		font-weight: 600;
	}
}
.icon-huomiao{
	font-size: 25px;
	color: white;
}
.GREY{
	color: #D9E6E8;
}
.WHITE{
	color: #F5FCFF;
}
/* header-LOGO部分样式设计结束 */
/* header-search部分样式设计开始 */
.center-block{
	width: 280px;
	height: 40px;
	margin: 0 auto;
    /* overflow: hidden; */
}
@media(max-width:768px){
	.center-block{
		width: 100%;
		padding: 0 16px;
		margin: 17px 0 5px;
	}
}			
.center-block:hover form .searchName{
	z-index: 3;
	opacity: 1;
	transition-property: opacity;
	transition-duration: 0.25s;
	transition-timing-function: ease-in-out;
}
.center-block form .searchName:focus{
	z-index: 3;
	opacity: 1;
}
.center-block form{
	width: 100%;
	height: 100%;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	background-color: #F2F7FA;
}
.center-block form:hover{
	outline: 1px solid #C39C65;
}
.center-block form label{
	width: 80%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: 2em;
	font-size: 14px;
	line-height: 40px;
	color: #889ea3;
	background-color: #F2F7FA;
	z-index: 2;	
}
.center-block form label i{
	padding-left: 10px;
	color: #C39C65;
	font-weight: 600;
	display: none;
}
@media(max-width:768px){
	.center-block form label{
		width: 100%;
		text-align: center;
	}
	.center-block form label i{
		display: inline;
	}
}
.center-block form .searchName{
	opacity: 0;
	width: 100%;
	height: 100%;
	text-indent: 2em;
	font-size: 14px;
	border: none;
	color: #889ea3;
	background-color: #F2F7FA;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.center-block form .searchName::placeholder{
	color: #889ea3;
}
.center-block form span{
	width: 20%;
	height: 100%;
	float: right;
	transition: 0.25s;
	position: relative;
	z-index: 3;
}
@media(max-width:768px){
.center-block form span{
	width: 44px;
	height: 44px;
	display: none;
	}
.center-block form .searchName:focus ~ a{
	display: inline;
	}
}
.center-block form a:hover{
	background-color: #C39C65;
	transition: 0.25s;
}
.center-block form a:hover i{
	color: #F2F7FA;
	transition: 0.25s;
}
.center-block form a i{
	line-height: 40px;
	font-size: 16px;
	padding-left: 20px;
	font-weight: 600;
	color: #c39c65;
	position: relative;
}
@media(max-width:768px){
.center-block form a i{
	padding-left: 13px;				
	}
}
.center-block form a i input{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
/* header-search部分样式设计结束 */
/* right-block部分样式设计开始 */
.right-block{
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (max-width: 768px){
	.right-block{
		display: none;
	}				
}
.right-block nav{
	margin-right: 12px;
	display: flex;
	align-items: center;
}
.right-block>nav>a,.right-block>nav>div{
	color: #fff;
	font-size: 14px;
	margin: 0 5px 0 5px;
}
.judge-cookie a{
	padding: 15px 10px;
}
.signed{
	position: relative;
	display: block
}
.submenu-rb{
	position: absolute;
	top: 80px;
	right: 110px;
	min-width: 225px;
	background-color: #fff;
	padding: 12px 0;
	box-shadow: 0 3px 8px rgb(0 0 0 / 30%);
	border-radius: 5px;
	z-index: 100;
	display: none;
}
.judeg-inner:hover .submenu-rb{
	display: block;
}
.judge-cookie>a>i{
	display: inline-block;
	margin-right: 10px;
}
.submenu-rb li:hover{
	background-color: #d9e6e8;
}
.submenu-rb li a{
	display: block;
	min-height: 44px;
	width: 100%;
	font-size: 15px;
	line-height: 34px;
	padding: 5px 17px;
	color: #1b4046;
}
.right-block .share-menu{				
	margin: 0;
	background-color: #07C160;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #048842;
}
.right-block .share-menu:hover{
	background-color: #048842;
}
.right-block .share-menu a{
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 1px 10px 1px 10px;
	color: #fff;
	font-size: 14px;
}
/* right-block部分样式设计结束 */
/* header-menu部分样式设计开始 */
.header_menu{
	background-color: #f5fcff;
	height: 52px;
}
@media (max-width:768px){
	.header_menu{
		display: none;
	}
}
.header_menu nav{
	max-width: 1100px;
	margin: 0 auto;
	height: 52px;
	padding: 0 30px;
}
.header_menu nav ul.header-menu-list{
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	height: 52px;
	position: relative;
}
.header_menu nav ul li{
	width: 100%;
}
.header_menu nav ul li a{
	line-height: 20px;
	display: block;
	font-size: 14px;
	padding: 16px 23px;
}
.header_menu nav ul li span i{
	font-size: 15px;
}
.header-menu-list li,.not_show a{
	transition: 0.15s;
}
.header-menu-list li:hover{
	background-color: #D9E6E8;
}
.folder{
	z-index: 100;
}
.dark{
	background-color: #D9E6E8;
}
.not_show{
	position: relative;
	background-color: #D9E6E8;
	z-index: 11;
	display: none;
	transition: 0.15s;
}
.not_show a:hover{
	background-color: #c8d3d4;
}
.show:hover~.not_show{
	display: block;
}
.not_show:hover{
	display: block;
}
.show a{
	height: 52px;
}
/* header-menu部分样式设计结束 */
/* ---------------------------------------------------------header部分样式设计结束 */
/* 收起箭头样式设置开始 */
.scroll-top{
	display: block;
	width: 48px;
	height: 48px;
	line-height: 35px;
	text-align: center;
	position: fixed;
	bottom: 35px;
	right: 32px;
	/* z-index: 100; */
	background-color: #c39c65;
	border-radius: 50%;
	opacity: 0;
	color: #e0e5df;
	cursor: pointer;
	transition: 0.25s;
}
@media(max-width:768px){
	.scroll-top{
		display: none;
	}
}
.scroll-top:hover{
	background-color: #dbb06b;
	opacity: 1;
	transition: 0.25s;
}
.scroll-top .icon-upforward{
	font-size: 25px;
	display: block;
	margin-top: 5px;
}
/* 收起箭头样式设置结束 */
/* 侧边栏样式设计开始 ---------------------------------------------------------*/
.main-menu-swipe-visible{
	position: fixed;
	top: 0;
	left: -80vw;
	height: 100%;
	width: 80vw;
	z-index: 99;
	background-color: #f4fcff;				
	overflow-y: auto;
}
.main-menu-swipe-visible .swipe-header{
	display: flex;
	justify-content: flex-start;
	background-color: #95a9ae;
	padding: 24px 0 14px;
	margin-bottom: 10px;
}
.main-menu-swipe-visible .swipe-header .sign-in-logo{
	width: 60px;
	height: 60px;
	background-color: #FFFFFF;
	font-size: 20px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 40%);
	margin: -10px 10px 0 10px;
	cursor: pointer;
}
.sign-in-logo i{
	font-size: 25px;
	margin-top: 18px;
	font-weight: 600;
	color: #1B4046;
}
.user-guest .user-name{
	font-size: 18px;
	text-transform: uppercase;
	padding-bottom: 5px;
	text-overflow: ellipsis;
	cursor: pointer;
}
.user-guest .user-email{
	font-size: 14px;
	color: #fff;
	padding-bottom: 10px;
	cursor: pointer;
	text-transform: uppercase;
}
.swipe-menu-list{
	margin-bottom: 10px;
}
.cam{
	padding: 5px 5px 5px 45px;
	font-size: 16px;
	color: #4e5454;
	font-weight: 500;
	display: block;
	line-height: 35px;
}
.submenu-wrapper-tittle{
	border-top: 1px solid rgba(78,84,84,.34);
	margin: 15px 0 8px;
}
.submenu-wrapper-tittle span{
	font-size: 16px;
	padding: 9px 5px 0 15px;
	color: #4e5454;
	opacity: 0.6;
	line-height: 35px;
	display: block;
	text-transform: uppercase;
	font-weight: 600;
}
.sub-li a{
	padding: 5px 5px 5px 45px;
	font-size: 16px;
	line-height: 35px;
	color: #4e5454;
	font-weight: 500;
	display: block;
	position: relative;
}
.sub-li a i{
	position: absolute;
	left: 10px;
    font-size: 1.2em;
}
.top-line{
	border-top: 1px solid rgba(78,84,84,.34);
	margin: 15px 0;
	height: 1px;
}
.share-button{
	margin: 7px 0;
	text-align: center;
}
.share-button a{
	color: #a88958;
}
.share-button a:hover{
	color: #9d5c00;
}
.menu-swipe-overlay{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.7);
	z-index: 98;
	user-select: none;	
	display: none;
}
.slide-header-mb{
	background-color: #95A9AE;
	padding: 24px 0 14px;
	margin-bottom: 10px;
	color: #1B4046;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
}
.slide-header-mb i{
	font-size: 55px;
	margin-left: 20px;
	color: #fff;
}
.user-name-mb{
	display: flex;
	flex-direction: column;
	margin-left: 15px;
}
.name-mb{
	font-size: 18px;
	padding-bottom: 5px;
	text-transform: uppercase;
	line-height: 22px;
	color: #1B4046;
}
.email-mb{
	font-size: 14px;
	line-height: 22px;
	color: #fff;
}
/* 侧边栏样式设计结束 ---------------------------------------------------------*/
/* 底部导航栏样式设计开始 ---------------------------------------------------------*/
.bottomMenu{
	z-index: 999;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 50px;
	background-color: rgb(137, 166, 172);
}
@media(min-width:768px){
	.bottomMenu,.header_mb{
		display: none;
	}
}
.bottomMenu ul{
	display: flex;
	justify-content: center;
	padding: 10 25px;
	height: 100%;
	color: #D9E6E8;
	font-weight: 600;
}
.bottomMenu ul li{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 5px;
}
.bottomMenu ul li a{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap:3px
}
.bottomMenu ul li a i{
	font-size: 16px;
	color: #fff;
}
.bottomMenu ul li a span{
	font-size: 10px;
}
/* 底部导航栏样式设计结束 ---------------------------------------------------------*/
/* footer部分样式设计开始 ---------------------------------------------------------*/
footer{
	padding: 14px 0;
	/* display: flex; */
	/* justify-content: space-around; */
}
@media(max-width:768px){
	footer{
		display: none;
	}
}
.container-footer{
	margin: auto;
	max-width: 1100px;
	padding: 0 15px;
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #e1e1e1;
}
.container-footer .footer-menu{
	width: 80%;
	vertical-align: sub;
	letter-spacing: -0.5px;
}
.container-footer .footer-menu li{
	display: inline-block;
	margin: 0 0.5em;
}
.container-footer .footer-menu li a{
	color: #e1e1e1;
	font-size: 13px;
}
.follow-us{
	display: flex;
	justify-content: flex-end;
	width: 20%;
	margin-left: 50px;
	align-items: center;
}
.follow-us span{
	display: inline-block;
	margin-right: 5px;
}
.follow-us a{
	color: #e1e1e1;
	display: inline-flex;
	margin: 0 5px;
}
.searchInput{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 15px;
	position: relative;
}
.mainbox_wrapper .searchInput,.content .searchInput{
	display: none;
}

@media(max-width:768px){
	.searchInput{
		width: 80%;
	}
	.mainbox_wrapper .searchInput,.content .searchInput{
		display: block;
	}
}
.searchInput .cover{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #DEE7EA;
	top: 0;
	left: 0;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap:10px;
	font-size: 14px;
	line-height: 40px;
	color: #889ea3;
	transition: 0.25s;
}
.searchInput .cover i{
	font-size: 20px;
	color: #C39C65;
}
.searchInput input{
	width: 100%;
	height: 40px;
	border-radius: 20px;
	background-color: #DEE7EA;
	border: 1px solid #bfcdcf;
	padding: 8px 16px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
.searchInput input::-webkit-input-placeholder{
	color: #889ea3;
}
.searchBtn{
	height: 40px;
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 0 20px 20px 0;
	position: absolute;
	right: 0;
	top: 0;
	color: #C39C65;
	transition: 0.25s;
}
.searchBtn i{
	font-size: 22px;
}
.searchBtn:hover{
	color: #fff;
	background-color: #C39C65
}
.addNewMem{
	/*padding: 0!important;*/
}
.addNewMem a{
	width: 45px!important;
	height: 35px!important;
	border-radius: 10px;
	background-color: #D9E6E8;
}
.bottomMenu ul .addNewMem i{
	font-size: 18px;
	font-weight: 600;
	color: #89A6AC;
}
.mesBotm i{
	font-size: 20px!important;
}
.mesBotmInner{
	position: relative;
	display: flex;
	text-align: center;
	align-items: center;
}
.point{
	position: absolute;
	top:30%;
	right: -5px;
	display: block;
	width: 5px;
	height: 5px;
	background-color: red;
	border-radius: 100%;
}
/* footer部分样式设计结束 ---------------------------------------------------------*/
.wechatEntranceWrapper{
    display: none;
	z-index: 9998;
	background-color: #00000080;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.wechatEntrance{
	position: fixed;
	height: calc(80vw + 50px);
	width: 80%;
	top: calc(50% - 250px);
	left: 10%;
	text-align: center;
	background-color: #fff;
	border-radius: 10px;
	padding: 10px 0;
}
.wechatEntrance img{
	width: 100%;
}
.wechatScan{
	font-size: 18px;
	font-weight: 600;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.wechatScan i{
	position: absolute;
	right: 20px;
	font-weight: 600;
	font-size: 20px;
	padding-top: 2px;
}