body{
	background-image: linear-gradient(180deg,#d1d9dc 0%,#e2e7e0 100%);
	/*background-color: #d0d8dc;*/
}
@media(max-width:768px){
	body{
		background-image:linear-gradient(180deg,#7e9ea5 0%,#ced6d9 340px,#d1d9dc 360px,#e2e7e0 100%)
	}
}
.main{
	background: url(./img/footer-image.png) repeat-x 50% 100%;
}
/* main部分样式设计开始 ---------------------------------------------------------*/
/* 创建页面样式设计开始 -------------------------*/
.content{
	/*background-image: url(./img/main-container-background.png);*/
	background-repeat: no-repeat;				
	padding: 28px 0 240px 0;
	position: relative;
}
@media(max-width:768px){
	.content{
		background-image: none;
		padding: 20px 0 275px 0;
	}
}
.content .container-main{
	padding-left: 15px;
	padding-right: 15px;
	min-height: 120px;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
@media(max-width:768px){
	.content .container-main{
		padding: 0;
		margin: 0 auto;
	}
}
.content .container-main #page-home{
	padding: 28px 0 0;
	width: 100%;
}
/* 文章内容页面样式设置开始 */
.midsection{
	width: 100%;
}
.main-box-mb{
	padding: 30px 16px 42px;
	background-color: #fff;
	color: #1B4046;
	border-radius: 15px;
	width: 100%;
	display: none;
}
@media(max-width:768px){
	.mainbox{
		display: none;
	}
	.main-box-mb{
		display: block;
	}
}
.mainbox_header_wrapper h1{
	padding: 28px 16px 40px;
	text-align: center;
}
@media(max-width:768px){
	.mainbox_header_wrapper h1{
		padding: 2px 16px 24px;
		font-size: 24px;
		line-height: 34px;
		text-align: center;
	}
}
.plans-headline-mb{
	max-width: 500px;
	margin: 0 auto 16px;
	text-align: center;
}
.plan-checkbox{
	margin-bottom: 32px;
	display: flex;
	justify-content: center;
}
.time-check{
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	height: 43px;
	padding: 3px;
	background-color: rgba(255,255,255,.2);
	border: 1px solid rgba(95,144,132,.5);
	border-radius: 50px;
	font-size: 16px;
	line-height: 1.3;
}
.check-inner{
	display: flex;
	align-items: center;
	padding: 2px 16px;
	color: #5d5d5d;
	height: 35px;
	transition: 0.3s;
	border-radius: 30px;
}
.choosen{
	background-color: #5f9084;
	color: #fff;
}
.plans-list{
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
	justify-content: space-around;
	flex-wrap: wrap;
}
.plans-card-inner{
	flex-basis: calc(32% - 14.4px);
	min-width: 300px;
	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;
	height: 450px;
	margin-bottom: 20px;
	width: 100%;
}
@media(max-width:768px){
	.plans-card-inner{
		height: auto;
		min-width: 98%;
	}
	.newCostomFreePremium .pc-price{
		color: #7C979C;
	}
	.newCostomFreePremium .pc-btn a{
		background-color: #7C979C;
	}
	.newCostomFreePremium .pc-btn a:hover{
		background-color: #6B8489;
	}
	.newCostomFreePremium .pc-features-mb .pc-features-mb-inner .pcf-value{
		color: #7C979C;
	}
	.buyOneYearPremium .pc-price{
		color: #5f9084;
	}
	.buyOneYearPremium .pc-btn a{
		background-color: #5f9084;
	}
	.buyOneYearPremium .pc-btn a:hover{
		background-color: #4c7369;
	}
	.buyOneYearPremium .pc-features-mb .pc-features-mb-inner .pcf-value{
		color: #5f9084;
	}
	.buyFullTimePremium .pc-price{
		color: #c1a264;
	}
	.buyFullTimePremium .pc-btn a{
		background-color: #c1a264;
	}
	.buyFullTimePremium .pc-btn a:hover{
		background-color: #b2872f;
	}
	.buyFullTimePremium .pc-features-mb .pc-features-mb-inner .pcf-value{
		color: #c1a264;
	}
}
.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);
}
.pc-title{
	font-size: 20px;
	line-height: 20px;
	margin: 10px 0 20px;
	color: #5d5d5d;
	text-transform: uppercase;
}
.pc-price{
	font-size: 30px;
	line-height: 32px;
	font-weight: 600;
	margin: 0;
	padding: 0;
	height: 32px;
}
.pcp-pre{
	color: #5f9084;
}
.pcp-life{
	color: #c1a264;
}
.pc-price span{
	font-size: 14px;
	position: relative;
	bottom: 0;
}
.pc-desc{
	height: 24px;
	font-size: 16px;
	line-height: 24px;
	color: #8d8d8d;
	margin-top: 16px;
}
.pc-btn{
	margin-top: 20px;
	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%;
	background-color: #8d8d8d;
	transition: 0.3s;
}
.pc-btn a:hover{
	background-color: #6e6e6e;
}
.pcb-pre a{
	background-color: #5f9084;
}
.pcb-pre a:hover{
	background-color: #4c7369;
}
.pcb-life a{
	background-color: #c1a264;
}
.pcb-life a:hover{
	background-color: #b2872f;
}
.pc-features{
	font-size: 16px;
	line-height: 24px;
	color: #5d5d5d;
	margin-top: 24px;
	width: 100%;
	text-align: left;
}
.pc-features-title{
	margin-bottom: 16px;
	font-style: italic;
	font-weight: 600;
	text-indent: 2em;
}
.pc-features-inner{
	margin-top: 10px;
	font-size: 13px;
	text-indent: 2em;
}
.plans-more{
	margin-bottom: 34px;
	text-align: center;
}
@media(max-width:768px){
	.plans-more{
		margin-top: 32px;
		margin-bottom:0;
	}
	.pc-features-mb{
	    display: none;
	}
}
.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;
}
.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;
}
.plans-more-btn{
	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;
}
.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;
}
.plans-box{
	margin: 0;
	padding: 30px 30px 20px;
	background-color: #fff;
	border-radius: 20px;
}
.pt-header{
	padding: 20px 20px 22px;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	position: sticky;
	top: 0;
	border-radius: 15px 15px 0 0;
	background-color: #fafafa;
	border: 1px solid rgba(205,216,221,.7);
}
.pt-values{
	width: 58.3%;
	display: flex;
	justify-content: space-around;
}
.pt-label{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	color: #8d8d8d;
	text-transform: uppercase;
	margin-left: 10px;
	margin-right: 10px;
}
.pt-label:nth-child(2){
	color: #5f9084;
}
.pt-label:nth-child(3){
	color: #c1a264;
}
.pt-header-info{
	margin-top: 16px;
	width: 100%;
	display: flex;
	align-items: flex-end;
}
.pt-feature{
	margin-bottom: 8px;
	width: 41.7%;
	font-size: 16px;
	line-height: 24px;
	color: #5d5d5d;
}
.pt-price{
	font-size: 24px;
	line-height: 32px;
	height: 32px;
	margin-bottom: 16px;
}
.pt-price span{
	font-size: 14px;
}
.pt-label a{
	padding: 10px;
	font-size: 16px;
	line-height: 20px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	width: 100%;
	color: #fff;
	background-color: #8d8d8d;
}
.pt-label:nth-child(2) a{
	background-color: #5F9084;
}
.pt-label:nth-child(3) a{
	background-color: #C1A264;
}
.plans-table-main{
	box-shadow: 5px 20px 30px rgb(120 120 120 / 15%);
	border: 1px solid rgba(205,216,221,.7);
	border-radius: 0 0 15px 15px;
}
.pt-row{
	padding: 26px 20px 13px;
	border-bottom: 1px solid rgba(205,216,221,.7);
	display: flex;
	transition: 0.3s;
}
.pt-row:last-child{
	border-bottom:none;
}
.pt-name{
	width: 41.7%;
}
.pt-name-desc{
	margin-top: 4px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #809094;
	line-height: 1.8;
}
.pt-label i{
	font-size: 26px;
}
.pt-label-text{
	font-size: 18px;
}
.pt-label-text p{
	font-size: 12px;
	font-weight: 600;
}
.purchase-info{
	margin-top: 56px;
	display: flex;
}
.rp-title{
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 18px;
}
.rp-text{
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 26px;
	text-indent: 2em;
}
.allFreeBasicPlan .pc-btn a{
    background-color: #8d8d8d;
}
.haveDoneTips{
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 70px;
	z-index: 999;
	display: none;
}
.haveDoneTipsInner{
	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;
}
.haveDoneText{
	white-space: nowrap;
}
.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;
}
/* 文章内容页面样式设置结束 */
/* main部分样式设计结束 ---------------------------------------------------------*/