/*主题选择器开始*/
[v-cloak]{
	display: none;
}
.loadingWait{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background:linear-gradient(#D5DCDD 0%,#89A6AC 100%);
	z-index: 9999;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.welcomeLoading img{
	width: 30px;
	height: 30px;
}
.welcomeText{
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 25px;
	color: #fff;
	font-style: italic;
	opacity: 0.7;
}
body{
	overflow-x: hidden;
	color: var(--main-content-font-0);
}
.template-select-block{
	height: 100vh;
	width: 100%;
	background: linear-gradient(10deg,#000000 0%,rgba(255,255,255,0) 100%),linear-gradient(#abbabf 0%,#000000 100%);
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	z-index: 3000;
}
.inro-main-wrapper{
	height: calc(100% - 245px);
	display: flex;
	align-items: center;
	justify-content: center;
	vertical-align: baseline;
}
.text{
	color: #fff;
	text-align: center;
	line-height: 2;
	font-size: 18px;
	padding: 20px 10px;
	vertical-align: baseline;
}
.note{
	display: block;
	font-style: italic;
	font-size: 14px;
	margin-top: 10px;
}
@media (min-width: 1140px){
	.text{
		font-size: 26px;
		padding: 40px 0;
		line-height: 1.3;
	}
	.note{
		font-size: 16px;
	}
}
.main-mb-container{
	height: 100vh;
	overflow: scroll;
}
.template-selector{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 245px;
	z-index: 1500;
}
@media (min-width: 1140px) {
	.template-selector{
		height: 345px;
	}
}
.category-selection{
	height: 50px;
	max-width: 1120px;
	margin: 3px 10px;
	display: flex;
	align-items: center;
	vertical-align: baseline;
	justify-content: flex-start;
	position: relative;
}
@media (min-width: 1140px){
	.category-selection{
		margin: 10px auto 0;
		padding: 0 20px;
	}
}
.category-selection label{
	color: #e6e6e6;
	margin-bottom: 3px;
	font-size: 16px;
	display: none;
}
.category-selection select{
	width: 150px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 16px;
	height: 51%;
}
.close-selector{
	color: #e6e6e6;
	text-align: right;
	position: absolute;
	right: 30px;
	cursor: pointer;
}
.close-selector:hover{
	color: #fff;
}
.close-selector i{
	font-size: 27px;
}
@media (min-width: 1140px){
	.category-selection label{
		display: block;
	}
	.category-selection select{
		margin-left: 20px;
		padding-left: 5px;
		height: 55%;
	}
}
.theme-selection-block{
	margin: 0 10px;
	height: 100%;
	max-width: 1200px;
	position: relative;
}
.theme-selection{
	height: 71%;
	max-width: 1080px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
@media (min-width: 1140px){
	.theme-selection-block{
		margin: 0 auto
	}
	.theme-selection{
		height: 74%;
		margin-top: 10px;
	}
}
.theme-slider{
	width: 100000px;
	height: 100%;
	display: block;
	transition: 0.3s;
	position: absolute;
	left: 0;
	-webkit-user-select: none;
}
.theme-item{
	height: 175px;
	width: 135px!important;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 10px;
	background-color: gray;
	padding: 5px;
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	float: left;
}
@media (min-width: 1140px){
	.theme-item{
		width: 225px!important;
		height: 100%;
		margin-right: 20px;
		padding: 10px;
	}
}
.theme-inner{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 13px;
	left: 5px;
	height: 40px;
}
@media (min-width: 1140px){
	.theme-inner {
		top: 25px;
	}
}
.theme-inner span{
	display: block;width: 100%;
	text-align: center;
	font-size: 14px;
	-webkit-user-select: none;
}
.theme-item img{
	height: 88%;
	pointer-events: none;
	-webkit-user-select: none;
}
.theme-name span{
	display: block;
	text-align: center;
	font-size: 13px;
	padding-bottom: 9px;
	-webkit-user-select: none;
}
.save-btn{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;
	background-color: rgba(0,0,0,0.4);
	-webkit-user-select: none;
}
.currentTheme{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;
	background-color: rgba(0,0,0,0.3);
	-webkit-user-select: none;
	color: #fff;
	font-weight: 600;
}
.currentThemeInner{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.save-btn button{
	width: 40%;
	height: 36px;
	color: #fff;
	border: 1px solid #e6e6e6;
	background: #2f2f2f;
	border-radius: 6px;
	font-size: 16px;
	-webkit-user-select: none;
}
@media (min-width: 1140px){
	.theme-item img {
		height: 90%;
		width: 100%;
	}
	.theme-name span{
		padding-bottom: 9px;
		padding-top: 2px;
		font-size: 16px;
		vertical-align: middle;
		text-align: center;
	}
}
.pre-btn{
	position: absolute;
	top: 25%;
	width: 27px;
	height: 28px;
	left: 10px;
	right: auto;
	color: #fff;
	cursor: pointer;
	display: none;
}
.pre-btn i,.next-btn i{
	font-size: 33px;
}
.next-btn{
	position: absolute;
	top: 25%;
	width: 27px;
	height: 28px;
	right: 10px;
	left: auto;
	color: #fff;
	cursor: pointer;
	display: none;
}
@media (min-width: 1140px){
	.pre-btn , .next-btn{
		display: block;
	}
}
.theme-confirm{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #00000080;
	z-index: 1700;
	align-items: center;
	justify-content: center;
	display: none;
}
.confirm-wrapper{
	background-color: #fff;
	max-width: 474px;
	width: 100%;
	padding: 24px;
	margin: 0 15px;
	border-radius: 6px;
	color: var(--main-content-font-0);
	display: none;
}
.confirm-btn{
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:20px;
}
.confirm-btn button{
	width: 100%;
	border-radius: 6px;
	padding: 11px 23px;
	height: 48px;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
	transition: 0.3s;
}
.not-change{
	background-color: transparent;
	border: 1px solid #dcdcdc;
	color: var(--main-content-font-0);
}
.not-change:hover{
	background-color: var(--suggestion-bg-color);
	border-color: #c8c8c8;
}
.do-change{
	background-color: var(--main-content-font-0);
	border: 1px solid transparent;
	color: var(--main-bg-color);
}
.do-change:hover{
	background-color: var(--colorful-button-bg-color);
}
/*主题选择器结束*/
/*个人网站首页开始*/
.main{
	background-color: var(--main-bg-color);
}
.main-mb{
	display: none;
	overflow-x: hidden;
	position: relative;
}
@media (max-width: 1140px){
	.main{
		display: none;
	}
	.main-mb{
		display: block;
		position: relative;
	}
}
.header{
	z-index: 10;
}
.content{
	z-index: 3;
	display: flex;
	justify-content: flex-start;
}
.memorial-top{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 10;
	padding: 0 40px;
	transition: 0.2s;
}
.memorial-top-innerlogo{
	height: 48px;
	max-width: 1120px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--memorial-top);
}
.logo{
	color: var(--header-top-color);
}
.logo i{
	font-size: 25px;
}
.logo span{
	font-size: 20px;
}
.logo:hover{
	color: var(--header-top-color);
}
.header-content{
	display: flex;
	align-items: center;
	height: 100%;
	color: var(--header-top-color);
}
.slient-btn{
	margin-right: 16px;
}
.other-menu{
	display: flex;
	gap:16px;
	margin-right: 28px;
}
.header-menu-items{
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	line-height: 16px;
	padding: 16px 4px;
	text-transform: uppercase;
	position: relative;
	color: var(--header-top-color);
}
.header-menu-items .under-line{
	position: absolute;
	bottom: 8px;
	height: 1px;
	background-color: var(--header-top-color);
	width: 100%;
	opacity: 0;
	transition: 0.2s;
}
.header-menu-items:hover .under-line{
	opacity: 1;
}
.user-welcome span i{
	margin-left: 10px;
}
.judge-sign{
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.outer-cover{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	display: none;
}
.menu-outer{
	display: none;
}
.account-menu{
	position: absolute;
	top: 100%;
	right: -4px;
	padding-top: 10px;
	filter: drop-shadow(4px 4px 24px rgba(0,0,0,.16));
	border-radius: 6px;
	background-color: var(--content-bg-color);
	padding-bottom: 12px;
	display: flex;
	flex-direction: column;
}
.account-menu a{
	font-size: 16px;
	line-height: 24px;
	padding: 12px 24px;
	transition: 0.2s;
	white-space: nowrap;
	text-transform: none;
	color: var(--main-content-font-0);
}
.account-menu a:hover{
	background-color: var(--submenu-hover-color);
}
.account-menu .cross-line{
	margin: 6px 0;
}
.cross-line{
	height: 1px;
	background-color: #f0ece6;
	margin: 12px 0;
}
.memorial-top-inner{
	height: 330px;
	background-position: center center;
	background-size: cover;
	background-image: var(--header-bg-img-url);
	padding: 48px 32px 0;
	align-items: center;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	gap:32px;
	position: relative;
}
.memorial-name{
	padding: 16px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	flex-direction: column;
	color: var(--header-title);
}
.memorial-name h2{
	font-size: 45px;
	cursor: pointer;
	padding: 24px;
	text-align: center;
	width: 70%;
	white-space: nowrap;
}
.memorial-name span{
	font-size: 35px;
}
.memorial-photo{
	height: 230px;
	width: 320px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 320px;
}
.memorial-photo img{
	max-width: 100%;
	max-height: 230px;
	border-radius: 6px;
	border: 3px solid var(--content-bg-color);
}
.theme-editor-btn{
	position: absolute;
	bottom: 24px;
	left: 5px;
	opacity: 0;
	transition: 0.3s;
	width: 100%;
}
.theme-editor-btn:hover{
	opacity: 1;
}
.theme-editor-btn button{
	padding: 9px 11px;
	border-radius: 32px;
	border:1px solid rgba(255,255,255,.16);
	background: rgba(0,0,0,.4);
	height: 40px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	cursor: pointer;
}
.theme-editor-btn button span{
	margin: 0 10px;
}
.memu-memorial{
	background-color: var(--memu-memorial-bg-color);
	height: 50px;
	padding: 2px 0 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	/*overflow: hidden;*/
}
.memu-memorial-wrapper{
	max-width: 1120px;
	margin: 0 auto;
	width: 100%;
}
.memu-memorial-wrapper>ul{
	width: 736px;
	padding: 0 4px;
	text-align: center;
	display: flex;
	justify-content: space-between;
}
.memu-memorial-wrapper>ul>li{
	width: 100%;
	position: relative;
	border-radius: 6px 6px 0 0;
}
.submenu{
	position: absolute;
	top: 100%;
	right: -10px;
	padding: 12px 0;
	background-color: var(--content-bg-color);
	border: 1px solid var(--submenu-border-color);
	box-shadow: 4px 4px 24px rgb(0 0 0 / 16%);
	border-radius: 6px;
	display: none;
	flex-direction: column;
	width: auto;
	z-index: 90;
	color: var(--main-content-font-0);
}
.memu-memorial-wrapper>ul>li>a,.memu-memorial-wrapper>ul>li>span{
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	padding: 12px;
	transition: 0.3s;
	text-transform: uppercase;
	text-align: center;
	border-radius: 6px 6px 0 0;
	cursor: pointer;
	font-weight: 600;
}
.memu-memorial-wrapper>ul>li>span{
	line-height: 23px!important;
}
.memu-memorial-wrapper>ul>li>a:not(.selected),.memu-memorial-wrapper>ul>li>span{
	color: var(--memu-memorial-not-selected-color);
}
.memu-memorial-wrapper ul li a i{
	font-size: 18px;
	margin-left: 5px;
}
.selected{
	background-color: var(--content-bg-color);
}
.memu-memorial-wrapper>ul>li>a:not(.selected):hover,.memu-memorial-wrapper>ul>li>span:hover{
	background-color: var(--memu-memorial-bg-color-hover);
}
.memu-memorial-wrapper>ul>.admin .selected:hover{
	background-color:var(--content-bg-color);
}
.submenu li a{
	padding: 12px 24px;
	font-size: 16px;
	line-height: 24px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	transition: 0.3s;
	white-space: nowrap;
	color: var(--main-content-font-0);
}
.submenu li a:hover{
	background-color: var(--submenu-hover-color);
}
.submenu li a i{
	padding-right: 16px;
}
.content{
	padding: 32px 32px 48px;
	max-width: 1120px;
	margin: 0 auto;
	background-color: var(--content-bg-color);
	color: var(--main-content-font-0);
}
.pg{
	width: 704px;
	margin: 0 16px 0 0;
}
.page-about{
	margin-bottom: 40px;
}
.edit-memorial-info{
	margin-bottom: 32px;
	padding: 1px;
	background: linear-gradient(to right,#dcd8d2,rgba(0,0,0,0));
	width: 100%;
	border-radius: 6px;
}
.emi-wrapper{
	background-color: var(--content-bg-color);
	color: #502a12;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 24px;
	border-radius: 6px;
	position: relative;
}
.emi-wrapper p{
	font-size: 16px;
	line-height: 24px;
	margin-right: 24px;
	text-align: left;
}
.emi-wrapper>div{
	border: 1px solid var(--pc-edit-button-border-color);
	line-height: 24px;
	padding: 11px 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	transition: 0.3s;
	cursor: pointer;
}
.emi-wrapper>div:hover{
	background: var(--pc-edit-button-hover-bg-color);
	border-color: var(--pc-edit-button-hover-border-color);
}
.emi-wrapper div span{
	margin: 0 10px;
}
.edit-submenu{
	position: absolute;
	background-color: var(--content-bg-color);
	border: 1px solid var(--submenu-border-color);
	top: 40px;
	right: 24px;
	padding: 12px 0;
	box-shadow: 4px 4px 24px rgb(0 0 0 / 16%);
	border-radius: 6px;
	margin: 30px 0 0;
	display: none;
	z-index: 90;
}
.edit-submenu li a{
	display: block;
	padding: 12px 24px;
	min-width: 188px;
	font-size: 16px;
	text-align: left;
	transition: 0.3s;
	color: var(--main-content-font-0);
}
.edit-submenu li a:hover{
	background-color: var(--submenu-hover-color);
}
.personal-phrase{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 6px 0 24px 0;
}
.personal-phrase i{
	font-size: 48px;
	color: var(--personal-phrase-quate-color);
}
.personal-phrase span{
	padding-left: 20px;
	width: 100%;
	font-size: 26px;
	line-height: 1.8;
	font-style: italic;
	color: var(--personal-phrase-color);
}
.main-text{
	font-size: 16px;
	line-height: 26px;
	text-indent: 2em;
}
.noContent{
	color: var(--personal-phrase-color);
	font-size: 24px;
	font-style: italic;
	line-height: 1.8;
}
.noVisit{
	font-size: 16px;
	line-height: 24px;
	color: var(--personal-phrase-color);
	font-style: italic;
}
.noMedia{
	width: 100%;
	text-align: center;
	padding: 30px 0;
	color: var(--content-box-icon-color);
}
.noMedia i{
	font-size: 150px;
}
.page-tributes{
	background-color: var(--pc-colorful-wrapper-bg-color);
	/*border: 1px solid var(--pc-colorful-wrapper-border-color);*/
	padding: 23px;
	border-radius: 6px;
}
.page-tributes h2{
	font-size: 24px;
	line-height: 32px;
	margin: 0 0 12px;
}
.tributes-wrapper{
	margin-bottom: 24px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.tributes-items{
	width: 128px;
	margin-right: 8px;
	padding: 12px;
	display: flex;
	flex-direction: column;
	border-radius: 6px;
	justify-content: center;
	align-items: center;
	transition: 0.15s;
	position: relative;
}
.tributes-items:hover{
	background: var(--pc-edit-button-hover-bg-color);
}
.choosen{
	background: var(--pc-edit-button-hover-bg-color);
}
.tributes-items i{
	font-size: 45px;
	margin-bottom: 6px;
}
.tributes-items span{
	font-size: 14px;
	line-height: 20px;
}
.tributes-items input{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	cursor: pointer;
}
.page-tributes textarea{
	min-height: 168px;
	max-height: 450px;
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 8px;
	padding: 12px 16px;
	border-radius: 6px;
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	overflow: hidden;
	overflow-wrap: break-word;
	resize: none;
}
.button-container{
	padding-top: 24px;
	text-align: right;
}
.button-container input{
	background-color: var(--colorful-button-bg-color);
	background: var(--colorful-button-bg);
	border: 1px solid var(--colorful-button-bg-color);
	color: #fff;
	min-width: 217px;
	padding: 11px 25px;
	font-size: 16px;
	line-height: 24px;
	border-radius: 6px;
	cursor: pointer;
	transition: 0.15s;
	margin-left: 15px;
}
.button-container input.cancelBtn{
	background-color: var(--pc-colorful-wrapper-bg-color);
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	background-image: none;
	color: var(--main-content-font-0);
}
.button-container input.cancelBtn:hover{
	background-color: var(--content-box-button-hover-bg-cover);
}
.button-container input:hover{
	background-color: var(--colorful-button-bg-color);
}
.right-side{
	width: 320px;
	margin-left: 16px;
}
.content-box{
	padding: 23px;
	margin-bottom: 24px;
	background-color: var(--pc-colorful-wrapper-bg-color);
	border-radius: 6px;
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	position: relative;
}
.invite-title{
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.2em;
	margin-bottom: 20px !important;
	display: flex;
	justify-content: space-between;
}
.invite-box h3 i{
	font-size: 48px;
	line-height: 48px;
	color: var(--content-box-icon-color);
}
.content-box button{
	border: 1px solid;
	width: 100%;
	min-width: 160px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	padding: 11px 23px;
	font-size: 16px;
	line-height: 24px;
	transition: 0.15s;
	background-color: transparent;
}
.invite-box button{
	background-color: var(--colorful-button-bg-color);
	background: var(--colorful-button-bg);
	border-color: var(--colorful-button-bg-color);
	color: #fff;
}
.invite-box button:hover{
	background:var(--colorful-button-bg-color);
}
.content-box button span{
	margin-left: 8px;
}
.content-box button i{
	font-size: 20px;
}
.share-wx{
	display: block;
	text-align: center;
	padding: 12px 24px;
	margin-bottom: 24px;
	background: #DBFFDA;
	border-radius: 6px;
	background: radial-gradient(50% 1250% at 50% 50%,#E4EFFE 0%,#F6F9FE 100%);
	color: var(--main-content-font-0);
	/*transition: 0.3s;
	/*color: #fff;*/
}
.share-wx:hover{
	background: radial-gradient(closest-side,rgba(24,119,242,.12) 0%,rgba(24,119,242,.16) 100%);
	/*color: #fff;*/
}
.share-wx span{
	margin-left: 5px;
	line-height: 24px;
}
.share-wx i{
	font-size: 20px;
}
.content-box h3{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 4px;
}
.subscriptions{
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0;
	gap:15px;
}
.choosed i{
	color: var(--content-box-icon-color);
}
.subscrib-items{
	height: 56px;
	width: 56px;
	border-radius: 50%;
	background-color: var(--content-box-button-hover-bg-cover);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
	position: relative;
}
.subscrib-items:hover{
	background-color: var(--pc-colorful-wrapper-border-color);
}
.subscrib-items:hover:after{
	content: attr(title);
	position: absolute;
	bottom: -8px;
	left: 50%;
	transform: translate(-50%,100%);
	font-size: 13px;
	line-height: 16px;
	white-space: nowrap;
	background-color: rgba(31,31,31,.8);
	border-radius: 6px;
	padding: 4px 8px;
	color: #fff;
}
.subscrib-items i{
	font-size: 26px;
}
.subscribe-box button{
	border-color: var(--pc-colorful-wrapper-border-color);
}
.subscribe-box button:hover{
	background-color: var(--content-box-button-hover-bg-cover);
	border-color: var(--pc-edit-button-hover-border-color);
}
/*.phpto-slide-show{
	background-color: #e1d1ad;
	border:1px solid #cdbd99;
}*/
.phpto-slide-show h3{
	margin-bottom: 16px;
}
.photo-slide{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 120px;
	overflow: hidden;
}
.photo-slide i{
	font-size: 100px;
	color: var(--content-box-icon-color);
}
.phpto-slide-show button{
	margin-top: 16px;
	border-color: var(--pc-colorful-wrapper-border-color);
	transition: 0.3s;
}
.phpto-slide-show button:hover{
	background-color: var(--content-box-button-hover-bg-cover);
	border-color: var(--pc-edit-button-hover-border-color);
}
.recent-update h3{
	margin-bottom: 20px;
}
.memorial-updates-list{
	color: #a57f67;
}
.updateItem .updateTime{
	font-size: 14px;
	line-height: 20px;
}
.recent-update button{
	margin-top: 16px;
	border-color: var(--pc-colorful-wrapper-border-color);
	transition: 0.3s;
}
.recent-update button:hover{
	background-color: var(--content-box-button-hover-bg-cover);
	border-color: var(--pc-edit-button-hover-border-color);
}
.recent-update .showLessBtn{
	display: none;
}
.adminAuthor{
	font-size: 16px;
	line-height: 24px;
	margin-top: 6px;
	cursor: pointer;
	color: #a57f67;
}
.adminAuthor:hover{
	text-decoration: underline;
}
.actionItem{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:16px;
	margin-top: 16px;
	margin-bottom: 16px;
}
.iconContent{
	height: 48px;
	width: 48px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--content-bg-color);
}
.iconContent i{
	font-size: 25px;
	color: var(--main-content-font-0);
}
.actionInner{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.adminer .adminAuthor{
	margin-top: 10px;
}
.actionInner span{
	font-size: 16px;
	line-height: 24px;
}
.visit-box h3{
	margin-bottom: 16px;
	display: flex;
	justify-content: flex-start;
	font-size: 24px;
	line-height: 32px;
}
.visit-box h3 i{
	margin-right: 8px;
	font-size: 24px;
	line-height: 32px;
}
.visit-box button{
	border-color: var(--pc-colorful-wrapper-border-color);
	transition: 0.15s;
}
.visit-box button:hover{
	background-color: var(--content-box-button-hover-bg-cover);
	border-color: var(--pc-edit-button-hover-border-color);
}
.cross-line-full{
	height: 1px;
	background-color: var(--pc-colorful-wrapper-border-color);
	margin: 24px -23px
}
.pracicy-now{
	display: flex;
	justify-content: space-between;
}
.pc-now{
	display: flex;
	justify-content: center;
	align-items: center;
}
.pc-now i{
	margin-right: 8px;
	font-size: 22px;
}
.pracicy-now a{
	display: flex;
	align-items: center;
	color: var(--pravicy-links-color);
}
.pracicy-now a:hover{
	text-decoration: underline;
}
.suggestion{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background-color: var(--suggestion-bg-color);
	padding: 16px;
	cursor: pointer;
	position: relative;
}
.suggestion>span{
	margin-bottom: 4px;
	font-size: 16px;
	line-height: 24px;
}
.contact-us{
	color: var(--pravicy-links-color);
	font-size: 14px;
	font-weight: 600;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.suggestion:hover>.contact-us i{
	transform: translateX(5px);
}
.contact-us i{
	margin-left: 5px;
	font-size: 15px;
	transition: 0.15s;
}
.contact-tips{
	position: absolute;
	bottom: 10px;
	right: calc(50% + 70px);
	width: 320px;
	height: auto;
	background-color: var(--content-bg-color);
	border-radius: 6px;
	box-shadow: 0 0 50px 1px #ccc;
	padding: 15px;
	color: var(--main-content-font-0);
	transition: 0.15s;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	cursor: default;
	display: none;
}
.contact-us:hover + .contact-tips{
	display: block;
}
footer{
	display: flex;
	justify-content: center;
	height: 72px;
	background-color: var(--footer-bg-color);
	color: var(--footer-color);
}
@media(max-width:1140px){
	footer{
		height: 56px;
	}
}
.content-foot{
	max-width: 1120px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}
@media(max-width:1140px){
	.footer-menu{
		display: none;
	}
}
.footer-menu ul{
	display: flex;
	justify-content: flex-end;
}
.footer-menu ul li{
	margin-left: 16px;
}
.footer-menu ul li a{
	color: var(--footer-color);
	font-size: 14px;
	line-height: 20px;
}
.footer-menu ul li a:hover{
	text-decoration: underline;
}
.follow-us-wrapper{
	display: flex;
	justify-content: flex-start;
	gap:20px;
	align-items: center;
}
@media(max-width:1140px){
	.follow-us-wrapper{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
.follow-us-wrapper i{
	font-size: 22px;
	cursor: pointer;
	transition: 0.15s;
}
.follow-us-wrapper i:hover{
	opacity: 0.7;
}
.basic-info-edit{
	background-color: var(--pc-colorful-wrapper-bg-color);
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	padding: 23px;
	margin-bottom: 20px;
	border-radius: 6px;
	display: none;
}
.editBasicInfo .basic-info-edit{
	display: flex;
	width: 100%;
}
.info-wrapper h4{
	font-size: 18px;
	margin: 5px 0 25px;
	line-height: 1.1;
}
.form-group{
	margin: 0 0 28px;
}
.form-group>label{
	font-size: 14px;
	width: 27%;
	line-height: 48px;
	text-align: right;
	float: left;
	display: inline-block;
	padding-right: 15px;
	white-space: nowrap;
}
.input-wrapper{
	width: 50%;
	/*float: left;*/
	padding: 0 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.input-wrapper input,.input-wrapper select,.input-wrapper textarea{
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	height: 48px;
	padding: 12px 16px;
	width: 100%;
	border-radius: 6px;
	font-size: 16px;
	line-height: 26px;
	background-color: #fff;
	color: #738f8f;
}
.input-wrapper textarea::-webkit-input-placeholder{
	color: #738f8f;
	font-size: 16px;
	line-height: 26px;
}
.motoWrapper{
	padding: 0;
}
.input-wrapper textarea{
	resize: vertical;
	min-height: 50px;
	height: auto;
}
.input-wrapper span{
	/*width: 100%;*/
	text-align: right;
	padding: 3px 0 0 15px;
}
.input-wrapper-radio{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	height: 48px;
	gap:10px;
}
.input-wrapper-radio>label{
	border-radius: 3px;
	padding:10px;
	width: 100%;
	text-align: center;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.3s;
}
.input-wrapper-radio>label:hover{
	background-color: var(--pc-edit-button-hover-bg-color);
}
.input-wrapper-radio>label>input{
	width: 14px;
	height: 14px;
	margin-right: 8px;
}
.checked{
	background-color: var(--pc-edit-button-hover-bg-color);
}
.info-wrapper .checked i{
	color: var(--colorful-button-bg-color);
}
select{
	background: #fff url(../img/slidedown.png) no-repeat;
	background-position-x: calc(100% - 5px);
	background-position-y:50%;
	appearance: none;
	background-size:6% 40%;
	cursor: pointer;
	color: #a3a7a8;
}
.date select{
	margin-bottom: 16px;
}
.birth-group{
	margin-bottom: 28px;
}
.button-wrapper{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.button-wrapper input{
	color: #fff;
	background: var(--colorful-button-bg);
	min-width: 150px;
	padding: 11px 25px;
	border-radius: 6px;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
	border: 1px solid var(--colorful-button-bg-color);
	transition: 0.15s;
}
.button-wrapper input:hover{
	background-color: var(--colorful-button-bg-color);
}
.button-wrapper span{
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	color: #502a12;
	min-width: 150px;
	margin-right: 24px;
	padding: 11px 25px;
	border-radius: 6px;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
	transition: 0.15s;
	background: transparent;
	text-align: center;
}
.button-wrapper span:hover{
	background-color: rgba(0,0,0,.05);
}
.personal-phrase-edit{
	background-color: var(--pc-colorful-wrapper-bg-color);
	padding: 23px;
	margin-bottom: 20px;
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	border-radius: 6px;
	display: none;
}
.form-group>textarea{
	height: 235px;
	width: 100%;
	padding: 12px 16px;
	border-radius: 6px;
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	resize: none;
}
.main-section-edit{
	background-color: var(--pc-colorful-wrapper-bg-color);
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	padding: 23px;
	margin-bottom: 20px;
	border-radius: 6px;
	display: none;
}
@media(max-width:1140px){
	.basic-info-edit{
		padding: 23px 15px;
	}
	.dateSelector{
		text-align: left;
	}
	.dateSelector input{
		min-width: calc(100vw - 80px);
		text-align: left;
	}
	.form-group{
		display: flex;
		flex-direction: column;
	}
	.info-wrapper h4{
		margin: 0 0 30px;
	}
	.motoInfo h4{
		margin-bottom: 20px;
	}
	.info-wrapper,.basic-info-edit-wrapper{
		width: 100%;
	}
	.info-wrapper{
		margin-bottom: 30px;
	}
	.form-group{
		margin-bottom: 15px;
	}
	.form-group>label{
		text-align: left;
		padding-left: 15px;
		width: 100%;
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.input-wrapper-radio{
		display: flex;
		justify-content: center;
		align-items: center;
		gap:20px;
	}
	.input-wrapper-radio>label{
		width: 100%;
	}
	.input-wrapper-radio>label i{
		display: block;
		margin-right: 12px;
		font-size: 20px;
	}
	.input-wrapper{
		width: 100%;
	}
	.input-wrapper input, .input-wrapper select, .input-wrapper textarea{
		padding: 8px 16px;
		height: 40px;
	}
	.input-wrapper textarea{
		min-height: 80px;
	}
	.motoWrapper textarea{
		min-height: 200px;
	}
	.editBasicInfo .button-wrapper{
		text-align: center;
		padding: 0 15px;
	}
	.editBasicInfo .button-wrapper input{
		width: 100%;
	}
}
/* 收起箭头样式设置开始 */
.scroll-top{
	display: block;
	width: 48px;
	height: 48px;
	line-height: 35px;
	text-align: center;
	position: fixed;
	bottom: 75px;
	right: calc(50% - 512px);
	/* z-index: 100; */
	background-color: var(--header-top-bg-color);
	border-radius: 50%;
	opacity: 0.7;
	color: var(--header-top-color);
	cursor: pointer;
	transition: 0.25s;
	transition: opacity 1s;
}
@media(max-width:768px){
	.scroll-top{
		display: none;
	}
}
.scroll-top:hover{
	opacity: 1;
	transition: 0.25s;
}
.scroll-top .icon-upforward{
	font-size: 25px;
	display: block;
	margin-top: 5px;
	color: var(--header-top-color);
	
}
/* 收起箭头样式设置结束 */
/* 手机样式设置开始 */
.
.header-mb{
	background-color: var(--content-bg-color);
}
.memorial-top-mb{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 100;
	padding: 0 12px 0 16px;
	background-color: transparent;
	color: var(--header-top-color);
	display: flex;
	justify-content: center;
	align-items:center;
	width: 100%;
	height: 56px;
	transition: 0.2s;
}
.memorial-top-mb i{
	cursor: pointer;
	font-size: 20px;
}
.memorial-top-mb .icon-menu{
	position: absolute;
	left: 16px;
}
.memorial-top-mb .icon-shezhi,.memorial-top-mb .icon-erweima1{
	font-size: 26px;
	position: absolute;
	right: 12px;
}
.memorial-top-mb .icon-erweima1{
	font-size: 22px;
	font-weight: 600;
	right: 16px;
}
.memorial-top-inner-mb{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 10;
	min-height: 255px;
	background-color: var(--content-bg-color);
}
.noPic{
	margin-top: 60px!important;
}
.noPicColor{
	color: var(--header-title)!important;
}
.bcgpic{
	height: 255px;
	width: 100%;
	background-image: var(--header-mb-bg-img-url);
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	z-index: 1;
	margin-bottom: 50px;
}
.inner-wrapper{
	z-index: 100;
	margin-top: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.inner-wrapper img{
	max-height: 224px;
	max-width: 266px;
	border-radius: 6px;
	border: 3px solid var(--content-bg-color);
	margin-bottom: 20px;
}
.nameinfo{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: var(--main-content-font-0);
	gap:15px;
	z-index: 99;
}
.nameinfo span{
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
}
.memorial-invite-inner{
	position: relative;
	padding: 20px;
	min-width: 40px;
	width: 100%;
	cursor: pointer;
	z-index: 10;
	background-color: var(--content-bg-color);
	text-align: center;
}
.invit-wrapper{
	width: calc(100% - 40px);
	border: 1px solid var(--pc-edit-button-border-color);
	padding: 7px 23px;
	border-radius: 6px;
	display: inline-flex;
	gap:10px;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	line-height: 24px;
	color: var(--main-content-font-0);
}
.invit-wrapper i{
	font-weight: 600;
	font-size: 20px;
}
.invit-wrapper span{
	white-space: nowrap;
}
.bcgColor{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--pc-colorful-wrapper-bg-color);
	z-index: -1;
}
.menu-memorial-mb{
	height: 48px;
	background-color: var(--memu-memorial-bg-color);
	width: 100%;
	padding: 0 12px;
	z-index: 99;
}
.menu-memorial-mb ul{
	height: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.menu-memorial-mb ul li{
	width: 100%;
}
.menu-memorial-mb ul li a{
	display: block;
	font-size: 14px;
	line-height: 20px;
	padding: 14px 0;
	text-transform: uppercase;
	font-weight: 600;
	width: 100%;
	text-align: center;
	color: var(--memu-memorial-not-selected-color);
}
.pg-mb{
	padding: 24px 0 50px;
	background-color: var(--content-bg-color);
}
.page-about-wrapper-mb{
	padding: 0 16px;
	margin-bottom: 32px;
}
.user-profile{
	margin-bottom: 24px;
	text-align: center;
}
.quate{
	margin-top: 12px;
	margin-bottom: 24px;
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	font-size: 26px;
	line-height: 40px;
	color: var(--personal-phrase-color);
	font-style: italic;
}
.noBottom{
	margin-bottom: 0!important;
}
@media(max-width:1140px){
	.quate span{
		text-align: left;
		padding-left: 20px;
		font-size: 20px;
	}
}
.quate i{
	font-size: 35px;
	color: var(--personal-phrase-quate-color);
}
.profile{
	text-align: left;
	color: var(--main-content-font-0);
	margin-bottom: 15px;
}
.profile ul li{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0 10px;
}
.profile ul li i{
	margin-right: 10px;
	font-size: 10px;
}
.profile ul li span{
	font-size: 16px;
	line-height: 1.5;
}
.user-text{
	margin-bottom: 24px;
	font-size: 16px;
	line-height: 26px;
	color: var(--main-content-font-0);
	text-indent: 2em;
}
.edit-info{
	width: 100%;
	border-radius: 6px;
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	display: flex;
	justify-content: center;
	gap:10px;
	align-items: center;
	padding: 7px 12px;
	font-size: 16px;
	line-height: 22px;
	transition: 0.15s;
	cursor: pointer;
}
.edit-info:hover{
	background-color: var(--pc-colorful-wrapper-bg-color);
}
.info-wrapper-mb{
	padding-bottom: 40px;
}
.section-title{
	padding: 0 16px;
	margin-bottom: 16px;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
}
@media(max-width:1140px){
	.info-wrapper-mb{
		padding-bottom: 0;
	}
	.section-title{
		font-size: 20px;
		text-align: center;
		font-style: italic;
		margin-top: 15px;
		color: var(--personal-phrase-color);
	}
}
.section-wrapper,.containerIntroInner,.containerIntroWrap{
	padding: 16px 16px 20px;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: var(--pc-colorful-wrapper-bg-color);
	border-radius: 6px;
	color: var(--main-content-font-0);
	gap:25px;
}
.noItemDes{
	font-size: 18px;
	text-indent: 0!important;
	color: var(--main-content-font-0);
	font-style: italic;
}
.gallaryMedia_mb .containerIntroInner{
	margin-top: 110px;
	padding: 30px;
}
.containerIntroInner>span{
	line-height: 30px;
	text-indent: 2em;
}
.containerIntroInner i,.containerIntroWrap i{
	font-size: 70px;
}
.listWrapper-mb{
	-webkit-appearance: none;
	padding: 16px 16px 20px;
	background-color: var(--pc-colorful-wrapper-bg-color);
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	border-radius: 6px;
	color: var(--main-content-font-0);
	margin-bottom: 32px;
	margin-top: 15px;
	position: relative;
}
.topBtn{
	width: 100%;
	position: absolute;
	top: -20px;
	right: 12px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	overflow: hidden;
	height: 40px;
}
.indicatorIcon{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	background-color: var(--pc-colorful-wrapper-bg-color);
	color: var(--main-content-font-0);
	display: flex;
	justify-content: center;
	align-items: center;
}
.indicatorIcon i{
	font-size: 24px;
}
.dropdownIcon{
	overflow: hidden;
	display: flex;
	transform: translateX(100%);
	justify-content: center;
	align-items: center;
	height: 40px;
	border-radius: 20px;
	padding-left: 5px;
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	background-color: var(--pc-colorful-wrapper-bg-color);
	color: var(--main-content-font-0);
	position: absolute;
	gap:14px;
	right: 0;
	top: 0;
	transition: 0.2s;
}
.closeEdit{
	background-color: var(--pc-colorful-wrapper-bg-color);
	color: var(--main-content-font-0);
	width: 40px;
	height: 40px;
	border-radius: 20px;
}
.dropdownIcon .dropdownIconInner{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.dropdownIcon .dropdownIconInner i{
	font-size: 24px;
}
.imageWrapper{
	margin-top: 15px;
	margin-bottom: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.imageWrapper img{
	/*width: 100%;*/
	border-radius: 6px;
	overflow: hidden;
}
.imageWrapper img{
	width: 100%;
	border-radius: 6px;
	overflow: hidden;
}
.imageWrapper i{
	font-size: 50px;
}
.storyTitle-mb h4{
	margin-bottom: 6px;
	font-size: 18px;
	line-height: 32px;
	font-weight: 600;
}
.storyTitle-mb .authorInfo_mb{
	font-size: 12px;
}
.authorInfo_mb{
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 600;
	font-style: italic;
}
.contentInner_mb{
	margin-bottom: 12px;
	text-indent: 2em;
	font-size: 13px;
	line-height: 25px;
}
.share_mb{
	display: flex;
	justify-content: flex-end;
}
.share_mb button{
	-webkit-appearance: none;
	color: var(--main-content-font-0)!important;
}
.shareBtn i{
	margin-right: 6px;
	font-size: 24px;
}
.tall{
	width: 100%;
}
.fat{
	height: 100%;
}
.shareBtn{
	padding: 6px 8px 6px 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background-color: transparent;
	border: none;
	font-size: 16px;
	line-height: 24px;
}
.showAllBtn{
	width: 100%;
	text-align: center;
	/*padding: 0px 16px;*/
}
.showAllBtn span{
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #dcdad9;
	padding: 7px 12px;
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	border-radius: 6px;
	margin-bottom: 32px;
	margin-top: -15px;
}
.authorName_mb,.authorTime_mb{
	display: inline-block;
	margin-right: 10px;
	/*font-weight: 600;*/
}
.section-wrapper>i{
	font-size: 100px;
	margin-bottom: 16px;
	color: var(--content-box-icon-color);
}
.edit-wrapper{
	width: 100%;
	border-radius: 6px;
	border: 1px solid var(--pc-edit-button-border-color);
	padding: 8px 12px;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: 0.15s;
}
.edit-wrapper:hover{
	background-color: var(--pc-edit-button-hover-bg-color);
	border-color: var(--pc-edit-button-hover-border-color);
}
.edit-wrapper>i{
	display: inline-block;
	margin-right: 10px;
	font-size: 20px;
}
.mediaListShortCut{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap:8px;
	max-width: 100%;
	padding: 0 16px;
	margin-top: 15px;
	margin-bottom: 40px;
}
.mediaItem{
	width: 28vw;
	height: 28vw;
	overflow: hidden;
	border-radius: 6px;
}
.imageItem{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.videoItem{
	max-width: 100%;
	width: 100%;
	height: 100%;
	/*max-height: 200px;*/
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.videoItem>i{
	color: #fff;
	font-size: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.invite-section-wrapper-mb{
	padding: 16px;
	background-color: var(--pc-colorful-wrapper-bg-color);
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	border-radius: 6px;
	margin: 0 16px;
}
.invite-section-wrapper-mb h2{
	margin-bottom: 12px;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}
.send-message-wrapper{
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	gap:8px;
	width: 100%;
}
.send-message-item{
	background-color: var(--pc-edit-button-hover-bg-color);
	padding: 8px;
	border-radius: 6px;
	min-height: 96px;
	min-width: 90px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.send-message-item i{
	font-size: 30px;
	margin: 10px;
}
.send-message-item span{
	font-size: 14px;
	margin-bottom: 10px;
	text-align: center;
}
.bcg-cover{
	z-index: 1100;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #00000080;
	display: none;
}
.bcg-cover-transparent{
	z-index: 1100;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
}
.bcg-cover-transparent span{
	display: block;
	font-size: 50px;
	width: 100%;
	height: 50%;
	text-align: center;
	margin-top: 100px;
}
.dropdown-inner{
	position: fixed;
	top: 100%;
	/*bottom: 0;*/
	left: 0;
	width: 100%;
	background-color: var(--content-bg-color);
	padding: 16px 0 16px 0;
	border-radius: 6px 6px 0 0;
	overflow-y: scroll;
	overflow: hidden;
	transition: 0.3s;
	z-index: 1200;
}
.edit-info-items{
	padding: 14px 24px;
	font-size: 16px;
	line-height: 24px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
	transition: 0.15s;
}
.edit-info-items:hover{
	background-color: var(--pc-colorful-wrapper-bg-color);
}
.edit-info-items i{
	font-size: 22px;
	margin-right: 15px;
}
.dropdown-inner h3{
	margin: 12px;
	padding-left: 20px;
}
.admin-edit{
	z-index: 999;
	position: fixed;
	bottom: 126px;
	right: 16px;
	height: 48px;
	width: 48px;
	box-shadow: 0 4px 16px #00000029;
	border-radius: 50%;
	border: 1px solid var(--submenu-border-color);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--content-bg-color);
	cursor: pointer;
	transition: 0.15s;
}
.admin-edit i{
	font-size: 25px;
	font-weight: 600;
}
.bottom-btn{
	z-index: 999;
	position: fixed;
	bottom: 68px;
	right: 16px;
	height: 48px;
	min-width: 48px;
	box-shadow: 0 4px 16px #00000029;
	border-radius: 24px;
	border: 1px solid var(--colorful-button-border-color);
	color: #fff;
	background: var(--colorful-button-bg);
	cursor: pointer;
	padding: 12px;
	transition: 0.2s ease-in-out;
}
.add-tributes{
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background: var(--colorful-button-bg);
	color: #fff;
	border: none;
}
.slideShow{
	transition: 0.3s;
	white-space: nowrap;
}
.add-tributes i{
	font-size: 22px;
}
.detail{
	display: flex;
	flex-direction: column;
}
.small-text{
	color: var(--submenu-light-color);
	font-size: 13px;
	line-height: 18px;
	padding-top: 2px;
}
.left-slide{
	position: fixed;
	left: -80vw;
	top: 0;
	background-color: var(--content-bg-color);
	color: #372d29;
	width: 80vw;
	z-index: 2000;
	/*overflow-x: visible;*/
	height: 100%;
	overflow-y: scroll;
	/*box-shadow: 5px 0 5px -2px rgb(0 0 0 / 40%);*/
	transition: 0.3s;
}
.slide-header-mb,.swipe-header{
	background-color: var(--header-top-bg-color);
	padding: 24px 0 14px;
	margin-bottom: 10px;
	color: var(--header-top-color)!important;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
}
.slide-header-mb i{
	font-size: 55px;
	margin-left: 20px;
}
.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;
}
.email-mb{
	font-size: 14px;
	line-height: 22px;
}
.user-links li a{
	padding: 5px 5px 5px 45px;
	font-size: 16px;
	line-height: 35px;
	display: block;
	transition: 0.3s;
	/*background-color: var(--left-slide-hover);*/
}
.user-links li a:hover{
	background-color: var(--left-slide-hover);
}
.user-links span{
	padding: 9px 5px 0 15px;
	height: 35px;
	margin-bottom: 8px;
	display: block;
	color: #78746e;
	font-weight: 500;
	text-transform: uppercase;
}
.user-links .mesNum,.mesNum{
	display: inline-block;
	margin-left: 10px;
	font-weight: 600;
	font-size: 16px;
	line-height: 35px;
	padding: 0;
	margin-left: 10px;
	margin-bottom: 0;
}
.sign-out{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 15px;
	cursor: pointer;
	transition: 0.3s;
	padding: 5px 0;
}
.sign-out:hover{
	background-color: var(--left-slide-hover);
}
.sign-out i{
	width: 45px;
	text-align: center;
	font-size: 20px;
}
.sign-out span{
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 35px;
	text-transform: initial;
	color: var(--memorial-top);
}
/*.swipe-header{
	display: flex;
	justify-content: flex-start;
	background-color: #95a9ae;
	padding: 24px 0 14px;
	margin-bottom: 10px;
}*/
.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-name{
	font-size: 18px;
	text-transform: uppercase;
	padding-bottom: 5px;
	text-overflow: ellipsis;
	cursor: pointer;
}
.user-email{
	font-size: 14px;
	color: #fff;
	padding-bottom: 10px;
	cursor: pointer;
	text-transform: uppercase;
}
.inout{
	padding-left: 0!important;
	display: flex;
	width: 100%;
}
.inout i{
	width: 45px;
	text-align: center;
	display: inline-block;
}
.swiper-button-next, .swiper-button-prev{
	top: 35%!important;
	--swiper-navigation-color:#fff;
}
@media(max-width:1140px){
	.swiper-button-next, .swiper-button-prev{
		display: none!important;
	}
}
.lifeStorys{
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 26px;
}
.lifeStorys p{
	text-indent: 2em;
}
.page-tributes .lifeStoryTitle{
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	height: 48px;
	padding: 12px 16px;
	border-radius: 6px;
	margin-bottom: 16px;
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	color: #444;
}
.premiumTips{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	background-color: var(--content-box-button-hover-bg-cover);
	transition: 0.3s;
	padding: 12px 16px;
	margin: 24px 0 0;
	cursor: pointer;
	border-radius: 6px;
}
.premiumTips i{
	color: #F7CF6A;
	margin-right: 8px;
	font-size: 18px;
}
.checkPremium{
	color: var(--personal-phrase-color);
	transition: 0.3s;
	font-weight: 600;
}
.premiumTipsHiden{
	display: none;
}
.checkPremium:hover{
	text-decoration: underline;
}
.premiunText{
	display: flex;
	flex-direction: column;
	gap:5px;
	font-size: 14px;
}
.addMediaUpload{
	padding: 16px;
	margin: 8px 0 24px;
	width: 100%;
	border-radius: 6px;
	display: flex;
	gap:16px;
	align-items: center;
	justify-content: center;
	transition: 0.25s;
	cursor: pointer;
	outline: 1px solid var(--pc-colorful-wrapper-border-color);
}
.addMediaUpload i{
	transition: 0.25s;
	font-size: 40px;
}
.addMediaUpload:hover{
	background-color: var(--content-box-button-hover-bg-cover);
	border: none;
}
.tabs{
	border-bottom: 2px solid var(--pc-colorful-wrapper-border-color);
	margin-bottom: 24px;
}
.tabs ul{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.tabs ul li{
	font-size: 14px;
	line-height: 20px;
	padding: 14px 16px 11px;
	width: 100%;
	text-align: center;
	cursor: pointer;
}
.current{
	border-bottom: 3px solid
}
.pageActions{
	display: flex;
	justify-content: space-between;
	margin-bottom: 24px;
}
.action{
	margin-right: 16px;
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	font-size: 14px;
	line-height: 20px;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	padding: 9px 16px;
	transition: 0.15s;
	cursor: pointer;
}
.action:hover{
	background-color: var(--content-box-button-hover-bg-cover);
}
.action i{
	margin-right: 8px;
}
.itemList{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap:16px;
}
.item-wrapper,.itemVidepWrapper{
	position: relative;
}
.item{
	width: 100%;
	aspect-ratio: 1;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.image{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: #00000080;
	overflow: hidden;
}
.item img{
	object-fit: cover;
	max-width: 100%;
}
.item video{
	object-fit: cover;
	max-width: 100%;
	max-height: 100%;
}
.authorInfo{
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	padding: 8px 12px;
	min-height: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.authorInfo span{
	line-height: 16px;
	font-size: 14px;
}
.iconContainer{
	display: flex;
	justify-content: center;
	align-items: center;
}
.de{
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(-5px) translateY(5px);
	height: 25px;
	width: 25px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	transition: 0.1s;
	background-color: var(--pc-colorful-wrapper-border-color);
	cursor: pointer;
}
.itemWrapper .de{
	background-color:transparent;
}
.de:hover{
	background-color: #fff;
	color: #D20404;
}
.de .icon-lajitong1{
	font-size: 22px;
	font-weight: 600;
}
.description{
	opacity: 0.85;
	display: none;
	position: absolute;
	bottom: 25px;
	right: 5%;
	background-color: var(--content-bg-color);
	font-size: 14px;
	line-height: 20px;
	border-radius: 6px;
	box-shadow: 4px 4px 24px rgb(0 0 0 / 16%);
	padding: 12px 16px;
}
.playIcon{
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	transform: translateX(-50%) translateY(-50%);
}
.playIcon i{
	font-size: 50px;
}
.gallaryUpside{
	margin-bottom: 40px;
}
.audioItem{
	margin-bottom: 16px;
	padding: 16px;
	background-color: var(--content-box-button-hover-bg-cover);
	border-radius: 6px;
}
.itemWrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	position: relative;
}
.itemWrapper .icon-bofang,.itemWrapper .icon-zanting1{
	font-size: 40px;
	color: var(--colorful-button-bg-color);
	cursor: pointer;
}
.itemWrapper .icon-gengduo{
	font-size: 25px;
}
.audioInfo{
	margin-left: 16px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
}
.audioTitle{
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
}
.audioAuthor span{
	font-size: 13px;
	line-height: 16px;
}
.authorName{
	color: var(--colorful-button-bg-color);
	cursor: pointer;
	margin: 0 5px;
	font-weight: 600;
}
.authorName:hover{
	text-decoration: underline;
}
.lineWrapper{
	height: 4px;
	border-radius: 4px;
	width: 100%;
	/*background-color: #fff;*/
	/*background-color: var(--pc-colorful-wrapper-border-color);*/
	opacity: 0.6;
	margin:0 16px;
	
}
progress{
	background-color: #fff;
	color: #fff;
}
.currentTime{
	min-width: 40px;
	text-align: center;
}
.timeLine{
	margin-top: 12px;
	display: none;
}
.timeLine span{
	font-size: 13px;
	line-height: 16px;
	text-align: center;
}
.itemOfStory,.itemOfTributes{
	position: relative;
}
.line{
	height: 4px;
	width: 30%;
	background-color: #385669;
}
.storyItem{
	margin-bottom: 40px;
	padding: 23px;
	border-radius: 6px;
	width: 100%;
	background-color: var(--pc-colorful-wrapper-bg-color);
}
.storyTitle{
	margin-bottom: 12px;
}
.storyTitle .title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}
.storyTitle .title>span{
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
}
.iconWrapper{
	display: flex;
	justify-content: center;
}
.iconWrapper>div{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	margin-left: 8px;
	cursor: pointer;
	transition: 0.2s;
}
.iconWrapper>div:hover{
	background-color: var(--pc-colorful-wrapper-border-color);
}
.iconWrapper>div>i{
	font-size: 18px;
}
.storyAuthorInfo span{
	font-size: 14px;
	line-height: 20px;
}
.storyAuthorInfo .creatTime{
	margin-right: 8px;
}
.storyInner{
	margin-bottom: 16px;
	font-size: 16px;
	line-height: 26px;
}
.storyFooter{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.storyFooter div{
	min-height: 36px;
	font-size: 16px;
	line-height: 24px;
	padding: 6px 8px;
	border-radius: 6px;
	transition: 0.2s;
	cursor: pointer;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.storyFooter div i{
	margin-right: 6px;
	font-size: 20px;
}
.storyFooter div:hover{
	background-color: var(--pc-colorful-wrapper-border-color);
}
.stroyEdit{
	position: relative;
}
.editChoice{
	position: absolute;
	top: 100%;
	right: 0;
	background-color: #fff;
	padding: 12px 0;
	margin: 5px 0 0;
	display: flex;
	flex-direction: column;
	border-radius: 6px;
	box-shadow: 4px 4px 24px rgb(0 0 0 / 16%);
	transition: 0.2s;
	z-index: 999;
}
.editList{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:16px;
	width: 100%;
	white-space: nowrap;
	min-width: 164px;
	padding: 8px 24px;
	font-size: 14px;
	line-height: 20px;
	transition: 0.2s;
	font-weight: 600;
}
.editList:hover{
	background-color: var(--pc-colorful-wrapper-bg-color);
}
.editDelete{
	color: #cb5858;
}
.editList i,{
	font-size: 22px!important;
}
.editHidden{
	margin-bottom: 40px;
	display: none;
}
.deleteConfirm{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #00000080;
	z-index: 9999;
	display: none;
	justify-content: center;
	padding: 16px;
	align-items: center;
}
.confirm{
	background-color: var(--content-bg-color);
	max-width: 500px;
	width: 100%;
	margin: auto;
	border-radius: 6px;
	padding: 24px;
}
.confirm .storyBtn{
	display: flex;
	justify-content: space-between;
}
.confirm .storyBtn input{
	/*width: 100%;*/
	margin-left: 0;
}
.deCancelBtn,.deleteCancelBtn{
	background-color: var(--pc-colorful-wrapper-bg-color)!important;
	border: 1px solid var(--pc-colorful-wrapper-border-color)!important;
	background-image: none!important;
	color: var(--main-content-font-0)!important;
}
.deCancelBtn:hover,.deleteCancelBtn:hover{
	background-color: var(--content-box-button-hover-bg-cover)!important;
}
.dePublishBtn,.deleteConfirmBtn,.deGallaryBtn{
	background-color: #cb5858!important;
	background-image: none!important;
	border-color: transparent!important;
}
.dePublishBtn:hover,.deleteConfirmBtn:hover{
	background-color: #d16b6b!important;
}
.photoSlider,.videoSlider{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
	z-index: 1999;
	color: #fff;
}
.videoSlider{
	display: none;
}
.videoShow{
	display: none;
}
.toolBar{
	display: flex;
	justify-content: center;
	align-items: center;
	gap:20px;
	line-height: 50px;
	width: 100%;
	position: relative;
}
@media (max-width: 1140px){
	.toolBar{
		margin-top: 15px;
	}
	.photoSlider{
		display: block;
	}
}
.iconTool{
	cursor: pointer;
}
.iconTool a{
	height: 100%;
	display: inline-block;
}
.toolBar i{
	font-size: 20px;
	margin-left: 15px;
}
.main-mb .toolBar{
	position: absolute;
	width: 100%;
	justify-content: space-between;
	line-height: 20px;
	z-index: 10;
	padding: 0 20px;
	margin: 25px 0;
}
.main-mb .toolBar i{
	margin: 0;
	font-weight: 600;
	font-size: 22px;
}
.closeBtn,.VideocloseBtn{
	position: absolute;
	right: 30px;
}
.PhotoSwiper,.videoSwiper{
	position: absolute;
	top: 75px;
	bottom: 85px;
	overflow: hidden;
	width: 100%;
	overflow: hidden;
}
.main-mb .PhotoSwiper,.main-mb .videoSwiper{
	top: 0px;
	bottom: 0px;
}
.videoSlider .videoSwiper{
	padding: 0;
}
.videoSlider .videoSwiper  .photoWrapper-mb{
	z-index: 99;
}
.videoDetail{
	width: 100%;
	position: fixed;
	bottom: 20px;
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	z-index: 99;
	align-items: flex-end;
}
.photoItem{
	width: 100%!important;
	display: flex!important;
	justify-content: center;
	gap:20px;
}
.photoImg{
	height: 100%;
	max-width: 50%;
	text-align: right;
	display: flex;
	justify-content: center;
	align-items: center;
}
.photoImg img{
	max-height: 100%;
	max-width: 100%;
}
@media (max-width: 1140px){
	.photoImg img{
		width: 100%;
	}
}
.photoSliderFooter{
	position: absolute;
	background-color: #000000;
	bottom: 0;
	width: 100%;
	padding: 0 32px;
	padding-top: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.photoWrapper{
	max-height: 100%;
	width: calc(30% - 30px);
	color: #3d1c1c;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap:25px;
}
.photoStory,.photoComments{
	padding: 20px 15px 15px;
	text-align: left;
	border-radius: 6px;
	background-color: #f6f6f6;
	width: 100%;
	height: 50%;
	position: relative;
	min-width: 250px;
}
.photoComments{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items:flex-start;
}
.photoSlider_Mb .photoWrapper{
	display: none;
}
.photoSlider_Mb .photoImg{
	max-width: 100%;
	width: 100%;
}
.totalheigt{
	height: 100%!important;
}
.photoStory{
	overflow-y: auto;
	/*min-height: 50%;*/
}
.commentInner{
	overflow-y: auto;
	margin-bottom: 20px;
	width: 100%;
	height: 100%;
}
.photoComments textarea{
	height: 60px;
	min-height: 60px;
	width: 100%;
}
.commentInput{
	display: flex;
	justify-content: space-between;
	gap:10px;
	align-items: center;
	position: relative;
	width: 100%;
	z-index: 99;
}
.commentInput button{
	height: 60px;
	min-width: 50px;
	white-space: nowrap;
	margin-bottom: 8px;
	padding: 12px;
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	background-color:#fff ;
	border-radius: 6px;
	cursor: pointer;
	transition: 0.2s;
}
.commentInput button:hover{
	background-color: #f6f6f6;
}
.commentInner{
	padding: 5px;
}
.commentsText{
	font-style: italic;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	margin-bottom: 8px;
	text-indent: 1em;
}
.commentsAuthor{
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap:15px;
}
.commentsAuthor .authorContact{
	display: inline-block;
	margin-right: 5px;
}
.commentsAuthor i{
	font-size: 20px;
	cursor: pointer;
}
.commentsAuthor i:hover{
	color: #d16b6b;
}
.storyTitle{
	color: #3d1c1c;
	padding-bottom: 10px;
	line-height: 24px;
	font-size: 18px;
}
.storyCreater{
	font-size: 15px;
	margin-bottom: 10px;
	font-style: italic;
	color: #a42924;
	text-align: right;
}
.storyText{
	color: #3d1c1c;
	font-size: 16px;
	line-height: 24px;
	padding: 10px 0 15px;
	text-indent: 2em;
}
@media (max-width: 1140px){
	.storyTitle{
		padding-bottom: 5px;
		color: #fff;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px;
	}
	.storyText{
		color: #fff;
		font-size: 12px;
		line-height: 18px;
		padding-right: 15px;
		padding-bottom: 0;
		/*overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;*/
	}
	.videoDes span{
		font-size: 14px;
		line-height: 20px;
	}
	.videoDes .authorContact{
		margin-right: 15px;
	}
}
.videoDes{
	width: 90%;
}
.commentsItem{
	margin-bottom: 8px;
	border-radius: 5px;
	background-color: #E7E7E7;
	padding: 8px;
}
.commentShow{
	display: flex;
	gap:6px;
	align-items: center;
}
.counter{
	position: absolute;
	left: 32px;
	bottom: 20px;
}
.photoAuthorInfo{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding-bottom: 10px;
	gap:8px;
}
@media (max-width: 1140px){
	.photoAuthorInfo{
		margin-bottom: 5px;
	}
	.commentShow i{
		font-size: 16px;
	}
}
.photoAuthor{
	display: flex;
	justify-content: center;
	align-items: center;
	gap:20px;
}
.PhotoSwiper .swiper-button-next{
	right: 50px;
	top:50%!important;
}
.PhotoSwiper .swiper-button-prev{
	left: 50px;
	top:50%!important;
}
.videoSwiper{
	padding: 0 40px;
	width: 100%;
}
audio{
	width: 100%;
}
.timeLine audio::-webkit-media-controls-play-button{
	display: none;
}
.photoAutoShow .swiper-wrapper .swiper-slide{
	height: 200px;
	width: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.photoAutoShow .swiper-wrapper .swiper-slide img{
	max-height: 100%;
	max-width: 100%;
	border-radius: 6px;
	overflow: hidden;
}
.thumbnailInner{
	height: 50px;
	width: 50px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	border-radius: 6px;
}
.thumbnailInner .icon-cuowu{
	position: absolute;
	top: 5%;
	right: 5%;
	color: red;
	cursor: pointer;
	/*background-color: #fff;*/
	border-radius: 50%;
	font-size: 10px;
	font-weight: 600;
}
.thumbnailInner img,.thumbnailInner video,.thumbnailContent img,.thumbnailContent video{
	/*max-height: 50px;
	max-width: 50px;*/
	border-radius: 6px;
	cursor: pointer;
}
.thumbnail,.thumbnailContent{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:10px;
}
.audioWrapper audio{
	min-width: 300px;
	width: 100%;
}
.thumbnail .icon-fujian,.thumbnail .icon-lajitong{
	font-size: 30px;
	line-height: 50px;
	padding: 0 10px;
	display: block;
	border-radius: 6px;
	height: 50px;
	color: var(--colorful-button-bg-color);
	text-align: center;
}
.thumbnail .icon-lajitong{
	cursor: pointer;
	transition: 0.2s;
	/*background-color: #fff;*/
	border-radius: 100%;
}
.thumbnail .icon-lajitong:hover{
	background-color: var(--content-box-button-hover-bg-cover);
}
.videoWrapper{
	position: relative;
}
.videoWrapper .icon-bofang{
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	transform: translateX(-50%) translateY(-50%);
}
.thumbnailImg,.thumbnailVideo,.thumbnailAudio{
	display: flex;
	justify-content: flex-start;
	border-radius: 6px;
}
@media (max-width: 1140px){
	.audioWrapper audio{
		min-width: 200px;
	}
}
.thumbnailImg,.thumbnailVideo{
	background-color: var(--colorful-button-bg-color);
}
.thumbnailAudio .thumbnailInner{
	height: 50px;
	width: auto!important;
}
.uploadItems{
	width: 100%;
}
audio::-webkit-media-controls-panel{
	background-color: var(--pc-edit-button-hover-bg-color);
	/*border: 1px solid red;*/
}
.templateItem{
	background-color: var(--content-box-button-hover-bg-cover);
	width: 100%;
	padding: 16px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 16px;
	border-radius: 6px;
}
.uploadItemsAudio .templateItem{
	align-items: center!important;
}
.uploadItemsAudio .itemDes>input{
	margin-bottom: 0!important;
}
.preview{
	margin-right: 16px;
	height: 80px;
	width: 80px;
	min-width: 80px;
	border-radius: 6px;
	/*background-color: var(--colorful-button-bg-color);*/
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: relative;
}
@-webkit-keyframes scroll{
	from{transform: translateX(100%);}
	to{transform: translateX(-100%);}
}
.preview .audioName{
	position: absolute;
	bottom: 0;
	font-size: 14px;
	white-space: nowrap;
	animation: scroll 5s linear infinite;
}
.preview img{
	border-radius: 6px;
}
.videoUpload .preview .icon-bofang{
	position: absolute;
	font-size: 22px;
	top: 50%;
	left: 50%;
	color: #fff;
	transform: translateX(-50%) translateY(-50%);
}
.audioUpload .preview .icon-bofang,.audioUpload .preview .icon-zanting1{
	font-size: 40px;
	text-align: center;
	cursor: pointer;
}
.itemDes{
	width: 100%;
}
.itemDes>input{
	width: 100%;
	border: 1px solid var(--colorful-button-bg-color);
	margin-bottom: 16px;
	height: 48px;
	min-width: 100px;
	font-size: 16px;
	line-height: 26px;
	padding: 12px 16px;
	border-radius: 6px;
}
.converCheck{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.converCheck input{
	width: 14px;
	height: 14px;
	margin-right: 8px;
}
.converCheck span{
	font-size: 14px;
	line-height: 16px;
}
.templateItem .icon-lajitong{
	display: block;
	font-size: 30px;
	line-height: 40px;
	padding: 0 5px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
	transition: 0.2s;
	margin-left: 15px;
}
.templateItem .icon-lajitong:hover{
	background-color: var(--pc-colorful-wrapper-bg-color);
}
.meidaAlert{
	display: none;
	margin-left: 20px;
	color: red;
	font-size: 16px;
	line-height: 40px;
}
.page-tributes h2{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.videoUpload,.audioUpload{
	display: none;
}
.mediaUp{
	cursor: pointer;
	z-index: 9999;
}
.titleHidden,.innerHidden{
	color: #b94a48;
	font-size: 13px;
	font-weight: 600;
	padding-left: 15px;
	margin-bottom: 15px;
	display: none;
}
.storyInner{
	width: 100%;
	overflow: hidden;
	text-indent: 2em;
}
.story_media{
	margin-bottom: 24px;
	text-align: center;
}
.story_media img,.story_media video{
	max-width: 100%;
	max-height: 500px;
	border-radius: 6px;
	overflow: hidden;
}
.tributesItem{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	background-color: var(--pc-colorful-wrapper-bg-color);
	border-radius: 6px;
	margin-bottom: 40px;
	padding: 0 23px;
	width: 100%;
	gap:25px;
}
.tributesItem .storyItem{
	margin-bottom: 0;
	padding: 23px 0;
}
.tributesItem>i{
	font-size: 100px;
	margin-top: 23px;
}
.photoComments h2{
	padding-left: 1em;
}
.noComments{
	width: 100%;
	height: calc(100% - 92px);
	display: flex;
	flex-direction: column;
	gap:20px;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.noComments i{
	font-size: 50px;
	color: #C3C3C3;
}
.totalheigt .noComments i{
	font-size: 150px;
	color: #C3C3C3;
	/*font-weight: 600;*/
}
.noComments span{
	font-style: italic;
	font-size: 20px;
	line-height: 34px;
	color: #C3C3C3;
}
.totalheigt .noComments span{
	font-style: italic;
	font-size: 25px;
	line-height: 30px;
	color: #C3C3C3;
}
.manageItem{
	padding: 16px;
	margin-bottom: 24px;
	width: 100%;
	border-radius: 6px;
	display: flex;
	justify-content: flex-start;
	background-color: var(--pc-colorful-wrapper-bg-color);
}
@media (max-width: 1140px){
	.manageItem{
		flex-direction: column;
	}
	.manageItem textarea{
		min-height: 80px;
		border-radius: 6px;
		padding: 12px 16px;
		border: 1px solid var(--pc-colorful-wrapper-border-color);
		resize: vertical;
		width: 100%;
		margin-top: 10px;
	}
}
.itemShowPart{
	display: flex;
	justify-content: flex-start;
}
.editInnerText{
	display: none;
}
.mediaPreview{
	margin-right: 16px;
	position: relative;
	width: 160px;
	min-width: 160px;
	height: 160px;
	border-radius: 6px;
	overflow: hidden;
}
.mediaPreview .icon-bofang{
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 40px;
	transform: translateX(-50%) translateY(-50%);
	color: #fff;
}
.audioManage .icon-bofang{
	font-size: 40px;
	color: var(--colorful-button-bg-color);
	position: relative;
	transform: none;
	top: 0;
	left: 0;
}
.previewTop{
	position: absolute;
	top: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 40px;
	padding: 4px;
	background: linear-gradient(180deg,rgba(0,0,0,0.64) 0%,rgba(0,0,0,0) 100%);
	color: #fff;
	padding: 0 5px;
	z-index: 88;
}
.previewTop .roll{
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: 0.2s;
}
.roll i{
	font-size: 20px;
}
.previewTop .roll:hover{
	background-color: rgba(255,255,255,.16);
}
.previewBottom{
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 40px;
	padding: 8px 12px;
	background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 100%);
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	font-weight: 600;
}
@media (max-width: 1140px){
	.previewBottom{
		position: absolute!important;
		padding: 8px 8px 0;
		/*line-height: 24px;*/
	}
}
.labelShort{
	max-width: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.audioManage .labelShort{
	max-width: 80px;
}
.previewInner{
	display: flex;
	width: 100%;
	height: 100%;
	overflow: hidden;
	align-items: center;
}
.previewInner img,.previewInner video{
	/*max-height: 100%;*/
	width: 100%;
	object-fit: cover;
	transition: 0.2s;
}
.mediaDetials{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	height: 160px;
}
@media (max-width: 1140px){
	.mediaDetials{
		height: 120px;
	}
	.audioManage .mediaDetials{
		height: auto;
	}
	.actionWrapper{
		padding: 10px 10px 0;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
	}
}
.todoAction{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	padding: 6px;
	line-height: 18px;
	gap:12px;
	font-weight: 600;
}
.todoDelete{
	color: #cb5858;
}
.todoDelete i{
	font-size: 20px;
}
.unsetCoverPic,.unsetFirstVideo{
	color: #cb5858;
}
.manageItem .button-container{
	padding-top: 10px;
	display: flex;
	justify-content: space-between;
	gap:30px;
}
.manageItem .button-container input{
	min-width: 50px;
	width: 100%;
	margin: 0;
	padding: 6px;
}
.manageItem .button-container .deCancelBtn:hover{
	background-color: var(--pc-colorful-wrapper-bg-color)!important;
}
.setCoverPic i{
	font-size: 18px;
}
.mediaDetials textarea{
	min-height: 84px!important;
	padding-bottom: 12px!important;
	height: 100%;
}
.actionsWrapper{
	width: 100%;
	border-radius: 6px;
	background-color: var(--pc-colorful-wrapper-bg-color);
	/*height: 100%;*/
	padding: 8px 16px;
}
.coverPic{
	margin-bottom: 8px;
}
.fitstVideo{
	margin-bottom: 8px;
}
.actions{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
}
.actions input{
	width: 14px;
	height: 14px;
	margin-right: 8px;
}
.actions span{
	font-size: 14px;
	line-height: 20px;
	-webkit-user-select: none;
}
.confirmBar{
	position: fixed;
	z-index: 900;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: var(--pc-colorful-wrapper-bg-color);
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	padding: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-shadow: 1px 1px 1px rgb(255 255 255 / 33%);
	gap:24px;
}
.confirmBar button{
	padding: 8px;
	min-width: 170px;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	transition: 0.2s;
	cursor: pointer;
	border-radius: 6px;
}
.manageCancel{
	background-color: transparent;
	border: 1px solid var(--pc-colorful-wrapper-border-color);
}
.manageCancel:hover{
	background-color: var(--pc-colorful-wrapper-border-color);
}
.manageConfirm{
	background: var(--colorful-button-bg);
	border: 1px solid var(--colorful-button-bg-color);
	color: #fff;
}
.manageConfirm:hover{
	background-color: var(--colorful-button-bg-color);
}
.audio .mediaDetials textarea{
	min-height: 54px!important;
}
.audio .mediaPreview{
	width: 300px;
	height: 100px;
}
.audio .mediaDetials{
	height: 100px;
}
.audio .previewBottom{
	background: none;
	color: var(--main-content-font-0);
}
.firstVideo{
	margin-bottom: 25px;
	/*display: none;*/
}
.firstVideo video{
	max-width:100%;
	max-height: 500px;
	object-fit: cover;
	border-radius: 6px;
	overflow: hidden;
}
/*ADIMN样式*/
.adminList{
	display: none;
	justify-content: center;
	max-width: 1120px;
	margin: 0 auto;
}
.left-side{
	width: 320px;
	margin: 0 16px 0 0;
}
.sidebar-admin-menu li{
	padding: 12px 16px;
	gap:16px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
	transition: 0.2s;
	margin-top: 8px;
	border-radius: 6px;
}
.sidebar-admin-menu li:hover{
	background-color: var(--left-slide-hover);
}
.adimnPg{
	width: 704px;
	margin-left: 16px;
}
@media (max-width: 1140px){
	.adimnPg{
		width: 100%;
		margin-left: 0px;
	}
}
.page-visitors{
	background-color: var(--pc-colorful-wrapper-bg-color);
	padding: 23px;
}
@media (max-width: 1140px){
	.page-visitors{
		padding: 10px;
	}
}
.qrTitle{
	font-size: 16px;
	margin: 10px 0 ;
	font-weight: 600;
	padding-left: 10px;
}
.qrTitle div{
	font-size: 14px;
	margin: 6px 0;
	text-indent: 2em;
	font-weight: 200;
	line-height: 28px;
}
.qrInner{
	width: 100%;
	display: flex;
	justify-content: space-around;
	gap:20px;
	align-items: center;
	padding:10px;
	margin-bottom: 25px;
}
.qrInner i{
	font-size: 20px;
	font-weight: 600;
	color: var(--memu-memorial-not-selected-color);
	padding: 10px;
}
.shareQR{
	text-align: center;
	border: 1px solid var(--pc-edit-button-border-color);
	padding: 7px 23px;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap:10px;
	margin: 20px;
}
.pageInner{
	text-align: center;
	margin-top: 30px;
}
.sidebar-admin-menu .clicked{
	background-color: var(--left-slide-hover);
}
.adimnPg .pageTitle{
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 24px;
}
.pageInner>p{
	text-align: center;
	margin-bottom: 15px;
}
.pageDes{
	text-align: left!important;
	font-size: 20px;
	font-weight: 600;
}
.pageDes i{
	font-size: 22px;
	display: inline-block;
	margin-right: 12px;
}
.visitPremium{
	width: 100%;
	background-color: #fff;
	border-radius: 6px;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 26px;
}
.visitConcole,.visitInner,.turnToPremium{
	margin-bottom: 20px;
}
.visitConcole i{
	margin-right: 10px;
}
.visitConcole i:hover{
	color: #f7cf6a;
	text-shadow: 2px 1px 1px rgb(21 20 20 / 33%);
	cursor: pointer;
}
.turnToPremium{
	text-align: center;
	text-decoration: underline;
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
}
.turnToPremium:hover{
	text-decoration: none;
}
.visitorTable{
	width: 100%;
}
@media (max-width: 1140px){
	.visitorTable{
		font-size: 14px;
	}
}
.visitorTable th,.visitorTable td{
	padding: 2px 8px;
	line-height: 2em;
	white-space: nowrap;
	text-align: center;
}
.visitorTable .lt{
	border-top-left-radius: 4px;
}
.visitorTable .rt{
	border-top-right-radius: 4px;
}
.visitorTable td input,.visitorTable th input{
	width: 14px;
	height: 14px;
}
.visitorTable td select{
	width: 100%;
	height: 100%;
	font-size: 16px;
	/*padding: 5px 8px;*/
	border: none;
	color: var(--main-content-font-0);
	text-align: center;
	background-image: url(../img/show-more.png);
	background-color: #fff;
	background-size: 12px 12px;
	background-position: right 10px center;
	background-repeat: no-repeat;
	appearance: none;
}
@media (max-width: 1140px){
	.visitorTable td select{
		font-size: 14px;
		background-position: right 0px center;
	}
}
.tableHead{
	background-color: var(--footer-bg-color);
}
.tableInner{
	background-color: #fff;
	position: relative;
}
.sendMessage{
	text-align: left!important;
	align-items: center;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.sendMessage span{
	font-size: 15px;
	padding: 5px 0;
}
.sendMesBtn{
	display: flex;
	justify-content: center;
	align-items: center;
	gap:15px;
	background-color: var(--pc-colorful-wrapper-bg-color);
	border-radius: 4px;
	width: -webkit-fit-content;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	transition: 0.2s;
}
.sendMesBtn:hover{
	background-color: var(--memu-memorial-bg-color-hover);
}
.sendMesBtn i{
	font-size: 25px;
}
.invitGuest{
	margin-top: 30px;
	background: linear-gradient(90deg,#b82733,rgba(0,0,0,0)) #b82733;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 11px 25px;
	font-size: 16px;
	line-height: 24px;
	border-radius: 6px;
	cursor: pointer;
	gap:20px;
	border: none;
	transition: 0.2s;
}
@media (max-width: 1140px){
	.invitGuest{
		width: 100%;
	}
}
.invitGuest:hover{
	background-color: #c73642;
}
.invitGuest i{
	font-size: 25px;
}
.textSending{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #00000080;
	z-index: 9999;
	display: none;
	justify-content: center;
	align-items: center;
}
.contactUser{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #00000080;
	z-index: 9999;
	display: none;
	justify-content: center;
	align-items: center;
}
.textSendInner{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: #fff;
	box-shadow: 1px 2px 1px rgb(255 255 255 / 30%) inset;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	color: #442628;
	width: 600px;
	position: relative;
}
@media (max-width: 1140px){
	.textSendInner{
		width: 100%;
		height: 100%;
		border-radius: 0;
		justify-content: flex-start;
	}
}
.closeMesSend{
	position: absolute;
	right: 0;
	top: 0;
	padding: 20px 35px;
	cursor: pointer;
}
@media (max-width: 1140px){
	.closeMesSend{
		padding-top: 28px;
	}
}
.closeMesSend:hover i{
	color: #442628;
}
.closeMesSend i{
	color: #ccc;
	font-size: 23px;
}
.messageHead{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	gap:15px;
	align-items: center;
	padding: 30px 35px 25px;
	font-size: 21px;
	line-height: 21px;
	font-weight: 600;
}
.messageHead i{
	font-size: 30px;
}
.messageInput{
	padding: 0 35px;
	width: 100%;
}
.mesInputWrapper{
	margin-bottom: 28px;
}
.mesInputWrapper span{
	margin: 3px 0 0 3px;
	font-size: 12px;
	color: #cb5858;
	font-weight: 600;
	padding-left: 10px;
	display: none;
}
.messageInput input,.messageInput textarea{
	width: 100%;
	border: 1px solid #dcdcdc;
	padding: 12px 16px;
	transition: 0.2s;
	border-radius: 6px;
	font-size: 16px;
}
.messageInput input{
	height: 48px;
	line-height: 26px;
}
.messageInput textarea{
	height: 195px;
	resize: vertical;
}
.sendBtn{
	text-align: right;
	padding: 0 35px;
	width: 100%;
}
.messageSendBtn{
	border-radius: 6px;
	color: #fff;
	background: linear-gradient(90deg,#b82733,rgba(0,0,0,0)) #b82733!important;
	border: 1px solid #931f29;
	padding: 7px 24px;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
	margin-bottom: 15px;
}
@media (max-width: 1140px){
	.messageSendBtn{
		width: 100%;
	}
}
/*隐私政策管理*/
.pravicySetRadio{
	width: 100%;
	display: flex;
	gap:16px;
	padding: 16px;
	justify-content: space-between;
	align-items: center;
	border-radius: 6px;
	transition: 0.2s;
	cursor: pointer;
	margin-bottom: 10px;
}
.pravicySetRadio .icon-duihao{
	opacity: 0;
}
.pravicySetRadio i{
	font-size: 25px;
}
.pravicyDes{
	width: 100%;
	text-align: left;
}
.pravicySelected i,.pravicySelected .pravicyTitle{
	color: #c39c65;
}
.pravicySelected .icon-duihao{
	opacity: 1;
}
.pravicySetRadio:hover{
	background-color: var(--pc-colorful-wrapper-border-color);
}
.pravicySetRadio input{
	margin-top: 8px;
	width: 14px;
	height: 14px;
	margin-right: 8px;
}
.pravicyTitle{
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	text-align: left;
}
.pravicyInner{
	font-size: 13px;
	line-height: 18px;
	text-align: left;
	padding-top: 10px;
}
.pravicySelected{
	background-color: var(--pc-colorful-wrapper-border-color);
}
.changePrivacyConfirm{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #00000080;
	display: none;
	padding: 16px;
	z-index: 9999;
	justify-content: center;
	align-items: center;
}
.confirmInner{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	max-width: 450px;
	background-color: #fff;
	padding: 24px;
	border-radius: 6px;
	width: 100%;
}
.confirmText{
	font-size: 16px;
	line-height: 24px;
}
.confirmBtn{
	margin-top: 30px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:20px;
}
.confirmBtn button{
	cursor: pointer;
	width: 100%;
	min-width: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 11px 23px;
	border-radius: 6px;
	height: 48px;
	font-size: 16px;
	line-height: 24px;
}
@media(max-width:1140px){
	.confirmBtn button{
		min-width: 50px;
	}
	.pravicySetRadio:hover{
		background-color: var(--pc-colorful-wrapper-border-color);
	}
}
.concelChange{
	background-color: var(--pc-colorful-wrapper-bg-color);
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	background-image: none;
	color: var(--main-content-font-0);
}
.concelChange:hover{
	background-color: var(--content-box-button-hover-bg-cover);
}
.doChange{
	background-color: #cb5858;
	background-image: none;
	border-color: transparent;
	color: #fff;
}
.doChange:hover{
	background-color: #d16b6b;
}
/*升级会员介绍*/
.premiumDes{
	padding: 0 10px;
	margin-bottom: 15px;
}
.shortDes{
	text-align: center;
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 26px;
}
.locatePay{
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
	color: #bb8a4f;
	cursor: pointer;
}
.locatePay:hover{
	text-decoration: underline;
}
.seperate{
	margin: 45px 0 35px;
	height: 1px;
}
.desTitle{
	font-size: 26px;
	line-height: 32px;
}
.premiumRights{
	margin-bottom: 25px;
	padding: 20px 10px 0;
}
.preRightItemList{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:25px;
}
.preRightItem{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.preRightItem i{
	font-size: 60px;
	margin-bottom: 10px;
}
@media(max-width:1140px){
	.preRightItem i,.preRightItem .rightTitle {
		text-align: center;
	}
}
.rightTitle{
	font-size: 18px;
	margin-bottom: 10px;
}
.rightInner{
	font-size: 13px;
	line-height: 20px;
}
.payPageBtn{
	padding: 15px 0 25px;
	text-align: center;
}
.payPageBtn span{
	font-size: 14px;
	padding: 14px 43px;
	border-radius: 6px;
	font-weight: 600;
	color: #fff;
	background-color: #c59459;
	border: 1px solid #9e7647;
	cursor: pointer;
	transition: 0.2s;
}
.payPageBtn span:hover{
	background-color: #d4a368;
}
.payChoice{
	display: flex;
	justify-content: space-between;
	gap:30px;
	align-items: center;
	padding: 20px 10px 0;
}
@media(max-width:1140px){
	.payChoice {
		flex-direction: column;
	}
	.refoundChoice p{
		text-align: left;
		text-indent: 2em;
	}
	.refoundTitle{
		font-weight: 600;
	}
	.refoundInner{
		font-size: 14px;
		line-height: 1.8;
	}
}
.plans-card-inner{
	box-shadow: 4px 4px 30px rgb(120 120 120 / 10%);
	background-color: #fff;
	border: 1px solid rgba(205,216,221,.7);
	border-radius: 15px;
	color: #8d8d8d;
	text-align: center;
	display: flex;
	flex-direction: column;
	padding: 19px;
	margin-bottom: 20px;
	width: 100%;
}
.pc-title{
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 32px;
	color: #5d5d5d;
	text-transform: uppercase;
}
.pc-price{
	font-size: 28px;
	line-height: 28px;
	font-weight: 600;
	margin: 0;
	padding: 0;
	height: 28px;
}
.pc-desc{
	height: 24px;
	font-size: 16px;
	line-height: 24px;
	color: #8d8d8d;
	margin-top: 16px;
}
.pc-btn{
	margin-top: 32px;
	width: 100%;
	display: flex;
}
.pc-btn a{
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	padding: 12px;
	border-radius: 8px;
	color: #fff;
	width: 100%;
	transition: 0.3s;
}
.freePremiumPlan{
	color: #7C979C;
}
.freePremiumPlanBtn a{
	background-color: #7C979C;
	transition: 0.2s;
}
.freePremiumPlanBtn a:hover{
	background-color: #6B8489;
	color: #fff;
}
.yearPlan{
	color: #58867b;
}
.yearPlanBtn a{
	background-color: #498979;
	transition: 0.2s;
}
.yearPlanBtn a:hover{
	background-color: #4d776d;
	color: #fff;
}
.lifePlan{
	color: #cca66f;
}
.lifePlanBtn a{
	background-color: #d5b179;
	transition: 0.2s;
}
.lifePlanBtn a:hover{
	background-color: #bc985d;
	color: #fff;
}
.pc-features{
	font-size: 16px;
	line-height: 24px;
	color: #5d5d5d;
	margin-top: 24px;
	width: 100%;
	text-align: left;
}
.pc-features-title{
	margin-bottom: 16px;
}
.pc-features-inner{
	margin-top: 10px;
}
.refoundTitle{
	margin-bottom: 16px;
	font-size: 22px;
	line-height: 32px;
}
.back{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:15px;
	margin-top: 10px;
	cursor: pointer;
}
@media(max-width:1140px){
	.back{
		margin-bottom: 15px;
		padding-left: 15px;
	}
}
.back span{
	color: var(--main-content-font-0);
	line-height: 30px;
}
.back span:hover{
	text-decoration: underline;
}
.round{
	height: 25px;
	width: 25px;
	border-radius: 50%;
	background-color: var(--main-content-font-0);
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.round i{
	font-size: 10px;
	font-weight: 600;
}
.authorContact{
	cursor: pointer;
	position: relative;
}

.authorContact:hover{
	text-decoration: underline;
}
.authorContact:hover:after{
	content: "发送站内私信";
	position: absolute;
	bottom: 0;
	left: 100%;
	transform: translate(5px,0%);
	font-size: 13px;
	line-height: 16px;
	white-space: nowrap;
	background-color: rgba(31,31,31,.8);
	border-radius: 6px;
	padding: 4px 8px;
	color: #fff;
}
.MbContainer{
	overflow: auto;
}
.MbContainer .itemWrapper_mb{
	margin-top: 100px;
	margin-bottom: 70px;
}
.MbContainer_head{
	z-index: 99;
	position: fixed;
	width: 100%;
	top: 0;
	background-image: var(--header-mb-bg-img-url);
	color: var(--header-title);
	background-size: cover;
	height: 68px;
	padding: 8px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
}
.MbContainer_head img{
	position: absolute;
	right: 20px;
	height: 52px;
	border-radius: 5px;
	border: 1px solid #fff;
}
.MbContainer_head i{
	position: absolute;
	left: 20px;
	font-size: 35px;
}
.bottomBtn{
	color: #fff;
	box-shadow: 0 4px 16px #00000029;
	padding: 14px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 48px;
	min-width: 48px;
	border-radius: 24px;
	position: fixed;
	bottom: 61px;
	right: 16px;
	overflow: hidden;
	border: 1px solid var(--colorful-button-border-color);
	background: var(--colorful-button-bg);
}
.bottomBtn span{
	padding-left: 10px;
	transform: translateX(100%);
	white-space: nowrap;
	transition: 0.2s;
}
.bottomBtn i{
	color: #fff;
	font-weight: 600;
	font-size: 20px;
}
.gallaryType{
	z-index: 99;
	position: fixed;
	top: 68px;
	width: 100%;
	border: 1px solid 1px solid var(--pc-colorful-wrapper-border-color);
	background-color: var(--pc-colorful-wrapper-bg-color);
	padding: 0 10px;
	margin-bottom: 16px
}
.gallaryType ul{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.gallaryType ul li{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	line-height: 22px;
	padding: 10px 16px;
	font-weight: 600;
}
.gallaryType ul .selectHover span{
	background-color: #1b4046;
	position: absolute;
	bottom: -1px;
	height: 1px;
	width: 100%;
}
.setAdmin{
	max-width: 50px;
}
.setAdmin i{
	font-size: 20px;
}
.gallaryMedia_mbInner{
	margin-top: 110px;
	background-color: var(--pc-colorful-wrapper-bg-color);
	padding: 10px 16px 16px;
}
.nopadding{
	padding: 0!important;
}
.gallaryMedia_mb_image,.gallaryMedia_mb_video{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap:8px;
}
.audioItem-mb{
	width: 100%;
	border-radius: 6px;
	background-color: var(--content-box-button-hover-bg-cover);
}
.lifeParts-mb{
	margin-top: 100px;
}
.innerContainer_mb .lifeParts-mb{
	margin-bottom: 80px;
}
.gallaryMedia_mb .gallaryMedia_mb_image .authorInfo{
	justify-content: flex-end;
	min-height: auto;
	padding: 5px 8px;
}
.gallaryMedia_mb .gallaryMedia_mb_image .authorInfo i{
	font-size: 8px;
}
.gallaryMedia_mb .gallaryMedia_mb_image .photoImg{
	max-width: none;
	width: 100%;
}
.gallaryMedia_mb .gallaryMedia_mb_image .photoWrapper{
	display: none;
}
.Icon-MB{
	position: fixed;
	bottom: 0;
	right: 10px;
	height: 48px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap:15px;
}
.Icon-MB i{
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}
.Icon-MB .storyShow,.Icon-MB .commentShow{
	width: 30px;
	height: 30px;
	border-radius: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap:5px;
}
.Icon-MB .commentShow span{
	font-size: 12px;
}
.photoWrapper-mb{
	display: flex;
	justify-content: center;
	text-align: left;
	position: absolute;
	bottom: 0;
	width: 100%;
	max-height: 60%;
	transform: translateY(100%);
	transition: 0.3s;
	z-index: 99;
}
.imageStory_mb,.imageComment_mb{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #dff6f9;
	border-radius: 6px 6px 0 0;
	padding: 40px 10px 10px;
}
.imageStory_mb .storyCreater{
	text-align: left;
}
.photoWrapper-mb .imageComment_mb{
	background-color: #f6f6f6;
	color: #333333;
}
.photoWrapper-mb .commentInner{
	height: calc(100% - 100px);
	margin-bottom: 10px;
	max-height: 250px
}
@media (max-width: 1140px){
	.commentInner{
		padding: 0;
	}
	.photoWrapper-mb .commentInput button{
		height: auto;
		padding: 5px;
	}
	.noComments{
		flex-direction: row;
		margin-bottom: 20px;
	}
}
.photoWrapper-mb .commentInput textarea{
	border-radius: 6px;
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	width: 100%;
	min-height: 40px;
	text-indent: 2em;
	padding: 5px;
}
.photoWrapper-mb .commentInput textarea::-webkit-input-placeholder{
	color: #333333;
	font-style: italic;
	line-height: 30px;
	text-indent: 2em;
}
.photoWrapper-mb .commentInput button{
	margin-bottom: 0;
	height: 40px;
}
.photoWrapper-mb .noComments i{
	font-size: 30px;
}
.photoWrapper-mb .noComments span{
	font-size: 20px;
}
.playStatus,.videoWaiting{
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 99;
	justify-content: center;
	align-items: center;
	gap:15px;
}
.videoWaiting img{
	height: 100px;
	width: 100px;
}
.playStatus i{
	font-size: 60px;
}
.closeBtn-mb{
	position: absolute;
	top: 0px;
	right: 10px;
	padding: 10px;
}
.closeBtn-mb i{
	font-size: 18px;
}
.imageStory_mb .closeBtn-mb{
	top: 10px;
	color: #3d1c1c;
}
.videoSlider .Icon-MB{
	padding: 0 30px;
	bottom: 20px;
	right: 0;
	z-index: 99;
}
.gallaryMedia_mb_video .videoSwiper{
	padding: 0;
}
.gallaryMedia_mb_video .photoWrapper-mb{
	z-index: 99;
}
.gallaryMedia_mb_video .videoSlider .photoSliderFooter{
	height: 70px;
	padding-top: 0;
}
.imageTest{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 100px;
	background-color: #ccc;
	display: flex;
	justify-content: flex-start;
}
.imageTest img{
	max-width: 100px;
}
.videoPoster{
	width: 100%;
	height: 100%;
	background-color: red;
}
.addItem,.adminItem,.MbContainer{
	/*min-height: 100vh;*/
}
.addItem,.adminItem,.adminItemInner{
    min-height: calc(100vh - 68px);
    background-color: var(--pc-colorful-wrapper-bg-color);
}
.addItem .page-tributes{
	margin-top: 68px;
	margin-bottom: 52px;
}
.addItem .MbContainer_head,.adminItem .MbContainer_head,.adminItemInner .MbContainer_head{
	justify-content: center;
}
.addItem .MbContainer_head i,.adminItem .MbContainer_head i,.adminItemInner .MbContainer_head i{
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.addItem .button-container input{
	width: 100%;
	margin-left: 0;
}
.addItem .videoUpload,.addItem .audioUpload{
	display: block;
}
.bottomTest{
	height: 20px;
	background-color: #ccc;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 9999;
	text-align: center;
}
.bottomTest img{
	height: 100%;
	max-width: 80px;
}
.mbBottem{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 52px;
	background-color: var(--memu-memorial-bg-color);
	z-index: 99;
	color: var(--memu-memorial-not-selected-color);
	font-weight: 600;
	font-size: 16px;
	/*border-radius: 10px 10px 0 0;*/
}
.mbBottem ul{
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 5px 15px;
}
.mbBottem ul li{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	transition: 0.2s;
}
.mbBottem ul li i{
	font-size: 22px;
}
.mbBottem ul li span{
	font-size: 8px;
}
.currentPage{
	color: var(--header-top-color);
}
.adminMB{
	margin-top: 68px;
	padding-bottom: 50px;
}
.notifyItem{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0;
}
.notifyItem i{
	font-size: 20px;
}
.notifyItem span{
	width: 100%;
	padding-left: 20px;
	text-align: left;
}
.tuggleBtn{
	display: flex;
	/*justify-content: center;*/
	width: 40px;
	height: 24px;
	background-color: #fff;
	border: 1px solid rgb(135, 135, 135);
	border-radius: 12px;
	text-align: center;
	align-items: center;
	padding: 2px;
	transition: 0.2s;
}
.circleBtn{
	width: 18px;
	height: 18px;
	border-radius: 9px;
	background-color: #bb8a4f;
	transition: 0.2s;
}
.targleOn{
	background-color: #bb8a4f;
	border: none;
}
.targleOn .circleBtn{
	background-color: #fff;
	transform: translateX(12px);
}
.editHidden-MB{
	border: none;
	padding: 23px 0;
	display: none;
}
.editHidden-MB .button-container,.deleteConfirm .button-container{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	gap:15px;
	/*padding: 0 10px;*/
}
.editHidden-MB .button-container input,.deleteConfirm .button-container input{
	min-width: 50px;
	width: 100%;
	margin: 0;
	padding: 10px;
}
.menageGallay{
	margin: 80px 0;
}
.editBasicInfo .menageGallay{
	margin-top: 68px;
	margin-bottom: 50px;
}
.menageGallay .mediaPreview{
	width: 120px;
	height: 120px;
	min-width: 120px;
}
.audioManage .mediaPreview{
	width: 60%;
	height: auto;
	min-width: 200px;
	margin-right: 10px;
}
.audioManage .audioAuthor{
	margin-top: 10px;
	display: flex;
	gap:15px;
}
.rotate_0{
	transform: rotate(0deg);
}
.rotate_90{
	transform: rotate(90deg);
}
.rotate_180{
	transform: rotate(180deg);
}
.rotate_270{
	transform: rotate(270deg);
}
.noTitle{
	color: var(--content-box-icon-color);
}
.textResize{
	margin-left: 8px;
	transition: 1s ease-in-out;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}
.containerIntro{
	padding-top: 68px;
}
.containerIntro label{
	font-size: 20px;
	font-weight: 600;
}
.fakeSelect{
	width: 100%;
	height: 40px;
	padding: 6px 20px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 16px;
	line-height: 28px;
	color: #738f8f;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	background-image: url(../img/show-more.png);
	background-color: #fff;
	background-size: 12px 12px;
	background-position: right 10px center;
	background-repeat: no-repeat;
	appearance: none;
}
.selectSlider{
	position: fixed;
	bottom: 0px;
	background-color: var(--pc-colorful-wrapper-bg-color);
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	border-radius: 6px 6px 0 0;
	max-height: 300px;
	width: 100%;
	overflow: scroll;
	z-index: 99;
	transform: translateY(100%);
	transition: 0.3s;
}
.selectOverlay{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 98;
    user-select: none;
    display: none;
}
.selectSlider .opType{
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	color: #a88958;
	padding: 12px;
	border-bottom: 1px solid #a88958;
	margin: 0 20px 5px;
}
.opWrapper{
	display: grid;
	grid-gap:8px;
	padding: 10px 30px;
}
.threeGrid{
	grid-template-columns: 1fr 1fr 1fr;
	
}
.twoGrid{
	grid-template-columns: 1fr 1fr;
}
.opWrapper span{
	line-height: 26px;
	font-size: 14px;
	display: block;
	text-align: center;
	background-color: var(--pc-edit-button-hover-bg-color);
	border-radius: 6px;
	padding: 5px;
	width: 100%;
	transition: 0.2s;
}
.selectValue{
	background-color: var(--memu-memorial-bg-color)!important;
	color: var(--memu-memorial-not-selected-color);
	font-weight: 600;
}
.fakedisable{
	background-color: var(--pc-edit-button-hover-bg-color)!important;
}
.uploadingTips{
	position: fixed;
	color: #fff;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #00000080;
	z-index: 999;
	display: none;
}
.uploadingTips img{
	width: 50px;
	height: 50px;
	margin-bottom: 25px;
}
.haveDoneTips,.notDoneTips{
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 70px;
	z-index: 999;
	display: none;
}
.haveDoneTipsInner,.notDoneTipsInner{
	padding: 10px 15px;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	gap:15px;
	align-items: center;
	color: #fff;
	box-shadow: 0 2px 8px #0000003d;
}
.haveDoneTipsInner{
	background-color: #5EB456;
}
.notDoneTipsInner{
	background-color: #3A3A3A;
}
.haveDoneText,.notDoneText{
	white-space: nowrap;
}
.list-move,
.list-enter-active,
.list-leave-active {
  transition: all 0.5s ease;
}
.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: scaleY(0);
}
.list-leave-active {
  position: absolute;
}
.fade-enter-active,
.fade-leave-active {
  transition: 0.5s;
}
.fade-leave-active{
	position: absolute;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
.accessBtnWrapper,.privateBtnWrapper,.visitorBtnWrapper{
	color: #fff;
	font-size: 20px;
	display: none;
}
.accessText{
	font-size: 20px;
	margin-bottom: 20px;
	font-style: italic;
	letter-spacing: 0.05em;
}
.accessBtnInner{
	display: flex;
	justify-content: center;
	align-items: center;
	gap:30px;
}
.accessBtn{
	font-size: 16px;
	padding: 10px 20px;
	background-color: #fff;
	color: #8CA8AE;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
	min-width: 110px;
	text-align: center;
}
.afterAccessText{
	display: none;
}
.askForAccess{
	background-color: #05B93A;
	color: #fff;
}
.signIn{
	background-color: #648288;
	color: #fff;
}
.afterAccess{
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-style: italic;
	margin-top: 15px;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 70px;
	display: none;
}
@media (max-width: 1140px){
	.accessText{
		font-size: 16px;
		text-indent: 2em;
		padding: 0 20px;
		line-height: 1.5;
	}
}
/*新增购买页面样式*/
.showQR{
	text-align: center;
	max-width: 100%;
}
.showQR img{
	width: 100%;
	overflow: hidden;
	padding: 10px;
}
.QRprice{
	text-align: center;
	line-height: 2;
}
.priceNum{
	font-weight: 600;
	padding-right: 10px;
	color: var(--main-content-font-0);
}
.preBuy{
	display: flex;
	justify-content: center;
	padding: 0 20px;
	gap:30px;
}
.numberCount{
	padding: 0 10px;
	display: flex;
	align-items: center;
	white-space: nowrap;
}
.numberCount input{
	width: 50px;
	height: 30px;
	border-radius: 10px;
}
.numberCount i{
	margin: 0 10px;
	font-weight: 600;
}
.totalFee{
	line-height: 30px;
	white-space: nowrap;
}
.buyer{
	margin: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px;
	height: 30px;
}
.buyer span,.buyWrapper span{
	white-space: nowrap;
}
.buyer input,.buyWrapper textarea{
	width: 70%;
	border-radius: 6px;
	height: 100%;
	padding: 10px;
	border:1px solid #ccc;
}
.buyWrapper{
	margin: 15px 10px;
	padding: 0 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.buyWrapper .fakeSelect{
	height: 30px;
	width: 70%;
	padding: 10px;
	font-size: 14px;
	line-height: 30px;
	padding: 0 10px;
}
.buyBtnWrapper{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	padding: 0 20px;
}
.buyBtnWrapper button{
	margin: 10px;
	width: 100%;
	border-radius: 6px;
	padding: 10px;
	font-size: 14px;
	font-weight: 600;
}
.confirmTrade{
	background-color: var(--memu-memorial-bg-color);
	color: var(--memu-memorial-not-selected-color);
}
.confirmCancel{
	background-color: var(--content-bg-color);
	color: var(--personal-phrase-color);
	border: 1px solid var(--pc-edit-button-border-color);
}
.QRshortImg{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	margin: 5px 10px 20px;
}
.QRshortImg img{
	border-radius: 6px;
	width: 30px;
	height: 30px;
	margin: 10px;
	transition: 0.3s;
}
.selectedImg{
	width: 50px!important;
	height: 50px!important;
}
.cityAll{
	display: none;
	position: fixed;
	bottom: 0;
	height: 60vh;
	width: 100%;
	z-index: 99;
	border-radius: 10px 10px 0 0;
	background-color: var(--content-bg-color);
}
.cityClass{
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 0 10px;
}
.Selecting,.buyerProvinceName{
	background-color: var(--pc-edit-button-border-color);
	color: var(--memu-memorial-not-selected-color);
	font-weight: 600;
}
.cityClassInner{
	width: 100%;
	height: 30px;
	border: 1px solid var(--pc-edit-button-border-color);
	text-align: center;
	line-height: 30px;
	margin: 0 3px;
}
.cityToolWrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 30px;
}
.cityToolWrapper i{
	font-size: 20px;
	font-weight: 600;
}
.cityInner{
	width: 100%;
	height: 100%;
	overflow: scroll;
	/*display: grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-gap:12px;*/
	padding: 15px 10px;
}
.provinceName{
	width: 30%;
	margin: calc(1.66%);
	float: left;
	font-size: 12px;
	text-align: center;
	padding: 5px;
	border: 1px solid var(--pc-colorful-wrapper-bg-color);
}
.positionInfoWrapper{
	width: 300%;
	height: calc(100% - 70px);
	display: flex;
	justify-content: center;
	transition: 0.3s;
}
.currentCity{
	transform: translateX(-100vw);
}
.currentArea{
	transform: translateX(-200vw);
}
.numberCount input{
	text-align: center;
}
.buyWrapper textarea::-webkit-input-placeholder{
	color: #738f8f;
	font-size: 14px;
}
.buyWrapper input::-webkit-input-placeholder{
	color: #738f8f;
	font-size: 14px;
}
.buyerInfo{
	display: none;
}
.buyerTips{
	font-size: 12px;
	font-weight: 600;
	display: none;
	margin-top: -10px;
	margin-right: 30px;
	text-align: right;
	color:rgb(185, 74, 72);
}
.showAllBtn_wrapper{
	width: 100%;
	text-align: center;
	padding: 0px 16px;
	display: flex;
	justify-content: space-between;
}
.showAllBtn_wrapper .addInner{
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--pc-edit-button-border-color);
	padding: 7px 12px;
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 32px;
	margin-top: -15px;
	border-radius: 6px;
}
.showAllBtn_wrapper .addInner i{
	font-size: 20px;
	margin-right: 10px;
	display: inline-block;
}
.addInner_inner{
	border: 1px solid #dcdad9;
	box-shadow: 0 2px 16px #00000029;
	height: 40px;
	width: 40px;
	border-radius: 6px;
	margin-bottom: 32px;
	margin-top: -15px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.addInner_inner i{
	font-weight: 600;
	font-size: 20px;
}
.showAllBtn{
	width: calc(100% - 50px);
}
.rotationTest{
	text-align: center;
	height: 50px;
	margin: 30px;
	background-color: red;
	color: #fff;
}
.guideLine{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 1200;
}
.top_middle_part,.gallary_bar_Part,.rest_Part{
	position: fixed;
	background-color: #00000099;
}
.top_middle_part{
	top:0px;
	width: 100%;
}
.gallary_bar_Part{
	height: 48px;
	width: 100%;
}
.rest_Part{
	width: 100%;
	height: 100%;
}
.guide_slide{
	position: fixed;
	top: 0;
	left: 0;
}
.guide_slide img{
	width: 80px;
	height: 80px;
	position: relative;
	left: 30px;
	top: 56px;
}
.guide_QR{
	position: fixed;
	top: 0;
	right: 0;
}
.guide_QR img{
	width: 80px;
	height: 80px;
	position: relative;
	right: 30px;
	top: 56px;
}
.guide_index{
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}
.guide_index img{
	width: 100px;
	height: 100px;
	position: relative;
	top: 56px;
}
.guide_gallary{
	width: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 50px;
}
.guide_gallary img{
	width: 100px;
	height: 100px;
	transform: rotate(180deg);
}
.guide_innerText{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
}
.guide_innerText span{
	line-height: 2;
	white-space: nowrap;
}
.guide_innerText button{
	margin-top: 15px;
	border-radius: 6px;
	padding: 10px 15px;
	white-space: nowrap;
	font-size: 16px;
	font-weight: 600;
}
.guide_slide .guide_innerText{
	left: 110px;
	top: 120px;
}
.guide_QR .guide_innerText{
	right: 90px;
	top: 120px;
}
.guide_index .guide_innerText{
	top: 160px;
}
.guide_gallary .guide_innerText{
	bottom: 110px;
	left: 50px;
}
.currentGuide{
	background-color: transparent!important;
}
.headerMoblie_guide .memorial-top-mb,.headerMoblie_guide .logo{
	color: transparent;
}
.currentText{
	color: #fff!important;
}
.QRsection{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--pc-colorful-wrapper-bg-color);
	padding: 10px 0;
}
.sectionInner{
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
	padding: 10px;
	margin: 0 15px;
}
.selectedSection{
	border-bottom: 3px solid #000;
	box-shadow: 0 8px 12px -10px #000;
}
#webAddressQR{
	margin-top: 20px;
	display: none;
}
.QRimgInner{
	text-align: center;
	margin: 20px 0;
}
.downloadQR{
	display: flex;
	gap:10px;
	justify-content: center;
	align-items: center;
}
.adminAccess{
	bottom: 130px;
	background: var(--pc-colorful-wrapper-bg-color);
	border: 1px solid var(--pc-colorful-wrapper-border-color);
	display: flex;
	align-items: center;
	justify-content: center;
}
.adminAccess .add-tributes{
	background: var(--pc-colorful-wrapper-bg-color);
}
.adminAccess i{
	color: var(--personal-phrase-color);
	font-size: 22px;
}
.headLineCover{
	position: absolute;
	top: 0;
	height: 56px;
	width: 100%;
	background-color: #00000099;
	z-index: 1200;
}
.headLineCover_all{
	position: absolute;
	top: 0;
	height: 255px;
	width: 100%;
	background-color: #00000099;
	z-index: 1200;
}
.guideLine .bgcpicShow{
	position: absolute;
	top: 56px;
	height: 199px;
	width: 100%;
	background-color: transparent;
	z-index: 1200;
}
.bgcpicShow_Cover{
	position: absolute;
	top: 56px;
	height: 199px;
	width: 100%;
	background-color: #00000099;
	z-index: 1201;
}
.guideLine .bgcpicShow img{
	position: absolute;
	left: 50%;
	top: 150px;
	height: 100px;
}
.guideLine .bgcpicShow .guide_innerText{
	position: absolute;
	top: 260px;
	left: 50%;
	text-align: center
}
.guideLine .restPartShow{
	position: absolute;
	top: 255px;
	height: calc(100vh - 255px);
	width: 100%;
	background-color: #00000099;
}
.guideLine .controlShow,.guideLine .editShow{
	z-index: 1200;
	position: fixed;
	right: 16px;
	height: 48px;
	width: 48px;
	padding: 12px;
	border-radius: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.guideLine .controlShow{
	background-color: var(--pc-colorful-wrapper-bg-color);
	box-shadow: 0 4px 16px #00000029;
	bottom: 130px;
}
.guideLine .editShow{
	bottom: 68px;
	background-color: var(--colorful-button-bg);
}
.guideLine .controlShow i{
	color: var(--personal-phrase-color);
	font-size: 26px;
}
.guideLine .editShow i{
	color: #fff;
	font-size: 22px;
}
.controlShow .inductInner{
	position: fixed;
	right: 64px;
	bottom: 130px;
}
.controlShow .inductInner img,.editShow .inductInner img{
	transform: rotate(90deg);
	height: 100px;
}
.controlShow .inductInner .guide_innerText{
	right: 20px;
	top: -120px;
	text-align: center;
}
.editShow .inductInner{
	position: fixed;
	right: 64px;
	bottom: 70px;
}
.editShow .inductInner .guide_innerText{
	right: 100px;
	top: -20px;
	text-align: center;
}
.premiumUpdate{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 6px
}
.premiumClassInner,.expireTime{
	margin-left: 15px;
	font-size: 12px;
	font-weight: 600;
}
.premiumClass{
	color: #fff;
	border-radius: 5px;
	padding: 4px 8px;
	letter-spacing: 0.1em;
}
.expirePremium,.commonPremium{
	background-color: #8d8d8d;
}
.yearlyPremium{
	background-color: #5f9084;
}
.expireTime{
	font-style: italic;
}
.plans-more{
	margin-top: 32px;
	margin-bottom:0;
	text-align: center;
}
.pmb-mobile{
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: #5d5d5d;
	border: none;
	background-color: transparent;
	cursor: pointer;
}
.pc-features-mb-inner{
	display: flex;
	text-align: left;
	justify-content: space-between;
	padding-top: 24px;
	margin-top: 18px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(205,216,221,.7);
}
.pcf-name{
	font-size: 16px;
	line-height: 24px;
	color: #5d5d5d;
}
.pcf-desc{
	font-size: 13px;
	line-height: 1.8;
	color: #809094;
	margin-top: 4px;
	margin-bottom: 12px;
	text-align: left;
}
.pcf-value{
	text-align: center;
	min-width: 70px;
	text-transform: uppercase;
}
.pcf-value i{
	font-size: 30px;
}
.pcf-value p{
	font-size: 12px;
	font-weight: 600;
}
.freePremiumInner .pcf-value{
    color: #7C979C;
}
.allTimePremium .pcf-value{
    color: #D5B179;
}
.oneYearPremium .pcf-value{
    color: #498979;
}
.pc-features-mb{
    display: none;
}
.otherBottom{
	position: fixed;
	bottom: 0;
}
.bottomEntrance{
	height: 50px;
	width: 100%;
	background-color: var(--header-top-bg-color);
	color: var(--header-top-color);
	display: flex;
	justify-content: center;
	align-items: center;
}
.bottomEntrance i{
	font-size: 20px;
	font-weight: 600;
}
.bottomEntrance span{
	padding-left: 15px;
	letter-spacing: 0.1em;
}
.wechatEntranceWrapper{
	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;
}