/* 标题 */
.nav-bar {
	/* display: flex; */
	padding: 0.26rem 0.309091rem;
	font-size: .34rem;
	text-align: center;
	font-weight: bolder;
	background: white;
	position: sticky;
	top: 0;
	z-index: 22;
	/* justify-content: center; */
	margin-bottom: .25rem;
}

* {
	font-family: STSongti-SC, STSongti-SC;
}

.ivu-modal-header,
.ivu-modal-footer {
	border: none !important;
}

.ivu-modal-body {
	padding: 0 !important;
}

.indexNew {
	font-weight: bold;
}

.flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-start {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.flex-around {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.nav-bar img {
	width: 0.127273rem;
	height: 0.218182rem;
	float: left;
	margin-top: 0.15rem;
}

.login-title {
	color: #8E703B;
	text-align: center;
	font-size: 0.36rem;
	margin-top: 2.12rem;
}

.login-ul {
	padding: 0 0.22rem;
	margin-top: 0.7rem;
}

.login-li {
	position: relative;
	height: 3.9rem;
	align-self: flex-start;
	text-align: center;
	width: calc(100% / 2 - 0.16rem);
	padding: 0.2rem 0.59rem;
	border: 0.03rem solid #999999;
	border-radius: 0.12rem;
}

.login-li li {
	font-size: 0.24rem;
	list-style-type: disc;
}

.login-li p {
	font-size: 0.3rem;
	margin-bottom: 0.2rem;
}

.login-li .select {
	position: absolute;
	bottom: .3rem;
	left: 33%;
	color: #999;
	margin: 0 auto;
	font-size: 0.24rem;
	padding: 0.1rem .21rem;
	border: 0.03rem solid #999;
	border-radius: .1rem;
}

.login-ul .active {
	color: #8E703B;
	border: 0.03rem solid #8E703B;
}

.login-btn {
	color: #fff;
	width: 2.5rem;
	text-align: center;
	margin: 1.5rem auto;
	border-radius: 100px;
	padding: .20rem 0;
	background-color: #8E703B;
}

/* 同八字计划 */
.plan,
.paipan,
.duanyu {
	font-weight: bold;
	min-height: 100vh;
	overflow: hidden;
	background: #FBF6F3;
}

.plan-wenan {
	font-size: .24rem;
	color: #999;
	background: white;
	border-radius: .2rem;
	padding: .3rem .26rem;
	margin: 0.3rem .32rem;
}

.plan-img {
	width: 3.5rem;
	height: 3.5rem;
	margin: 0 auto;
	display: block;
}

.plan-list {
	padding: 0 .32rem;
	margin-top: .4rem;

}

.plan-li {
	color: #999;
	display: flex;
	align-items: center;
	margin-bottom: .2rem;
	justify-content: space-between;
	font-size: .24rem;
	background: white;
	border-radius: .2rem;
	padding: .47rem .3rem;
}

.plan-li>span {
	color: #000;
}

.plan-li img {
	width: .12rem;
	height: .12rem;
	margin-left: .3rem;
}

.plan-tips {
	color: #B06868;
	font-size: .2rem;
	text-align: center;
	margin-bottom: .2rem;
}

.plan-tong {
	font-size: 0.24rem;
	margin: 0 .32rem;
	border-radius: .2rem;
	padding: .3rem .32rem;
	background: white;
	margin-bottom: .3rem;
}

.plan-tong-left {
	padding-bottom: .2rem;
	border-bottom: .01rem solid #F2F2F2;
}

.plan-tong-left span {
	font-size: 0.24rem;
	color: #8E703B;
}

.plan-tong-left p {
	color: #999999;
}

.plan-tong-list li {
	color: #000;
	margin-top: .2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.plan-m-title {
	text-align: center;
}

.plan-m-footer {
	color: #fff;
	width: 2.5rem;
	text-align: center;
	margin: .9rem auto;
	border-radius: 100px;
	padding: .20rem 0;
	background-color: #8E703B;
}

.plan-m-content {
	margin: 0 .3rem;
	font-weight: bold;
}

.plan-m-content ul {
	margin-top: .3rem;
}

.plan-m-content-title {
	padding-left: .2rem;
	font-size: .24rem;
	color: #000;
}

.plan-m-content li {
	color: #8E703B;
	;
	width: 87px;
	text-align: center;
	font-size: 0.24rem;
	padding: 0.25rem 0;
	border: 0.03rem solid #8E703B;
	border-radius: .1rem;
}

.plan-m-content .active {
	color: #fff;
	background-color: #8E703B;
}

.plan-input {
	color: #8E703B;
	font-size: .24rem;
	margin-top: .3rem;
}

.plan-input input {
	width: 2.5rem;


	text-align: center;
	padding: .25rem 0;
	border-radius: .1rem;
	border: 0.03rem solid #8E703B;
	;
}

/* paipan 排盘 */

.paipan-content {
	margin: .3rem .32rem;
	background-color: white;
	padding: .2rem .3rem;
	border-radius: .2rem;
}

.paipan .li {
	color: #999;
	font-size: .24rem;
	padding: .2rem 0;
	margin-bottom: .1rem;
	border-bottom: 1px solid #CCCCCC;
}

.paipan .li input {
	font-weight: bold;
}

.paipan .select {
	padding: .2rem 0;

}

.paipan .select ul {
	font-size: .24rem;
	overflow: hidden;
	display: flex;
	border-radius: .14rem;
	/* border: 1.5px solid #8E703B; */
	background: #F7F4E9;

	justify-content: space-between;
}

.paipan .select li {
	padding: .22rem .2rem;
}

.paipan .select-left-s li {
	padding: .22rem .35rem;
}

.paipan .select .active {
	color: #fff;
	background-color: #8E703B;
}

.paipan .save {
	color: #8E703B;
	margin-top: .3rem;
	font-size: .24rem;
}

.paipan-btn {
	color: #fff;
	width: 5.20rem;
	background: #000;
	font-size: .24rem;
	text-align: center;
	border-radius: .12rem;
	padding: .27rem 0;
	margin: 1rem auto;
}

/* 断语求证 */
.duanyu-nav {
	font-size: .24rem;
	padding: 0 .32rem;
}

.duanyu-tips {
	text-align: right;
	padding-bottom: .2rem;
	color: #000;
}

.duanyu-ul {
	padding: .3rem;
	background: white;
	border-radius: .2rem;
	margin-bottom: .2rem;
}

.duanyu-ul .flex {
	padding: 0 .1rem;
}

.duanyu-ul .input {
	padding: .15rem .2rem;
	margin: .2rem 0;
	border: 1px solid #CCC;

}

.duanyu-ul .input input {
	/* color: #ccc; */
}

.duyuan-btn {
	margin-top: .4rem;

}

.duyuan-btn span {
	padding: .15rem .8rem;
	border-radius: .12rem;
	/* background-color: ; */
	border: 1.5px solid #8E703B;
}

.duyuan-btn .active {
	color: #fff;
	border: none;
	background: #8E703B;
}

/* 断语弹窗 */
.masks {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	backdrop-filter: blur(10px);
	display: flex;
	align-items: center;
	justify-content: center;
}

.masks .content {
	background: white;
	border-radius: 15px;
	padding: 10px;
}

.ivu-radio-wrapper {
	display: flex !important;
	align-items: center;
	white-space: inherit !important;
	justify-content: flex-start;
}

.item-hd-lt {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: .28rem;
	line-height: .4rem;
	color: #282828;
}

.my-x {
	margin: 0 0.08rem 0 0.05rem;
	font-weight: 600;
	color: #E93323;
}

.my-title {
	margin-right: .1rem;
}

.items .flex-start {
	margin-top: .2rem;
}


/* 断语交换 */
.jiaohuan {
	position: relative;
	font-weight: bold;
	font-size: .24rem;
}

.jh-tips {
	color: #985959;
	padding: .15rem 0;
	text-align: center;
	margin: .3rem .35rem;
	border-radius: .12rem;
	border: 1px solid #985959;
}

.jh-ul li {
	padding: .2rem .32rem;
	border-bottom: .2rem solid #FAFAFA;
}

.jh-ul li img {
	width: .36rem;
	height: .36rem;
	margin-right: .22rem;
}

.jh-li-right {
	flex: 1;
	border-radius: .2rem;
	padding: .2rem .7rem;
	border: .015rem solid #CCC;
}

.jh-li-right p {
	font-size: .3rem;
	color: #000;
	text-align: center;
}

.jh-t {
	padding: .2rem 0;

}

.jh-return {
	color: #40AC4C;
	text-align: center;
}

.jh-btn {
	position: fixed;
	bottom: .69rem;
	left: 50%;
	width: 6rem;
	color: #fff;
	font-size: .3rem;
	text-align: center;
	padding: .29rem 0;
	margin-left: -3rem;
	border-radius: .1rem;
	background-color: #8E703B;
}

/* 列表记录和计划 */
.record {
	padding-bottom: .7rem;
	font-weight: bold;
}

.record .nav-bar {
	padding: 0.26rem 0.3rem 0.08;
}

.nav-bar .re-tab {
	color: #CCC;
	padding: 0.2rem 1rem 0;
	font-size: .32rem;
	flex: 1;
}

.nav-bar .re-tab span {
	position: relative;

}

.nav-bar .re-tab span img {
	position: absolute;
	right: -0.7rem;
	top: -0.1rem;
	width: 0.56rem;
	height: 0.24rem;
}

.re-tab .active {
	color: #8E703B;
	position: relative;
}

.re-tab .active::after {
	content: '';
	height: .1rem;
	width: .7rem;
	position: absolute;
	bottom: -.1rem;
	left: 50%;
	margin-left: -.35rem;
	border-radius: .1rem;
	background-color: #8E703B;
}

.re-nav {
	font-weight: bold;
	border-top: .2rem solid #FAFAFA;
}

.re-bazi {
	color: #999999;
	flex-wrap: wrap;
	padding: .5rem .48rem 0;
}

.re-bazi img {
	width: 0.44rem;
	height: .44rem;
}

.re-bazi p {
	margin-top: .1rem;
}

.re-bazi li {
	margin-bottom: .3rem;
	text-align: center;
	width: calc(100% / 4);
}

.re-bazi .acitve {
	color: #8E703B !important;
}

.record .plan-m-footer {
	margin: .1rem auto !important;
}

.re-nav .re-mask-input {
	width: 90%;
	display: block;
	margin: .5rem auto;
	padding: .12rem .2rem;
	font-size: .24rem;
	border: 1px solid #CCCCCC;
}

.watch-bazi-wrap {
	width: 7.5rem;
	background: #F8F3E9;
	/* height: 85vh; */
	padding-top: .1rem;
	padding-bottom: 1rem;

}

.watch-bazi-list {
	width: 7.02rem;
	margin: 0.28rem auto;
	height: 1rem;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.no-watch-bazi {
	width: 7.02rem;
	margin: 0.24rem auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.2rem 0.3rem;
	color: #fff;
	font-size: 0.28rem;
	border-radius: 0.12rem;
	opacity: 1;
	background: #8E703B;
}

.watch-bazi-list .del-btn,
.watch-bazi-list .add-btn {
	border-radius: 50%;
	cursor: pointer;
	width: 0.88rem;
	height: 0.88rem;
	background: #F8F3E9;
	line-height: 0.88rem;
	font-size: 0.4rem;
	color: #fff;
	border: 0.02rem dashed #8E703B;
	text-align: center;
	/* background: url("../images/del-btn.png") center/cover no-repeat; */

}

.watch-bazi-list .add-btn {
	/* background: #F8F3E9; */
	color: #8E703B;
	display: flex;
	justify-content: center;
	align-items: center;


}

.watch-bazi-list .del-btn {
	color: #CA2D28;
	border: 0.02rem dashed #CA2D28;

	display: flex;
	justify-content: center;
	align-items: center;
}

.watch-bazi-list .del-btn span {
	width: 12px;
	height: 2px;
	border: 1px solid #CA2D28;
}

.watch-bazi-list .add-btn span {
	width: 0.24rem;
	height: 0.24rem;
	background: url("../images/add-btn.png") center/cover no-repeat;

}

.watch-bazi-list .avatar {
	border-radius: 50%;
	width: 1rem;
	height: 1rem;
	border: 0.04rem solid transparent;
	position: relative;
	background: #F8F3E9;
	position: relative;
}

.avatar-name {
	position: absolute;
	top: -0.36rem;
	left: 50%;
	transform: translateX(-50%);
	width: 0.9rem;
	text-align: center;
	font-size: 0.24rem;
	color: #8E703B;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: clip;
}

/* .watch-bazi-list .avatar:hover .avatar-name {
	color: #8E703B;
} */

.watch-bazi-list .active::after {
	content: ' ';
	display: block;
	width: 0.4rem;
	height: 0.4rem;
	width: 0;
	height: 0;
	border: 0.24rem solid #F5BD7A;
	border-top-color: transparent;
	border-right-color: transparent;
	border-left-color: transparent;
	position: absolute;
	top: 0.8rem;
	right: 0.24rem;
	background-size: 100%;
}

.watch-bazi-list .avatar img {
	width: 100%;
}

.watch-bazi-list .active.avatar {
	border-color: #F5BD7A;
}

.watch-bazi-list .info {
	position: absolute;
	left: 0;
	top: 1.22rem;
	height: 2.14rem;
	width: 7.02rem;
	padding: 0.2rem 0.3rem;
	color: #fff;
	border-radius: 0.12rem;
	opacity: 1;
	background: linear-gradient(0deg, #F7DCBA 0%, #F5BD7A 100%);
}

.watch-bazi-list .info .info-item {

	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0.14rem 0;
}

.watch-bazi-list .info .info-item span {
	font-size: 0.28rem;
	font-weight: normal;
	line-height: normal;
	letter-spacing: 0px;
	font-variation-settings: "opsz" auto;
	color: #362122;
}

.watch-bazi-list .info .info-item span i {
	color: #6F615D;
	font-style: normal;
}

.watch-bazi-list .info .info-item span:nth-of-type(1) {
	width: 60%;
}

.watch-bazi-list .info .info-item span:nth-of-type(2) {
	width: 30%;
}

.watch-bazi-wrap .watch-center {
	margin-top: 2.7rem;
}

.watch-bazi-wrap .watch-center .nav-2 {
	display: flex;
	width: 7.02rem;
	margin: 0 auto;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 0.3rem;
}

.watch-bazi-wrap .watch-center .nav-2 span {
	width: 30%;
	font-size: 0.34rem;
	font-weight: normal;
	line-height: normal;
	text-align: center;
	color: #6F615D;
	text-align: center;
	cursor: pointer;
}

.watch-bazi-wrap .watch-center .nav-2 span.active {
	color: #CA2D28;
	position: relative;
	font-weight: 500;
}

.watch-bazi-wrap .watch-center .nav-2 span.active::after {
	content: '';
	position: absolute;
	width: 30%;
	height: 0.02rem;
	background: #CA2D28;
	border-radius: 0.1rem;
	display: block;
	left: 35%;
	bottom: -0.1rem;
}

.watch-bazi-wrap .watch-center .content {
	width: 7.02rem;
	margin: 0 auto;

}

.watch-bazi-wrap .tongBZ-user {
	min-height: 40vh;
}

.watch-bazi-wrap .tongBZ-user .empty {
	background: #fff;

	text-align: center;
	font-size: 0.28rem;
	color: #6F615D;
	padding: 0.3rem 0;
}

.watch-bazi-wrap .match-list {
	width: 7.02rem;
	/*height: 5.28rem;*/
	border-radius: 0.12rem;
	background: #FFFFFF;
	padding: 0.3rem;
	font-size: 0.28rem;
	margin-bottom: 0.3rem;
	color: #362122;
	font-family: serif;
}

.tongBZ-user .user-top {
	display: flex;
	padding-bottom: 0.2rem;
	margin-bottom: 0.1rem;
	/*border-bottom: 0.01rem solid #f8f8f8;*/
	font-weight: 400;
	align-items: center;

}


.tongBZ-user .user-top .avatar {
	width: 0.88rem;
	height: 0.88rem;
	border-radius: 50%;
	background: #F0E2C4;
	margin-right: 0.3rem;
}

.tongBZ-user .user-top .right {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.tongBZ-user .user-top .right span {
	margin: 0.06rem 0;
}

.tongBZ-user .user-info {
	background: #F7F4E9;
	padding: 0.06rem 0.1rem;
	border-radius: 0.06rem;
}

.tongBZ-user .user-info p {
	display: flex;
	margin: 0.2rem 0;
	justify-content: space-between;
	font-size: 0.26rem;
}

.tongBZ-user .user-info p i {
	font-style: normal;
	/* background: ; */
	color: #F3880D;
	padding: 0.02rem 0.1rem;
	font-size: 0.2rem;
	border-radius: 0.06rem;
	font-weight: 400;
	font-size: 0.26rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tongBZ-user .user-info p>span {
	flex: 1;
	max-width: 70%;
	color: #362122;
	font-family: inherit;
	font-weight: 400;
	display: flex;

}

.tongBZ-user .user-info p span span {
	padding: 0;
	margin: 0;
}

.tongBZ-user .user-info p span .active {
	color: #CA2D28;
}



.tongBZ-user .user-btn {
	width: 6.42rem;
	height: 0.64rem;
	border-radius: 0.08rem;
	background: #8E703B;
	margin: 0.30rem auto;
	font-size: 0.28rem;
	line-height: 0.64rem;
	text-align: center;
	letter-spacing: 0px;
	cursor: pointer;
	color: #FFFFFF;
}


.tongBZ-anli {
	width: 7.02rem;
	border-radius: 0.12rem;
	min-height: 40vh;
	background: #FFFFFF;
	padding: 0.3rem;
	font-size: 0.28rem;
	color: #362122;
	font-family: serif;
}

.similarBaziCases {
	margin-bottom: 0.5rem;
}

.tongBZ-anli .title {
	font-family: Songti SC;
	font-size: 0.32rem;
	font-weight: bold;
	line-height: normal;
	letter-spacing: 0px;
	font-variation-settings: "opsz" auto;
	color: #362122;
	margin-bottom: 0.2rem;
	margin-left: 0.2rem;
	display: flex;
}

.tongBZ-anli .title .active {
	color: #CA2D28;
}

.tongBZ-anli .info {
	width: 6.62rem;
	margin: 0 auto;
	border-radius: 0.12rem;
	background: #F7F4E9;
	font-size: 0.24rem;
	font-weight: normal;
	line-height: 2;
	color: #8E703B;
	padding: 0.2rem 0.3rem;
}

.tongBZ-anli .detail {
	color: #6F615D;
	font-size: 0.24rem;
	line-height: 1.8;
	background: #F7F4E9;
}

.C-8E703B {
	color: #8E703B;
}

.tongBZ-anli .time {
	display: flex;
	flex-direction: column;
	font-size: 0.26rem;
	padding: 0.2rem 0rem;
	overflow: hidden;
	font-weight: 400;
	height: 1.2rem;
	border-bottom: 0.01rem solid #f1f1f1;
}

.tongBZ-dianp {
	width: 7.02rem;
	border-radius: 0.12rem;
	background: #FFFFFF;
	min-height: 40vh;
	padding: 0.3rem;
	font-size: 0.28rem;
	color: #362122;
	font-family: serif;
	font-weight: normal;
}

.tongBZ-dianp .ysjy {
	position: fixed;
	bottom: 2.2rem;
	right: 0;
	width: 1.82rem;
	height: 0.64rem;
	border-radius: 0.3rem 0 0 0.3rem;
	background: #8E703B;
	font-size: 0.28rem;
	color: #FFFFFF;
	line-height: 0.64rem;
	text-align: center;
}

.tongBZ-dianp .ysjy>img {
	width: 0.28rem;
	height: 0.28rem;
	margin-right: 0.04rem;
}

.tongBZ-dianp .top {
	overflow-wrap: break-word;
	color: rgba(54, 33, 34, 1);
	font-size: 0.3rem;
	font-family: STSongti-SC-Bold;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 0.42rem;
}

.tongBZ-dianp .top span {
	color: rgba(202, 45, 40, 1);

}

.flex-row {
	display: flex;
	flex-direction: row;

}

.justify-between {
	justify-content: space-between;
}

.tongBZ-dianp .report-item {
	/* margin: 0.4rem 0; */

	padding: 0.2rem;
	border-radius: 0.32rem;

}

.report-item .name {
	color: rgb(94, 87, 87);
	font-size: 0.3rem;
	font-weight: bold;
	text-align: start;
	margin-bottom: 0.06rem;

}

.report-item .date {
	padding: 0 0.1rem;
}

.report-item .date .output {
	text-indent: 2em;
	color: rgba(111, 97, 93, 1);

}

/* 排盘记录 弹窗 */
.paipan-rec .search {
	border: 0.02rem solid #E3DFD7;
	width: 7.02rem;
	height: 0.7rem;
	line-height: 0.7rem;
	margin: 0 auto 0.1rem;
	padding: 0 0.2rem;
	border-radius: 0.12rem;
	position: sticky;
	top: 0.82rem;
	background: #fff;

}

.rec-list {
	width: 7.02rem;
	border-radius: 0.12rem;
	background: #FFFFFF;
	box-sizing: border-box;
	border: 0.02rem solid #F0F0F0;
	height: 2.13rem;
	padding: 0.3rem;
	margin: 0.15rem auto;
	position: relative;
}

.rec-list.active {
	background: #F8F3E9;
}

.rec-list .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.2rem;
}

.rec-list .top .name {
	font-size: 0.32rem;
	font-weight: bold;
	line-height: normal;
	letter-spacing: 0px;
	color: #362122;
}

.rec-list .top .label {
	font-family: Songti SC;
	font-size: 0.24rem;
	font-weight: bold;
	line-height: normal;
	text-align: right;
	letter-spacing: 0px;
	font-variation-settings: "opsz" auto;
	color: #8E703B;
}

.rec-list p {
	font-family: Songti SC;
	font-size: 0.26rem;
	font-weight: normal;
	line-height: normal;
	letter-spacing: 0px;
	color: #6F615D;
}

.rec-list .checked {
	width: 0.3rem;
	height: 0.3rem;
	background: url("../images/s2.png") center/cover no-repeat;
	border-radius: 50%;
	border: 0.03rem solid #FFFFFF;
	position: absolute;
	right: 0.3rem;
	bottom: 0.3rem;
}

.rec-list.active .checked {
	background: url("../images/s1.png") center/cover no-repeat;

}


.paipan-rec .search .search-btn {
	position: absolute;

	padding: 0.2rem;
	top: 0rem;
	right: 0rem;
}

.paipan-rec .search .search-btn span {
	display: block;
	width: 0.3rem;
	height: 0.3rem;
	background: url("../images/search-btn.png") center/cover no-repeat;

}

.paipan-rec .search input {
	height: 100%;
	width: 100%;
	font-size: 0.3rem;
}

.section_4.paipan-rec2 {
	padding-top: 5.5rem;
}

.section_4.paipan-rec2.msg {
	padding-top: 3.5rem;
}

.paipan-rec2 .Bazi-records {
	padding: 0.3rem;
	border-radius: 0.06rem;
	border: 0.02rem solid #E3DFD7;
	display: flex;
	flex-direction: column;
	font-size: 0.28rem;

}

.paipan-rec2 .Bazi-records>div {
	display: flex;
	align-items: center;
	margin-bottom: 0.4rem;
}

.paipan-rec2 .Bazi-records #avatar {
	flex: 1;
}

.paipan-rec2 .Bazi-records label {
	margin-right: 0.12rem;
	width: 0.9rem;
	display: inline-block;

}

.paipan-rec2 .Bazi-records input,
.paipan-rec2 .Bazi-records textarea {
	height: 0.6rem;
	width: 5.5rem;
	border: 0.02rem solid #E3DFD7;
	border-radius: 0.06rem;
	padding: 0.12rem;

}

.paipan-rec2 .Bazi-records textarea {
	height: auto;
}

.Bazi-records .avatar-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;

}

.Bazi-records .avatar-list img {
	width: 26%;
	border-radius: 50%;
	border: 0.06rem solid transparent;
}

.Bazi-records .avatar-list img.active {
	border-color: #CA2D28;

}

/* -- */
/* 数量 */
.re-ming-num {
	display: flex;
	justify-content: space-between;
	padding: 0.254545rem 0.309091rem;
}

.re-ming-num .num-left {
	font-weight: bold;
	font-size: 0.254545rem;
}

.re-ming-num .num-right {
	color: #999;
	font-size: 0.2rem;
	align-self: flex-end;
}

.re-ming-num .num-right img {
	width: 0.109091rem;
	height: 0.145455rem;
	margin-left: 0.090909rem;
}

.re-ming-list {
	height: 8rem;
	overflow-y: scroll;
	padding: 0 0.272727rem;
}

.re-ming-list .li {
	font-weight: bold;
	padding: 0.254545rem;
	margin-bottom: 0.272727rem;
	background-color: #F4F6E8;
	border-radius: 0.254545rem;
}

.re-ming-list .li-top {
	display: flex;

	align-items: flex-start;
	justify-content: flex-start;
}

.re-ming-list .li-top span {
	color: #fff;
	font-weight: bold;
	min-width: 0.690909rem;
	height: 0.690909rem;
	text-align: center;
	margin-right: 0.2rem;
	font-size: 0.418182rem;
	line-height: 0.690909rem;
	background-color: #8C2B24;
	border-radius: 0.163636rem;
}

.re-ming-list .li-top-nav {
	font-size: 0.254545rem;
}

.re-ming-list .li-top-nav p {
	font-size: 0.254545rem;
}

.re-ming-list .li-top-from {
	text-align: center;
	margin-top: 0.509091rem;

	font-size: 0.254545rem;
}

.re-ming-list .li-bot {
	display: flex;
	font-size: 0.218182rem;
	margin-top: 0.254545rem;
	padding-top: 0.254545rem;
	border-top: 1px solid #D2D5BE;
	justify-content: space-between;
}

.re-ming-list .li-bot p {
	color: #8C2B24;
	width: 3.818182rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.re-ming-list .li-bot .btnt {
	color: #fff;
	height: 36px;
	line-height: 36px;
	border-radius: 0.127273rem;
	background-color: #3C9949;
	padding: 0 0.181818rem;
}


/* 记录列表 */
.re-jilu-p {
	font-size: .24rem;
	text-align: center;
	margin-bottom: .2rem;
}

.re-jilu-tab {
	padding: 0 .32rem;
	padding-bottom: .3rem;
	border-bottom: .2rem solid #FAFAFA;
}

.re-jilu-tab span {
	width: 1.4rem;
	text-align: center;
	padding: .18rem 0;
	border-radius: .1rem;
	font-size: .24rem;
	border: .015rem solid #8E703B;
}

.re-jilu-tab .active {
	border: none;
	color: #fff;
	background-color: #8E703B;
}

.re-jilu-list {
	padding: .4rem .32rem;

}

.re-jilu-li {
	padding: .2rem .18rem;
	border-bottom: 1px solid #F2F2F2;
}

.re-jilu-li-left {
	flex: 1;
	border-right: 1px solid #F2F2F2;
}

.re-jilu-li-left span {
	font-size: .3rem;

}

.re-jilu-li-left p {
	color: #999;
	font-size: .22rem;
	margin-top: .1rem;
}

.re-jilu-li-right {
	width: 2.13rem;
	text-align: center;
}

.re-jilu-li-right p {
	font-size: .24rem;
}

.re-jilu-li-right div {
	color: #8E703B;
	width: 1.45rem;
	margin: 0 auto;
	border-radius: .1rem;
	padding: .1rem 0;
	border: 1px solid #8E703B;
}

/* 共享计划 */
.re-jihua {
	margin: 0 .32rem;
	font-size: .24rem;
}

.re-jihua-content {
	color: #999;
	border-radius: .2rem;
	padding: .3rem .26rem;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
}

.re-jihua-content .t {
	text-align: center;
	color: #000;
	margin-bottom: .3rem;
}

.re-jihua-swich {
	margin-top: .4rem;
	border-radius: .2rem;
	padding: .47rem .3rem;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
}

.re-jihua-tips {
	color: #B06868;
	font-size: .2rem;
	text-align: center;
	padding: .2rem .6rem;
}

.re-jihua-zu {
	flex-wrap: wrap;
	padding: 0 .6rem;
}

.re-jihua-zu li {
	color: #999;
	display: flex;
	align-items: center;
	margin-top: .42rem;
	width: calc(100% / 2);
}

.re-jihua-zu li img {
	width: .36rem;
	height: .36rem;
	margin-right: .2rem;
}

.re-jihua-code {
	width: 3rem;
	height: 3rem;
	display: block;
	margin: .3rem auto;
}

.re-jihua-p {
	padding-bottom: .4rem;
	font-size: .24rem;
	text-align: center;
}

/* 细盘 */
.xp {
	font-weight: bold;
	padding-bottom: .1rem;
}

.xp .nav-bar {
	z-index: 99999;
	background: #8E703B;
}

.xp-tab {
	color: #B38A6C;
	font-size: .3rem;

}

.xp-tab .active {
	color: #fff;
}

.xp-head {
	color: #fff;
	padding: .3rem;
	font-size: .26rem;
	background: linear-gradient(180deg, #EFE1C1 0%, #F8F3E9 100%);
	border-radius: .2rem;
	margin: .12rem .1rem;
	font-size: 0.28rem;
	color: #8E703B;
}

.xp-head p {
	margin-bottom: .2rem;
}

.xp-head-rgiht {
	width: 1.8rem;
	align-self: flex-start;
}

.xp-head-rgiht p {
	color: #8E703B;
	border-radius: .25rem;
	padding: 0.09rem .1rem;
	background-color: white;
	text-align: center;
}

/* 细盘第一页 */
.xp .classilfy {
	font-weight: bold;
	padding: 0.2rem 0.1rem;
	margin: 0.1rem;
	font-family: STSongti-SC-Black;
	font-weight: normal;
	background-color: #fff;

}

.xp .classilfy.zyxp {
	margin: 0.1rem;
	padding: 0.2rem;
	border-radius: 0.2rem;
	position: relative;
}

/* 排盘细盘 */
.ppxp .classilfy,
.ppxp>ul.tab2-da,
.ppxp.tab2-add,
.ppxp.xipan-wenan,
.ppxp.tab2-list {
	background-color: rgba(255, 255, 255, 1);
	border-radius: 12px;
	width: 7.2rem;
	margin: 0 auto;
	margin-top: 0.24rem;
	justify-content: flex-center;
	padding: 0.24rem;

	font-family: STSongti-SC-Black;
}

.ppxp>ul.tab2-da {
	width: 7.3rem;
	padding: 0.24rem 0.1rem 0.24rem 0.1rem;

}

.ppxp.tab2-add,
.ppxp.xipan-wenan,
.ppxp.tab2-list {
	width: 7.2rem;
	font-size: 0.28rem;
	box-shadow: none;
	font-weight: normal;
}

.xp .classilfy.zyxp .zyxp-line {
	position: absolute;
	left: 40.5%;
	top: 16%;
	width: 1px;
	height: 2.1rem;
	background: #E3DFD7;
}

.xp .classilfy li {
	text-align: center;
	width: 0.672727rem;
}

.xp .classilfy .m {
	flex: 1;
}

.xp .classilfy li:nth-child(n+2) {
	/* margin-left: 0.181818rem; */
}

.xp .classilfy-t {
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.090909rem;
	justify-content: space-between;
}

/* .classilfy-t::after {
	content: '';
	width: 0.672727rem;
} */
.classilfy .m-right {
	margin-right: 0.181818rem;
}

.xp .t {
	color: #999;
	font-size: 0.28rem;
}

.xp .s {
	align-self: center;
	font-size: 0.28rem;
}

.xp .m {
	color: #000;
	font-size: 0.28rem;
}

.xp .two li {
	width: 100%;
}

.xp .two.borderR {
	border-right: 1px solid #E3DFD7;

}

.xipan-tushi {
	margin: 0 .32rem;
	margin-top: .3rem;
	padding: .2rem 0;
	text-align: center;
	color: #8E703B;
	border: 1px solid #CCCCCC;
}

.xipan-dayun {
	min-height: 187px !important;

	flex-wrap: wrap;
}

.xipan-dayun span {
	width: 100%;
	display: block;
	font-size: .2rem;
	color: #999;
}

.xipan-dayun div {
	width: 100%;
	text-align: center;
}

.xipan-wenan {
	padding: 0.16rem;
	font-size: .28rem;

	padding: 0.2rem;
}

.xipan-wenan div {
	margin-top: .2rem;
}

.xipan-wenan p {
	flex: 1;
}

.xipan-wenan span {
	color: #8E703B;
	margin-right: .2rem;
	padding: .13rem .22rem;
	border-radius: .1rem;
	border: 1px solid #8E703B;
}

/* tab2 */
.tab2-ri {
	font-size: .24rem;
	padding: .2rem .32rem;
	border-bottom: 0.163636rem solid #FAFAFA;
}

.tab2-ri-left {
	flex: 1;
}

.tab2-ri-right {
	text-align: right;
}

.tab2-ri-right span {
	color: #00D848;
}

.tab2-ri-right img {
	width: .6rem;
	height: .6rem;
	margin-left: .2rem;
}

.tab2-da {
	padding-top: .2rem 0.1rem;
	font-weight: normal;
	color: rgba(54, 33, 34, 1);
}

.tab2-da li {
	width: 10%;
	/* flex: 1; */
	min-height: 72px;
	/* padding: 0 4px; */
	border-right: 1px solid #E6E3DC;
	text-align: center;
	font-size: 0.3rem;


}

.tab2-da .active {
	background-color: #F2E8D2;
}

.tab2-da li:last-child {
	border-right: none;
}

.tab2-da-top {
	font-size: .2rem;
	padding: 4px 0;
}

.tab2-da .ss {
	color: rgba(111, 97, 93, 1);
	font-size: 0.2rem;
	font-family: STSongti-SC-Regular;
	color: #ED3F3F;
	transform: translateY(-0.18rem);
}

li.tab2-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: .3rem;
	width: 0.62rem;
	color: rgba(142, 112, 59, 1);


}

.tab2-b-age {
	font-size: .2rem;
	color: #999;
}

.tab2-add {
	margin: 0 .32rem;
	margin-top: .3rem;
	padding: .25rem .2rem;
	border-radius: .1rem;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
}

.tab2-add span {
	flex: 1;
	color: #8E703B;
}

.tab2-add p {
	color: #ED3F3F;
	font-size: .2rem;
}

.tab2-add img {
	width: .5rem;
	height: .5rem;
	margin-right: .1rem;
}


.tab2-tabs {
	color: #fff;
	margin-top: .3rem;
	padding: .13rem .6rem;
	background-color: #8E703B;
}

.tab2-list {
	padding: .3rem;
	margin: 0 .32rem;
	margin-top: .3rem;
	border-radius: .2rem;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
}

.tab2-list li {
	display: flex;
	margin-top: .1rem;
	justify-content: flex-start;
}

.tab2-list-t {
	font-size: .34rem;
	color: #8E703B;
	margin-top: 0;
	border-bottom: 1px solid #f1eded;
	padding-bottom: 0.1rem;
	margin-bottom: 0.1rem;
}

.tab2-list p {
	color: #8E703B;
	margin-right: 4px;
}

.tab2-list div {
	flex-wrap: wrap;
}

.xipan-tab3 {
	padding: .3rem .32rem;

}

/* tab3 */
.xipan-tab3 .re-jihua-content {
	font-size: .24rem;
}

.tab3-title {
	margin: .3rem .18rem 0;
	color: #8E703B;
}

.tab3-title span {
	flex: 1;
	font-size: .34rem;

}

.tab3-title img {
	width: .4rem;
	height: .4rem;
	margin-right: .1rem;
}

.xipan-tab3 .duanyu-ul {
	color: #000;
	border-radius: .2rem;
	margin-top: .3rem;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
}

.xipan-tab3 .duyuan-btn span {
	padding: .15rem .3rem;
}

.tab2-ren {
	margin-top: .2rem;
}

.tab2-ren p {
	color: #fff;
	padding: 8px 19px;
	border-radius: 10px;
	background-color: #000;
}

.tab3-mask {
	border-top: .2rem solid #FAFAFA;
}

.tab3-mask p {
	color: #AFAFAF;
	padding: .25rem 0;
	font-size: .3rem;
	text-align: center;
	border-bottom: 1px solid #FAFAFA;
}

.tab3-mask .active {
	color: #8E703B;
}