/**
 * 绑定视频号列表
 * */
.videoList{
	position: relative;
	z-index: 5;
	padding-top: 1.08rem;
}
.videoList .add-video-btn{
	width: 2.44rem;
	height: 0.48rem;
	line-height: 0.48rem;
	font-size: 0.16rem;
	color: #FFF;
	text-align: center;
	background-color: #30AAFC;
	border-radius: 0.06rem;
	box-shadow: 0 0.04rem 0.04rem rgba(48, 170, 252, 0.5);
	position: absolute;
	left: 0.28rem;top: 0.3rem;
	z-index: 6;
}
.videoList .null-data{
	margin-top: 0.56rem;
}
.video-list{
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.video-item{
	width: 100%;
	padding: 0.1rem 0.2rem;
	position: relative;
	z-index: 10;
}
.video-item:last-child{
	margin-bottom: 0;
}
.video-item.active{
	background-color: #E9F6FF;
}
.video-item .item-img{
	float: left;
	width: 0.54rem;
	height: 0.54rem;
	position: relative;
}
.video-item .item-img img{
	width: 0.54rem;
	height: 0.54rem;
	border-radius: 50%;
}
.video-item .item-img span{
	padding: 0 0.05rem;
	line-height: 0.16rem;
	font-size: 0.12rem;
	color: #FFF;
	border-radius: 0.08rem;
	background-color: #F56C6C;
	position: absolute;
	right: 0;top: 0;
	margin-top: -0.04rem;
	margin-right: -0.04rem;
}
.video-item p{
	float: left;
	max-width: 1.9rem;
	padding-left: 0.1rem;
	padding-right: 0.3rem;
}
.video-item p.item-name{
	width: 1.9rem;
	height: 0.27rem;
	line-height: 0.27rem;
	font-size: 0.16rem;
	color: #333;
}
.video-item p.item-state{
	height: 0.27rem;
	line-height: 0.27rem;
	font-size: 0.14rem;
}
.video-item p.item-state i{
	display: inline-block;
	vertical-align: top;
	width: 0.16rem;
	height: 0.16rem;
	margin-top: 0.06rem;
	margin-right: 0.08rem;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}
.video-item p.item-state1{
	color: #30AAFC;
}
.video-item p.item-state2{
	color: #09B1FF;
}
.video-item p.item-state3{
	color: #999;
}
.video-item p.item-state4{
	color: #FF8911;
}
.video-item p.item-state1 i{
	background-image: url(https://temphtml.oss-cn-beijing.aliyuncs.com/image/icon_video_state1.png);
}
.video-item p.item-state2 i{
	background-image: url(https://temphtml.oss-cn-beijing.aliyuncs.com/image/icon_video_state2.png);
}
.video-item p.item-state3 i{
	background-image: url(https://temphtml.oss-cn-beijing.aliyuncs.com/image/icon_video_state3.png);
}
.video-item p.item-state4 i{
	background-image: url(https://temphtml.oss-cn-beijing.aliyuncs.com/image/icon_video_state4.png);
}

/**
 * 选中视频号博主信息
 * */
.null-video-user{
	padding: 1.2rem 0 0;
}
.video-user{
	float: left;
	width: 100%;
	padding: 0.3rem 0;
	position: relative;
}
.video-user .open-pushVideo-btn{
	position: absolute;
	top: 50%;right: 0.3rem;
	width: 1.6rem;height: 0.48rem;
	margin-top: -0.24rem;
	line-height: 0.48rem;
	font-size: 0.16rem;
	color: #FFF;
	text-align: center;
	background-color: #30AAFC;
	border-radius: 0.06rem;
	box-shadow: 0 0.04rem 0.04rem rgba(48, 170, 252, 0.5);
}
.user-left{
	float: left;
	max-width: 3.2rem;
	padding: 0 0.1rem 0 0.3rem;
	border-right: 1px solid #F3F3F3;
}
.user-left.noBorder{
	width: 100%;
	padding-right: 2.20rem;
	border-radius: 0 none;
}
.user-left .user-img{
	float: left;
	width: 0.86rem;
	height: 1.22rem;
	padding: 0.18rem 0;
}
.user-left .user-img img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.user-left .user-words{
	width: 100%;
	padding: 0.19rem 0 0 1rem;
	padding-left: 1rem;
}
.user-left .user-name{
	height: 0.24rem;
	line-height: 0.24rem;
	font-size: 0.16rem;
	color: #333;
}
.user-left .user-time{
	display: inline-block;
	vertical-align: top;
	padding: 0 0.08rem;
	line-height: 0.24rem;
	font-size: 0.12rem;
	color: #30AAFC;
	background-color: #E9F6FF;
	border-radius: 0.04rem;
	margin-top: 0.12rem;
}
.user-left p.user-state{
	height: 0.24rem;
	line-height: 0.24rem;
	font-size: 0.14rem;
}
.user-left p.user-state i{
	display: inline-block;
	vertical-align: top;
	width: 0.16rem;
	height: 0.16rem;
	margin-top: 0.04rem;
	margin-right: 0.08rem;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}
.user-left p.item-state1{
	color: #30AAFC;
}
.user-left p.item-state2{
	color: #09B1FF;
}
.user-left p.item-state3{
	color: #999;
}
.user-left p.item-state1 i{
	background-image: url(https://temphtml.oss-cn-beijing.aliyuncs.com/image/icon_video_state1.png);
}
.user-left p.item-state2 i{
	background-image: url(https://temphtml.oss-cn-beijing.aliyuncs.com/image/icon_video_state2.png);
}
.user-left p.item-state3 i{
	background-image: url(https://temphtml.oss-cn-beijing.aliyuncs.com/image/icon_video_state3.png);
}
.user-right{
	width: 100%;
	padding: 0 0.3rem 0 3.4rem;
}
.user-right .right-foot{
	float: left;
	width: 100%;
}
.user-right .right-foot{
	float: left;
	width: 100%;
	padding-top: 0.1rem;
}
.user-right .right-head p{
	float: left;
	width: 25%;
	line-height: 0.28rem;
	font-size: 0.14rem;
	color: #333;
	text-align: center;
}
.user-right .right-head p em{
	font-style: normal;
}
.user-right .right-head p em i{
	color: #999;
	margin-left: 0.05rem;
}
.user-right .right-foot p{
	float: left;
	width: 25%;
	line-height: 0.28rem;
	font-size: 0.14rem;
	color: #333;
	text-align: center;
}
.user-right p span{
	display: block;
	width: 100%;
	line-height: 0.28rem;
	font-size: 0.16rem;
	font-weight: bold;
	color: #30AAFC;
}
.user-right .right-head p span{
	font-size: 0.16rem;
}
.user-right .right-head a.push-video-btn{
	float: right;
	width: 1.6rem;
	height: 0.48rem;
	line-height: 0.48rem;
	font-size: 0.16rem;
	color: #FFF;
	text-align: center;
	background-color: #30AAFC;
	border-radius: 0.06rem;
	box-shadow: 0 0.04rem 0.04rem rgba(48, 170, 252, 0.5);
	margin-left: 0.15rem;
	margin-bottom: 0.15rem;
}
.user-right .right-head a.push-videoList-btn{
	float: right;
	width: 1.6rem;
	height: 0.48rem;
	line-height: 0.48rem;
	font-size: 0.16rem;
	color: #FFF;
	text-align: center;
	background-color: #FF8911;
	border-radius: 0.06rem;
	box-shadow: 0 0.04rem 0.04rem rgba(255, 145, 30, 0.35);
	margin-left: 0.15rem;
	margin-bottom: 0.15rem;
}

/**
 * 选中视频号数据信息
 * */
.video-data{
	float: left;
	width: 100%;
	padding: 0 0.3rem;
}
.data-tab{
	width: 100%;
	border-bottom: 1px solid #F3F3F3;
}
.data-tab .tab-btn{
	display: inline-block;
	vertical-align: top;
	line-height: 0.56rem;
	font-size: 0.18rem;
	color: #333;
	padding: 0 0.04rem;
	margin-right: 0.2rem;
}
.data-tab .tab-btn.active{
	color: #30AAFC;
	border-bottom: 2px solid #30AAFC;
}
.data-con{
	padding: 0.32rem 0 0.26rem;
}
.data-con p{
	float: left;
	width: 20%;
	line-height: 0.28rem;
	font-size: 0.14rem;
	color: #333;
	text-align: center;
	border-right: 1px solid #F3F3F3;
}
.data-con p:last-child{
	border-right: 0;
}
.data-con p span{
	display: block;
	width: 100%;
	line-height: 0.33rem;
	font-size: 0.16rem;
	font-weight: bold;
	color: #30AAFC;
}
.data-con p em{
	display: block;
	width: 100%;
	line-height: 0.24rem;
	font-size: 0.12rem;
	font-style: normal;
	color: #999;
}

/**
 * 视频数据列表
 * */
.video-media{
	float: left;
	width: 100%;
	padding: 0 0.3rem;
}
.media-head{
	width: 100%;
	line-height: 0.56rem;
	font-size: 0.18rem;
	color: #333;
	border-bottom: 1px solid #F3F3F3;
}
.media-head span{
	display: inline-block;
	vertical-align: top;
	padding-top: 0.05rem;
	line-height: 0.51rem;
	font-size: 0.12rem;
	color: #30AAFC;
	margin-left: 0.1rem;
}
.media-head a{
	float: right;
	line-height: 0.56rem;
	font-size: 0.14rem;
	color: #30AAFC;
}
.media-body{
	width: 100%;
	padding-bottom: 0.25rem;
}
.media-item{
	width: 100%;
	padding: 0.2rem 0;
	border-bottom: 1px solid #F3F3F3;
}
.media-item:last-child{
	border-bottom: 0 none;
}
.media-item .item-info{
	float: left;
	width: 2.1rem;
}
.media-item .item-img{
	width: 1.8rem;
	height: 2rem;
	margin-bottom: 0.12rem;
	position: relative;
	z-index: 6;
}
.media-item .item-img img{
	width: 1.8rem;
	height: 2.0rem;
}
.media-item .item-img p{
	width: 100%;
	height: 0.24rem;
	padding: 0 0.08rem;
	line-height: 0.24rem;
	font-size: 0.12rem;
	color: #FFF;
	text-align: justify;
	background-color: rgba(0, 0, 0, 0.6);
	position: absolute;
	left: 0;bottom: 0;
	z-index: 8;
}
.media-item .item-promotion{
	width: 1.8rem;
	height: 0.3rem;
	line-height: 0.3rem;
	font-size: 0.12rem;
	color: #30AAFC;
	border-radius: 0.04rem;
	background-color: #FDF3F4;
	padding: 0 0.08rem;
}
.media-item .item-time{
	width: 100%;
	height: 0.3rem;
	line-height: 0.3rem;
	font-size: 0.12rem;
	color: #999;
	text-align: justify;
}
.media-item .item-data{
	width: 100%;
	padding: 0.2rem 0 0.2rem 2.1rem;
}
.media-item .data-table{
	width: 100%;
	padding: 0.2rem 0;
	border-left: 1px solid #F3F3F3;
}
.media-item .data-table .data-head{
	width: 100%;
	height: 0.43rem;
}
.media-item .data-table .data-head span{
	display: block;
	float: left;
	width: 14.28%;
	line-height: 0.43rem;
	font-size: 0.18rem;
	text-align: center;
	color: #B6B6B6;
}
.media-item .data-table .data-body{
	width: 100%;
	height: 0.43rem;
}
.media-item .data-table .data-body span{
	display: block;
	float: left;
	width: 14.28%;
	line-height: 0.43rem;
	font-size: 0.14rem;
	font-weight: bold;
	text-align: center;
	color: #30AAFC;
}
.media-item .data-table .data-body span.black,
.media-item .data-table .data-body span.gray{
	font-weight: normal;
}
.media-item .data-table .media-detail-btn{
	color: #0078FE;
}
.media-item .data-table .media-detail-btn:hover{
	text-decoration: underline;
}
.data-btns{
	width: 100%;
	height: 0.24rem;
	text-align: center;
}
.data-btns .data-btn{
	display: inline-block;
	vertical-align: middle;
	width: 0.24rem;
	height: 0.24rem;
	margin: 0 0.05rem;
}
.data-btns .data-btn.active{
	color: #30AAFC;
}
.data-btns .data-btn i{
	display: inline-block;
	vertical-align: top;
	width: 0.24rem;
	height: 0.24rem;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}
.data-btns .data-btn1 i{
	background-image: url(https://temphtml.oss-cn-beijing.aliyuncs.com/image/icon_data1.png);
}
.data-btns .data-btn2 i{
	background-image: url(https://temphtml.oss-cn-beijing.aliyuncs.com/image/icon_data2.png);
}
.data-btns .data-btn3 i{
	background-image: url(https://temphtml.oss-cn-beijing.aliyuncs.com/image/icon_data3.png);
}
.data-btns .data-btn4 i{
	background-image: url(https://temphtml.oss-cn-beijing.aliyuncs.com/image/icon_data4.png);
}
.data-btns .data-btn1.active i{
	background-image: url(https://temphtml.oss-cn-beijing.aliyuncs.com/image/icon_dataOn1.png);
}
.data-btns .data-btn2.active i{
	background-image: url(https://temphtml.oss-cn-beijing.aliyuncs.com/image/icon_dataOn2.png);
}
.data-btns .data-btn3.active i{
	background-image: url(https://temphtml.oss-cn-beijing.aliyuncs.com/image/icon_dataOn3.png);
}
.data-btns .data-btn4.active i{
	background-image: url(https://temphtml.oss-cn-beijing.aliyuncs.com/image/icon_dataOn4.png);
}


/**
 * 视频号分组
 * */
.media-group{
	padding-top: 0.56rem;
	position: relative;
	z-index: 7;
}
.media-group-head{
	width: 100%;
	padding: 0.15rem 0.2rem;
	border-top: 1px dashed #F3F3F3;
	border-bottom: 1px dashed #F3F3F3;
	position: absolute;
	left: 0;top: 0;
	z-index: 8;
}
.media-group-head a{
	height: 0.22rem;
	line-height: 0.22rem;
	font-size: 0.14rem;
	color: #333;
}
.media-group-head a i{
	display: inline-block;
	vertical-align: top;
	width: 0.2rem;
	height: 0.22rem;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 0.08rem;
}
.media-group-head a.group-head-left{
	float: left;
}
.media-group-head a.group-head-right{
	float: right;
}
.media-group-head a.group-head-left i{
	background-image: url(https://temphtml.oss-cn-beijing.aliyuncs.com/image/group_head1.png);
}
.media-group-head a.group-head-right i{
	background-image: url(https://temphtml.oss-cn-beijing.aliyuncs.com/image/group_head2.png);
}
.media-group-head a.active{
	color: #30AAFC;
}
.media-group-head a.active.group-head-left i{
	background-image: url(https://temphtml.oss-cn-beijing.aliyuncs.com/image/group_headOn1.png);
}
.group-box{
	border-bottom: 1px dashed #F3F3F3;;
}
.group-box .group-floder{
	width: 100%;
	padding: 0.15rem 0.2rem;
	line-height: 0.2rem;
	font-size: 0.14rem;
	color: #333;
	position: relative;
	z-index: 10;
	cursor: default;
}
.group-box .group-list{
	height: auto;
	overflow: hidden;
}
.group-box .group-floder i.el-icon-arrow-right,
.group-box .group-floder i.el-icon-arrow-down{
	margin-right: 0.12rem;
}
.group-box.active .group-floder{
	color: #30AAFC;
}
/** 分组操作功能 视频号操作功能 */
.group-box .item-more{
	display: block;
	width: 0.24rem;
	height: 0.24rem;
	position: absolute;
	right: 0.2rem;top: 50%;
	z-index: 12;
	margin-top: -0.12rem;
	border: 1px solid #999;
	text-align: center;
	border-radius: 50%;
}
.group-box .item-more i{
	line-height: 0.22rem;
	font-size: 0.14rem;
	color: #999;
	text-align: center;
}
/** 展开收起动画 */
.fade-enter-active, .fade-leave-active{
  transition: opacity 0.2s;
}
.fade-enter, .fade-leave-to{
  height: 0;
}

/**
 * 自定义表格
 * */

.table-video-index img{
	float: left;
	width: 0.9rem;
	height: 1.05rem;
	margin-right: 0.1rem;
	border-radius: 0.04rem;
}
.table-video-index .word-title{
	padding-left: 1rem;
}
.table-video-index .word-title p{
	width: 100%;
	height: 0.4rem;
	line-height: 0.2rem;
	font-size: 0.14rem;
	color: #333;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.table-video-index .word-link{
	height: 0.32rem;
	padding-top: 0.12rem;
	padding-left: 1rem;
}
.table-video-index .word-link a{
	width: 100%;
	height: 0.2rem;
	line-height: 0.2rem;
	font-size: 0.12rem;
	color: #30AAFC;
	text-align: justify;
	text-decoration: underline;
}
.table-video-index .word-time{
	padding-left: 1rem;
	line-height: 0.2rem;
	font-size: 0.12rem;
	color: #999;
	padding-top: 0.05rem;
}
.table-video-data{
	
}
.table-video-data p{
	line-height: 0.34rem;
	font-size: 0.14rem;
}
.table-video-data p.today{
	color: #333;
}
.table-video-data p.other{
	color: #999;
}