.disflexCenSmall {
  display: flex;
  align-items: center;
}

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

.disflexCenBtw {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.disflexCenAro {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@basicColor: #409EFF!important;
.jianbianSkin{
	background-image: linear-gradient(90deg,
			#2ebeff 0%,
			#3f93fd 100%)!important;
	box-shadow: 3px 5px 16px 0px rgb(57 164 253 / 59%)!important;	
}
.basicGradient1 {
  background-image: linear-gradient(92deg,
				#77d6f3 0%,
				#26c5f2 100%)!important;
}
.basicGradient2 {
  background-image: linear-gradient(92deg,
					#6de8cf 0%,
					#2bdcbb 100%)!important;
}
.basicGradient11 {
  background-image: linear-gradient(92deg,
				#77d6f3 0%,
				#26c5f2 100%);
}
.basicGradient22 {
  background-image: linear-gradient(92deg,
					#6de8cf 0%,
					#2bdcbb 100%);
}


.item_title_val{
	.disflexCenSmall();
	height: .46rem;
	line-height: .46rem;
	font-size: .2rem;
	color: #333;
	padding-left: .2rem;
	border-bottom: .01rem solid #ddd;
	font-weight: bold;
}

// 首页用户信息
#right_main_content{
	.el-alert{
		margin-bottom: .12rem;
	}
	.user_info_detail{
		background-color: #fff;
		border: .01rem solid #ddd;
		margin-bottom: .12rem;
		.item_info_detail{
			.disflexCenSmall();
			padding: .2rem;
			box-sizing: border-box;
			.headimg_big_detail{
				text-align: center;
				img{
					width: 1.6rem;
					height: 1.6rem;
					border-radius: 50%;
					margin-bottom: .15rem;
				}
			}
			.info_detail_value{
				p:nth-child(1){
					font-size: .2rem;
					margin-bottom: .2rem;
					color: #666;
				}
				p:nth-child(2){
					margin-bottom: .1rem;
					color: #333;
				}
			}
			button.pay_moneys{
				font-size: .26rem;
				color: #fff;
				width: 2rem;
				height: .6rem;
				line-height: .6rem;
				border-radius: .02rem;
				cursor: pointer;
				border: none;
			}
		}
	}
	.article_send_quickly{
		background-color: #fff;
		border: .01rem solid #ddd;
		margin-bottom: .12rem;
		.article_send{
			padding: .4rem;
			padding-bottom: .2rem;
			box-sizing: border-box;
			div.daiyanse-bgval{
				margin-bottom: .2rem;
				a{
					display: block;
					height: .6rem;
					text-align: center;
					line-height: .6rem;
					font-size: .22rem;
					color: #fff;
				}
			}
			div.daiyanse-bgval:nth-child(2n+1) a{
				.basicGradient11();
			}
			div.daiyanse-bgval:nth-child(2n+2) a{
				.basicGradient22();
			}
		}
	}
	.article_send_steps{
		background-color: #fff;
		border: .01rem solid #ddd;
		margin-top: .12rem;
		.article_send_detail{
			box-sizing: border-box;
			img{
				width: 100%;
			}
		}
	}
}
.indexNotice{
	.guanxuantitle{
		font-size: .24rem;
		color: #333;
		text-align: center;
		margin-bottom: .1rem;
	}
	.username{
		b{
			font-weight: normal;
			color: @basicColor;
		}
	}
	.content{
		max-height: 3rem;
		overflow-y: auto;
		margin: .2rem 0;
	}
}

// 订单列表页
.order_lists{
	.page_header_title{
		margin: 10px 0 20px 0;
	}
	.type_choose_val{
		margin-bottom: 12px;
		.selce_type_list_par{
			overflow: hidden;
			overflow-x: auto;
			margin-bottom: 30px;
			.selce_type_list{
				
				border-bottom: 1px solid #E4E7ED;
				.type_choose_list_detail{
					border-bottom: none;
					border-radius: 4px 4px 0 0;
					white-space: nowrap;
					position: relative;
					transition: transform .3s;
					>li{
						cursor: pointer;
						transition: all 0.3s;
						height: 36px;
						line-height: 36px;
						padding: 0 20px;
						box-sizing: border-box;
						display: inline-block;
						list-style: none;
						font-size: 14px;
						font-weight: 500;
						color: #303133;
						position: relative;
						border-bottom: 1px solid transparent;
						border-left: 1px solid #E4E7ED;
						border-top: 1px solid #E4E7ED;
						b{
							border-radius: 10px;
							color: #FFF;
							display: inline-block;
							font-size: 12px;
							height: 18px;
							line-height: 18px;
							padding: 0 6px;
							text-align: center;
							white-space: nowrap;
							border: 1px solid #FFF;
							background-color: #F56C6C;
						}
					}
					>li:first-child{
						border-left: none;
					}
					>li:last-child{
						border-right: 1px solid #E4E7ED;
					}
					>li:hover,>li.active{
						background-color: #409EFF;
						color: #fff;
					}
				}
			}
		}
		
		.type_choose_val_detail{
			.el-tabs__item{
				transition: all 0.3s;
				height: 36px;
				line-height: 36px;
				.el-badge{
					margin-top: -2px;
				}
			}
			.el-tabs__item.is-active,.el-tabs__item:hover{
				background-color: @basicColor;
				color: #fff;
			}
		}
	}
	.order_search_detail_val{
		.el-form-item{
			.el-form-item__content{
				.line{
					text-align: center;
				}
			}
		}
	}
	.order_table_list{
		table-layout: fixed;
		border-collapse: separate;
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
		flex: 1;
		width: 100%;
		max-width: 100%;
		background-color: #fff;
		font-size: 14px;
		color: #364860;
		th,td{
			transition: background-color .25s ease;
			padding: 12px 10px;
			text-align: left;
			box-sizing: border-box;
			text-overflow: ellipsis;
			vertical-align: middle;
			border-top:1px solid #ccc;
			border-right:1px solid #ccc;
			word-break: break-all;
			font-size: 12px;
			a{
				color: #364860;
			}
			.statusErrorShow{
				position: relative;
				.errorStatus{
					position: absolute;
					width: 9px;
					height: 9px;
					border-radius: 50%;
					background-color: red;
					top: -7px;
					left: 48px;
					display: block;
				}
			}
		}
		thead{
			color: #364860;
			font-weight: 500;
			th{
				border-bottom: none;
				font-weight: bold;
			}
		}
		tbody{
			tr:last-child td{
				border-bottom:1px solid #ccc;
			}
		}
		thead tr th:first-child,tbody tr td:first-child{
			border-left: 1px solid #ccc;
		}
		
	}
	.bottom_pagin_total{
		.disflexCenSmall();
		margin: 40px 0;
		margin-bottom: 220px;
	}
}
.changeOrderContent{
	h2{
		margin-bottom: .12rem;
		font-size: .18rem;
		color: #333;
	}
	.changeOrderTalk{
		margin-bottom: .12rem;
		ul{
			max-height: 3rem;
			overflow-y: auto;
			li{
				display: flex;
				align-items: flex-start;
				margin-bottom: .2rem;
				div{
					p{
						margin-bottom: .12rem;
						font-size: .12rem;
						span{
							
						}
						span:first-child{
							margin-right: .12rem;
							font-weight: bold;
							color: #333;
						}
					}
					p:last-child{
						margin: 0;
					}
				}
				div.liuyanshenfen{
					width: .8rem;
					margin-right: .15rem;
					font-size: .2rem;
					color: #333;
				}
				div.liuyanNR{
					margin-top: .07rem;
				}
			}
		}
	}
	.choosechangeSelects{
		margin-bottom: .1rem;
		label.el-checkbox{
			width: 33%;
			margin-right: 0;
		}
	}
	.successLinkName{
		margin-bottom: .1rem;
		.disflexCenSmall();
		>span{
			width: 1.6rem;
		}
	}
}

// 媒体报价页
.select_list_val{
	padding-top: .2rem;
	padding-left: .1rem;
	box-sizing: border-box;
	background-color: #f0f0f0;
	margin: .2rem 0;
	.select_list_detail{
		margin-bottom: .06rem;
		display: flex;
		align-items: flex-start;
		>section:first-child{
			box-sizing: border-box;
			width: 1.05rem;
			text-align: right;
			padding: .04rem 0;
			padding-right: .05rem;
			box-sizing: border-box;
			color: #666;
			word-break: keep-all;
		}
		.select_list_detailval{
			flex: 1;
			ul{
				display: flex;
				flex-wrap: wrap;
				li{
					cursor: pointer;
					padding: .04rem .1rem;
					box-sizing: border-box;
					margin: 0 .06rem .06rem 0;
					color: #333;
					.disflexCenSmall();
				}
				li:hover,li.active{
					background-color: #409EFF;
					color: #fff;
				}
			}
		}
	}
}

.middle_search_item{
	flex-wrap: wrap;
	.disflexCenSmall();
	.middle_search_item_left{
		.disflexCenSmall();
		.defaultSortBtn{
			font-weight: bold
		}
	}
	.middle_search_item_right{
		.disflexCenSmall();
		flex-wrap: wrap;
		justify-content: flex-end;
		.search_input_val{
			margin-right: .1rem;
			.disflexCenSmall();
			span{
				word-break: keep-all;
			}
		}
	}
}
.media_search_list{
	margin-top: 20px;
	.media_search_list_detail{
		table-layout: fixed;
		border-collapse: separate;
		position: relative;
		box-sizing: border-box;
		flex: 1;
		width: 100%;
		max-width: 100%;
		background-color: #fff;
		font-size: 14px;
		color: #606266;
		th,td{
			transition: background-color .25s ease;
			padding: 12px 10px;
			text-align: left;
			box-sizing: border-box;
			text-overflow: ellipsis;
			vertical-align: middle;
			border-top:1px solid #ccc;
			border-right:1px solid #ccc;
			word-break: break-all;
		}
		thead{
			color: #909399;
			font-weight: 500;
			th{
				border-bottom: none;
				font-weight: bold;
				color: #666;
			}
		}
		thead tr th:first-child,tbody tr td:first-child{
			border-left: 1px solid #ccc;
		}
		tbody tr:last-child td{
			border-bottom: 1px solid #ccc;
		}
		tbody{
			tr{
				transition: all linear 0.1s;
				td{
					color: #333;
				}
				.remarkVal{
					font-size: 12px;
				}
			}
			tr:hover{
				box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%);
			}
		}
	}
}
.xhs_media_search_list{
	table{
		.shuju{
			.disflexCenSmall();
			p{
				.headImg{
					width: .7rem;
					height: .7rem;
					border-radius: 50%;
					margin-right: .16rem;
				}
				span:first-child{
					display: block;
					margin-bottom: .06rem;
				}
				.shuxing{
					width: max-content;
					display: block;
					height: .2rem;
					padding: 0 5px;
					line-height: .2rem;
					background-color: hsla(220,4%,58%,0.1);
					border: 1px solid #d3d3d3;
					color: #909399;
					font-size: 12px;
					border-radius: 4px;
					box-sizing: border-box;
					white-space: nowrap;
					margin-right: 5px;
				}
			}
		}
		.leftColorDan{
			p{
				font-size: 12px;
				margin-bottom: .08rem;
				span:first-child{
					display: inline-block;
					width: 60px;
					color: #bbb;
				}
			}
		}
		.priceSpecialColor{
			.specialPrices{
				display: flex;
				flex-wrap: wrap;
				color: red;
			}
		}
	}
}
.bottom_pagin_total{
	text-align: center;
	margin: 40px 0;
}
a.linkes{
	 display: inline-block;
	 position: relative;
	 z-index: 0;
	 transition: color .2s;
	 outline: none;
}
a.linkes:after{
	 content: "";
	 width: 0;
	 height: 2px;
	 background: #E74C3C;
	 position: absolute;
	 top: 100%;
	 left: 50%;
	 -webkit-transition: all .2s;
	 -webkit-backface-visibility: hidden;
	 transition: all .2s;
	 backface-visibility: hidden;
}
.media_search_list_detail tbody tr:hover a.linkes:after{left: 0%;width: 100%;}
.media_search_list_detail tbody tr:hover a.linkes{color: #E74C3C!important;}




// 文章发布页面
.article_publish_one{
	.top_article_title{
		margin-bottom: .25rem;
		border-bottom: 1px solid #ddd;
		.page_header_title{
			
		}
	}
	.choose_media_list{
		font-size: 16px;
	}
	.input_necessary_vals{
		margin: .3rem 0;
		>div{
			display: flex;
			margin-bottom: .15rem;
			.left_inputs_val{
				text-align: right;
				padding-right: .1rem;
				box-sizing: border-box;
				line-height: 40px;
				b{
					font-weight: normal;
					color: red;
				}
			}
			.right_inputs_val{
				.priceChangeRange{
					.disflexCenSmall();
					.priceAcceptRangeVal{
						width: 100px;
						height: 36px;
						border-radius: 5px;
						border: 1px solid #ccc;
						margin-right: 6px;
					}
				}
				.templateDown{
					display: inline-block;
					width: auto;
					height: 45px;
					line-height: 45px;
					text-align: center;
					border: 1px solid #e6e6e6;
					color: #333;
					margin-right: 10px;
					border-radius: 3px;
					padding:0 10px;
				}
				.file {
				    position: relative;
				    border-radius: 4px;
				    text-decoration: none;
				    text-indent: 0;
				    box-sizing: border-box;
				    display: inline-block;
				    background: #fff;
				    border: 3px dashed #607D8B;
				    border-radius: 2px;
				    color: #455A64;
				    font-size: 14px;
				    line-height: 1.5;
				    margin: 0;
				    padding: 10px;
				    -webkit-transition: background .15s linear,border .15s linear,color .15s linear,opacity .15s linear;
				    transition: background .15s linear,border .15s linear,color .15s linear,opacity .15s linear;
					input {
					    position: absolute;
					    right: 0;
					    top: 0;
					    left: 0;
					    bottom: 0;
					    opacity: 0;
					    width: 100%;
					    box-sizing: border-box;
					}
				}
			}
		}
		
	}
	.need_attention{
		margin-bottom: 30px;
		.need_attention_detail{
			background: #e5f3ff;
			border: 1px solid #c0dffa;
			border-radius: 6px;
			padding: 15px;
			h2{
				font-size: 16px;
				color: #000;
			}
			p{
				margin-top: 6px;
				font-size: 12px;
				color: #666;
			}
		}
	}
}

.article_publish_two{
	margin-bottom: 300px;
	.select_list_val{
		margin: 0;
		margin-bottom: .2rem;
	}
	.article_pagin_total{
		margin-bottom: 1.5rem;
	}
}
.bottom_fixed_menu{
	position: fixed;
	bottom: 0;
	right: 0;
	left: 12.5%;
	min-height: 1.2rem;
	background-color: #fff;
	box-shadow: 6px -3px 15px #cbd9e4;
	z-index: 1200;
	padding: .15rem 0;
	box-sizing: border-box;
	.res_choosed_val{
		.choosed_media_res{
			height: auto;
			max-height:150px;
			overflow-y: auto;
			li{
				background-color:@basicColor;
				color: #fff;
				display: inline-block;
				padding: 6px 10px;
				margin-left: 10px;
				margin-bottom: 10px;
				i.el-icon-circle-close{
					cursor: pointer;
				}
			}
		}
	}
	.money_shows{
		margin-top: .2rem;
		font-weight: bold;
		font-size: 18px;
		text-align: center;
		div{
			.disflexCen();
			p{
				margin-right: .16rem;
				b{
					color: #ff6c00;
				}
			}
			
		}
	}
	.article_order_operations{
		margin-top: .15rem;
		div{
			flex-wrap: wrap;
			.disflexCen();
		}
	}
}

// 草稿箱页面
.deaft_lists{
	.order_search_val{
		margin-top: .2rem;
	}
}

// 发票申请页面
.apply_receipt{
	margin-top: .25rem;
	padding-left: 3%;
	form{
		>div.el-form-item{
			width: 40%;
			margin-bottom: .16rem;
		}
		>div.el-divider{
			margin: .18rem 0;
		}
	}
}


//充值页面
.recharge{
	padding: .15rem;
	box-sizing: border-box;
	>div{
		margin-bottom: .3rem;
		h2{
			color: red;
			font-size: .2rem;
			margin-bottom: .25rem;
		}
		.payStyleSet{
			div.el-form-item__content{
				.disflexCenSmall();
				.payStyleSetDetail{
					margin-top: -0.03rem;
					.disflexCenSmall();
					span.el-radio__input{
						margin-top: .04rem
					}
					span.el-radio__label{
						.disflexCenSmall();
						b{
							font-size: .2rem;
							margin-left: .05rem;
							color: #333;
						}
					}
					
				}
			}
		}
		.kefudaichong{
			background-color: #d9ecff;
			padding: .15rem;
			box-sizing: border-box;
			border-radius: .05rem;
			border: 1px solid #a0cfff;
			display: flex;
			align-items: flex-start;
			font-size: .13rem;
			.daichong_left{
				margin-right: .15rem;
				margin-top: .01rem;
				i{
					font-size: .2rem;
				}
			}
			.daichong_right{
				p{
					margin-bottom: .15rem;
				}
				>div{
					display: flex;
					align-items: flex-start;
					p{
						margin-right: .16rem;
						span{
							margin-bottom: .12rem;
							color: red;
							display: flex;
							align-items: flex-start;
						}
					}
				}
			}
		}
		.shoukuanma{
			display: flex;
			align-items: flex-start;
			font-size: .15rem;
			font-weight: bold;
			img{
				margin-right: .15rem;
				max-width: 2.5rem;
				border: 1px solid #eee;
			}
			span:last-child{
				align-self: center;
			}
		}
		.yinhanginfo{
			display: flex;
			align-items: flex-start;
			border-bottom: 1px solid #eee;
			padding-bottom: .2rem;
			padding-top: .2rem;
			p{
				img{
					width: 2rem;
					height: 1.5rem;
					border: 1px dashed #eee;
				}
				span{
					margin-left: .2rem;
					display: block;
					color: #333;
					height: .5rem;
					line-height: .5rem;
					b{
						color: red;
					}
				}
			}
		}
	}
}


//预览页面
#previewHeader{
	height: .36rem;
	background-color: #f2f2f2;
	border-bottom: 1px solid #e7e7e7;
	line-height: .36rem;
	.disflexCen();
	section{
		width: 1200px;
		.disflexCenBtw();
	}
}
.previewContent{
	position: relative;
	width: 1000px;
	margin: 50px auto;
	border: 1px solid #ddd;
	box-shadow: 0 1px 3px #aaa;
	padding: 20px;
	box-sizing: border-box;
	.multi_title_show{
		position: absolute;
		top: -27px;
		left: -1px;
		ul{
			display: flex;
			flex-wrap: wrap;
			li{
				margin-right: -1px;
				border: 1px solid #ff6c00;
				color: #ff6c00;
				cursor: pointer;
				padding: 3px 12px;
				box-sizing: border-box;
			}
			li.active{
				background-color: #ff6c00;
				color: #fff!important;
			}
		}
	}
	.previewContentDetail{
		h2{
			font-size: .24rem;
			margin-bottom: .1rem;
			text-align: center;
		}
		.remarkval{
			border: 1px solid #aaa;
			padding: 5px;
			box-sizing: border-box;
			text-align: center;
			color: red;
		}
		.infoContent{
			margin: .2rem 0;
		}
		.linkval{
			margin-top: .15rem;
		}
	}
}
.select_choose_val{
	height: 28px;
	background-color: #fff;
	border: solid 1px #d2d2d2;
	padding: 0;
	border-radius: 4px;
}




// 标签相关效果

.collect_edits{
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: inline-block;
}

/* 新的标签功能效果 */
.newsBrandList{
	position:relative;width:220px;color:#ff6c00;vertical-align:middle;text-align:left;user-select:none;;
	span.placeholder{
		position:relative;z-index:1;display:flex;padding-right:10px;height:36px;border:1px solid #aaa;border-radius:4px;line-height:36px;cursor:pointer;align-items:center;padding-left: 10px;color:#888;
		background-image: linear-gradient(to top, #eee 0%, #fff 50%);
	}
	span.placeholder::after{
		position:absolute;top:16px;right:10px;border-color:#788493 transparent #788493 transparent;border-style:solid;border-width:9px 7px 0 7px;content:'';
	}
	.myCollectsLists{
		display:none;position:absolute;top:44px;left:0;z-index:10000000;overflow:hidden;box-sizing:border-box;padding:12px 0;width:100%;border-radius:4px;background-color:#fff;box-shadow:0 0 13px 0 rgba(236,195,166,.97);
		.searchBrandVal{
			margin: auto 10px;
			height: 35px;
			border: 1px solid #ddd;
			margin-bottom: 10px;
			.disflexCenSmall();
			input{
				width: 88%;
				height: 32px;
				border: none;
				padding-left: 6px;
				box-sizing: border-box;
				color: #333;
			}
			img{
				width: 17px;height: 18px;margin: 0 4px;
			}
		}
		ul{
			padding:0;width:100%;list-style:none;
			li{
				display:flex;padding:0 10px;height:48px;color:#062149;line-height:48px;cursor:pointer;align-items:center;justify-content:space-between;
				div:first-child{overflow:hidden;width:88px;text-overflow:ellipsis;white-space:nowrap}
				img{
					display:none;margin-left:10px;cursor:pointer;
				}
				img:first-child{margin-left:0}
			}
			li:hover{
				img{display:inline-block}
			} 
		}
	}
}
.newsBrandList.is-open{
	.myCollectsLists{
		display:block;
	}
}




// 独立出来的收藏夹样式
.newsMyCollects{
	.myCollectsListShow{
		ul{
			li{
				position: relative;
				    z-index: 5;
				p.news_operation{
					display: none;
					position: absolute;
					top: 28px;
					left:0;
					padding-top: 3px;
					box-sizing: border-box;
					width: max-content;
					b.news_operation_col{
						width: 24px;
						height: 24px;
						border-radius: 50%;
						display: inline-block;
						background: url(/static/site/img/user/collect_operate1.png) no-repeat;
						background-position: 0 0px;
						cursor: pointer;
					}
					b.news_operation_col:last-child{
						margin-left:5px;
						background-position: 0 -24px;
					}
				}
			}
			li:hover{
				p.news_operation{
					display: block;
				}
			}
		}
		.createNewCollect{
			box-sizing:border-box;
			margin-top:5px;
			padding:0 14px;
			.disflexCenSmall();
			span:first-child{
				height:34px;border:solid 1px #ff6c00;border-radius:4px 0 0 4px;flex:1;
				input{
					box-sizing:border-box;padding-right:5px;padding-left:5px;width:100%;height:.31rem;border:none;color:#666;margin-top: 0.01rem;
				}
			}
			span:last-child{
				width:60px;height:36px;border-radius:0 4px 4px 0;background-color:#ff6c00;color:#fff;text-align:center;font-size:14px;line-height:36px;
			}
			.createNewCollectBtn{
				cursor: pointer;
			}
		}
	}
}

.collectDiaHide{
	position:absolute;
	top:50px;
	right: 42px;
	z-index:9999999999;
	display:none;
	min-width:154px;
	border:1px solid #e5e5e5;
	border-radius:4px;
	background-color:#fff;
	box-shadow:0 2px 29px 0 rgba(216,232,251,.97);
	ul{
		position:relative;
		li{
			background-color:#fff;
			font-size:16px;
			display:flex;
			justify-content: space-between;
			padding:5px 12px;
			box-sizing:border-box;
			div{
				overflow:hidden;
				box-sizing:border-box;
				padding:10px 12px;
				width:204px;
				text-overflow:ellipsis;
				white-space:nowrap;
				>span:last-child:hover{
					background-color:#5941c4;
					color:#fff;cursor:pointer;
				}
			}
		}
		li:last-child>div{
			border: none;
		}
	}
	ul::after{
		position:absolute;
		content:'';
		top:-14px;
		right:4px;
		width:0;
		height:0;
		border-right:12px solid transparent;
		border-bottom:14px solid #00CACA;
		border-left:12px solid transparent;
	}
}
.collectDiaHide ul li div>span:first-child{
	display: inline-block;
	overflow: hidden;
	width: 112px;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
}
.collectDia{display:block;}
.ff6cStyle>div.layui-layer-title{background-color:#00CACA;color:#fff}
.posStaXHS{top:80px}
.posStaDSP{top:105px}
.myCollectListDetails>li>div:last-child{display: flex;align-items: center;}
.newsCollectLists{
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding:10px 0;
	font-size:14px;
	border-bottom: 1px solid #ddd;
}
.lastSpanCollect{
	display: inline-block;
	width: 64px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #5941c4;
	border: 1px solid #5941c4;
	border-radius: 4px;
	cursor: pointer;
}
.lastSpanCollect.active{
	background-color: #5941c4;
	color: #fff;
}
.floatRightClose{position:absolute;width: 22px;height: 22px;border-radius: 50%; box-shadow: 2px 2px 10px #ccc;top: -16px;left: -14px;background-color: #999;border: 3px solid #fff;background-image: url(/static/site/img/user/closeCopy.png);
    background-size: 55%;
	cursor: pointer;
	z-index: 2;
    background-repeat: no-repeat;
    background-position: center;
}



//文章发布页
.title_style_val{
	display: flex;
	li{
		display: inline-block;
		width: 108px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		border: 1px solid #ff6c00;
		color: #ff6c00;
		cursor: pointer;
		transition: all linear 0.2s;
	}
	li.active{
		background-color: #ff6c00;
		color: #fff;
	}
}
.manyTitle{
	li{
		div{
			border: 1px solid #ddd;
			height: 38px;
			display: flex;
			span:first-child{
				text-align: center;
				display: inline-block;
				padding: 0 10px;
				line-height: 38px;
				background-color: #fff9f4;
				color: #ff6c00;
				border-right: 1px solid #ddd;
			}
			span:last-child{
				flex: 1;
				input{
					width: 100%;
					height: 38px;
					padding: 0 8px;
					box-sizing: border-box;
					border: none;
				}
			}
		}
	}
}




//品牌宝效果
.yxbTitleStyle{
	font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
	padding: 18px 0;
	border-bottom: 1px solid #ddd;
	position: relative;
	margin-bottom: 35px;
}
.yxbTitleStyle::after {
    content: '';
    position: absolute;
    width: 108px;
    height: 3px;
    background-color: #ff6c00;
    bottom: 0;
    left: 0;
}
.showDetailsDia{
	.el-dialog__header{
		padding: 0;
		height: 50px;
		line-height: 50px;
		font-size: 20px;
		background-color: rgb(247, 241, 237);
	}
	.showDetailsVal{
		.fuwuneirong{
			h2{
				width: 100%;
				height: 42px;
				line-height: 42px;
				text-align: center;
				background-color: #f8e2d1;
				font-size: 16px;
				color: #ff6c00;
			}
			.fuwuneirong_detail{
				font-size: 13px;
				max-height: 200px;
				overflow-y: auto;
				padding: 20px;
				box-sizing: border-box;
				background-color: #f7f1ed;
				border: solid 1px #eeeeee;
				p{
					margin-bottom: 3px;
				}
			}
		}
	}
}



.yxbContents{
	// 企业品牌管理
	.qypp{
		padding: 0 20px;
		box-sizing: border-box;
		.qyppItems{
			display: flex;
			flex-wrap: wrap;
			.qyppItem{
				margin-bottom: 30px;
				width:460px;
				height: 100%;
				background-color: #ffffff;
				box-shadow: 0px 0px 10px 0px 
					#b3b3b3;
					display: inline-block;
					margin-right: 50px;
				.itemHeader{
					width: 100%;
					height: 84px;
					background-image: linear-gradient(-45deg, 
						#f2973e 0%, 
						#fe8f1c 42%, 
						#ffa800 100%), 
					linear-gradient(
						#ffffff, 
						#ffffff);
					background-blend-mode: normal, 
						normal;
					display: flex;
					justify-content: center;
					align-items: center;
					span{
						font-family: SourceHanSansCN-Regular;
						font-size: 20px;
						font-weight: normal;
						font-stretch: normal;
						letter-spacing: 0px;
						color: #ffffff;
						display: block;
						text-align: center;
					}
				}
				.blueBG{
					background-image: linear-gradient(-45deg, 
						#bc63c6 0%, 
						#9568da 50%, 
						#6e6cee 100%), 
					linear-gradient(
						#ffffff, 
						#ffffff);
					background-blend-mode: normal, 
						normal;
				}
				.itemBoydes{
					.someThings{
						margin: 14px 0;
						display: flex;
						justify-content: space-between;
						align-items: center;
						padding: 0 22px 0 35px;
						p{
							color: #333;
							font-size: 14px;
						}
						p.watchDetailes{
							width: 80px;
							height: 32px;
							line-height: 32px;
							text-align: center;
							background-image: linear-gradient(90deg, 
								#fe8f1d 0%, 
								#f2973e 100%);
							border-radius: 2px;
							color: #fff!important;
							cursor: pointer;
						}
					}
					.someTable{
						padding: 0 21px 27px;
						height: 242px;
						overflow-y: auto;
						overflow-x: hidden;
						table{
							width: 100%;
							height: auto;
							border: solid 1px #dcdcdc;
							font-size: 14px;
							color: #333;
							th{
								height: 48px;
								line-height: 48px;
								background-color: #eee;
								text-align: left;
							}
							th:first-child,td:first-child{
								padding-left: 28px;
								padding: 9px 5px 9px 28px;
							}
						}
					}
					.otherTable{
						padding:0 10px 32px;
						height: 242px;
						overflow-y: auto;
						overflow-x: hidden;
						table{
							width: 100%;
							height: auto;
							th,td{
								border: 1px solid #e5e5e5;
								font-size: 14px;
								color: #333333;
								padding: 10px 12px;
							}
							th{
								height: 48px;
								line-height: 48px;
								background-color: #eee;
								text-align: left;
								padding: 0 12px;
							}
						}
					}
					
					
					.priceDetails{
						width: 100%;
						height: 154px;
						padding-top: 25px;
						border-top: 1px solid #dcdcdc;
						p{
							text-align: center;
							span{
								display: inline-block;
								font-size: 14px;
							}
							.hengline::after{
								width: 54px!important;
							}
							.shengIcon{
								width: 22px;
								height: 22px;
								line-height: 22px;
								text-align: center;
								background-image: linear-gradient(90deg, 
									#fe8f1c 0%, 
									#ffa800 100%);
								border-radius: 2px;
								color: #fff;
								margin: 0 8px  0 12px;
							}
						}
						p:first-child{
							height: 42px;
							line-height: 42px;
							span{
								color: #ff6c00;
							}
							span:first-child{
								font-size: 28px;
							}
							span:last-child{
								font-size: 53px;
							}
						}
						p:nth-child(2){
							margin: 18px 0 12px 0;
							height: 22px;
							line-height: 22px;
							span:first-child{
								color: #666;
								position: relative;
							}
							span:first-child::after{
								position: absolute;
								content: '';
								width: 46px;
								height: 1px;
								background-color: #666;
								top: 11px;
								right: -1px;
							}
							span:last-child{
								color: #ff6c00;
							}
						}
						p:last-child{
							height: 14px;
							line-height: 14px;
							span{
								color: #666;
							}
						}
					}
					.somebtnes{
						display: flex;
						button{
							font-size: 20px;
							color: #ffffff;
							flex: 1;
							height:56px;
							line-height: 56px;
							text-align: center;
							border: none;
							cursor: pointer;
						}
						.concatUSS{
							background-image: linear-gradient(90deg, 
									#fe8f1d 0%, 
									#f2973e 100%);
						}
						.payMoneys{
							background-image: linear-gradient(90deg, 
									#ff0300 0%, 
									#ff6300 100%);
						}
					}
				}
			}
			.qyppItem:last-child{
				margin-right: 0;
			}
		}
	}
}



// 改版标签效果
.newBrandStyle{
	position: relative;
	z-index: 1000;
	display:inline-block;
	.showBrandChoice{
		display: inline-block;
		background-color: transparent;
		p{
			.chooseBrandValShow{
				cursor: pointer;
				width: 220px;
				height: 40px;
				padding-left: 8px;
				box-sizing: border-box;
				border: 1px solid #aaa;
				border-radius: 4px;
				color: #666;
			}
		}
	}
	.showBrandChoice:hover{
		background-color: transparent;
	}
	.showBrandOperate{
		position: absolute;
		top: 40px;
		left: 0;
		width: 400px;
		box-shadow: 0px 2px 10px #aaa;
		border: 1px solid #ddd;
		background-color: #fff;
		z-index: 99;
		.brandDiaTitle{
			display: flex;
			justify-content: space-between;
			padding: 10px;
			box-sizing: border-box;
			align-items: center;
			background-color: #eee!important;
			font-size: 15px;
			color: #333;
			h2{
				font-size: 0.16rem;
			}
			.brandCloseBtn{
				cursor: pointer;
				color: #000;
				font-size: 20px;
				font-weight: bold;
			}
		}
		.brandDiaContent{
			padding:15px;
			box-sizing: border-box;
			ul{
				li{
					display: flex;
					flex-wrap: wrap;
					p{
						display: flex;
						align-items: center;
						border: 1px solid #ddd;
						padding:0 6px;
						box-sizing: border-box;
						margin-left: -1px;
						font-size: 13px;
						margin-bottom: 10px;
						.brandNameShow{
							height: 30px;
							line-height: 30px;
							color: #000!important;
							cursor: pointer;
						}
						.brandDelIcon{
							width: 24px;
							height: 24px;
							text-align: center;
							line-height: 24px;
							display: inline-block;
							cursor: pointer;
							i{
								margin: 0!important;
								padding: 0;
								color:red;
								font-weight: bold;
							}
							i:hover{
								background-color:transparent;
								color: #fff!important;
							}
						}
					}
					p:hover,p.active{
						background-color: #ff6c00;
						border-color: #ff6c00;
						color: #fff!important;
						.brandNameShow{
							color: #fff!important;
						}
						.brandDelIcon{
							i{
								color: #fff!important;
							}
						}
					}
				}
			}
		}
		.brandDiaFoot{
			border-top: 1px solid #eee;
			padding: 12px;
			box-sizing: border-box;
			p{
				display: flex;
				align-items: center;
				justify-content: space-between;
				span:first-child{
					width: 75%;
					.brandInpusVal{
						border: 1px solid #ccc;
						height: 30px;
						padding-left: 10px;
						box-sizing: border-box;
						width: 100%;
						color: #333;
					}
				}
				.addBrandBtn{
					display: inline-block;
					width: 60px;
					height: 30px;
					line-height: 30px;
					text-align: center;
					background-color: #ff6c00;
					color: #fff;
					cursor: pointer;
				}
			}
		}
	}
	.showBrandOperate1{
		display: none;
	}
}

.brandChangeCon .showBrandOperate{
	right: 0;
	left: initial;
	top: 20px;
}
.showBrandDia{
	display: block!important;
}

.aiSetShowStyle{
	span{
		position: relative;
		word-break: keep-all;
		box-sizing: border-box;
		display: inline-block;
		z-index:999;
		font-weight: bold;
		line-height: 20px;
		height: 20px;
		.aijietuImg{
			display: none;
			position: absolute;
			z-index: 10000000;
			left: 0;
			top:0%;
			transform: translate(-48%, -100%);
			img{
				width: auto;
				max-width: 1100px !important;
				box-shadow: 1px 1px 10px #aaa;
			}
		}
	}
	span:hover{
		.aijietuImg{
			display: block;
		}
	}
}

//零散移动端样式
.el-dropdown-menu.el-popper{
	z-index: 9999!important;
}

.selce_type_list_par::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background: transparent;
}
 
.selce_type_list_par::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 4px;
}
 
.selce_type_list_par:hover::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 53%, 0.4);
}
 
.selce_type_list_par:hover::-webkit-scrollbar-track {
    background: transparent;
}

.checkBoxStyleWid input[type='checkbox']{
	width: 16px;
	height: 16px;
}

@media only screen and (min-width:1401px)  and (max-width:1700px){
	.media_search_list_detail tr th,.media_search_list_detail tr td,.select_list_val .select_list_detail,.el-button--medium{
		font-size:12px;
	}
}
@media only screen and (min-width:1100px)  and (max-width:1400px){
	.media_search_list_detail tr th,.media_search_list_detail tr td,.select_list_val .select_list_detail,.el-button--medium{
		font-size:10px;
	}
}

//当分辨率小于768，意思为移动端时，所加的样式效果
@media only screen and (max-width:767px) {
	.newBrandStyles .showBrandOperate{
		width: 350px;
		left: -80px;
	}
	.brandChangeCon .showBrandOperate{
		right: -42px;
		width: 350px;
		box-shadow: 0px 0px 10px #ddd;
	}
	.newBrandStyle .showBrandOperate .brandDiaTitle h2 {
	    font-size: 0.2rem;
	}
	.el-message-box__wrapper .el-message-box{
		width: 90%!important;
	}
	
	span.el-date-picker__editor-wrap div.el-time-panel.el-popper{
		left:-30px;
	}
	
	
	.point_time_val_choose{
		width: 85%!important;
	}
	.showTimeTips span{
		left: initial!important;
		right: -100%;
	}
	.selce_type_list_par .selce_type_list{
		border-bottom: none!important;
		li{
			border-bottom: 1px solid #E4E7ED!important;
		}
	}
	
	#myEditor1>div.edui-editor, #myEditor1>div.edui-editor .edui-editor-iframeholder ,#myEditor2>div.edui-editor, #myEditor2>div.edui-editor .edui-editor-iframeholder{
		width: 100%!important;
	}
	.searchMediaValPar{
		width:90%!important;
	}
	.widthInitial{
		width: initial!important;
	}
	.shuju{
		display: table-cell!important;
	}
	.bottom_fixed_menu{
		left: 0!important;
	}
	.small-article-choose{
		width: 40px!important;
	}
	#edui1,#edui1_iframeholder{
		width: 100%!important;
	}
	.small-width-bai{
		width: 100%!important;
	}
	.small-block{
		display: block!important;
	}
	.small-marbot15{
		margin-bottom: 15px;
	}
	.yxbContents .qypp .qyppItems .qyppItem{
		margin-right: 0;
	}
	.small-remark-style{
		width: 90%;
	}
	.confirmPay{
		width: 90%;
	}
	.apply_receipt{
		form{
			>div.el-form-item{
				width: 95%;
			}
		}
	}
	.canclePaginFlex{
		display: block!important;
		text-align: left;
		.el-pagination:not(.is-background){
			ul li{
				min-width: 32px;
			}
		}
		ul.el-pager{
			li{
				margin: 0 2px!important;
			}
		}
		span.el-pagination__total,span.el-pagination__jump,span.el-pagination__sizes{
			display: block!important;
			text-align: left;
			margin-left: 0!important;
			margin-top: 10px;
		}
		span.el-pagination__sizes{
			margin-bottom: 10px;
		}
	}
}