html,body {
	background: #FAFAFA;
}
/******** 订单tab s********/
.order-tab {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	justify-content:center;
	background: #FFFFFF;
	width: 100%;
	margin-bottom: 0.2rem;
	/*padding: 0.387rem 0rem 0.44rem 0rem;*/
}
.order-tab li {
	font-size: 0.4rem;
	color: #666666;
	margin-right: .5rem;
	/*-webkit-flex: 1;*/
	/*flex: 1;*/
	text-align: center;
}
.order-tab li#yiDong{
	/*margin: 0 0.973rem;*/
}
.order-tab li span {
	height: 1rem;
	line-height: 1rem;
	display: inline-block;
	position: relative;
}
.order-wrap .order-boc .fuzhi {
	width: 2.8rem;
	height: 0.667rem;
	line-height: 0.667rem;
	text-align: center;
	background: #F0F0F0;
	color: #999999;
	font-size: 0.293rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	position: absolute;
	right: 0.32rem;
	top: 0.267rem;
	border-radius: 0.2rem;
}
.order-tab li.active span::before {
	content: "";
	position: absolute;
	height: 0.1rem;
	width: 0.8rem;
	background: #4161EC;
	bottom: 0;

}
.order-tab li.active{
	color: #4161EC;
}
/******** 订单tab e********/
/* 头部文字滚动 */
.head-roll {
	height: 1rem;
	line-height: 1rem;
	background: #FFF7F7;
	font-size: 0.38rem;
	font-weight: 300;
	color: #FB3333;
	display: block;
}
/******** 订单列表 s********/
.order-boc {
	background: #FFFFFF;
	opacity: 1;
	padding: 0.4rem 0.293333rem 1rem 0.666666rem;
	position: relative;
	margin-bottom: 0.266666rem;
	padding-left: 0.72rem;
	margin-left: 0.233333rem;
	margin-right: 0.233333rem;
	border-radius: 5px;
}
.order-boc .order-select {
	position: absolute;
	top: 0.6rem;
	left: 0.3rem;
	width: 0.45rem;
	height: 0.45rem;
	display: block;
}
.order-boc .order-name {
	font-size: 0.453333rem;
	font-weight: 400;
	color: #333333;
	margin-bottom: 0.4rem;
}
.order-boc .order-item {
	font-size: 0.373333rem;
	color: #6d6d6d;
	margin-bottom: 0.25rem;
}
.order-boc .order-item.a{
	color: rgba(251, 136, 79, 1);
	margin-bottom: 0;
}
.order-boc .order-price {
	text-align: right;
	font-size: 0.4rem;
	font-weight: 400;
	color: #666666;
}
.order-boc .order-price span {
	font-size: 0.44rem;
	font-weight: 500;
	color: #FB894D;
}
/* 到期时间 */
.order-boc .order-item.expire {
	color: #FF0E0A;
}

