@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

/* 主体 */
.wp-page-info>.main{
	box-sizing: border-box;
	width: 1200px; min-height: calc(100vh - 41px - 81px - 81px); margin: 0 auto; padding-bottom: 20px;
}
.info-box{
	display: flex; box-sizing: border-box;
	min-height: calc(100vh - 41px - 81px - 81px - 42px - 20px);
	background-color: #fff;
}
.info-box>.sidebar{
	width: 200px; border-right: #eee 1px solid;
}
.info-box>.sidebar>a{
	position: relative; display: block; box-sizing: border-box;
	width: 100%; height: 50px; line-height: 50px; padding: 0 15px; border-bottom: #eee 1px solid;
	color: #333; font-size: 16px;
	background: url(../images/arrow1.png) no-repeat right 15px top 50%; background-size: 7px 12px;
}
.info-box>.sidebar>a:hover{
	color: #57a948;
	background: url(../images/arrow2.png) no-repeat right 15px top 50%; background-size: 7px 12px;
}
.info-box>.sidebar>a.selected{
	color: #57a948; font-weight: bold;
	background: url(../images/arrow2.png) no-repeat right 15px top 50%; background-size: 7px 12px;
}
.info-box>.sidebar>a.selected::after{
	content: ""; position: absolute; right: -1px; top: 0; bottom: 0;
	width: 1px;
	background-color: #fff;
}
.info-box>.content{
	box-sizing: border-box;
	width: calc(100% - 200px); padding: 30px;
}
.info-box>.content>.title{
	line-height: 20px; padding-bottom: 15px;
	color: #57a948; font-size: 20px; font-weight: bold; border-bottom: #eee 1px solid;
}

/*** 关于我们 ***/
.wp-about-us>.main{
	box-sizing: border-box;
	width: 1200px; min-height: calc(100vh - 40px - 80px - 54px - 20px - 176px); margin: 0 auto; padding: 20px; border-radius: 20px;
	background-color: #fff;
}
.wp-about-us>.main>.title{
	line-height: 24px;
	font-size: 24px; font-weight: bold;
}
.wp-about-us>.main>.about-us{
	display: flex; flex-direction: column; align-items: center;
	margin-top: 150px;
}
.wp-about-us>.main>.about-us>.logo{
	height: 80px;
}
.wp-about-us>.main>.about-us>.text{
	width: 60%; line-height: 24px; margin-top: 30px;
	font-size: 16px;
}

/*** 联系我们 ***/
.wp-contact-us>.main{
	box-sizing: border-box;
	width: 1200px; min-height: calc(100vh - 40px - 80px - 54px - 20px - 176px); margin: 0 auto; padding: 20px; border-radius: 20px;
	background-color: #fff;
}
.wp-contact-us>.main>.title{
	line-height: 24px;
	font-size: 24px; font-weight: bold;
}
.contact-us{
	margin-left: 300px; margin-top: 180px;
}
.contact-us>.item{
	line-height: 16px; margin-bottom: 15px;
	font-size: 16px;
}

/* 隐私政策 */
.wp-privacy-policy>.main{
	box-sizing: border-box;
	width: 1200px; min-height: calc(100vh - 40px - 80px - 54px - 20px - 176px); margin: 0 auto; padding: 20px; border-radius: 20px;
	background-color: #fff;
}
.wp-privacy-policy>.main>.title{
	line-height: 24px;
	font-size: 24px; font-weight: bold;
}
.privacy-policy{
	padding: 20px 0;
}
.privacy-policy>.title{
	line-height: 20px; margin-bottom: 10px;
	font-size: 14px; font-weight: bold;
}
.privacy-policy>.text{
	line-height: 20px; margin-bottom: 10px;
	font-size: 14px;
}
.privacy-policy>.group{
	margin-left: 40px;
}
.privacy-policy>.group>.title{
	line-height: 20px; margin-bottom: 10px;
	font-size: 14px; font-weight: bold;
}
.privacy-policy>.group>.text{
	line-height: 20px; margin-bottom: 10px;
	font-size: 14px;
}
.privacy-policy>.group>.group-inner{
	margin-left: 40px;
}
.privacy-policy>.group>.group-inner>.text{
	line-height: 20px; margin-bottom: 10px;
	font-size: 14px;
}

/* 用户协议 */
.wp-agreement>.main{
	box-sizing: border-box;
	width: 1200px; min-height: calc(100vh - 40px - 80px - 54px - 20px - 176px); margin: 0 auto; padding: 20px; border-radius: 20px;
	background-color: #fff;
}
.wp-agreement>.main>.title{
	line-height: 24px;
	font-size: 24px; font-weight: bold;
}
.agreement{
	padding: 20px 0;
}
.agreement>.title{
	line-height: 20px; margin-bottom: 10px;
	font-size: 14px; font-weight: bold;
}
.agreement>.text{
	line-height: 20px; margin-bottom: 10px;
	font-size: 14px;
}
.agreement>.group{
	margin-left: 40px;
}
.agreement>.group>.title{
	line-height: 20px; margin-bottom: 10px;
	font-size: 14px; font-weight: bold;
}
.agreement>.group>.text{
	line-height: 20px; margin-bottom: 10px;
	font-size: 14px;
}
.agreement>.group>.group-inner{
	margin-left: 40px;
}
.agreement>.group>.group-inner>.text{
	line-height: 20px; margin-bottom: 10px;
	font-size: 14px;
}