﻿.qy-header-record-pop {
	display: none;
	position: absolute;
	right: 0;
	top: 65px;
	z-index: 1001
}

.qy-header-record-pop.selected {
	display: block
}

.qy-header-record-pop .side-icon-radio {
	float: left;
	margin-right: 6px
}

.qy-header-record-pop .qy-header-record-inner {
	width: 298px;
	min-height: 384px;
	*zoom: 1
}

.qy-header-record-pop .qy-header-record-inner:after,.qy-header-record-pop .qy-header-record-inner:before {
	content: " ";
	display: table;
	clear: both
}

.qy-header-record-pop .header-pop-no-wrap {
	padding-top: 100px;
	margin: 0 auto;
	width: 225px;
	text-align: center
}

.qy-header-record-pop .header-pop-no-tips {
	line-height: 20px;
	font-size: 14px;
	margin: 17px 0;
	color: #666
}

.qy-header-record-pop .header-record-main-inner {
	position: relative;
	*zoom: 1
}

.qy-header-record-pop .header-record-main-inner:after,.qy-header-record-pop .header-record-main-inner:before {
	content: " ";
	display: table;
	clear: both
}

.qy-header-record-pop .header-record-filter {
	position: absolute;
	top: 15px;
	right: 13px;
	line-height: 16px;
	font-size: 12px;
	color: #333;
	cursor: pointer;
	z-index: 1;
	overflow: hidden
}

.qy-header-record-pop .header-pop-button-bottom {
	position: absolute;
	width: 100%;
	bottom: 10px;
	left: 0;
	text-align: center
}

.qy-header-record-pop .header-record-wrap {
	padding: 13px 0 34px 13px
}

.qy-header-record-pop .header-record-wrap-con {
	margin-bottom: 7px;
	border-left: 2px solid #ebebeb;
	*overflow: hidden
}

.qy-header-record-pop .record-time {
	position: relative
}

.qy-header-record-pop .record-time-tips {
	position: relative;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	border-radius: 3px;
	padding: 0 5px;
	margin-left: 8px;
	color: #fff;
	background-color: #00be06
}

.qy-header-record-pop .record-time-tips .tips-trangle {
	position: absolute;
	display: inline-block;
	top: 5px;
	left: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px;
	border-color: transparent #00be06 transparent transparent
}

.qy-header-record-pop .record-time-icon {
	position: absolute;
	left: -5px;
	font-size: 12px;
	color: #00be06
}

.qy-header-record-pop .record-list {
	padding: 5px 0
}

.qy-header-record-pop .record-list-info {
	position: relative;
	padding-left: 8px;
	padding-right: 12px;
	height: 30px;
	line-height: 30px;
	font-size: 0;
	cursor: pointer;
	*zoom: 1
}

.qy-header-record-pop .record-list-info:after,.qy-header-record-pop .record-list-info:before {
	content: " ";
	display: table;
	clear: both
}

.qy-header-record-pop .record-list-info .qy-svgicon {
	float: left;
	font-size: 12px;
	color: #e4e4e4;
	margin-right: 10px
}

.qy-header-record-pop .record-list-info.selected {
	padding-right: 6px;
	background-color: #f5f5f5
}

.qy-header-record-pop .record-list-info.selected .qy-svgicon {
	color: #00be06
}

.qy-header-record-pop .record-list-info.selected .recorder_list_item {
	width: 150px;
	color: #00be06
}

.qy-header-record-pop .record-list-info.selected .record-right-status {
	display: none
}

.qy-header-record-pop .record-list-info.selected .record-right-opt {
	display: block
}

.qy-header-record-pop .recorder_list_item {
	float: left;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #333
}

.qy-header-record-pop .record-right-status {
	float: right;
	text-align: right;
	font-size: 12px;
	color: #999
}

.qy-header-record-pop .record-right-opt {
	display: none;
	float: right;
	width: 92px;
	height: 30px;
	text-align: right
}

.qy-header-record-pop .record-right-opt .recorder-opt {
	color: #00be06;
	font-size: 12px
}

.qy-header-record-pop .record-right-opt .cutline {
	margin: 0 5px;
	font-size: 12px;
	color: #d5d5d5
}

.qy-header-record-pop .record-right-opt .side-icon-delete {
	margin-left: 8px
}

.qy-header-record-pop .qy-popup-box .popup-box-arrow {
	margin-left: 130px
}

.qy-loading-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -19px
}

.qy-loading-icon .loading-icon {
	width: 40px;
	height: 39px
}

.qy-header-info-pop {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -241px;
	top: 49px;
	z-index: 1001
}

.qy-header-info-pop.selected {
	display: block
}

.qy-header-info-pop .qy-header-info-inner {
	position: relative;
	width: 298px;
	min-height: 384px;
	font-size: 0;
	*zoom: 1
}

.qy-header-info-pop .qy-header-info-inner:after,.qy-header-info-pop .qy-header-info-inner:before {
	content: " ";
	display: table;
	clear: both
}

.qy-header-info-pop .header-pop-no-wrap {
	padding-top: 90px;
	margin: 0 auto;
	width: 225px;
	text-align: center
}

.qy-header-info-pop .header-pop-no-tips {
	line-height: 20px;
	font-size: 14px;
	margin: 17px 0;
	color: #666
}

.qy-header-info-pop .green-text {
	color: #00be06;
	cursor: pointer
}

.qy-header-info-pop .header-pop-button-bottom {
	position: absolute;
	width: 100%;
	bottom: 10px;
	left: 0;
	text-align: center
}