/* 备注 */
.order-boc .order-remarks {
	line-height: 0.38rem;
}
.order-boc .order-remarks span {
	font-size: 0.346666rem;
	font-weight: 400;
	color: #666666;
	display: inline;
}
.order-boc .order-remarks p {
	font-size: 0.346666rem;
	font-weight: 400;
	color: #666666;
	word-break: break-all;
	display: inline;
}
.order-boc .order-remarks em {
	font-family: 'iconfont';
	font-size: 0.566666rem;
	display: inline;
	color: #999;
	/*margin-left: 0.25rem;*/
	vertical-align: bottom;
}
/* 改密 */
.order-boc .order-revise {
	font-size: 0.346666rem;
	font-weight: 400;
	color: #666666;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	margin-top: 0.3rem;
}
.order-boc .order-revise span {
	font-family: 'iconfont';
	display: inline-block;
	font-size: 0.566666rem;
	font-weight: 400;
	color: #999;
}
.moredata{
	font-size: 0.346666rem;
	font-weight: 400;
	color: #666666;
	text-align: center;
	margin-top: 0.6rem;
}
/******** 订单列表 e********/
/******** 备注弹窗 s********/
.remarks-popup {
	border-radius: 0.2rem;
	overflow: hidden;

}
.remarks-popup .popup-title {
	padding: 0.4rem;
	color: #333;
	font-weight: 700;
	font-size: 0.48rem;
	text-align: center;
}
.remarks-popup .popup-content .popup-textarea {
	border: 0.013333rem solid #DDDDDD;
	width: 6.24rem;
	padding: 0.133333rem;
	height: 3rem;
	line-height: 0.48rem;
	font-size: 0.373333rem;
	margin: 0 auto;
}
.remarks-popup .popup-content span {
	font-size: 0.32rem;
	color: red;
	margin-bottom: 0.2rem;
	display: block;
}
.remarks-popup .popup-btn {
	display: flex;
	align-items: center;
	border-top: 0.05rem solid #ddd;
}
.remarks-popup .popup-btn button {
	flex: 1;
	color: #999;
	cursor: pointer;
	border: 0;
	background: none;
	padding:0.3rem;

	font-size: 0.373333rem;
}
.remarks-popup .popup-btn .ok {
	color: #238af4;
	border-left: 1px solid #ddd;
}
.layui-m-layercont {
	padding:0;
}
/******** 备注弹窗 e********/
/******** 暂无订单 s********/
.not-order {
	padding: 1.25rem 1rem 1.5rem;
	text-align: center;
	display: none;
}
.not-order .not-img {
	margin-bottom: 0.5rem;
}
.not-order .not-sell {
	color: #3F4C69;
	font-size: 0.7rem;
	margin: 0.9rem 0;
	color: #999999;
}
.not-order .not-btn {
	width: 4rem;
	height: 1.5rem;
	line-height: 1.5rem;
	background: linear-gradient(180deg, #FFD090 0%, #FB894D 100%);
	box-shadow: 0px 0px 4px rgba(251, 137, 77, 0.2);
	color: #FFFFFF;
	border-radius: 0.75rem;
	font-size: 0.7rem;
	margin: 0 auto;
}

.navBo{
	padding: 0.32rem 0.32rem 0;
	background: #fff;
	margin-bottom: .27rem;
}
.navBo .sercj{
	position: relative;
}
.navBo .sercj .serInp{
	height: 0.96rem;
	width: 100%;
	background: #F5F5F5;
	border-radius: 0.21rem 0.21rem 0.21rem 0.21rem;
	display: block;
	text-indent: 0.73rem;
}
.navBo .sercj .sousuo{
	width: 1.71rem;
	height: 0.8rem;
	line-height: 0.8rem;
	background: #1890FF;
	border-radius: 0.21rem 0.21rem 0.21rem 0.21rem;
	font-size: 0.37rem;
	color: #FFFFFF;
	display: block;
	position: absolute;
	top: 0.08rem;
	right: 0.1rem;
	text-align: center;
}
.navBo .sercj img{
	width: 0.43rem;
	height: 0.43rem;
	position: absolute;
	top: 0.26rem;
	left:0.27rem ;
}


.tab-container {
	/*margin-bottom: 20px;*/
}
.tab-nav {
	display: flex;
	list-style: none;
	padding: 0.4rem 0;
	margin: 0;
	/*justify-content: space-between;*/
	flex-wrap: wrap;

}
.tab-nav li {
	/*font-family: HarmonyOSRegular,serif;*/
	font-weight: 400;
	font-size: 0.35rem;
	color: #333333;
	text-align: center;
	margin-bottom: 10px;
	width: 2.31rem;
	/*background: #f60;*/
}
.tab-nav li.active {
	color: #1890FF;
}
.tab-content {
	/*border: 1px solid #ccc;*/
	padding: 0rem 1.07rem 0.4rem ;
	display: none;
}
.tab-content.active {
	display: block;
}
.sub-tab-nav {
	display: flex;
	list-style: none;
	padding: 0;
	justify-content: space-between;
	margin: 0;
}
.sub-tab-nav li {
	/*font-family: HarmonyOSMedium;*/
	font-weight: 400;
	font-size: 0.37rem;
	color: #333333;
	text-align: center;
	/*transition: transform 0.3s ease;*/
}
.sub-tab-nav li.active {
	color: #1890FF;
	font-weight: bold;
	position: relative;
	/*transform: scale(1.02);*/
}
.sub-tab-nav li.active:after {
	content: "";
	position: absolute;
	width: 0.67rem;
	height: 0.05rem;
	background: #1890FF;
	border-radius: 0rem 0rem 0rem 0rem;
	bottom: -0.4rem;
	left: calc(50% - 0.33rem);
}
.sub-tab-content {
	width: 8.55rem;
	/*height: 5.99rem;*/
	background: #FFFFFF;
	border-radius: 0.43rem 0.43rem 0.43rem 0.43rem;
	margin:  0 auto;
	margin-bottom: 0.27rem;
	display: none;
	padding: 0.43rem;
}
.sub-tab-content.active {
	display: block;
}
.sub-tab-content .ie1{
	/*font-family: HarmonyOSRegular,serif;*/
	font-weight: 400;
	font-size: 0.35rem;
	color: #666666;
	margin-bottom: 0.27rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.sub-tab-content .ie1:last-child{
	margin-bottom: 0;
}
.sub-tab-content .ie3{
	background: #F5F5F5;
	padding: 0.27rem;
}
.sub-tab-content .ie3 .rg{
	width: 1.17rem;
	height: 0.53rem;
	line-height: 0.53rem;
	text-align: center;
	background: #1890FF;
	border-radius: 9.23rem 9.23rem 9.23rem 9.23rem;
	font-size: 0.32rem;
	color: #FFFFFF;
}
.sub-tab-content .ie4 span{
	color: #333;
}
.sub-tab-content .ie5{
	justify-content: end;
}
.sub-tab-content .ie5 .rg span:nth-child(1){
	color: #333;
}
.sub-tab-content .ie5 .rg span:nth-child(2){
	color: #FF8718;
	/*font-family: HarmonyOSMedium;*/
	font-weight: bold;
	font-size: 0.45rem;
}
.sub-tab-content .ie6{
	justify-content: end;
}
.sub-tab-content .ie6 .rg span:nth-child(1){
	width: 1.87rem;
	height: 0.69rem;
	background: #F2F2F2;
	font-size: 0.32rem;
	border-radius: 9.23rem 9.23rem 9.23rem 9.23rem;
	/*font-family: HarmonyOSLight,serif;*/
	display: inline-block;
	line-height: 0.69rem;
	text-align: center;
}
.sub-tab-content .ie6 .rg span:nth-child(2){
	width: 1.87rem;
	height: 0.69rem;
	font-size: 0.32rem;
	background: #F2F2F2;
	border-radius: 9.23rem 9.23rem 9.23rem 9.23rem;
	/*font-family: HarmonyOSLight,serif;*/
	margin-left: .17rem;
	display: inline-block;
	line-height: 0.69rem;
	text-align: center;
}
.sub-tab-content .ie6 .rg span:nth-child(3){
	width: 1.87rem;
	height: 0.69rem;
	font-size: 0.32rem;
	background: #F2F2F2;
	border-radius: 9.23rem 9.23rem 9.23rem 9.23rem;
	margin-left: .17rem;
	display: inline-block;
	line-height: 0.69rem;
	text-align: center;
}

.sub-tab-content .ie6 .rg span:nth-child(4){
	width: 1.87rem;
	height: 0.69rem;
	font-size: 0.32rem;
	background: #F2F2F2;
	border-radius: 9.23rem 9.23rem 9.23rem 9.23rem;
	margin-left: .17rem;
	display: inline-block;
	line-height: 0.69rem;
	text-align: center;
}


.conssspro .sub-tab-content{
	border-radius: 0.21rem;
}
.conssspro:nth-of-type(3) .sub-tab-content{
	margin-bottom: 0;
}
.conssspro:nth-of-type(3) .sub-tab-content .ie1{
	margin-bottom: 0;
}
.conssspro .ie8 .lef{
	width: 2.2rem;
}
.conssspro .ie8 .rg{
	width: 5rem;
}
.conssspro .ie9 .lef{
	font-size: 0.32rem;
	color: #EA4B4B;
	/*font-family: HarmonyOSRegular,serif;*/
}

.sub-tab-content .ie1 .lef div{
	color: #333;
}