@media (min-width: 320px) {
	html {
		font-size: 42.6667px;
	}
}

@media (min-width: 360px) {
	html {
		font-size: 48px;
	}
}

@media (min-width: 375px) {
	html {
		font-size: 50px;
	}
}

@media (min-width: 384px) {
	html {
		font-size: 51.2px;
	}
}

@media (min-width: 414px) {
	html {
		font-size: 55.2px;
	}
}

@media (min-width: 448px) {
	html {
		font-size: 59.7333px;
	}
}

@media (min-width: 480px) {
	html {
		font-size: 48px;
	}
}

@media (min-width: 512px) {
	html {
		font-size: 68.2667px;
	}
}

@media (min-width: 544px) {
	html {
		font-size: 72.5333px;
	}
}

@media (min-width: 576px) {
	html {
		font-size: 76.8px;
	}
}

@media (min-width: 608px) {
	html {
		font-size: 81.0667px;
	}
}

@media (min-width: 640px) {
	html {
		font-size: 85.3333px;
	}
}

@media (min-width: 750px) {
	html {
		font-size: 100px;
	}
}

body {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	padding: 0px;
	color: #735937;
	font-size: .24rem;
}
body{background: #E2D7C5;}
body.grey.grey-color{background: #EEE6DA;}
body footer{background: #EEE6DA;}
body header>div{background: #EEE6DA;}
html.body {
	height: 100%;
}

ul li,
p,
h4,
li,
dl,
dd,
ul,
.checkbox,
.radio,
dl,
dd,
dt {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

span,
i {
	display: block;
}

input,
select,
input[type="submit"],
button,
textarea,
input[type="checkbox"] {
	border: none;
	background: none;
	outline: none;
	padding: 0px;
	margin: 0px;
	border-radius: 0;
	-webkit-appearance: none;
}

input[type=radio],
input[type=checkbox] {
	width: 0.32rem;
	height: 0.32rem;
	border: 1px solid #AB967B;
	border-radius: 50%;
}

input[type=radio]:checked,
input[type=checkbox]:checked {
	width: 0.32rem;
	height: 0.32rem;
	border: 0;
	background: url(../img/xz.png) no-repeat center center/cover;
}

input,
textarea {
	-webkit-user-select: auto !important;
}

textarea {
	resize: none
}

a,
img {
	border: none;
	text-decoration: none;
	-webkit-appearance: none;
	outline: none;
	text-decoration: none;
}

img {
	width: 100%;
}

a {
	display: block;
	color: #735937;
}

i {
	font-style: normal;
}

* {
	padding: 0;
	margin: 0;
	list-style: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.cl:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}

.cl {
	zoom: 1
}

.por {
	position: relative;
}

.poa {
	position: absolute;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.dn {
	display: none !important;
}

.db {
	display: block;
}
.pl:placeholder-shown
.fwb {
	font-weight: bold;
}

.f-row {
	display: flex;
	flex-wrap: wrap;
}

.frc {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.frj {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.fra {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.frb {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.fab {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.line1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.line2 {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.bgc {
	background-color: #735937;
}

.fc {
	color: #DA4042;
}

.tac {
	text-align: center;
}

.mask-bg {
	position: fixed;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 104;
}

.mask-c {
	position: fixed;
	z-index: 105;
	background-color: #fff;
	border-radius: .15rem;
}


.line3 {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.mg30 {
	margin: 0 .3rem;
}

.bd20 {
	border-bottom: .2rem solid #EEE6DA;
}

.btn {
	color: #fff;
	height: 0.88rem;
	background: #735937;
	border-radius: 0.1rem;
	line-height: .88rem;
	text-align: center;
	font-size: .36rem;
	margin: 0 auto;
}

header {
	height: .88rem;
}

header>div {
	height: .88rem;
	line-height: .88rem;
	width: 100%;
	position: fixed;
	z-index: 101;
	top: 0;
	left: 0;
	background: #fff;
}

header img {
	width: 2rem;
}

header .back {
	background: url(../img/back.png) no-repeat center/cover;
	width: 0.21rem;
	height: 0.34rem;
	position: absolute;
	left: .3rem;
}

header .tit {
	font-size: .36rem;
	font-weight: bold;
	color: #333;
}

footer {
	height: 1.4rem;
	background-color: #fff;
}


footer div {
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: #fff;
	height: 1rem;
	position: fixed;
	z-index: 109;
	box-shadow: 0px .02rem .04rem 0px rgba(0, 0, 0, 0.5);
}
@media (min-height: 669px) {
	footer div{
		height:1.3rem;
		padding-bottom: .16rem;
	}
}
footer a {
	flex: 1;
	text-align: center;
	font-size: .2rem;
	color: #AB967B;
}

footer a.on {
	color: #735937;
}

footer i {
	width: .44rem;
	height: .44rem;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
}
footer a:nth-child(1) i{
	background: url(../img/icon-tab1.png) no-repeat center center/100% 100%;
}
footer a:nth-child(1).on i{
	background: url(../img/icon-tab1-1.png) no-repeat center center/100% 100%;
}
footer a:nth-child(2) i{
	background: url(../img/icon-tab2.png) no-repeat center center/100% 100%;
}
footer a:nth-child(2).on i{
	background: url(../img/icon-tab2-1.png) no-repeat center center/100% 100%;
}
footer a:nth-child(3) i{
	background: url(../img/icon-tab3.png) no-repeat center center/100% 100%;
}
footer a:nth-child(3).on i{
	background: url(../img/icon-tab3-1.png) no-repeat center center/100% 100%;
}
footer a:nth-child(4) i{
	background: url(../img/icon-tab4.png) no-repeat center center/100% 100%;
}
footer a:nth-child(4).on i{
	background: url(../img/icon-tab4-1.png) no-repeat center center/100% 100%;
}
footer a:nth-child(5) i{
	background: url(../img/icon-tab5.png) no-repeat center center/100% 100%;
}
footer a:nth-child(5).on i{
	background: url(../img/icon-tab5-1.png) no-repeat center center/100% 100%;
}
.mui-btn-blue, .mui-btn-primary, input[type=submit]{
	color: #735937;
}
.public-title {
	align-items: center;
	padding: .3rem 0;
}

.public-title span {
	font-size: .32rem;
	line-height: .4rem;
	padding-left: .2rem;
	border-left: .04rem solid #DA4042;
}

.public-right {
	background: url(../img/icon-right.png) no-repeat center center/100% 100%;
	width: .16rem;
	height: .28rem;
}
.zC {
	font-size: .28rem;
}

.cC {
	color: #AB967B;
}

.sC {
	font-size: .2rem;
	color: #AB967B;
}
.pulice-raise .box>a,
.pulice-raise .box>div {
	border-radius: .2rem;
	width: 100%;
	padding: .3rem;
	margin-bottom: .3rem;
}

.pulice-raise .hd img {
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
}

.pulice-raise .hd span {
	flex: 1;
	padding: 0 .2rem;
}

.pulice-raise .cd {
	margin: .3rem 0;
	border-bottom: 1px solid #AB967B;
	padding-bottom: .3rem;
}

.pulice-raise .cd .pic-img {
	width: 1.4rem;
	height: 1.4rem;
	border-radius: .1rem;
	margin-right: .2rem;
}

.pulice-raise .pro {
	flex: 1;
	overflow: hidden;
}
.pulice-raise .pro i.fc{
	color: #735937;
}
.pulice-raise .pro .fra {
	margin-top: .2rem;
	font-size: .22rem;
}

.pulice-raise .mui-progressbar {
	width: 3.8rem;
	background-color: #ccc;
	overflow: inherit;
	margin: 0 .2rem 0 0;
}

.pulice-raise .mui-progressbar span {
	background: #735937;
	position: relative;
}

.pulice-raise .mui-progressbar span::before {
	display: block;
	content: '';
	width: .14rem;
	height: .14rem;
	border-radius: 50%;
	background: #735937;
	position: absolute;
	right: -.14rem;
	top: 50%;
	margin-top: -.07rem;
}

.pulice-raise .bd img {
	width: .3rem;
	height: .3rem;
	margin-right: .06rem;
}

.pulice-raise .bd .item {
	flex: 1;
	font-size: .4rem;
	flex-direction: column;
	position: relative;
}

.pulice-raise .bd .item:nth-child(2)::before,
.pulice-raise .bd .item:nth-child(2)::after {
	display: block;
	content: '';
	height: .4rem;
	border-left: 1px solid #AB967B;
	position: absolute;
	left: 0;
}

.pulice-raise .bd .item:nth-child(2)::after {
	right: 0;
	left: auto;
}

.pulice-raise .bd span {
	font-weight: bold;
	margin-bottom: .06rem;
}

.public-help .item {
	padding: .3rem .3rem .3rem .8rem;
	border: 1px solid rgb(171, 150, 123);
	border-radius: .15rem;
	margin-bottom: .3rem;
	font-size: .32rem;
	position: relative;
}

.public-help .item span {
	font-size: .28rem;
	color: #AB967B;
	padding-top: .1rem;
}

.public-help .item i {
	position: absolute;
	left: .3rem;
	top: .4rem;
	width: .34rem;
	height: .34rem;
	font-size: .2rem;
	background: url(../img/icon-help.png) no-repeat center center/100% 100%;
	color: #fff;
	text-align: center;
	line-height: .24rem;
}

/* login */
.login>img {
	width: 1.4rem;
	height: 1.4rem;
	margin: 2.2rem auto 1.65rem;
	display: block;
}

.login p.fwb {
	font-size: .6rem;
	padding: 1.3rem .3rem 2rem;
}

.login .item {
	margin: 0 .8rem .3rem;
	padding: .2rem 0;
	border-bottom: 1px solid #AB967B;
}

.login .item img {
	width: .42rem;
	height: .42rem;
}

.login input {
	flex: 1;
	font-size: .3rem;
	padding-left: .2rem;
}

.login span {
	width: 1.8rem;
	height: 0.48rem;

	border-radius: 0.24rem;
	line-height: .48rem;
	text-align: center;
	font-size: .24rem;
	color: #AB967B;
	background: #CF2D28;
	color: #fff;
}

.login span.on {
	background: rgba(245, 245, 245, 1);
	color: #AB967B;
}

/* public-preview */
.public-preview {
	width: 100%;
	height: 86vh;
}

.public-preview .banner {
	width: 100%;
	position: relative;
}

.previewAll .swiper-pagination {
	bottom: 0;
	display: flex;
	justify-content: flex-end;
	padding-right: .3rem;
	color: #AB967B;
	font-size: .24rem;
}

.previewAll .swiper-container {
	padding-bottom: .5rem;
}

/* packageUpgrade */
.packageUpgrade .swiper-pagination {
	display: flex;
	justify-content: flex-end;
	font-size: .24rem;
	color: #AB967B;
}

.packageUpgrade .swiper-container {
	padding-bottom: .8rem;
}

.packageUpgrade .hd {
	position: absolute;
	top: 1.7rem;
	font-size: .28rem;
	justify-content: space-between;
	width: 100%;
	padding: 0 .3rem;
}

.packageUpgrade .hd i {
	margin-left: .1rem;
}

/* my */
.my >img{width: 100%;height: 3rem;position: relative;z-index: -1;}
.my .hd{
	height: 2.8rem;
	padding: 0 .4rem;
	margin-top: -2.2rem;
	background: #E2D7C5;
	box-shadow: 0rem 0rem 0.04rem 0rem rgba(0, 0, 0, 0.2);
	border-radius: 0.1rem;
}
.my .hd img{
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
}
.my .hd p{flex: 1;margin-left: .3rem;font-size: .28rem;color: #735937;}
.my .hd p span{font-size: .36rem;font-weight: bold;padding-bottom: .2rem;}
.my .hd a{background: url(../img/my_bj.png) no-repeat center center/100% 100%;width: .4rem;height: .4rem;}
.my .item{
	background: #E2D7C5;
	box-shadow: 0rem 0rem 0.04rem 0rem rgba(0, 0, 0, 0.2);
	border-radius: 0.1rem;
	margin-top: .2rem;
}
.my .item p{
	line-height: 1.04rem;
	padding: 0 .2rem;
	color: #735937;font-size: .32rem;
	font-weight: bold;
	border-bottom: 1px solid #AB967B;
}
.my .item a{margin: .3rem 0;width: 25%;display: flex;align-items: center;justify-content: center;flex-direction: column;font-size: .28rem;color: #735937;}
.my .item img{width: .48rem;height: .48rem;margin-bottom: .1rem;}


















/* myReplace */
.myReplace img {
	width: .96rem;
	height: 1.4rem;
	display: block;
	margin: 2.8rem auto .42rem;
}

.myReplace p {
	font-size: .3rem;
	text-align: center;
}

/* raise */
.raise {
	padding-top: .2rem;
}

.raise .public-tab {
	padding: 0 1rem;
}

.public-tab {
	border-bottom: 1px solid #AB967B;
	padding-top: .1rem;
}

.public-tab span,
.public-tab a {
	flex: 1;
	font-size: .32rem;
	text-align: center;
	color: #AB967B;
	position: relative;
	padding: .2rem 0;
}

.public-tab span.on,
.public-tab a.on {
	color: #735937;
}

.public-tab span.on::before,
.public-tab a.on::before {
	display: block;
	content: '';
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -.6rem;
	width: 1.2rem;
	height: .04rem;
	background: #735937;
	border-radius: .02rem;
}

.raise .item {
	margin-top: .3rem;
}

.raise .item img {
	width: 100%;
	height: 3rem;
	margin-bottom: .3rem;
	box-shadow: 0rem 0rem 0.06rem 0rem rgba(204, 204, 204, 1);
	border-radius: 0.1rem;
}

.raise .item p {
	font-size: .3rem;
	width: 3.3rem;
}

.raise .item span {
	font-size: .28rem;
	color: #AB967B;
	text-decoration: line-through;
}

.raise .item span.price {
	flex: 1;
	text-align: right;
	font-size: .32rem;
	margin-right: .1rem;
	color: #DA4042;
	text-decoration: none;
}

.raise .item i {
	width: 1.25rem;
	height: 0.4rem;
	border-radius: 0.1rem;
	margin-left: .2rem;
	border: 1px solid rgba(218, 64, 66, 1);
}

.raise .contact {
	height: 3.75rem;
	border-radius: 0.1rem;
	margin-top: .3rem;
}

.raise .contact img {
	height: 100%;
	position: absolute;
	top: 0;
	z-index: -1;
	border-radius: .1rem;
	box-shadow: 0rem 0rem 0.06rem 0rem rgba(204, 204, 204, 1);
}

.raise .contact p {
	color: #fff;
	font-size: 0.36rem;
	padding: .9rem 0 .2rem;
	text-align: center;
}

.raise .contact span {
	width: 2rem;
	height: 0.54rem;
	font-size: 0.32rem;
	border-radius: 0.12rem;
	background-color: #fff;
	margin: 0 auto;
	border: 1px solid rgba(218, 64, 66, 1);
}

.raise .contact .public-video-bg {
	z-index: -1;
}

.m-contact {
	display: none;
}

.m-contact .btn {
	width: 4.5rem;
	margin-top: 1rem;
}

.m-contact .mask-c {
	width: 5.5rem;
	height: 6.5rem;
	left: 50%;
	top: 50%;
	font-size: .32rem;
	background: #E2D7C5;
	margin: -4.2rem 0 0 -2.75rem;
}

.m-contact .mask-c p {
	padding: .5rem 0;
	text-align: center;
	font-size: .36rem;
}

.m-contact .mask-c span {
	padding: 0 .75rem;
	line-height: 1.8;
}

.m-contact .mask-c img {
	width: 3rem;
	height: 3rem;
	display: block;
	margin: 0 auto .4rem;
}

/* help */
.help {
	padding-top: .3rem;
}

/* raiseDetails */
.raiseDetails {
	padding-bottom: 2.26rem;
}

.raiseDetails .hd {
	width: 100%;
	height: 4.2rem;
	position: relative;
}

.raiseDetails .hd .pic-img {
	width: 100%;
	height: 100%;
}

.raiseDetails .cd img {
	width: 100%;
	display: block;
}

.raiseDetails .bd {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: .3rem .3rem .4rem;
	background: #EEE6DA;
	box-shadow: 0rem 0rem 0.06rem 0rem #CCCCCC;
}

.raiseDetails .style span {
	width: 1.29rem;
	height: 0.48rem;
	border-radius: 0.1rem;
	border: 1px solid rgba(153, 153, 153, 1);
	line-height: .44rem;
	text-align: center;
	color: #AB967B;
	font-size: .28rem;
	margin: 0 .2rem .4rem 0;

}

.raiseDetails .style span.on {
	color: #DA4042;
	border: 1px solid #DA4042;

}

.raiseDetails .price {
	font-size: .3rem;
	flex: 1;
}

.raiseDetails .btns {
	width: 2.1rem;
	height: 0.68rem;
	background: #735937;
	border-radius: 0.34rem;
	color: #fff;
	font-size: .3rem;
	margin-left: .3rem;
}

.public-video {
	display: none;
}

.public-video .mask-c {
	width: 100%;
	height: 100vh;
	top: 0;
	background-color: transparent;
}


/* initiator */
.public-body {
	background-color: #DA4042;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.public-body header>div {
	background-color: #DA4042;
	color: #fff;
}

.public-body header .back {
	background: url(../img/back-fff.png) no-repeat center/cover;
}


/* familyIndex */
.pulice-index {
	padding: 0 0 1rem;
}
.pulice-index .pulice-raise .mui-progressbar {
	width: 5.2rem;
}

.pulice-index .pulice-raise .cd {
	border: 0;
	padding: 0;
}

.pulice-index .pulice-raise .pro .zC {
	color: #AB967B;
}

.pulice-index .pulice-raise .hd span {
	padding: 0;
	font-size: .36rem;
}

.pulice-index .pulice-raise .hd .cC {
	padding-right: .42rem;
	position: relative;
}

.pulice-index .pulice-raise .hd i::before {
	display: block;
	content: '';
	width: .32rem;
	height: .32rem;
	background: url(../img/play-off.png) no-repeat center center/100% 100%;
	position: absolute;
	right: 0;
}

.pulice-index-support {
	background: #EEE6DA;
	height: 2rem;
}

.pulice-index-support>div {
	height: 100%;
}

.pulice-index-support .null img {
	width: .8rem;
	margin-right: .3rem;
	float: left;
}

.pulice-index-support .null span {
	line-height: .7rem;
}

.pulice-index-support .swiper-slide:first-child {
	margin-left: .3rem;
}

.pulice-index-support .swiper-slide {
	padding-left: 1.2rem;
	font-size: .28rem;
	position: relative;
	height: 1rem;
	margin: .5rem 0 0 0;
	width: 3.2rem;
	padding-right: .1rem;
}

.pulice-index-support .swiper-wrapper .pic-img {
	width: 1rem;
	height: 1rem;
	position: absolute;
	left: 0;
	border-radius: 50%;
}

.pulice-index-support .swiper-wrapper p {
	padding: .08rem 0;
	width: 2.4rem;
}

#support-swiper {
	pointer-events: none;
}

.pulice-index-support .swiper-container .swiper-wrapper {
	-webkit-transition-timing-function: linear;
	/*涔嬪墠鏄痚ase-out*/
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}

.pulice-index .member,
.pulice-index .group-photo,
.pulice-index .style,
.pulice-index .video {
	padding: .3rem;
}

.pulice-index-title {
	position: relative;
	font-size: .32rem;
}
.pulice-index-title p{color: #735937;font-weight: bold;}
.pulice-index-title img {
	width: .48rem;
	height: .48rem;
	margin-right: .1rem;
}

.pulice-index-title i {
	position: absolute;
	right: 0;
}

.pulice-index-title span {
	font-size: .28rem;color: #735937;
}

.pulice-index .group-photo ul,
.pulice-index .style ul {
	padding-top: .3rem;
}

.pulice-index .style ul {
	padding-top: .1rem;
}

.pulice-index .group-photo li img,
.pulice-index .style li img {
	height: 100%;
	width: 100%;
	border-radius: 0.1rem;
}

.pulice-index .group-photo li,
.pulice-index .style li {
	margin-right: .15rem;
	position: relative;
	width: 2.2rem;
	height: 2.2rem;
}

.pulice-index .style li {
	margin-top: .2rem;
}

.pulice-index .style li a {
	width: 100%;
	height: 100%;
}

.pulice-index .group-photo li:nth-child(3n+3),
.pulice-index .style li:nth-child(3n+3) {
	margin-right: 0;
}

.pulice-index .style li span {
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	text-align: center;
	border-radius: 0rem 0rem 0.1rem 0.1rem;
	width: 100%;
	line-height: 0.54rem;
	font-size: .28rem;
	position: absolute;
	bottom: 0;
}

.pulice-index .video li {
	height: 4rem;
	margin-top: .3rem;
}

.pulice-index .video li img {
	height: 100%;
	border-radius: 0.2rem;
}

.pulice-index .video li {
	position: relative;
}

.pulice-index .video li p {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 0.2rem;
}

.pulice-index .video li i {
	background: url(../img/play2.png) no-repeat center center/100% 100%;
	width: 1rem;
	height: 1rem;
}

.pulice-index .btns {
	position: fixed;
	width: 100%;
	bottom: 0;
	background: #EEE6DA;
	box-shadow: 0rem 0rem 0.04rem 0rem rgba(0, 0, 0, 0.3);
}

.pulice-index .btns a {
	flex: 1;
	line-height: 0.98rem;
	font-size: .36rem;
	color: #735937;
}

.pulice-index .btns a.bgc {
	background-color: ##735937;
	color: #fff;
}

.public-susp {
	position: fixed;
	right: .3rem;
	bottom: 1.65rem;
	z-index: 104;
}

.public-susp a {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background-color: #735937;
	color: #fff;
	flex-direction: column;
	margin-top: .34rem;
	box-shadow: 0rem 0rem 0.06rem 0rem rgba(37, 37, 37, 0.5);
}

.public-susp a i {
	width: .4rem;
	height: .4rem;
}


.public-susp a.event i {
	background: url(../img/susp3.png) no-repeat center center/cover;
}
.public-susp a.zl i {
	background: url(../img/susp1.png) no-repeat center center/cover;
}
.public-susp a.yl i {
	background: url(../img/susp2.png) no-repeat center center/cover;
}

.public-susp a.sy i {
	background: url(../img/susp4.png) no-repeat center center/cover;
}
.public-susp a.add i {
	background: url(../img/susp8.png) no-repeat center center/cover;
}
.public-susp a.sc i {
	background: url(../img/susp5.png) no-repeat center center/cover;
}

.public-susp a.qh i {
	background: url(../img/susp6.png) no-repeat center center/cover;
}

.public-susp a.sys i {
	background: url(../img/susp7.png) no-repeat center center/cover;
}
.familyIndex{color: #735937}
.familyIndex .btns #sub{
	background: #735937;
	color: #fff;
}
.familyIndex .member-box .hd {
	font-size: .32rem;
	margin: .3rem auto 1.02rem;
}

.familyIndex .member-box .bd::before {
	display: block;
	content: '';
	background: url(../img/family-w.png) no-repeat center center/100% 100%;
	width: 5rem;
	height: 1.05rem;
	position: absolute;
	left: 50%;
	margin-left: -2.5rem;
	top: -1.02rem;
}

.familyIndex .member-box .bd.bd_e::before {
	background: url(../img/family-e.png) no-repeat center center/100% 100%;
}

.familyIndex .member-box .bd.bd_r::before {
	background: url(../img/family-r.png) no-repeat center center/100% 100%;
}

.familyIndex .member-box .hd .item {
	display: flex;
	align-items: center;
	color: #735937;
}

.familyIndex .member-box .hd .item:first-child {
	position: relative;
	left: 1.5rem;
	width: 2.6rem;
}

.familyIndex .member-box .hd .item:last-child {
	position: relative;
	left: 1.8rem;
}

.familyIndex .member-box .hd .pic-img {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	margin-right: .3rem;
}

.familyIndex .member-box .bd {
	width: 5.6rem;
	margin: 0 auto;
	position: relative;
	justify-content: space-between;
	font-size: .32rem;
}

.familyIndex .member-box .bd .pic-img,
.familyIndex .member-box .bd img {
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
}

.familyIndex .member-box .bd .item {
	position: relative;
	font-size: .24rem;
	position: relative;
}

.familyIndex .member-box .bd .item span {
	text-align: center;
	position: absolute;
	bottom: -.35rem;
	width: 1rem;
	left: 50%;
	margin-left: -.5rem;
}

.pulice-index .member {
	padding-bottom: .5rem;
}

.familyIndex .orderDetails .mui-numbox {
	width: 2.3rem;
	height: .6rem;
}

.familyIndex .orderDetails {
	position: fixed;
	width: 100%;
	background-color: #fff;
	height: 1.2rem;
	padding: 0 .3rem;
	bottom: -1.2rem;
	z-index: -1;
	box-shadow: 0rem 0rem 0.06rem 0rem rgba(204, 204, 204, 1);
}

.familyIndex .orderDetails .frb {
	align-items: center;
	height: 100%;
}

.familyIndex .orderDetails p {
	font-size: .32rem;
}

.familyIndex .orderDetails span {
	font-size: .24rem;
	color: #AB967B;
	margin-top: .06rem;
}

.familyIndex .orderDetails .mui-numbox [class*=btn-numbox],
.familyIndex .orderDetails .mui-numbox [class*=numbox-btn] {
	width: .6rem;
	height: .6rem;
	font-size: .4rem;
	line-height: .6rem;
}
.familyIndex .info{
	height: 3.25rem;
	padding: 0 .3rem;
	background: url(../img/my_bg.png) no-repeat center center/100% 100%;
}
.familyIndex .info .num{
	padding: .4rem 0 0;
	text-align: right;
}
.familyIndex .info .fab p{flex: 1;margin-left: .3rem;}
.familyIndex .info .fab img{
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
}
.familyIndex .info .fab span{font-size: .36rem;font-weight: bold;margin-bottom: .2rem;}
.familyIndex .info .fab a{
	background: url(../img/my_bj.png) no-repeat center center/100% 100%;
	    width: .4rem;
	    height: .4rem;
}
.familyIndex .info .fab i{font-size: .28rem;}
.familyIndex .info .mui-progressbar{
	width: 2.8rem;
	height: .08rem;
	border-radius: .04rem;
	margin: 0 .2rem;
}
.familyIndex .info .mui-progressbar span{
	background: #735937;
	border-radius: .04rem;
}
.familyIndex .info .mui-progressbar{
	background: #EEE6DA;
}
.familyIndex .info .pro{
	padding-left: 1.7rem;
}
.familyIndex .info .tab{margin-top: .2rem;}
.familyIndex .info .tab a{margin-right: .7rem;font-size: .32rem;color: #735937;}
.familyIndex .info .tab a:last-child{margin-right: 0;}



















.pulice-index .pic-img {
	width: 100%;
	height: 100%;
	border-radius: .1rem;
}

/* contribution */
.contribution {
	padding-bottom: 1.2rem;
	color: #735937;
}

.contribution .null {
	text-align: center;
	margin: 30% 0 0;
}

.contribution li {
	position: relative;
	margin: 0 .3rem;
	font-size: .28rem;
	padding: .3rem 0 .3rem 1.3rem;
	border-bottom: 1px solid #ccc;
}
.contribution .btn{background: #735937;}
.contribution ul .pic-img {
	position: absolute;
	width: 1rem;
	height: 1rem;
	left: 0;
	top: .3rem;
	border-radius: 50%;
	margin-right: .3rem;
}

.contribution span {
	padding: .08rem 0;color: #AB967B;
}

.contribution div.fra {
	position: absolute;
	right: 0;
	top: .3rem;color: #AB967B;
}

.contribution .btn {
	position: fixed;
	bottom: 0;
	width: 100%;
	border-radius: 0;
}

.contribution-pop-tit {
	font-size: .28rem;color: #735937;
}

.public-pop {
	display: none;
}

.public-pop .mask-c {
	width: 6.2rem;
	left: 50%;
	margin: -3.6rem 0 0 -3.1rem;
	top: 50%;
	padding: .7rem .4rem 0;

}

.public-pop .mask-c p {
	padding: .3rem 0 .17rem;
	font-size: .32rem;
	text-align: center;
}

.contribution-pop .mask-c {
	padding-bottom: .4rem;
	margin-top: -5.25rem;
	background: #EEE6DA;
}

.contribution-pop .head-img {
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	left: 50%;
	top: -1.3rem;
	margin-left: -.75rem;
}

.contribution-pop .head-img img,
.contribution-pop .head-img .pic-img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: .1rem solid #fff;
}

.contribution-pop .mask-c>p {
	padding: .2rem 0;
}

.contribution-pop .mask-c>p input {
	border-bottom: 1px solid #AB967B;
	padding: .1rem 0;
	padding-left: .1rem;
	padding: .1rem 0;
	font-size: .28rem;
	flex: 1;
}

.contribution-pop .mask-c>p input::placeholder {
	color: #AB967B;
}

.contribution-pop .edit {
	width: .24rem;
	height: .24rem;
	background: url(../img/edit-g.png) no-repeat center center/100% 100%;
	margin-left: .14rem;
	position: relative;
	top: .03rem;
}

.contribution-pop ul {
	margin-top: .2rem;
}

.contribution-pop li {
	width: 1.5rem;
	line-height: 0.48rem;
	text-align: center;
	font-size: .28rem;
	color: #AB967B;
	border-radius: 0.1rem;
	border: 1px solid #AB967B;
	margin: 0 .45rem .2rem 0;
}

.contribution-pop li.aa {
	color: #DA4042;
	border: 1px solid #DA4042;
}

.contribution-pop li:nth-child(3n+3) {
	margin-right: 0;
}

.contribution-pop .price {
	margin: .1rem 0 .2rem;
}

.contribution-pop .price span {
	width: 1.4rem;
	text-align: center;
	border-radius: 0.1rem;
	line-height: .48rem;
	border: 1px solid rgba(37, 37, 37, 1);
}

.contribution-pop .price span.on {
	color: #ddd;
	border: 1px solid #ddd;
}

.contribution-pop .price input {
	padding: 0 0 .11rem;
	width: 3.8rem;
	text-align: center;
	font-size: .28rem;
	border-bottom: 1px solid #ddd;
}

input::placeholder,
textarea::placeholder {
	color: #AB967B;
	font-size: .28rem;
}

.contribution-pop textarea {
	border-radius: 0.1rem;
	padding: .2rem;
	width: 100%;
	margin: .2rem 0 .3rem;
	min-height: 1.8rem;
	font-size: .28rem;
	border: 1px solid #AB967B;
}

.public-pop .btn {
	border-radius: 0.1rem;
	background: #735937;
}

.public-close {
	background: url(../img/public-close.png) no-repeat center center/cover;
	width: .2rem;
	height: .2rem;
	position: absolute;
	right: .3rem;
	top: .3rem;
}

/* familyInfo */
.public-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.public-item input {
	text-align: right;
	width: 100%;
	padding-left: .2rem;
	color: #252525;
}

.public-item {
	border-bottom: 1px solid #AB967B;
	padding: .3rem 0;
	font-size: .32rem;
}

.public-item-right {
	color: #AB967B;
	flex: 1;
	padding-left: .2rem;
	text-align: right;
}

a.public-item-right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: .28rem;
}

.public-btn {
	color: #fff;
	height: 0.88rem;
	background: #735937;
	border-radius: 0.1rem;
	line-height: .88rem;
	text-align: center;
	font-size: .36rem;
	position: fixed;
	bottom: .54rem;
	width: 92%;
	left: .3rem;
}

.public-item-right input::placeholder {
	font-size: .32rem;
}

/* familyHouseRules */
.familyHouseRules .public-btn {
	position: static;
	width: 100%;
	margin-top: 2rem;
}

.familyHouseRules .mui-table-view-cell.mui-collapse>.mui-navigate-right:after {
	content: '';
	display: block;
	width: .16rem;
	height: .28rem;
	right: 0;
	background: url(../img/icon-right.png) no-repeat center center/cover;
}

.familyHouseRules .mui-table-view-cell.mui-collapse.mui-active>.mui-navigate-right:after {
	width: .16rem;
	height: .28rem;
	background: url(../img/icon-right.png) no-repeat center center/cover;
	transform: rotate(90deg);
	right: .1rem;
	top: 20%;
}
.familyHouseRules .mui-table-view-cell.mui-collapse .mui-collapse-content{
	background: transparent;
}

.familyHouseRules .mui-table-view-cell {
	padding: .3rem 0;
}

.familyHouseRules .mui-table-view-cell>a:not(.mui-btn) {
	margin: 0;
	padding: 0;
	font-size: .32rem;
}

.familyHouseRules .mui-table-view-cell:after {
	left: 0;
}

.familyHouseRules .mui-table-view-cell.mui-active,
.familyHouseRules .mui-table-view-cell>a:not(.mui-btn).mui-active {
	background-color: transparent;
}

.familyHouseRules .mui-collapse-content>.fra {
	margin-left: .4rem;
	padding: .2rem 0;
}

.familyHouseRules .mui-collapse-content>.fra label {
	font-size: .28rem;
	flex: 1;
}

.familyHouseRules .mui-table-view:after,
.familyHouseRules .mui-table-view-cell:after {
	background-color: #AB967B;
}

.familyHouseRules .cus p {
	padding: .3rem 0;
	font-size: .32rem;
}

.familyHouseRules .cus textarea {
	min-height: 2rem;
	width: 100%;
	padding: .2rem;
	border: 1px solid #AB967B;
	border-radius: .1rem;
	font-size: .28rem;
}
.familyHouseRules .mui-table-view{
	background: transparent;
}
/* familyLaw */
.familyLaw .public-btn {
	position: static;
	width: 100%;
	margin-top: .25rem;
}

.familyLaw .item,
.familyJunior>.item {
	font-size: .32rem;
}

.familyLaw .item p,
.familyJunior .item p {
	padding: .3rem 0;
	display: flex;
	align-items: center;
}

.familyLaw .item p::before,
.familyJunior .item p::before {
	display: block;
	content: '';
	width: 0.04rem;
	height: 0.32rem;
	background: rgba(218, 64, 66, 1);
	border-radius: 0.03rem;
	margin-right: .16rem;
}

.familyLaw textarea,
.familyJunior>.item textarea {
	width: 100%;
	padding: .2rem;
	border-radius: 0.1rem;
	min-height: 2.4rem;
	border: 1px solid #AB967B;
}

/* familyJunior */

.familyJunior .upload {
	color: #FA6400;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin-top: .36rem;
}

.familyJunior .upload img {
	width: 100%;
	height: 100%;
	border-radius: 0.1rem;
}

.familyJunior .upload .close {

	width: 0.28rem;
	height: 0.28rem;
	background: url(../img/close.png) no-repeat center center/100% 100%;
	position: absolute;
	right: -.08rem;
	top: -.08rem;
}

.familyJunior .upload>div {
	margin-right: .2rem;
	width: 1.4rem;
	height: 1.4rem;
	position: relative;
}

.familyJunior .upload input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.familyJunior .pulice-edit .item {
	box-shadow: none;
	border: 1px solid #AB967B;
	margin: 0 0 .2rem;
}

/* myInitiate */
.myInitiate {
	padding-bottom: .3rem;
}

.myInitiate .date {
	position: absolute;
	left: .3rem;
	font-size: .28rem;
	top: .2rem;
}
.myInitiate .bd{
	justify-content: flex-end
}
.myInitiate .date::after {
	display: block;
	content: '';
	background: url(../img/sjx.png) no-repeat center center/100% 100%;
	width: .2rem;
	height: .12rem;
	margin-left: .1rem;
}
.flex{
	flex: 1;
}
.myInitiate .public-tab {
	border: 0;
	padding: 0 .3rem;
	position: relative;
	background-color:#EEE6DA;
}

.myInitiate-box .box>div {
	margin: .2rem 0 0;
	padding: .3rem .3rem .2rem;
	background-color: #EEE6DA;
	position: relative;
}
.myInitiate-box .box .tag{
	position: absolute;
	right: 0;
	top: 0;
	width:1.1rem;
	height:0.4rem;
	font-size: .2rem;
	text-align: center;
	line-height: .4rem;
	color: #fff;
	border-radius:0rem 0.2rem 0rem 0.1rem;
}
.myInitiate-box .box .tag.warrior-tag{
	background-color:#3BA56F;
}
.myInitiate-box .box .tag.class-tag{
	background-color:#308DB8;
}
.fz32 {
	font-size: .32rem;
}

.myInitiate-box .pulice-raise .pro .fra {
	margin-top: .1rem;
}

.myInitiate-box .zc {
	font-size: .32rem;
	align-items: center;
	padding-top: .1rem;
}

.myInitiate-box .zc span {
	font-size: .24rem;
	color: #AB967B;
}

.myInitiate-box .pulice-raise .cd {
	margin: 0 0 .2rem;
}
.myOP span{
	font-weight: normal!important;
}
.myOP {
	font-size: .28rem;
	color: #666;
}
.myInitiate-box .bd a {
	width: 1.4rem;
	height: 0.44rem;
	line-height: .42rem;
	text-align: center;
	color: #735937;
	border-radius: 0.22rem;
	margin-left: .2rem;
	border: 1px solid #735937;
}

.myInitiate-box .bd a:first-child {
	margin-left: 0;
}

.myInitiate-box .bd a.delete {
	color: #AB967B;
	border: 1px solid #AB967B;
}

.set-mask {
	display: none;
}

.set-mask .mask-c {
	width: 5.4rem;
	height: 3.6rem;
	border-radius: 0.15rem;
	left: 50%;
	top: 50%;
	margin: -1.8rem 0 0 -2.7rem;
	padding: .24rem 0 0;
}

.public-btns {
	border-top: 1px solid #AB967B;
	position: absolute;
	width: 100%;
	bottom: 0;
}

.public-btns span {
	flex: 1;
	text-align: center;
	line-height: 1.06rem;
	font-size: .32rem;
	font-weight: bold;
}

.public-btns span:first-child {
	border-right: 1px solid #AB967B;
}

.set-mask .item {
	align-items: center;
	padding: 0 .3rem;
	font-size: .32rem;
	margin-top: .41rem;
}

.set-mask .item i {
	margin-left: .2rem;
}

.set-mask .mui-switch {
	width: 48px;
	height: 24px;
	border: 1px solid rgba(229, 229, 234, 1);
	border-radius: 12px;
}

.set-mask .mui-switch .mui-switch-handle {
	width: 19px;
	height: 19px;
	top: 1px;
	left: 1px;
}

.set-mask .mui-table-view-cell {
	position: static;
	overflow: inherit;
}

.set-mask .mui-switch-blue.mui-active {
	background-color: #DA4042;
}

.set-mask .public-btns {
	margin-top: .52rem;
}

.print-mask {
	display: none;
}

.print-mask .mask-c {
	width: 5.4rem;
	height: 5.01rem;
	border-radius: 0.15rem;
	top: 50%;
	left: 50%;
	margin: -2.5rem 0 0 -2.7rem;
}

.print-mask .mask-c p {
	font-size: .32rem;
	font-weight: bold;
	text-align: center;
	padding: .33rem 0 .1rem;
}

.print-mask .box {
	padding: 0 0 .3rem;
}

.print-mask .item {
	display: flex;
	flex-wrap: wrap;
	margin: 0 .3rem;
	padding: .3rem 0 .2rem;
	border-bottom: 1px solid #AB967B;
	font-size: .28rem;
}

.print-mask .item:last-child {
	border-bottom: 0;
}

.print-mask .item span {
	width: 1.12rem;
	text-align-last: justify;
}

.print-mask .item input {
	flex: 1;
	margin-left: .3rem;
}

/* myCode */
.myCode {
	height: 100vh;
}

.myCode .box {
	background: url(../img/code-bg.png) no-repeat center center/cover;
	width: 6.9rem;
	margin: .4rem auto 0;
	height: 8.6rem;
	padding: 2.87rem 1.9rem 0;
}

.myCode .box img {
	width: 3rem;
	height: 3rem;
}

.myCode .box p {
	font-size: .28rem;
	color: #AB967B;
	padding: .4rem 0 .3rem;
}

.myCode .box span {
	width: 2.4rem;
	font-size: .36rem;
	color: #fff;
	height: 0.6rem;
	line-height: .6rem;
	text-align: center;
	background: rgba(218, 64, 66, 1);
	border-radius: 0.3rem;
	margin: 0 auto;
}

.myCode>img {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: -1;
}

/* myTeam */
.myTeam {
	margin-top: .2rem;
}

.public-search {
	height: .6rem;
	background: rgba(241, 241, 241, 1);
	border-radius: 0.44rem;
	margin: 0 .3rem;
	padding: .1rem .3rem .1rem .72rem;
	position: relative;
}

.public-search::before {
	display: block;
	content: '';
	background: url(../img/ss.png) no-repeat center center/100% 100%;
	width: .26rem;
	height: .27rem;
	position: absolute;
	left: .3rem;
	top: .16rem;
}

.public-search input {
	font-size: .28rem;
	color: #AB967B;
}

.myTeam .tab {
	padding: .3rem;
	box-shadow: 0rem 0.02rem 0.06rem 0rem rgba(102, 102, 102, 0.2);
}

.myTeam .tab span {
	margin-right: .2rem;
	font-size: .28rem;
}

.myTeam .tab span.on {
	color: #DA4042;
}

.myTeam .item {
	margin: 0 .3rem;
	border-bottom: 1px solid #AB967B;
	padding: .3rem .2rem .3rem 0;
}

.myTeam .item img {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	margin-right: .3rem;
}

.myTeam .item i {
	font-size: .24rem;
	color: #AB967B;
}

.myTeam .item p {
	font-size: .32rem;
}

.myTeam .item .hd {
	margin-bottom: .1rem;
}

.myTeam .item>div {
	flex: 1;
}

/* myManagement */
.myManagement .bd a {
	width: auto;
	padding: 0 .22rem;
}

.myManagement .bd a.default {
	border: 1px solid rgba(102, 102, 102, 1);
	color: #666;
}

.myManagement .bd {
	position: relative;
}

.myManagement .sponsor {
	font-size: .28rem;
	line-height: .42rem;
	position: absolute;
	left: 0;
}

.authorize-mask {
	display: none;
}

.authorize-mask .mask-c {
	width: 100%;
	height: 100vh;
	top: 0;
	background: transparent;
}

.authorize-mask .box {
	width: 5.4rem;
	background: rgba(255, 255, 255, 1);
	border-radius: 0.15rem;

}

.authorize-mask p {
	font-size: .32rem;
	text-align: center;
	font-weight: bold;
	padding: .35rem 0;
}

.authorize-mask ul {
	margin: 0 .3rem;
	max-height: 4rem;
	overflow-y: scroll;
}

.authorize-mask li {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 0 .3rem;
}

.authorize-mask li img {
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	margin-right: .36rem;
}

.authorize-mask li span {
	flex: 1;
}

.authorize-mask li i {
	margin-right: .3rem;
}

.authorize-mask .btns {
	border-top: 1px solid #AB967B;
}

.authorize-mask .btns span {
	flex: 1;
	text-align: center;
	line-height: 1.06rem;
	font-size: .32rem;
	font-weight: bold;
}

.authorize-mask .btns span:first-child {
	border-right: 1px solid #AB967B;
}

.myManagement .m-contact .mask-c p {
	font-size: .32rem;
}

.myManagement .m-contact .mask-c img {
	width: 4rem;
	height: 4rem;
}

.myManagement .m-contact .btn {
	margin-top: 1.6rem;
}

/* myManagementList */
.myManagementList li{
	padding: .3rem;
	border-bottom: .2rem solid #EEE6DA;
}
.myManagementList li:last-child{border: 0;}
.myManagementList .tit{
	margin-bottom: .3rem;
}
.myManagementList .tit img{
	width: .5rem;
	height: .5rem;
	margin-right: .14rem;
}
.myManagementList .tit span{flex: 1;font-weight: bold;font-size: .32rem;}
.myManagementList .tit i{
	background: url(../img/icon-right.png) no-repeat center center/cover;
	width: .16rem;
	height: .28rem;
}
.myManagementList .pic-img{
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 0.1rem;
	margin-right: .1rem;
}
.myManagementList .pic-img:last-child{margin-right: 0;}

.myManagementList .video .pic-img{
	margin-right: 0;
}
.myManagementList .pulice-edit{padding-bottom: 0;}
.myManagementList .pulice-edit .item{
	margin: 0 0 .3rem;
	box-shadow: none;
	border: 1px solid #AB967B;
}
























.managementVideo .public-tab {
	border-bottom: 0;
}

.managementVideo .pulice-edit .item {
	border: 0;
	margin: 0;
	padding:.3rem;
	align-items: center;
	font-size: .32rem;
	box-shadow: none;
	border-radius: 0;
	border-bottom: 1px solid #AB967B;
}
.managementVideo .hd,.myManagementList .video {
	position: relative;
}
.managementVideo .hd i,.myManagementList .video  i{
	position: absolute;
	margin-left: -.5rem;
}
.managementVideo .pulice-edit i.public-play::before{
	display: none;
}
.managementVideo .pic-mask-bg,.myManagementList .video .pic-mask-bg{
	width: 100%;
	position: absolute;
	height: 100%;
	top:0;left: 0;
	background-color: rgba(0,0,0,.5);
	border-radius: .2rem;
}
.managementVideo .hd .pic-img,.myManagementList .video .pic-img{
	border-radius: .2rem;
	width: 100%;
	height: 4rem;
}
.managementVideo .bd .pic-img{
	border-radius: 50%;
	width: 0.6rem;
	height: 0.6rem;
	margin-right: .2rem;
}
.managementVideo .bd span{
	font-size: .24rem;
	color: #AB967B;
}
.managementVideo .bd p{
	flex: 1;
	font-size: .32rem;
}
.managementVideo .cd{
	font-size: .28rem;
	line-height: 0.46rem;
	color: #AB967B;
	padding: .2rem 0;
}
.managementEven{
	padding-top: .3rem;
}
.managementEven .time,.myManagementList .even .time{font-size: .22rem;color: #AB967B;}
.managementEven p,.myManagementList .even p{
	font-size: .32rem;
}
.managementEven span,.myManagementList .even span{
	font-size: .28rem;color: #AB967B;
	padding-top: .2rem;
}
.managementPhoto .family-photo{padding: .3rem .55rem;}
.managementPhoto .family-photo .pic-img{
	width: 2rem;
	height: 2rem;
	border-radius: 0.1rem;
	margin: 0 .2rem .2rem 0;
}
.managementPhoto .family-photo .pic-img:nth-child(3n+3){margin-right: 0;}
.managementStyle{margin: .3rem 1rem .3rem .3rem;}
.managementStyle .item{font-size: .3rem;}
.managementStyle .item > .pic-img {
    width: .8rem;
    height: .8rem;
    border-radius: 0.05rem;
    margin-right: .2rem;
}
.managementStyle .item .rt {flex: 1;}
.managementStyle .item .name {
    color: #735937;
    font-weight: bold;
}
.managementStyle .item p {
    line-height: 0.42rem;
    margin: .1rem 0;
	color: #AB967B;
}
.managementStyle .style-photo-pic .pic-img {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.05rem;
    margin: 0 .1rem .1rem 0;
}
.managementStyle .style-photo-pic .pic-img:nth-child(3n+3) {
    margin-right: 0;
}
.managementStyle .time {
    padding: .1rem 0 .3rem;
    font-size: .24rem;
    color: #AB967B;
}
.managementEven .pulice-edit .item{
	box-shadow: none;
	border: 1px solid #AB967B;
	margin: 0 .3rem .3rem;
}

/* myDistribution */
.md.public-body header>div {
	background: #e95048;
}

.md.public-body {
	background-color: transparent;
	display: inline;
}

.myDistribution .hd {
	height: 3.8rem;
	background: #e95048;
	width: 100%;
	position: relative;
}

.myDistribution .hd::before {
	display: block;
	content: '';
	background: url(../img/md-xt.png) no-repeat center center/100% 100%;
	width: 100%;
	height: .64rem;
	position: absolute;
	bottom: 0;
	z-index: 1;
}

.myDistribution .info {
	padding: .2rem .52rem .3rem .3rem;
}

.myDistribution .info img {
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	margin-right: .2rem;
}

.myDistribution .info span {
	font-size: .32rem;
	flex: 1;
	color: #fff;
}

.myDistribution .info a {
	color: #fff;
	position: relative;
	display: flex;
	align-items: center;
}

.myDistribution .info a::before {
	display: block;
	content: '';
	background: url(../img/md-fff.png) no-repeat center center/100% 100%;
	width: .12rem;
	height: .2rem;
	position: absolute;
	right: -.22rem;
}

.myDistribution .total {
	font-size: .28rem;
	padding-left: .7rem;
	color: #fff;
	position: relative;
}

.myDistribution .total a.price {
	font-size: .6rem;
	padding-top: .1rem;
	color: #fff;
}

.myDistribution .promote {
	width: 2.2rem;
	height: .62rem;
	line-height: .62rem;
	justify-content: center;
	border-radius: .31rem 0 0 .31rem;
	background-image: linear-gradient(90deg, #F8644C, #DA4042);
	position: absolute;
	right: 0;
	top: .3rem;
	color: #fff;
	font-size: .24rem;
}

.myDistribution .promote::before {
	display: block;
	content: '';
	background: url(../img/md-zan.png) no-repeat center center/100% 100%;
	width: .24rem;
	height: .24rem;
	margin-right: .1rem;
}

.myDistribution .promote::after {
	display: block;
	content: '';
	background: url(../img/md-fff.png) no-repeat center center/100% 100%;
	width: .12rem;
	height: .2rem;
	margin-left: .1rem;
}

.myDistribution .income {
	color: #fff;
	padding-top: .3rem;
	position: relative;
	z-index: 2;
}

.myDistribution .income span {
	font-size: .28rem;
	padding-top: .1rem;
	font-weight: bold;
}

.myDistribution .income .item {
	flex: 1;
	text-align: center;
}

.myDistribution .cd {
	padding: .2rem .3rem;
    border-bottom: .1rem solid #EEE6DA;
}

.myDistribution .cd .date {
	font-size: .28rem;
}

.myDistribution .cd .date::after {
	display: block;
	content: '';
	width: .12rem;
	height: 0.2rem;
	background: url(../img/back.png) no-repeat center center/100% 100%;
	transform: rotate(-90deg);
	margin-left: .1rem;
}

.myDistribution .price {
	align-items: center;
	font-size: .24rem;
	color: #AB967B;
	margin-top: .06rem;
}

.myDistribution .price a {
	padding-left: .3rem;
	border-left: 1px solid #AB967B;
	color: #AB967B;
}

.myDistribution .price a::after {
	display: block;
	content: '';
	width: 0.12rem;
	height: 0.2rem;
	background: url(../img/icon-right.png) no-repeat center center/100% 100%;
	margin-left: .1rem;
}

.myDistribution .bd .item,
.myIncome .bd .item {
	padding: .34rem 0 .3rem;
	position: relative;
	margin: 0 .3rem;
	border-bottom: 1px solid #AB967B;
}

.myIncome .bd .item {
	text-align: left;
}

.myIncome .bd {
	border-top: .1rem solid #E2D7C5;
	margin-top: .2rem;
}

.myDistribution .bd p,
.myIncome .bd p {
	font-size: .3rem;
	padding-bottom: .14rem;
}

.myDistribution .bd span,
.myIncome .bd span {
	color: #AB967B;
}

.myDistribution .bd i,
.myIncome .bd i {
	font-size: .36rem;
	position: absolute;
	top: .3rem;
	font-weight: bold;
	right: 0;
}

.myDistribution .bd i.on,
.myIncome .bd i.on {
	color: #DA4042;
}

/* myIncome */
.myIncome {
	text-align: center;
	background-color: #EEE6DA;
	padding-bottom: 1rem;
	margin-top: .1rem;
}

.myIncome img {
	width: 1rem;
	height: 1rem;
	margin: .6rem 0 .3rem;
}

.myIncome>p {
	font-size: .36rem;
	margin-bottom: .3rem;
}

.myIncome .frc span {
	font-size: .48rem;
	margin: .14rem .1rem 0 0;
}

.myIncome .frc i {
	font-size: .72rem;
	font-weight: bold;
}

.myIncome a {
	font-size: .36rem;
	width: 3rem;
	height: 0.8rem;
	background: #735937;
	border-radius: 0.1rem;
	color: #fff;
	margin: .4rem auto;
}

.myIncome-pop .mask-c {
	padding: .3rem .4rem;
}

.myIncome-pop .mask-c p {
	padding-bottom: .4rem;
}

.myIncome-pop .price {
	font-size: .28rem;
	padding: 0 0 .3rem;
	text-align: left;
}

.myIncome-pop .int {
	border-bottom: 1px solid #AB967B;
	font-size: .6rem;
	padding: .1rem 0;
	text-align: left;
}

.myIncome-pop input {
	width: 80%;
	font-weight: bold;
}

.myIncome-pop i {
	font-size: .6rem;
}

.myIncome-pop .tips {
	font-size: .28rem;
	padding: .3rem 0 .4rem;
	color: #AB967B;
}

.myIncome-pop .tips span {
	color: #DA4042;
}












/* familyVideo */
.pulice-videoList {
	padding-bottom: 2rem;
}

.pulice-videoList .item {
	padding: .3rem;
	border-bottom: .2rem solid #EEE6DA;
}

.pulice-videoList .hd img {
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	margin: 0 .2rem;
}

.pulice-videoList .hd span {
	font-size: .32rem;
	flex: 1;
}

.pulice-videoList .hd i {
	color: #AB967B;
	font-size: .28rem;
	display: flex;
	align-items: center;
}

.pulice-videoList .hd i::before {
	display: block;
	content: '';
	width: 0.28rem;
	height: 0.28rem;
	background: url(../img/delete.png) no-repeat center center/100% 100%;
	margin-top: 1px;
	margin: 1px .1rem 0 0;
}

.pulice-videoList .cd {
	margin: .3rem 0;
	height: 4rem;
	position: relative;
}

.pulice-videoList .cd .pic-img {
	width: 100%;
	height: 100%;
	border-radius: 0.2rem;
	position: absolute;
	top: 0;
	z-index: -1;
}

.pulice-videoList .cd span {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 0.2rem;
}

.pulice-videoList .cd i {
	width: 1rem;
	height: 1rem;
	background: url(../img/play2.png) no-repeat center center/100% 100%;
	border-radius: 50%;
}

.pulice-videoList .bd {
	font-size: .28rem;
	color: #666;
	text-indent: 2em;
}

.pulice-videoList .btn {
	width: 92%;
	position: fixed;
	bottom: .54rem;
	left: .3rem;
}

/* familyVideoUpload */
.pulice-videoUpload textarea {
	padding: .2rem 0;
	width: 100%;
	height: 2rem;
	margin-bottom: .3rem;
	font-size: .32rem;
}
.pulice-videoUpload textarea::placeholder{
	font-size: .32rem;
}
.pulice-videoUpload .box {
	position: relative;
	width: 2rem;
	height: 2rem;
}

.pulice-videoUpload .box img {
	height: 100%;
}

.pulice-videoUpload .box input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.pulice-videoUpload .box .pic-img {
	width: 100%;
	height: 100%;
	border-radius: 0.05rem;
}

.pulice-videoUpload .upload {
	border-bottom: 1px solid #AB967B;
	padding-bottom: .3rem;
}

.pulice-videoUpload .btn {
	position: fixed;
	bottom: .54rem;
	left: .3rem;
	width: 92%;
}

/* familyPhoto */
.pulice-photo {
	padding: .3rem 0 0;
}

.pulice-photo .tips {
	position: fixed;
	text-align: center;
	font-size: .2rem;
	color: #AB967B;
	width: 92%;
	bottom: 1.62rem;
}

.pulice-photo .btn {
	position: fixed;
	width: 92%;
	left: .3rem;
	bottom: .54rem;
}

.pulice-photo .pic-img {
	width: 2.2rem;
	height: 2.2rem;
	display: block;
	border-radius: 0.1rem;
	margin: 0 .15rem .15rem 0;
}

.pulice-photo ul li:nth-child(3n+3) .pic-img {
	margin-right: 0;
}

.mui-preview-image.mui-fullscreen {
	position: fixed;
	z-index: 108;
	background-color: #000;
}

.mui-preview-header,
.mui-preview-footer {
	position: absolute;
	width: 100%;
	left: 0;
	z-index: 10;
}

.mui-preview-header {
	height: 44px;
	top: 0;
}

.mui-preview-footer {
	height: 50px;
	bottom: 0px;
}

.mui-preview-header .mui-preview-indicator {
	display: block;
	line-height: 25px;
	color: #fff;
	text-align: center;
	margin: 15px auto 4;
	width: 70px;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 12px;
	font-size: 16px;
}

.mui-preview-image {
	display: none;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.mui-preview-image.mui-preview-in {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

.mui-preview-image.mui-preview-out {
	background: none;
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

.mui-preview-image.mui-preview-out .mui-preview-header,
.mui-preview-image.mui-preview-out .mui-preview-footer {
	display: none;
}

.mui-zoom-scroller {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	-webkit-backface-visibility: hidden;
}

.mui-zoom {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.mui-slider .mui-slider-group .mui-slider-item img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
	width: 100%;
}

.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
	display: inline-table;
}

.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
	display: table-cell;
	vertical-align: middle;
}

.mui-preview-loading {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
}

.mui-preview-loading.mui-active {
	display: block;
}

.mui-preview-loading .mui-spinner-white {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	height: 50px;
	width: 50px;
}

.mui-preview-image img.mui-transitioning {
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
	transition: transform 0.5s ease, opacity 0.5s ease;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

p img {
	max-width: 100%;
	height: auto;
}

/* familyPhotoEdit */
.pulice-edit {
	padding-bottom: 2rem;
}

.pulice-edit .item {
	border-radius: 0.1rem;
	border: 1px solid #AB967B;
	margin-top: .3rem;
	padding: .3rem;
	position: relative;
}

.pulice-edit .pic-img {
	width: 2rem;
	height: 2rem;
	border-radius: 0.1rem;
	margin-right: .3rem;
}

.pulice-edit .rt {
	flex: 1;
}

.pulice-edit textarea {
	height: 1.5rem;
	width: 100%;
	font-size: .28rem;
}

.pulice-edit .btns {
	position: absolute;
	bottom: .2rem;
	right: .3rem;
	font-size: .28rem;
	color: #AB967B;
}

.pulice-edit .item a {
	position: relative;
}

.pulice-edit .item a::before {
	display: block;
	content: '';
	background: url(../img/edit-d.png) no-repeat center center/100% 100%;
	width: 0.24rem;
	height: 0.24rem;
	position: absolute;
	left: -.32rem;
}

.pulice-edit i {
	margin-left: .62rem;
	position: relative;
}

.pulice-edit i::before {
	display: block;
	content: '';
	background: url(../img/delete.png) no-repeat center center/100% 100%;
	width: 0.24rem;
	height: 0.24rem;
	position: absolute;
	left: -.32rem;
}

/* familyStyle */
.familyStyle .hd {
	font-size: .28rem;
	padding: .3rem 0;
}
.familyStyle .bd{
	margin: .1rem .3rem;
}
.familyStyle .item {
	padding: .3rem;
	border-radius: 0.1rem;
	position: relative;
	margin-bottom: .3rem;
	background-color: #EEE6DA;
}

.familyStyle .item .rt {
	font-size: .32rem;
}

.familyStyle .pic-img {
	width: 2rem;
	height: 2rem;
	border-radius: 0.1rem;
	margin-right: .3rem;
}

.familyStyle .num {
	position: absolute;
	right: .3rem;
	top: .3rem;
}

.familyStyle .add {
	position: absolute;
	right: .3rem;
	bottom: .3rem;
	width: 1.25rem;
	height: 0.4rem;
	line-height: .38rem;
	text-align: center;
	border-radius: 0.1rem;
	border: 1px solid rgba(218, 64, 66, 1);
}

.familyStyle .tips-box{
	height: 1rem;
	width: 100%;
	//background-color: #EEE6DA;
}

.familyStyle .tips{
	color: #DA4042;
	font-size: .2rem;
	text-align: center;
	width: 100%;
	position: fixed;
	background-color: #EEE6DA;
	left: 0;
	bottom: 0;
	line-height: .8rem;
}
.public-tips-box{
	margin: 2rem 0 .2rem;
}
.public-tips-box .tips{
	color: #DA4042;
	font-size: .2rem;
	text-align: center;
}
.familyStyle .tips::after,
.public-tips-box .tips::after{
	display: block;
	content: '';
	background: url(../img/rs.png) no-repeat center center/100% 100%;
	width: .33rem;
	height: .19rem;
	margin-left: .1rem;

}

/* familyNet */
.familyNet .hd {
	font-size: .32rem;
	margin: .5rem 0 .6rem;
	text-align: center;
}

.familyNet .hd .item {
	flex: 1;
	min-width: 1.15rem;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.familyNet .hd .item span {
	width: 100%;
}

.familyNet .hd .item:last-child {
	margin-right: 0;
}

.familyNet .hd .pic-img {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	margin-bottom: .1rem;
}

.familyNet .hd .item.on i {
	margin-top: -0.3rem;
	color: #fff;
	position: absolute;
	width: 100%;
}

.familyNet .hd .item.on .pic-img {
	-webkit-filter: grayscale(1);
	/* Webkit */
	filter: gray;
	/* IE6-9 */
	filter: grayscale(1);
	/* W3C */
}

.familyNet .hd .item img {
	width: 1.2rem;
	height: 1.2rem;
}

.familyNet .bd .item {
	margin-right: .15rem;
	position: relative;
	font-size: .32rem;
	width: 2.2rem;
}

.familyNet .bd .item:nth-child(3n+3) {
	margin-right: 0;
}

.familyNet .bd .pic-img {
	width: 2.2rem;
	height: 2.2rem;
	border-radius: .1rem;
}

.familyNet .bd span {
	padding: .1rem 0 .3rem;
}

.familyNet .bd p {
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 2.2rem;
	border-radius: .1rem;
	position: absolute;
	top: 0;
	color: #fff;
}

.familyNet .public-susp {
	bottom: 2rem;
}

/* familyAddSpouse */
.familyAddSpouse .hd,
.public-file {
	width: 1.4rem;
	height: 1.4rem;
	display: block;
	margin: .6rem auto .7rem;
	position: relative;
}

.public-file img,
.familyAddSpouse .hd .pic-img {
	border-radius: 50%;
	width: 100%;
	height: 100%;
}

.public-file input {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.familyAddSpouse .item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: .3rem 0;
	border-bottom: 1px solid #AB967B;
}

.familyAddSpouse .item span {
	display: flex;
	align-items: center;
	font-size: .32rem;
	width: 1.58rem;
}

.familyAddSpouse .item input,
.familyAddSpouse .item p {
	flex: 1;
	font-size: .32rem;

}

.familyAddSpouse .item p {
	color: #AB967B;
}

.familyAddSpouse .item input::placeholder {
	font-size: .32rem;
	color: #AB967B;
}

.familyAddSpouse .public-btn {
	width: 100%;
	position: static;
	margin: 1rem 0 .4rem;
}

/* familyEdit */
.familyEdit {
	padding: .3rem 0 1.6rem;
}

.familyEdit .one {
	font-size: .32rem;
}

.familyEdit .rt p {
	margin-bottom: .1rem;
}

.familyEdit .add {
	border: 0;
	right: .3rem;
	bottom: .22rem;
	height: auto;
	width: auto;
}

.familyEdit .move {
	width: .4rem;
	height: .4rem;
	background: url(../img/move.png) no-repeat center center/100% 100%;
	position: absolute;
	right: .3rem;
	top: .3rem;
}

/* template */
.template {
	margin: 0 .3rem;
	padding: .4rem 0 1.5rem;
}

.template .tabs {
	padding-bottom: .3rem;
}

.template .tabs span {
	width: 1.2rem;
	height: 0.56rem;
	border-radius: 0.05rem;
	text-align: center;
	line-height: .54rem;
	font-size: .28rem;
	color: #AB967B;
	margin: 0 .22rem .22rem 0;
	border: 1px solid rgba(151, 151, 151, 1);
}

.template .tabs span.on {
	color: #DA4042;
	border: 1px solid #DA4042;
}

.template .tabs span:nth-child(5n+5) {
	margin-right: 0;
}

.template ul li {
	width: 3.4rem;
	margin-right: .1rem;
	position: relative;
}

.template ul li.on::before {
	display: block;
	content: '';
	background: url(../img/dz-on.png) no-repeat center center/100% 100%;
	width: .4rem;
	height: .4rem;
	position: absolute;
	right: .1rem;
	top: .1rem;
}

.template ul li:nth-child(even) {
	margin-right: 0;
}

.template ul img {
	width: 100%;
	height: 3.4rem;
}

.template ul span {
	padding: .3rem 0;
	font-size: .28rem;
	text-align: center;
}

.template-pop li {
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 .3rem .3rem 0;
	position: relative;
}

.template-pop li:nth-child(3n+3) {
	margin-right: 0;
}

.template-pop li .pic-img {
	width: 100%;
	height: 100%;
	border-radius: .1rem;
}

.template-pop input[type=checkbox] {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: transparent;
	border: 0;
}

.template-pop li input::before {
	display: block;
	content: '';
	border: 1px solid #fff;
	border-radius: 50%;
	width: .24rem;
	height: .24rem;
	right: .05rem;
	top: .05rem;
	position: absolute;
}

.template-pop li input:checked::before {
	display: block;
	content: '';
	border: 0;
	background: url(../img/dz-on.png) no-repeat center center/100% 100%;
	width: .24rem;
	height: .24rem;
	right: .05rem;
	top: .05rem;
	position: absolute;
}

.template-pop .mask-c {
	padding: .3rem .4rem .3rem;
}

.template-pop .mask-c p {
	padding: 0 0 .3rem;
}

/* familyTemplate */
.familyTemplate .hd,
.familyTemplateS .hd {
	align-items: center;
	font-size: .28rem;
	color: #666;
	padding-top: .3rem;
}

.familyTemplate .hd a,
.familyTemplateS .hd span {
	color: #DA4042;
	position: relative;
}

.familyTemplate .hd a::before,
.familyTemplateS .hd span::before {
	display: block;
	content: '';
	background: url(../img/qh.png) no-repeat center center/100% 100%;
	width: .32rem;
	height: .26rem;
	position: absolute;
	left: 0;
	top: .05rem;
}

.familyTemplate .hd a {
	padding-left: .4rem;
}

.familyTemplateS {
	padding-bottom: .3rem;
}

.familyTemplateS .public-btn {
	position: static;
	margin: .5rem 0 .2rem;
	width: 100%;
}

/* familyEvent */
.familyEvent .rt p {
	font-size: .32rem;
	margin-bottom: .2rem;
}

.familyEvent textarea {
	height: .8rem;
}

/* .familyEventAdd */

.familyEventAdd p {
	font-size: .32rem;
	padding: .3rem 0;
}

.familyEventAdd input {
	padding: .3rem .2rem;
	font-size: .28rem;
	border-radius: 0.1rem;
	width: auto;
	text-align: right;
	padding-right: .2rem;
}

.familyEventAdd input::placeholder {
	font-size: .28rem;
}
.familyEventAdd .cell{
	width: 2rem;height: 2rem;
	position: relative;
}
.familyEventAdd .cell input{
	width: 100%;height: 100%;
	position: absolute;
	left: 0;top: 0;
	opacity: 0;
}
.familyEventAdd textarea {
	height: 1.4rem;
	width: 100%;
	padding: .3rem 0;
	font-size: .28rem;
	border-radius: 0.1rem;
	margin-bottom: .2rem;
}
.familyEventAdd .item{
	border-top: 1px solid #AB967B;
	margin-top: .3rem;
}
.familyEventAdd .item img{
	width: .28rem;
	margin-right: .14rem;
	height: .28rem;
}
.familyEventAdd .item span{font-size: .28rem;}
.familyEventAdd .birthday{
	justify-content: flex-end
}

/* myAddress */
.myAddressNull {
	text-align: center;
	margin-top: 46%;
}

.myAddressNull img {
	width: 1.4rem;
	height: 1.4rem;
}

.myAddressNull span {
	font-size: .28rem;
	color: #AB967B;
	margin: .3rem 0 .6rem;
}

.myAddressNull .public-btn {
	position: static;
	width: 4rem;
	margin: 0 auto;
}
/* myAddress */
.myAddress {
	padding-bottom: 1.8rem;
}

.myAddress .item {
	background-color: #EEE6DA;
	margin-top: .1rem;
}

.myAddress .hd {
	padding: .3rem .3rem .07rem;
	font-size: .28rem;
}

.myAddress .cd {
	font-size: .24rem;
	color: #AB967B;
	padding: 0 .3rem;
}

.myAddress .bd {
	padding: .2rem .3rem .3rem;
	border-top: 1px solid #AB967B;
	margin-top: .3rem;
	color: #AB967B;
}

.myAddress .bd input {
	margin-right: .1rem;
}

.myAddress .bd a {
	color: #AB967B;
	margin-right: .52rem;
	position: relative;
	display: flex;
	align-items: center;
}

.myAddress .bd a::before {
	display: block;
	content: '';
	width: .22rem;
	height: .22rem;
	position: absolute;
	left: -.32rem;
	background: url(../img/edit-g.png) no-repeat center center/100% 100%;
}

.myAddress .bd .delete {
	position: relative;
	display: flex;
	align-items: center;
}

.myAddress .bd .delete::before {
	display: block;
	content: '';
	width: .22rem;
	height: .24rem;
	position: absolute;
	left: -.32rem;
	background: url(../img/delete.png) no-repeat center center/100% 100%;
}

.myAddress input[type=radio],
.myAddressEdit input[type=checkbox] {
	width: 0.3rem;
	height: 0.3rem;
	border: 0;
	background: url(../img/dz-off.png) no-repeat center center/100% 100%;
}

.myAddress input[type=radio]:checked,
.myAddressEdit input[type=checkbox]:checked {
	border: 0;
	background: url(../img/dz-on.png) no-repeat center center/100% 100%;
}

/* myAddressEdit */
.myAddressEdit {
	background-color: #EEE6DA;
	margin-top: .1rem;
}

.myAddressEdit .item {
	display: flex;
	flex-wrap: wrap;
	padding: .3rem 0;
	border-top: 1px solid #AB967B;
	position: relative;
	margin: 0 .3rem;
}

.myAddressEdit .item:first-child {
	border: 0;
}

.myAddressEdit .item span {
	font-size: .28rem;
	width: 1.26rem;
}

.myAddressEdit .item input::placeholder,
.myAddressEdit .item input {
	font-size: .3rem;
	flex: 1;
}

.myAddressEdit textarea {
	height: 2rem;
	flex: 1;
	font-size: .3rem;
}

.myAddressEdit textarea::placeholder {
	font-size: .3rem;
}

.myAddressEdit .item:nth-child(3)::before {
	display: block;
	content: '';
	position: absolute;
	right: 0;
	width: .17rem;
	height: .29rem;
	background: url(../img/icon-right.png) no-repeat center center/100% 100%;
	pointer-events: none;
}

.myAddressEdit .tips {
	padding: .3rem;
	border-top: .1rem solid #E2D7C5;
}

.myAddressEdit .tips span {
	margin-left: .1rem;
}

/* orderDetails */

.orderDetails .hd {
	padding: .3rem;
	height: 2.4rem;
}

.orderDetails .hd p {
	font-size: .48rem;
	color: #fff;
}

.orderDetails .address {
	font-size: .28rem;
	background-color: #fff;
	box-shadow: 0rem 0rem 0.04rem 0rem rgba(204, 204, 204, 1);
	border-radius: 0.1rem;
	padding: .3rem .3rem .3rem .74rem;
	position: relative;
	top: .4rem;
}

.orderDetails .address a {
	position: relative;
}

.orderDetails .address a.on::after {
	display: block;
	content: '';
	background: url(../img/icon-right.png) no-repeat center center/100% 100%;
	width: 0.12rem;
	height: 0.2rem;
	position: absolute;
	right: 0;
}

.orderDetails .address::before {
	display: block;
	content: '';
	background: url(../img/dw.png) no-repeat center center/100% 100%;
	width: .24rem;
	height: .32rem;
	position: absolute;
	left: .34rem;
	top: .32rem;
}

.orderDetails .address i {
	font-size: .24rem;
	color: #AB967B;
	padding-top: .1rem;
}

.orderDetails .cd {
	padding: .7rem .6rem .3rem;
	background-color: #fff;
	font-size: .32rem;
}

.orderDetails .cd img {
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 0.05rem;
	margin-right: .2rem;
}

.orderDetails .cd p {
	padding-bottom: .2rem;
}

.orderDetails .bd {
	padding: 0 .3rem;
	background-color: #fff;
}

.orderDetails .item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: .3rem 0;
	font-size: .28rem;
	border-bottom: 1px solid #AB967B;
}

.orderDetails .item.bd0 {
	border: 0;
}

.orderDetails .sub {
	position: fixed;
	bottom: 0;
	width: 100%;
	line-height: .98rem;
	box-shadow: 0rem 0rem 0.06rem 0rem rgba(0, 0, 0, 0.3);
}

.orderDetails .sub a {
	flex: 1;
	text-align: center;
	font-size: .36rem;
	background: rgba(241, 241, 241, 1);
	color: #666;
}

.orderDetails .sub a.bgc {
	color: #fff;
	background-color: #735937;
}

.orderDetails .mui-numbox {
	width: 1.4rem;
	height: .38rem;
	border: solid 1px #252525;
	padding: 0;
	display: flex;
	align-items: center;
	background-color: #fff;
	border-radius: 0;
}

.orderDetails .mui-numbox [class*=btn-numbox],
.orderDetails .mui-numbox [class*=numbox-btn] {
	width: .38rem;
	background-color: #fff;
	position: static;
	border-radius: 0;
	font-size: .24rem;
	color: #252525;
}

.orderDetails .mui-numbox [class*=btn-numbox][disabled],
.orderDetails .mui-numbox [class*=numbox-btn][disabled] {
	color: silver;
}

.orderDetails .mui-numbox .mui-input-numbox,
.orderDetails .mui-numbox .mui-numbox-input {
	flex: 1;
	border-right: solid 1px #252525 !important;
	border-left: solid 1px #252525 !important;
	font-size: .24rem;
	line-height: .38rem;
	width: auto !important;
}

/* warriorDetails */
.warriorDetails .print-mask .mask-c {
	height: 6.91rem;
	margin-top: -3.5rem;
}

.warriorDetails .print-mask .item span {
	width: 1.4rem;
}

.warriorDetails .print-mask .item input {
	margin-left: 0;
}

.warriorDetails .print-mask textarea {
	flex: 1;
	min-height: 1.6rem;
}

.warriorDetails .print-mask .box {
	padding-bottom: 0;
}

.warriorDetails .print-mask .btn {
	margin: 0 .4rem;
}

.warriorDetails .group-mask .mask-c {
	height: 6.2rem;
	margin-top: -3.2rem;
}

.warriorDetails .w-group {
	margin: 0 .3rem .3rem;
}

.warriorDetails .w-group span {
	font-size: .28rem;
	color: #252525;
	padding-top: .2rem;
}

.warriorDetails .w-group input {
	width: 4.8rem;
	height: 0.6rem;
	padding: .1rem .2rem;
	border-radius: 0.1rem;
	margin-top: .2rem;
	border: 1px solid rgba(151, 151, 151, 1);
}

.warriorDetails .group-int {
	height: 3.2rem;
	overflow: hidden;
	overflow-y: auto;
}

/* warriorIndex */
.warriorIndex .member-war {
	width: 0.8rem;
	height: 0.8rem;
	margin: .3rem .3rem 0 0;
}
.warriorIndex .member-war .pic-img{
	border-radius: 50%;
}
.warriorIndex .member-war img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.upwarp-nodata{
	display: none!important;
}
.warriorNumber {
	padding: .3rem .3rem 0;
	font-size: .28rem;
}

/* writeOff */

.writeOff-bgc header>div {
	background-color: #DA4042;
	color: #fff;
}

.writeOff-bgc header .back {
	background: url(../img/back-fff.png) no-repeat center/cover;
}

.writeOff {
	font-size: .28rem;
}

.writeOff .txt {
	color: #AB967B;
	padding: .3rem 0 .2rem;
}

.writeOff ul {
	padding: 0 .3rem;
	background-color: #fff;
	border-radius: 0.05rem;
}

.writeOff li {
	display: flex;
	padding: .3rem 0;
	border-bottom: 1px solid #AB967B;
	justify-content: space-between;
}
.writeOff li:last-child{
	border: 0;
}
.writeOff .wx {
	position: relative;
	padding-left: .58rem;
}

.writeOff .wx::before {
	display: block;
	content: '';
	width: .4rem;
	height: .4rem;
	position: absolute;
	left: 0;
	background: url(../img/wx.png) no-repeat center center/100% 100%;
}

.writeOff .xz label {
	width: 100%;
	align-items: center;
}

.writeOff input[type=radio] {
	width: .4rem;
	height: .4rem;
}

/* previewMB */
.previewMB .banner {
	position: relative;
}

.previewMB .swiper-slide {
	height: 7.5rem;
	position: relative;
}

.previewMB .swiper-slide i {
	position: absolute;
	border-radius: 2px;
}

.previewMB .swiper-slide span {
	font-size: .1rem;
	position: absolute;
	text-align: center;
}

.previewMB .qhmb {
	position: absolute;
	right: .3rem;
	top: -1rem;
	font-size: .28rem;
	color: #1f6bde;
}

.bd4 {
	border: .04rem solid #fff;
	box-shadow: 0 0 .05rem rgba(0, 0, 0, .4);
}

.public-default {
	flex-direction: column;
	color: #AB967B;
	margin-top: 2rem;
}

.public-default img {
	width: 1.2rem;
	height: 1rem;
	margin-bottom: .2rem;
}

.pulice-index .public-default {
	flex-direction: column;
	color: #AB967B;
	margin: .8rem 0 0;
}

.pulice-index .public-default img {
	width: .8rem;
	height: .8rem;
	margin-bottom: .3rem;
}

.mui-popup-title,
.mui-popup-text {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.mui-popup-text {
	margin-top: .3rem;
}

/* previewAll */
.previewAll .item {
	margin: .6rem .3rem 2rem;
}
.previewAll .item .public-right{
	margin-left: .1rem;
	height: .24rem;
	width: .12rem;
}
.previewAll.public-preview .swiper-slide {
	width: 100%;
	height: 3.8rem;
	position: relative;
}

.previewAll.public-preview .swiper-slide {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	height: 3.75rem;
}

.previewAll .swiper-slide i {
	position: absolute;
	border-radius: 2px;
}

.previewAll .swiper-slide>a>span {
	font-size: .1rem;
	position: absolute;
	text-align: center;
	z-index: 3;
}

.previewAll .swiper-slide .one-page {
	font-size: .4rem;
	text-align: center;
	top: .2rem;
	position: relative;
	width: 100%;
}

.previewAll .cell .pic-img {
	width: 100%;
	height: .39rem;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
}

.previewAll .cell .pic-img.poa {
	top: 0;
	z-index: -1;
}

.previewAll .cell span {
	font-size: .06rem;
	text-align: center;
}

.previewAll .cell {
	margin-right: .03rem;
	width: .39rem;
	position: relative;
}

.previewAll .cw {
	align-items: flex-start;
	padding: .47rem .3rem 0;
}

.previewAll .cw .left,
.previewAll .cw .right {
	width: 50%;
}

.previewAll .colorNull {
	background: url(../../static/img/zynull.png) #fff no-repeat center center/cover;
}

.pd10 {
	padding: 0 .1rem;
}

.public-video {
	display: none;
}

.public-video-bg {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	border-radius: .1rem;
	left: 0;
}

.public-play {
	background: url(../img/play2.png) no-repeat center center/100% 100%;
	width: 1rem;
	height: 1rem;
	position: absolute;
	left: 50%;
	margin-left: -.5rem;
	top: 50%;
	margin-top: -.5rem;
}

.public-video .mask-bg {
	background: rgba(0, 0, 0, 1);
}

.public-video .public-gb {

	background: url(../img/gba.png) no-repeat center center/100% 100%;
	width: .7rem;
	height: .7rem;
	position: absolute;
	left: .3rem;
	top: .3rem;

}

.template-null img {
	width: 100%;
	margin-top: .2rem;
}

.previewAll .box {
	width: 100%;
	margin: 0 auto;
	height: 3.81rem;
	overflow: auto;

}

.tree {
	display: flex;
	width: 100%;
}

.tree>ul {
	width: 50%;
	height: 3.81rem;
}

.tree>ul>li::before,
.tree>ul>li::after {
	display: none;
}

.tree ul {
	padding-top: .1rem;
	position: relative;
	display: flex;
	justify-content: center;
}

.tree ul li {
	float: left;
	text-align: center;
	list-style-type: none;
	position: relative;
	padding: .1rem 1px 0 1px;

}


.tree li::before,
.tree li::after {
	content: '';
	position: absolute;
	top: 0;
	right: 50%;
	border-top: 1px solid #bfa68d;
	width: 50%;
	height: .1rem;
}

.tree li::after {
	right: auto;
	left: 50%;
	border-left: 1px solid #bfa68d;
}

.tree li:first-child::before,
.tree li:last-child::after {
	border: 0 none;
}
.tree li:only-child::after,
.tree li:only-child::before {
	/* display: none; */
	border-left: 1px solid #bfa68d;
	border-right: 0 !important;
	border-radius: 0 !important;
	border-top: 1px solid #bfa68d;
	width: .24rem;
}

.tree li:only-child::after {
	border-right: 1px solid #bfa68d !important;
	border-left: 0;
	
}

/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before {
	border-right: 1px solid #bfa68d;

}
.tree ul li.one{
	padding-top: 0;
}
/* .tree ul li.one>a::before{
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -.24rem;
	top: ;
	background: url(../img/lio.png) no-repeat center center/100% 100%;
	width: .48rem;
	height: .23rem;
} */

.tree ul li.one::before,
.tree ul li.one::after{
	border: 0!important;
}
/*Time to add downward connectors from parents*/
.tree ul ul::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	border-left: 1px solid #bfa68d;
	width: 0;
	height: .1rem;
}


.tree li a {
	/* background: url(../../static/img/head1.png) no-repeat center center/100% 100%; */
	text-decoration: none;
	color: #666;
	font-family: arial, verdana, tahoma;
	display: inline-block;
	width: .34rem;

}

.tree a img {
	width: .3rem;
	height: .3rem;
	border-radius: 50%;
	position: relative;
	top: 1px;

}

.tree a span {
	position: relative;
	top: -.08rem;
	font-size: .05rem;
}

.tree a {
	position: relative;
}

.tree a i {
	position: absolute;
	bottom: -.03rem;
	text-align: center;
	width: 100%;
	font-size: .04rem;
}

.playVideo {
	height: 80vh;
}

.w120 {
	width: 1.2rem;
}

.w140 {
	width: 1.4rem;
}

.familyIndex .member-box .bd .item span.w160 {
	width: 1.2rem;
}

/*鍒楄〃*/
.myInitiate .mescroll {
	position: fixed;
	top: 1rem;
	bottom: 0;
	height: auto;
}

.mescroll-totop {
	width: 1.12rem;
	height: 1.12rem;
}

.previewAll .dsj {
	width: 1.3rem;
	height: 2.5rem;
	position: absolute;
	top: .91rem;
	overflow: hidden;
	left: .49rem;
	font-size: .07rem;
}

.previewAll .more-ewm {
	width: .55rem;
	height: .55rem;
	top: 2.66rem;
	left: 2.53rem;
	position: absolute;
}

.previewAll .company-ewm {
	width: .55rem;
	height: .55rem;
	top: 2.74rem;
	left: 6.44rem;
	position: absolute;
}

.previewAll .family-tips {
	width: 3.6rem;
	top: 1.78rem;
	left: 3.74rem;
	position: absolute;
	font-size: .12rem;
	text-align: center;
}

.previewAll .family-tel table {
	width: 1.55rem;
	height: 1.87rem;
	font-size: .06rem;
	border-collapse: collapse;
	border: 0;
	text-align: center;
	position: absolute;
	top: .61rem;
	left: 2.04rem;
}

.previewAll .family-tel table tr {
	height: .11rem;
}

.previewAll .family-tel table th,
.previewAll .class-tel table th,
.previewAll .family-tel table td,
.previewAll .class-tel table td {
	border: 0.5px solid #9b8d7f;
}

.previewAll .family-name {
	font-size: .2rem;
	text-align: center;
	position: absolute;
	width: 2.12rem;
	top: .22rem;
	left: .92rem;
}

.previewAll .class-tel table {
	width: 2.76rem;
	height: 2.13rem;
	position: absolute;
	top: .55rem;
	left: .47rem;
	font-size: .06rem;
	border-collapse: collapse;
	border: 0;
	text-align: center;
}

.previewAll .class-tel table tr {
	height: .15rem;
}

.previewAll .class-more-ewm {
	width: .52rem;
	height: .52rem;
	position: absolute;
	top: 2.82rem;
	left: 2.74rem;
}

.previewAll .class-tips,
.previewAll .warrior-tips {
	width: 2.5rem;
	height: .3rem;
	top: 2rem;
	left: 4.32rem;
	position: absolute;
	font-size: .12rem;
	text-align: center;
}

.previewAll .warrior-tips {
	font-weight: bold;
	left: 4.36rem;
}

.class-index .member-war {
	text-align: center;
	width: 100%;
	height: auto;
	margin-bottom: .3rem;
}

.class-index .member-war:last-child {
	margin-bottom: 0;
}

.class-index .member-war .pic-img {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
}

.class-index .member-war span {
	font-size: .3rem;
	margin-left: .3rem;
}

/* myGive */
.myGive {
	padding: 0 .3rem;
	background-color: #fff;
}

.myGive .tit {
	font-size: .28rem;
	padding: .3rem 0;
}

.myGive .item {
	margin: 0 .2rem .3rem 0;
	position: relative;
	border-radius: 50%;
}

.myGive .list {
	border-bottom: 1px solid #AB967B;
}

.myGive .item .pic-img {
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
}

.myGive .item .delete {
	height: .3rem;
	width: 100%;
	position: absolute;
	bottom: 0;
	text-align: center;
	background-color: #DA4042;
	line-height: .3rem;
	color: #fff;
	border-radius: .15rem;
}

.myGive textarea {
	min-height: 2.4rem;
	width: 100%;
}

.myGive-footer {
	position: fixed;
	width: 100%;
	line-height: .98rem;
	left: 0;
	bottom: 0;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
}

.myGive-footer .btns {
	background-color: #f1f1f1;
	flex: 1;
	font-size: .36rem;
	color: #666;
	text-align: center;
}

.myGive-footer .btns.last {
	background-color: #DA4042;
	color: #fff;
}

.print-mask.myGive-mask .mask-c {
	width: 6.4rem;
	height: 9.3rem;
	margin: -4.65rem 0 0 -3.25rem;
}

.myGive-mask .item-give {
	margin: 0 .3rem;
	height: 6.2rem;
	overflow: hidden;
	overflow-y: auto;
}

.myGive-mask .cell {
	border-bottom: 1px solid #AB967B;
	padding: .2rem 0;
	font-size: .32rem;
}

.myGive-mask .cell:last-child {
	border: 0;
}

.myGive-mask .cell .tel {
	font-size: .28rem;
	color: #AB967B;
	padding-top: .05rem;
}

.myGive-mask .pic-img {
	width: 1rem;
	height: 1rem;
	border: 50%;
	margin-right: .3rem;
}

.myGive-mask .tips {
	line-height: .6rem;
	padding: 0 .3rem;
	background-color: #F1F1F1;
	font-size: .28rem;
	color: #AB967B;
	margin-top: .2rem;
}

.public-preview .preview-tips {
	padding: 0 .42rem;
	width: 100%;
	position: fixed;
	text-align: center;
	font-size: .24rem;
	color: #666;
	bottom: 2rem;
}

.pay-pop img {
	width: 2.07rem;
}

.pay-pop .mask-c {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: .94rem 0 .4rem;
	width: 5.4rem;
	margin-left: -2.7rem;
	height: 4.4rem;
	margin: -2.2rem 0 0 -2.7rem;
}

.pay-pop .mask-c .btn {
	width: 2.8rem;
	height: 0.68rem;
	background: rgba(218, 64, 66, 1);
	border-radius: 0.34rem;
	font-size: .32rem;
	line-height: .68rem;
}

.pay-pop .mask-c span {
	padding: .2rem 0 .5rem;
	font-size: .28rem;
}

/* clipbg */
.clipbg {
	position: fixed;
	background: #000;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	left: 0;
	display: none;
}

.clipbg #clipArea {
	width: 100%;
	height: 80%;
	margin: auto;
}

.clipbg .footer {
	width: 92%;
	position: fixed;
	left: 4%;
	bottom: .4rem;
	text-align: center;
	font-size: .3rem;
}

.clipbg .footer .open {
	border: 0;
	color: #fff;
}

.clipbg dl {
	background: #ffffff;
	border-radius: 0.16rem;
	overflow: hidden;
	margin-bottom: 0.4rem;
}

.clipbg dd {
	position: relative;
	height: .9rem;
	line-height: .9rem;
	border-bottom: 1px solid #AB967B999;
}

.clipbg .back {
	height: .9rem;
	line-height: .9rem;
	border-radius: .16rem;
	margin-bottom: .rem;
	background: #ffffff;
}

.clipbg dd input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 11;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.photo-clip-mask {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.photo-clip-mask-left {
	position: absolute;
	left: 0px;
	right: 50%;
	top: 50%;
	bottom: 50%;
	width: auto;
	background-color: rgba(0, 0, 0, 0.5);
	margin-right: 150px;
	margin-top: -150px;
	margin-bottom: -150px;
}

.photo-clip-mask-right {
	position: absolute;
	left: 50%;
	right: 0px;
	top: 50%;
	bottom: 50%;
	background-color: rgba(0, 0, 0, 0.5);
	margin-left: 150px;
	margin-top: -150px;
	margin-bottom: -150px;
}

.photo-clip-mask-top {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 50%;
	background-color: rgba(0, 0, 0, 0.5);
	margin-bottom: 150px;
}

.photo-clip-mask-bottom {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 50%;
	bottom: 0px;
	background-color: rgba(0, 0, 0, 0.5);
	margin-top: 150px;
}

.photo-clip-area {
	border: 2px dashed rgb(221, 221, 221);
	position: absolute;
	left: 50%;
	top: 50%;
	width: 300px;
	height: 300px;
	transform: translate(-50%, -50%);
}

.loading {
	position: absolute;
	top: 40%;
	width: 38%;
	left: 31%;
	height: .8rem;
	line-height: .8rem;
	z-index: 99999;
	text-align: center;
	color: #ffffff;
	border-radius: 0.2rem;
	background: #888;
}
.moxie-shim{
	display: none!important;
}
.public-share {
	display: none;
}
.public-share .mask-c{
	top: 0;
	background-color: transparent;
	display: flex;
	justify-content: flex-end;
	width: 100%;
}
.public-share .mask-c img{
	width: 5.17rem;
	height: 5.7rem;
	margin: .3rem;
}
.one-point-two{
	padding-bottom: .6rem;
}
.one-point-two .btn{
	flex: 1;
	margin: .3rem 0 0 0;
}
.one-point-two .btn:last-child{
	margin-left: .2rem;
	background-color: #AB967B;
}
.btn_bc{
	margin-top: .6rem;
}

/* infoDetails */
.infoDetails{
	padding: 0 .3rem .5rem;
}
.infoDetails .hd p{font-size: .32rem;padding: .3rem 0;}
.infoDetails .hd div{font-size: .24rem;color: #AB967B;}
.infoDetails .hd i,
.infoDetails .sii i{
	width: .34rem;height: .2rem;
	margin-right: .14rem;
	background: url(../img/eye-on.png) no-repeat center center/100% 100%;
}
.infoDetails .hd i.on,
.infoDetails .sii i.on{
	background: url(../img/eye-off.png) no-repeat center center/100% 100%;
}
.infoDetails .bd{
	padding: .13rem .2rem;border: 1px solid #AB967B;
	border-radius: 0.1rem;
	font-size: .28rem;
}
.infoDetails .bd textarea{
	width: 100%;
	min-height: 2rem;
}
.infoDetails .bd input{width: 100%;}
.infoDetails .bd input::placeholder,
.infoDetails .bd textarea::placeholder{
	color: #AB967B;
}
.infoDetails .industry .f-row{flex-wrap: unset;}
.infoDetails .industry .bd{width: 3.35rem;position: relative;}
.infoDetails .industry .bd::before,
.infoDetails .city::before{
	display: block;
	content: '';
	width: .24rem;
	height: .12rem;
	position: absolute;
	right:.2rem;
	pointer-events: none;
	background: url(../img/icon-down.png) no-repeat center center/100% 100%;
}
.infoDetails .industry .bd:first-child{margin-right: .2rem;}
.infoDetails .atlas .cell{width: 2.2rem;height: 2.2rem;margin: 0 .15rem .2rem 0;}
.infoDetails .atlas .cell:nth-child(3n+3){margin-right: 0;}
.infoDetails .city{margin-bottom: .2rem;position: relative;}
.infoDetails .cell.file{position: relative;}
.infoDetails .cell input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;}
.infoDetails .atlas img{height: 100%;border-radius: .1rem;}
.infoDetails .t{font-size: .24rem;color: #AB967B;padding: .2rem 0 .5rem;}
.infoDetails .s-cell:first-child p{padding-top: 0;}
.infoDetails .s-cell .sii{font-size: 24rpx;color: #AB967B;padding: .2rem 0 ;}

.infoDetails .d-add{width: .5rem;height: .5rem;margin-top: .3rem;}
.infoDetails .public-file .pic-img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.infoDetails .public-file p{text-align: center;padding: .2rem 0 .3rem;}
/* genealogy */
.genealogy {padding: 0 .3rem .5rem;}
.genealogy .tit{color: #735937;font-size: .32rem;font-weight: bold;padding: .3rem 0;}
.genealogy .tt{width: 2rem;height: 2rem;}
.genealogy .main{padding: 0 .2rem .3rem;border-bottom: 1px solid #AB967B}
.genealogy .main p{color: #735937;text-indent: 2em;font-size: .28rem;line-height: 0.54rem;}
.genealogy .main.mr p{text-indent: 0;}

/* sweep */
.sweep{
	width: 100%;
	height: calc(100vh - .88rem);
}
.sweep .item{width: 5rem;height: 2rem;background: #DA4042;position: relative;box-shadow: 0rem 0rem 0.06rem 0rem rgba(37, 37, 37, 0.5);}
.sweep input{width: 100%;height: 100%;position: absolute;opacity: 0;border-radius: 50%;top:0;left: 0;}
.sweep .item:first-child{margin-bottom: 1rem;}
.sweep span{color: #fff;font-size: .32rem;padding: 0 .3rem;text-align: center;}
.sweep img{width: .8rem;}

/* distinguish */
.distinguish{
	flex-direction: column;
	height: calc(100vh - .88rem);
	display: none;
}
.distinguish >.frc{
	height: 100%;
}
.distinguish .gif{
	width: 5rem;
	margin: 40% auto 0;
	display: block;
}
.distinguish .ing{
	font-size: .28rem;
	color: #0095DD;
	margin-top: .4rem;
	text-align: center;
}
.distinguish .pay-pop p{
	font-size: .36rem;
	font-weight: bold;
}
.distinguish .pay-pop img{
	width: 1.8rem;
	height: 1.86rem;
}
.distinguish .pay-pop span{font-size: .24rem;color: #AB967B;padding: 0;}
.distinguish .pay-pop .mask-c{height: 5.4rem;margin-top: -2.7rem;padding-top: .5rem;}
.distinguish .pay-pop .mask-c .btn{
	margin-top: .5rem;
	width: 3.84rem;
	height: .72rem;
	border-radius: .1rem;
	line-height: .72rem;
}
/* detailsShow */
.detailsShow .name{
	font-size: .48rem;
}
.detailsShow .info{
	font-size: .24rem;
	padding: .3rem .5rem;
	height: 3.6rem;
	background-color: #ccc;
	box-shadow: 0rem 0rem 0.06rem 0rem #CCCCCC;
	border-radius: 0.2rem;
	position: relative;
	margin: .2rem 0 .5rem;
	background: url(../img/dsbg.png) no-repeat center center/100% 100%;
}
.detailsShow .info p{
	padding: .57rem 0 .76rem;
}
.detailsShow .info span{font-size: .28rem;}
.detailsShow .info .pic-img{
	width: 1.44rem;
	height: 1.44rem;
	border-radius: 50%;
	border: 0.01rem solid #AB967B;
	position: absolute;
	right: .6rem;top: .4rem;
}
.detailsShow .item{
	font-size: .3rem;
	padding: .3rem 0;
	border-bottom: 1px solid #AB967B;
}
.detailsShow .item span{
	width: 1.3rem;
	text-align-last: justify;
}
.detailsShow .item i{
	flex: 1;line-height: .52rem;
    position: relative;
    top: -.04rem;
}
.detailsShow .tit{
	padding: .3rem 0;font-size: .3rem;
}
.detailsShow .photo{
	padding-bottom: .5rem;
}
.detailsShow .photo div{
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 0.1rem;
	margin: 0 .15rem .15rem 0;
}
.detailsShow .photo div:nth-child(3n+3){
	margin-right: 0;
}

.myManagementContact {
	padding-bottom: 2rem;
}

.myManagementContact .public-tab {
	border-bottom: 0;
}

.myManagementContact .item {
	margin: 0 .3rem 0 1.6rem;
	border-bottom: .1rem solid #EEE6DA;
	padding: .3rem 0 .16rem;
	position: relative;
	display: flex;
	flex-wrap: wrap;

}

.myManagementContact .item span {
	width: 2.4rem;
}

.myManagementContact .item:last-child {
	border-bottom: 0;
}

.myManagementContact .ava {
	width: 1rem;
	height: 1rem;
	position: absolute;
	left: -1.3rem;
	top: .3rem;
	border-radius: 50%;
}

.myManagementContact .box p {
	width: 50%;
	font-size: .28rem;
	margin-bottom: .14rem;
	display: flex;
	align-items: center;
}

.myManagementContact .box .name {
	font-size: .32rem;
	padding-left: 0;
	display: block;
}

.myManagementContact i {
	width: .26rem;
	height: .26rem;
	margin-right: .1rem;
}

.myManagementContact i.pop {
	background: url(../img/pop.png) no-repeat center center/100% 100%;
}

.myManagementContact i.phone {
	background: url(../img/phone.png) no-repeat center center/100% 100%;
}

.myManagementContact i.bir {
	background: url(../img/bir.png) no-repeat center center/100% 100%;
}

.myManagementContact i.city {
	background: url(../img/city.png) no-repeat center center/100% 100%;
}

.myManagementContact i.indu {
	background: url(../img/indu.png) no-repeat center center/100% 100%;
}

/* culturalH.html */
.grey-s{
	padding: .4rem .3rem .26rem;
	background: #EEE6DA;
}
.culturalH .bd{padding: .2rem .3rem;}
.grey-s .ss{
	height: 0.64rem;
	background: #E2D7C5;
	border-radius: 0.45rem;
}
.grey-s .ss img{width: .35rem;height: .34rem;margin: 0 .23rem 0 .26rem}
.grey-s .ss input{flex: 1;}
.grey-s .ss input::placeholder{color: #AB967B;font-size: .28rem;}
.culturalH .item{
	width: 2.2rem;
	height: 2.68rem;
	background: #EEE6DA;
	border-radius: 0.1rem;
	padding: .18rem .18rem .1rem;
	margin: 0 .15rem .2rem 0;
}
.culturalH .item span{font-size: .36rem;font-weight: bold;color: #AB967B;}
.culturalH .item:nth-child(3n+3){margin-right: 0;}
/* inheritList.html */
.inheritList{margin: .3rem;}
.inheritList a{padding: .2rem;background: #EEE6DA;border-radius: 0.1rem;margin-bottom: .3rem;}
.inheritList img{border-radius: .1rem;height: 100%;}
.inheritList span{font-size: .32rem;color: #735937;padding: .1rem 0;}
.inheritList .zz{width: 100%;height: 3.36rem;position: relative;}
.inheritList .zz div{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.5);border-radius: .1rem;}
.inheritList i{background: url(../img/il_play.png) no-repeat center center/100% 100%;width: 1rem;height: 1rem;position: absolute;}
/* storyList */
.storyL .bd{margin: .3rem;}
.storyL .item{
	padding: .2rem;
	background: #EEE6DA;
	border-radius: 0.1rem;
	position: relative;
	margin-bottom: .3rem;
}
.storyL .lang{
	height: 3.36rem;
	overflow: hidden;
    overflow-x: auto;
    border-radius: .06rem;
}
.storyL .lang img {
    width: auto;
    height: 100%;
}
.storyL .item span{
	position: absolute;
	right: .6rem;top: .2rem;
	width: 0.54rem;
	background: #B21F16;font-size: .24rem;color: #fff;
	padding: .1rem .15rem .16rem;
	line-height: 1.1;
	border-radius: 0rem 0rem 0.36rem 0.36rem;
}
.storyL .fab{padding: .2rem 0 .04rem;font-size: .32rem;color: #B21F16;}
.storyL .fab a{color: #AB967B;font-size: .24rem;}
/* storyD */
.storyD{padding-top: .3rem;}
.storyD .item img{margin-top: .4rem;}
.storyD .hd{height: 3.94rem;width: 100%;position: relative;}
.storyD .hd img{width: 100%;height: 100%;border-radius: .1rem;}
.storyD .hd div{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.5);border-radius: .1rem;}
.storyD .hd i{background: url(../img/il_play.png) no-repeat center center/100% 100%;width: 1rem;height: 1rem;position: absolute;}

/* literature */
.literature .info .pro{font-size: .2rem;position: relative;}
.literature .info .mui-progressbar{margin: 0 .1rem;}
.literature .info .pro a{margin-left: .45rem;color: #DA4042;position: absolute;right: 0;}
.literature .info .pro a::after{
	background: url(../img/icon-right-c.png) no-repeat center center/100% 100%;
	    width: 0.09rem;
	    height: 0.18rem;
		display: block;
		content: '';
		margin-left: .1rem;
}
.literature .invi{
	padding:.2rem .4rem;
background: #EEE6DA;
}
.literature .invi img{
	width: .4rem;
	height: .3rem;
}
.literature .invi span{
	flex: 1;
	color: #AB967B;
	font-size: .28rem;
	margin-left: .2rem;
}
.literature .invi a{
	width: 1.2rem;
	height: 0.48rem;
	background: #735937;
	border-radius: 0.24rem;
	color: #fff;
	font-size: .28rem;
}
.literature .scr-tab{
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
}
.literature .scr-tab .tab{
	width: 140%;
}
/* storageSpace */
.storageSpace,.storageSpaceJoin,.familyInvite{
	background: url(../img/sto_bg.png) no-repeat center center/cover;
	width: 100%;
	height: calc(100vh - .88rem);
}
.storageSpace .item{
	margin: -2rem auto 0;
	width: 6.2rem;
	height: 4.4rem;
	background: #E2D7C5;
	border-radius: 0.2rem;
	padding: 0 .7rem;
}
.storageSpace p{
	font-size: .48rem;
	color: #953034;
	padding: 1rem 0;
	text-align: center;
}
.storageSpace a{
	width: 2rem;
	height: 0.88rem;
	line-height: .88rem;
	text-align: center;
	color: #fff;
	font-size: .32rem;
	background: #953034;
	border-radius: 0.2rem;
}
/* storageSpaceJoin */
.storageSpaceJoin .item{
	width: 6.2rem;
	height: 4.4rem;
	background: #E2D7C5;
	border-radius: 0.2rem;
	margin: -1rem auto 0;
	padding: 0 .5rem;
}
.storageSpaceJoin .item p{
	padding: .5rem 0 .4rem;
	font-size: .36rem;
	color: #953034;
}
.storageSpaceJoin .item input{
	width: 100%;
	height: 1rem;
	background: #EEE6DA;
	padding-left: .3rem;
	border-radius: 0.1rem;
	font-size: .36rem;
}
.storageSpaceJoin .item input::placeholder{
	font-size: .36rem;
}
.storageSpaceJoin a{
	width: 2rem;
	height: 0.88rem;
	background: #953034;
	border-radius: 0.2rem;
	line-height: .88rem;
	text-align: center;
	margin: .6rem auto 0;
	font-size: .32rem;color: #fff;
}
/* memberProfile */
.memberProfile .item p{
	font-size: .4rem;
	font-weight: bold;
	padding: .4rem 0 .1rem;
}
.memberProfile img{
	width: .9rem;height: .9rem;
	border-radius: 50%;
	margin-right: .3rem;
}
.memberProfile span{
	flex: 1;
	font-size: .36rem;
	font-weight: bold;
}
.memberProfile i{
	width: 1.2rem;
	text-align: center;
	line-height: .48rem;
	color: #fff;
	height: 0.48rem;
	font-size: .28rem;
	background: #C57B4A;
	border-radius: 0.24rem;
	margin-left: .2rem;
}
.memberProfile .cell{
	padding: .3rem 0;
	border-bottom: 1px solid #AB967B;
}
.memberProfile i.yq{
	background: #735937;
}
.memberProfile i.ygl{
	background: #757A81;
}
.memberP-mask {display: none;}
.memberP-mask .mask-c{
	width: 100%;
	height: 8rem;
	background: #EEE6DA;
	overflow-y: auto;
	left: 0;
	bottom: 0;
	padding: 0 .3rem;
	border-radius: 0.2rem 0.2rem 0rem 0rem;
}

.memberP-mask .mask-c .cell:last-child{border-bottom: 0;}
.mui-popup-inner,.mui-popup-button{
	background: #E2D7C5;
}
.mui-popup-inner:after{
	background-color:#AB967B;
}
.mui-popup-button,.mui-popup-title{
	color: #735937;
}
/* storageMemorabilia */
.storageMemorabilia{
	margin: .5rem .4rem 0;
	border-left: 1px solid #AB967B;
}
.storageMemorabilia .cell{
	height: 2.6rem;
	background: #EEE6DA;
	border-radius: 0.1rem;
	padding: 0 .2rem 0 .4rem;
	font-size: .28rem;
	position: relative;
	margin: 0 0 0 .3rem;
}
.storageMemorabilia .cell.add{
	margin: 0 0 .2rem .3rem;
}
.storageMemorabilia > .cell::before{
	display: block;
	content: '';
	width: 0.2rem;
	height: 0.2rem;
	background: #735937;
	border-radius: 50%;
	position: absolute;
	left: -.4rem;
	top: -.1rem;z-index: 1;
}
.storageMemorabilia .cell img{
	width: 2.2rem;
	height: 2.2rem;
}
.storageMemorabilia .item{
	padding-bottom: .2rem;
}
.storageMemorabilia .item p{
	margin-left: .3rem;
	font-size: .28rem;
	padding: 0 0 .2rem;
	position: relative;
}
.storageMemorabilia .item p::before{
	display: block;
	content: '';
	width: 0.2rem;
	height: 0.2rem;
	background: #735937;
	border-radius: 50%;
	position: absolute;
	left: -.4rem;
	z-index: 1;
}
/* mtvList */
.mtvList .null{
	height: 100vh;
	margin-top: -1rem;
	flex-direction: column;
}
.mtvList .null img{
	width: 2.88rem;
	height: 2.04rem;
}
.mtvList .null p{
	font-size: .36rem;
	padding: .8rem 0 .3rem;
}
.mtvList .null span{
	font-size: .28rem;
	color: #AB967B;
	font-size: .28rem;
}
.mtvList .null a{
	width: 2.4rem;
	text-align: center;
	line-height: .86rem;
	color: #fff;
	height: 0.86rem;
	background: #953034;
	border-radius: 0.45rem;
	font-size: .36rem;
	margin: .8rem auto 0;
}

.mtvList .storageMemorabilia .cell{
	padding: 0;
	height: 3.4rem;
	margin-bottom: .3rem;
}
.mtvList .storageMemorabilia .item img{
	width: 100%;
	height: 100%;
}
.mtvList .storageMemorabilia .item p{
	font-size: .36rem;
	font-weight: bold;
}
.mtvList .storageMemorabilia .item p::before{
	top: -.1rem;
}
/* mtvDetails */
.mtvDetails img{
	width: 100%;
	display: block;
}
.mtvDetails .btn{
	position: fixed;
	bottom: .8rem;
	width: 2.8rem;
	left: 50%;
	margin-left: -1.4rem;
	height: 0.88rem;
	background: #735937;
	box-shadow: 0rem 0rem 0.06rem 0rem rgba(0, 0, 0, 0.5);
	border-radius: 0.49rem;
}
/* familyMember */
.public-null{
	flex-direction: column;
	height: 100vh;
	margin-top: -2rem;
}
.public-null img{
	width: 1.2rem;
	margin: .3rem 0;
}
.public-null span{
	font-size: .28rem;
}
.familyMember .cell{
	margin: 0 .3rem;
	border-bottom: 1px solid #AB967B;
	width: 100%;
	padding: .3rem 0;
}
.familyMember .cell img{
	width: 0.9rem;
	height: 0.9rem;
	border-radius: 50%;
	margin-right: .3rem;
	
}
.familyMember .cell span{
	font-size: .36rem;
	font-weight: bold;
	flex: 1;
}
.familyMember .cell i{
	width: 1.2rem;
	height: 0.48rem;
	background: #C57B4A;
	text-align: center;
	line-height: .48rem;
	color: #fff;font-size: .28rem;
	border-radius: 0.24rem;
}
/* familyRule */
.familyRule{
	padding-bottom: .3rem;
}
.familyRule .item span{
	font-size: .32rem;
	margin: .3rem 0;
	flex: 1;
}
.familyRule .item span::before{
	display: block;
	content: '';
	width: 0.04rem;
	height: 0.32rem;
	background: #DA4042;
	border-radius: 0.03rem;
	margin-right: .16rem;
}
.familyRule .item .tit a{
	background: url(../img/dsj_right.png) no-repeat center center/100% 100%;
	width: .16rem;
	height: .28rem;
}
.familyRule .item .txt{
	padding: .1rem .2rem;
	border-radius: 0.1rem;
	border: 1px solid #AB967B;
}
.familyRule .txt_null{
	flex-direction: column;
}
.familyRule .txt_null img{
	width: .8rem;height: .8rem;
	margin: .5rem 0 .24rem;
}
.familyRule .txt_null i{
	color:#AB967B;
	font-size: .28rem;
	padding-bottom: .5rem;
}
.familyRule .have p{
	line-height: .54rem;
	font-size: .28rem;
}
.familyRule .have img{margin-top: .2rem;}
.familyRule .have img.mr{
	width: 2rem;
	height: 2rem;
	border-radius: .1rem;
	margin: 0 .3rem 0 0;
	position: relative;
	top: .1rem;
}
.familyRule .have.mr{
	padding: .2rem 0;
}
.familyRule .have.mr p{
	line-height: .44rem;
}

/* familyData */
.familyData p{
	font-size: .32rem;
	padding: .2rem .3rem;
}
.familyData input{
	font-size: .28rem;
	width: 100%;
	color: #AB967B;
	line-height: .9rem;
	padding-left: .3rem;
background: #EEE6DA;
}
.familyData textarea{
	padding: .26rem .3rem;
	background: #EEE6DA;
	width: 100%;
	height: 2.2rem;
}
.familyData .btn{
	    position: fixed;
	    bottom: .3rem;
	    left: .3rem;
	    width: 92%;
}
/* familyInvite */
.familyInvite p{
	font-size: .48rem;
	color: #953034;
	line-height: .8rem;
	padding: 1.4rem .44rem 1.3rem;
	text-indent: 2em;
}
.familyInvite a{
	margin:0 1.95rem;
	height: 0.92rem;
	text-align: center;
	line-height: .92rem;
	color: #fff;
	font-size: .32rem;
	background: #953034;
	border-radius: 0.46rem;
	margin-bottom: .5rem;
}
.familyInvite .sys{
	font-size: .36rem;
	text-align: center;
	color: #953034;
}
.familyInvite .ewm{
	width: 2.6rem;
	height: 2.6rem;
	margin: 0 auto .5rem;
	display: block;
}
/* inviteSurname */
.inviteSurname p{
	text-align: left;
	padding: .5rem 0 .4rem;
	font-size: .36rem;
}
.inviteSurname .item{
	padding: 0 .5rem;
}
.inviteSurname input{
	line-height: 1rem;
	padding-left: .3rem;
	height: 1rem;
	font-size: .36rem;
	background: #EEE6DA;
	border-radius: 0.1rem;
	width: 100%;
	margin-bottom: .6rem;
}
.inviteSurname input::placeholder{
	font-size: .36rem;
}
.inviteSurname .fab{
	padding: 0 .3rem;
}
/* .mask-archives{display: none;} */
.mask-archives .mask-c{
	height: 2.6rem;
	background-color: #fff;
	bottom: .98rem;
	left: 0;
	width: 100%;
	background: #EEE6DA;
	box-shadow: 0rem 0rem 0.04rem 0rem rgba(0, 0, 0, 0.3);
border-radius: 0.2rem 0.2rem 0rem 0rem;
}
.mask-archives .mask-c a{
	width: 2.6rem;
	height: 1.2rem;
	background: #953034;
	border-radius: 0.2rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 1.2rem;
	font-size: .32rem;
}
.mask-archives .mask-c a:first-child{
	margin-right: .8rem;
}
/* familyExpansion */
body.familyExpansion header>div{
	background: #AB967B;
}
body.familyExpansion header .back {
	background: url(../img/back-fff.png) no-repeat center/cover;
}
body.familyExpansion header .tit{
	color: #fff;
}
.familyExpansion .hd{
	height: 4.8rem;
background: #AB967B;
padding: .3rem .3rem 0;
}
.familyExpansion .hd img{
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	margin-right: .3rem;
}
.familyExpansion .name{
	flex:1;
}
.familyExpansion .name p{
	font-size: .36rem;color: #fff;
	font-weight: bold;
	margin-bottom: .15rem;
}
.familyExpansion .name span{
	color:#E2D7C5;
}
.familyExpansion .name a{
	color: #DA4042;
}
.familyExpansion .name a::after{
	display: block;
	content: '';
	background: url(../img/icon_xf.png) no-repeat center center/100% 100%;
	width: .13rem;height: .22rem;
	margin-left: .1rem;
	margin-top: .02rem;
}
.familyExpansion .surplus{
	color: #EEE6DA;
}
.familyExpansion .pro{
	margin-top: .3rem;
}
.familyExpansion .mui-progressbar{
	height: 0.08rem;
	background: #735937;
	margin: .2rem 0;
}
.familyExpansion .mui-progressbar span{
	background: #EEE6DA;
	position: relative;
}
.familyExpansion .pro .num{
	color: #EEE6DA;
	width: 100%;
}
.familyExpansion .cd{
	margin: -1.2rem .3rem 0;
	background: #EEE6DA;
height: 2.53rem;
	border-radius: 0.2rem;
	padding: 0 .4rem;text-align: center;
}
.familyExpansion .cd img{
	width: .96rem;height: .96rem;
	display: block;
	margin: 0 auto;
}
.familyExpansion .cd .cell{
	flex: 1;
}
.familyExpansion .cd p{
	font-size: .26rem;
	padding: .2rem 0 .1rem;
}
.familyExpansion .cd span{
	color: #AB967B;font-size: .22rem;
}
.familyExpansion .bd p{
	font-size: .32rem;
	font-weight: bold;
	padding: .3rem 0;
	margin-left: .3rem;
}
.familyExpansion .item{
	width: 2rem;
	margin-right: .2rem;
	height: 2.6rem;flex-direction: column;
	border-radius: 0.1rem;
	border: 1px solid #AB967B;
	display: inline-flex;
}
.familyExpansion .item:first-child{
	margin-left: .3rem;
}
.familyExpansion .item.on{
	border: 1px solid #DA4042;
}
.familyExpansion .item .wl{
	font-size: .36rem;
	font-weight: bold;
}
.familyExpansion .item span{
	font-size: .54rem;
	position: relative;
	line-height: 1;
	    top: -.2rem;
}
.familyExpansion .box{
	white-space: nowrap;
	overflow-y:auto;
}
.familyExpansion .year{
	    font-weight: bold;
	    margin-top: .3rem;
}
.familyExpansion i{
	text-decoration: line-through;
color: #AB967B;
font-weight: bold;
}
.familyExpansion .btn{
	width: 92%;
	left: 4%;
	position: fixed;
	bottom: .6rem;
border-radius: 0.44rem;
}
.addCelebrity .pulice-edit .rt{
	height: 1.2rem;
	font-size: .28rem;
}
/* otherFiles */
.otherFiles .hd{
	width: 100%;
	height: 3.25rem;
	background: url(../img/i_bg.png) no-repeat center center/cover;
}
.otherFiles .hd{
	font-size: .28rem;
	padding: .56rem .3rem 0;
	position: relative;
}
.otherFiles .hd img{
	width: 1.4rem;
	height: 1.4rem;
	margin-right: .3rem;
	border-radius: 50%;
}
.otherFiles .hd p{
	font-size: .36rem;
	font-weight: bold;
	margin-bottom: .2rem;
}
.otherFiles .hd a.bj{
	width: 0.39rem;
	height: 0.39rem;
	position: absolute;
	bottom: 1.44rem;right: .3rem;
	background: url(../img/my_bj.png) no-repeat center center/100% 100%;
}
.otherFiles .hd .tit{
	flex: 1;padding-right: .6rem;
}
.otherFiles .tab{
	margin-top: .72rem;
}
.otherFiles .tab a{
	font-size: .32rem;
	position: relative;
}
.otherFiles .tab a.on::before{
	display: block;
	content: '';
	position: absolute;
	bottom: -.14rem;
	left: 50%;
	width: 0.68rem;
	margin-left: -.34rem;
	height: 0.06rem;
	background: #735937;
	border-radius: 0.03rem;
}
.otherFiles .invi{
	width:100%;
	height: 0.84rem;
	padding: 0 .3rem;
	background: #E2D7C5;
}
.otherFiles .invi img{
	width: .4rem;height: .3rem;
	margin-right: .2rem;
}
.otherFiles .invi span{flex: 1;font-size: .28rem;color: #AB967B;}
.otherFiles .invi a{
	width: 1.2rem;
	height: 0.48rem;
	background: #735937;
	border-radius: 0.24rem;
	text-align: center;
	line-height: .48rem;
	color: #fff;
	font-size: .28rem;
}
.otherFiles .dyn{
	padding: .2rem .3rem .3rem .4rem;
}
.otherFiles .dyn .item{
	border-left: 1px solid #AB967B;
	font-weight: bold;
	font-size: .48rem;
	padding: 0 0 .3rem .28rem;
	position: relative;
}
.otherFiles .dyn .item::before{
	display: block;
	content: '';
	width: 0.2rem;
	height: 0.2rem;
background: #735937;
border-radius: 50%;
position: absolute;
left: -.1rem;
top: 0;
}
.otherFiles .dyn .item span{
	font-size: .36rem;
	font-weight: bold;
}
.otherFiles .dyn .item p{
	margin-bottom: .2rem;
}
.otherFiles .dyn .item img{
	width: 100%;
}
.otherFiles .dyn .item .pic-list.on img{
	width: 2.1rem;
	height: 2.1rem;
	border-radius: .1rem;
	margin: 0 .1rem .1rem 0;
}
.otherFiles .dyn .item .pic-list.on img:nth-child(3n+3){margin-right: 0;}
.otherFiles .mem {display: none;}
.otherFiles .mem .item{
	border-bottom: 1px solid #AB967B;
	padding: .3rem 0;
	margin: 0 .3rem;
}
.otherFiles .mem .item img{
	width: .9rem;height: .9rem;
	border-radius: 50%;
	margin-right: .3rem;
}
.otherFiles .mem .item  span{
	flex: 1;
	font-size: .36rem;font-weight: bold;
}
.otherFiles .mem .item i{
	width: 1.2rem;
	height: 0.48rem;
	text-align: center;
	line-height: .48rem;
	color: #fff;
	font-size: .28rem;
	background: #C57B4A;
	border-radius: 0.24rem;
}
.otherFiles .null{
	height: calc(100vh - .88rem);
	width: 100%;
background: #E2D7C5;
flex-direction: column;
}
.otherFiles .null img{
	width: 2.88rem;height: 2.04rem;
}
.otherFiles .null p{
	font-size: .36rem;
	padding: .8rem 0 .3rem;
}
.otherFiles .null span{font-size: .28rem;color: #AB967B;}
.otherFiles .null a{
	width: 2.4rem;
	height: 0.86rem;
	background: #953034;
	border-radius: 0.45rem;
	text-align: center;
	line-height: .86rem;
	margin-top: .8rem;
	color: #fff;font-size: .36rem;
}
.otherFiles .have{
	padding: .4rem .3rem;
}
.otherFiles .have a{
	margin: 0 .1rem .1rem 0;
	position: relative;
border-radius: 0.1rem;
	width: 2.2rem;height: 2.2rem;
}
.otherFiles .have span{
	width: 1.1rem;
	height: 0.4rem;
	position: absolute;
	font-size: .2rem;
	color: #fff;
	text-align: center;
	line-height: .4rem;
	right: 0;
	top: 0;
background: #953034;
	border-radius: 0rem 0rem 0rem 0.1rem;
}
.otherFiles .have span.ql{
background: #FE4869;
}
.otherFiles .have span.zy{
background: #00978F;
}
.otherFiles .have span.tx{
background: #0085BF;
}
.otherFiles .have a:nth-child(3n+3){margin-right: 0;}
.otherFiles .have img{
	width: 100%;height: 100%;
}
.otherFiles .have i{
	font-size: .28rem;
	height: 0.54rem;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;color: #FEFCFC;
	line-height: .54rem;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 0rem 0rem 0.1rem 0.1rem;
}
/* establishFiles */
.establishFiles .item{
	background: #EEE6DA;
	padding: .3rem;
	margin-top: .1rem;
}
.establishFiles .item span{
	font-size: .32rem;
	margin-left: .2rem;
}
.establishFiles .item img{
	width: .34rem;height: .4rem;
}
.establishFiles .item input{
	text-align: right;
	flex: 1;
	font-size: .28rem;
}
.establishFiles .item i{
	margin-left: .14rem;
}
.establishFiles textarea{
	font-size: .32rem;
	width: 100%;
	height: 3rem;
}
.establishFiles .item .add{
	width: 1.6rem;
	position: relative;
	height: 1.6rem;
}
.establishFiles .item .add img{
	width: 100%;height: 100%;
}
.establishFiles .item .add input{
	opacity: 0;
	left: 0;top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

/* filesSingle */
.filesSingle .chr {
    margin: .5rem .4rem 0;
    border-left: 1px solid #AB967B;
}
.filesSingle .chr .cell{
	height: 2.6rem;
	background: #EEE6DA;
	border-radius: 0.1rem;
	padding: 0 .2rem 0 .4rem;
	font-size: .28rem;
	position: relative;
	margin: 0 0 0 .3rem;
background: #E2D7C5;
border-radius: 0.1rem;
}
.filesSingle .chr .cell img{
	width: 2.2rem;
	height: 2.2rem;
}
.filesSingle .chr .item{
	padding-bottom: .3rem;
	position: relative;
}
.filesSingle .chr .item p{
	margin-left: .3rem;
	font-size: .28rem;
	padding: 0 0 .1rem;
    position: relative;
    top: -.08rem;
}
.filesSingle .chr .item::before{
	display: block;
	content: '';
	width: 0.2rem;
	height: 0.2rem;
	background: #735937;
	border-radius: 50%;
	position: absolute;
    left: -.1rem;
	z-index: 1;
}
.filesSingle .main>div{display: none;}
.filesSingle .photo-list{
	padding: .4rem .3rem;
}
.filesSingle .photo-list>div{
	width: 2.2rem;
	height: 2.2rem;
	border-radius: .1rem;
	margin: 0 .15rem .2rem 0;
	position: relative;
}
.filesSingle .photo-list>div:nth-child(3n+3){
	margin-right: 0;
}
.filesSingle .photo-list i{
	position: absolute;
	left: -.12rem;
	top: -.12rem;
	width: .34rem;
	height: .34rem;
	background: url(../img/fil_sc.png) no-repeat center center/100% 100%;
}
.filesSingle .data{
	padding: 0 .3rem;
}
.filesSingle .data .item{
	font-size: .3rem;
	padding: .3rem 0;
	line-height: 1.5;
	border-bottom: 1px solid #AB967B;
}
.filesSingle .data span{
	flex: 1;
}
.filesSingle .data p{
	width: 1.4rem;
	margin-right: .3rem;
	text-align-last: justify;
}
.files_null img{
	width: 1.2rem;height: 1rem;
	margin: 3rem auto .3rem;
	display: block;
}
.files_null span{
	font-size: .28rem;
	text-align: center;
}
.filesNull .null img{
	width: 2.88rem;
	height: 1.67rem;
}
/* index */
/* index */
			
			.index .banner {
				width: 84%;
				margin:  0 auto;
				overflow: hidden;
			}
			.index .story .banner{
				width: 100%;
			}
			.index .banner img {
				height: 4.42rem;
				border-radius: .2rem;
			}
			
			.index .banner .swiper-container {
				height: 100%;
				width: 100%;
				overflow: visible;
			}
			
			.index .banner .swiper-container-horizontal>.swiper-pagination-bullets,
			.index .banner .swiper-pagination-custom,
			.swiper-pagination-fraction {
				left: auto;
				bottom: .2rem;
			}
			
			.index .banner .swiper-pagination-bullet {
				width: .1rem;
				height: .1rem;
				background: rgba(0, 0, 0, 0.6);
				border-radius: 50%;
				margin: 0 .08rem !important;
			}
			
			.index .banner .swiper-pagination-bullet-active {
				background-color: #fff;
			}
			.index .banner #banner_swiper1 .swiper-pagination{
				justify-content: center;
			}
			.index .banner .swiper-pagination {
				justify-content: flex-end;
				padding-right: .16rem;
			}
			.index .base-map{width: 100%;height: 6.5rem;background: url(../img/i_bg.png) no-repeat center center/100% 100%;}
			.index .base-map .top{padding: .25rem .55rem .16rem;text-align: right;font-size: .18rem;letter-spacing: .1rem;color: #634a3c;}
			.index .base-map .top img{width: 1.66rem;}
			.index .base-map .bottom{font-size: .2rem;color: #634a3c;padding: 0 .6rem;line-height: .44rem;}
			.index .i_bgc{background-color: #eee6db;border-radius: .2rem;padding: .3rem .55rem;margin-bottom: .1rem;}
			.index .entran img{border-radius: .06rem;box-shadow: 0px .03rem .07rem 0px 
					rgba(64, 45, 18, 0.41);}
			.index .entran > a img{width: 3.47rem;}
			.index .entran >div img{width: 2.75rem;}
			.index .entran >div a:nth-child(1) {margin-bottom: .1rem;}
			.index .heirs .hd{height: 2.84rem;overflow: hidden;overflow-x: auto;box-shadow: 0px 3px 7px 0px rgba(64, 45, 18, 0.41);margin-bottom: .2rem;
				border-radius: .06rem;}
			.index .heirs .hd img{width: auto;height: 100%;}
			.index .heirs .bd a{width: 1.57rem;}
			.index .heirs .bd div{
				width: 100%;
				height: 1.36rem;
				display: flex;
				box-shadow: 0rem 0.03rem 0.07rem 0rem 
						rgba(64, 45, 18, 0.41);
				justify-content: center;
				align-items: center;
				background: url(../img/i_h_bg.png) no-repeat center center/100% 100%;
			}
			.index .heirs .bd img{width: 1.36rem;}
			.index .heirs p{font-size: .2rem;color: #940200;padding-top: .1rem;text-align: center;font-weight: bold;}
			.index .instan img{
				box-shadow: 0rem 0.03rem 0.07rem 0rem rgba(64, 45, 18, 0.41);border-radius: 0.069rem;display: block;
			}
			.index .instan a{position: relative;margin-bottom: .2rem;}
			.index .instan a div{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.5);border-radius: .1rem;}
			.index .instan a i{background: url(../img/il_play.png) no-repeat center center/100% 100%;width: 1rem;height: 1rem;position: absolute;}
			.index .instan a div{
				
			}
			.index .i_title{padding-bottom: .3rem;}
			.index .i_title span{letter-spacing: 0.035rem;font-size: .34rem;color: #940200;font-weight: bold;}
			.index .i_title a{color: #91827a;font-size: .18rem;}
			.index .dynamic .pic-img{width: .42rem;height: .42rem;border-radius: 50%;margin-right: .15rem;}
			.index .dynamic .cell{font-size: .18rem;color: #91827a;padding: .14rem 0;border-bottom: 1px dashed #91827a;}
			.index .dynamic .cell p{color: #940200;font-size: .24rem;width: 2.8rem;}
			.index .dynamic .price span{font-size: 0.32rem;color: #634a3c;}
			.index .dynamic .price i{font-size: 0.16rem;}
			.index .dynamic .time{flex: 1;text-align: right;}
			.index .dynamic .bd{border: solid 1px #b5a9a0;border-radius: 0.069rem;padding: 0 .18rem;height: 2.14rem;overflow: hidden;overflow-y: auto;}
			.index .dynamic .cell:last-child{border: 0;}
			.index .product .cell{
				width: 3.12rem;
				height: 3.65rem;
				box-shadow: 0rem 0.03rem 0.07rem 0rem 
						rgba(64, 45, 18, 0.41);
				border-radius: 0.069rem;
				position: relative;
				margin-bottom: .22rem;
			}
			.index .product .fix{
				height: .88rem;
				width: 100%;
				background: rgba(99,74,60,.87);
				position: absolute;
				bottom: -1px;
				border-radius: 0 0 0.069rem 0.069rem;
				color: #eee6db;
				font-size: .2rem;
				padding-left: .3rem;
			}
			.index .product .fix p{font-size: .28rem;padding: .1rem 0 .04rem;}
			.index .product .fix span{margin-right: .24rem;}
			.index .product .fix i{position: relative;}
			.index .product .fix i::before{
				display: block;
				content: '';
				width: 100%;
				height: 2px;background-color: #940200;
				position: absolute;
				top: .12rem;left: 0;
				transform: rotate(4deg);
			}
			.index_right{position: fixed;right: 0;bottom: 3rem;z-index: 1;}
			.index_right img{width: 1.05rem;}


/* filesBall */
.filesBall{
	width: 100%;
	height: calc(100vh - .88rem);
	background: url(../../static/img/sto_bg.png) no-repeat center center/cover;
}
.filesBall .bd{
	position: fixed;
	bottom: 1.2rem;
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
}
.filesBall .bd::-webkit-scrollbar {
	display: none;
}
.filesBall .bd>div{width:max-content;display: flex;}
.filesBall .bd a:first-child{
	margin-left: .75rem;
}
.filesBall .bd a{
	display: inline-block;
	margin-right: .8rem;
	padding: 0 .34rem;
	height: 1.2rem;
	text-align: center;
	line-height: 1.2rem;
	background: #953034;
	font-size: .32rem;
	color: #fff;
	border-radius: 0.2rem;
}