.video {
	padding-top: 20px
}

.video-detail-tip {
	padding: 8px 16px;
	background-color: #ecf8ff;
	border-radius: 4px;
	border-left: 5px solid #50bfff;
	margin: 15px 0
}

.video-detail-p p {
	color: #666;
	font-size: 14px;
	margin-bottom: 5px
}

.video-name-detail ul li {
	width: 80.5px;
	float: left;
	margin-bottom: 10px
}

.video-name-detail ul div {
	height: 88px
}

.video-name-detail ul li p {
	width: 79px;
	margin-bottom: 0;
	bottom: 0;
	box-sizing: border-box;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.video-name-detail ul div.active {
	box-sizing: border-box;
	border: 1px solid #007aff;
	border-radius: 6px
}

.video-name-detail ul div.active p {
	color: #fff;
	background: linear-gradient(90deg, #77b7ff, #007aff, #77b7ff)
}

ul.order-ul li {
	box-sizing: border-box;
	border: 2px solid #f1f1f1;
	border-radius: 6px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	text-align: center;
	color: #161616
}

ul.order-ul li.active {
	border: 2px solid #007aff;
	background: url(../images/xuanzhong.png) 100% 100% no-repeat;
	background-size: 14%
}

ul.order-ul li .operator {
	position: absolute;
	bottom: 2px;
	right: 0;
	width: 20px;
	height: 20px
}

ul.order-ul li.active .video-yue {
	color: #007aff
}

.change-name {
	height: 40px;
	line-height: 40px
}

.change-name .active {
	color: #007aff
}

.change-line {
	top: 36px;
	left: 280px;
	height: 4px;
	width: 40px;
	border-radius: 10px;
	background-color: #007aff;
	display: none
}

.active .change-line {
	display: block
}

.detail-hour li {
	float: left;
	padding: 5px 15px;
	border-radius: 4px;
	border: 1px solid #a19e9e
}

.detail-hour li.active {
	color: #007aff;
	border: 1px solid #007aff
}

.hour-line {
	line-height: 33px;
	width: 98px;
	text-align: right
}

.video .form-control {
	width: 62%;
	padding-right: 37%;
	height: 326px;
	line-height: 33px;
	margin: 0;
	border: 2px solid #e1e3e6
}

.area-tips {
	width: 36%;
	top: 2px;
	right: 7px;
	height: 330px;
	overflow: hidden;
	pointer-events: none
}

.mask-black {
	z-index: 1;
	background-color: #007dfe;
	opacity: .02;
	filter: alpha(opacity=2);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.area-tips p {
	line-height: 32px
}

.sell-video-720 {
	width: 720px
}

.buy-video-agreement {
	line-height: 33px
}

p.tip-title {
	color: #c5a47b;
	margin-bottom: 5px;
	width: 8%
}

p.tip-content {
	color: #949393;
	line-height: 20px;
	padding-left: 8%;
	margin-bottom: 8px
}

p.tip-title span {
	display: block;
	width: 6px;
	height: 6px;
	background: #c5a47b;
	border-radius: 6px;
	margin: 7px
}

.need-dialog {
	width: 240px
}

.need-div {
	line-height: 35px
}

.show-all-tip {
	width: 138px;
	padding: 5px;
	top: 81px;
	left: 0;
	font-size: 12px;
	color: #fff;
	background-color: rgba(0, 0, 0, .7);
	z-index: 89879879
}

.login-dialog .el-dialog__header {
	background: #fff;
	text-align: center;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px
}

.login-dialog .el-dialog__body {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px
}

.login-form .el-input__inner {
	padding-left: 78px
}

.input-line {
	height: 30px;
	width: 1px;
	background: #dcdfe6;
	top: 5px;
	left: 60px
}

.remand-me {
	height: 30px
}

.login-form .el-button {
	padding: 14px 20px;
	font-size: 16px
}

#sureOrderLayer .order-justify-dia {
	height: 28px;
	width: 85px;
	text-align: justify
}

#sureOrderLayer .order-justify-dia i {
	display: inline-block;
	width: 100%
}

.close-order-detail {
	height: 28px;
	line-height: 28px;
	color: #161616;
	width: 210px;
	margin: 0 auto
}

.video-header[data-v-86434cb8] {
	border-bottom: 2px solid #007aff
}

.video-header .active[data-v-86434cb8] {
	background: #007aff;
	color: #fff
}

.video-title[data-v-86434cb8] {
	width: 120px;
	height: 40px;
	line-height: 40px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	cursor: pointer
}

.com-header[data-v-6f8b9ce0] {
	height: 120px;
	border-bottom: 1px solid #f4f3f3
}

.com-menu[data-v-6f8b9ce0] {
	width: 60%;
	border-bottom: 0
}

.com-menu[data-v-6f8b9ce0] .el-menu-item,
.com-menu[data-v-6f8b9ce0] .el-submenu__title {
	font-size: 16px;
	border-bottom-color: #fff !important
}

.header-info-name ul[data-v-6f8b9ce0] {
	top: 40px;
	right: 0;
	width: 130px;
	text-align: center;
	background-color: #fff;
	padding: 6px 0;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.header-info-name ul li.active[data-v-6f8b9ce0] {
	color: #007aff
}

.el-dropdown-menu__item[data-v-6f8b9ce0]:hover {
	color: #007aff;
	background-color: #fdf1f2
}


.video-header[data-v-af94bd56] {
				border-bottom: 2px solid #007aff
			}

			.video-header .active[data-v-af94bd56] {
				background: #007aff;
				color: #fff
			}

			.video-title[data-v-af94bd56] {
				width: 120px;
				height: 40px;
				line-height: 40px;
				border-top-left-radius: 6px;
				border-top-right-radius: 6px;
				cursor: pointer
			}
			.no-orders-tips {
			    color: #999;
			    padding-top: 100px;
			}