body {
	overflow-y: hidden
}

body.noSelect {
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}



.liveHeader {
	position: absolute;
	z-index: 4;
	top: 300;
	left: 1rem;
	color: #fff
}

.liveHeader .lhbtn {
	position: relative;
	display: block;
	width: 4rem;
	height: 4rem;
	background: rgba(0,0,0,.5);
	text-align: center;
	line-height: 4rem;
	font-size: 1.4rem;
	cursor: pointer;
	border-top: solid 1px rgba(148,148,148,.4);
	color: #fff
}

.liveHeader .lhbtn:before {
	font-size: 1.8rem
}

.liveHeader .lhbtn:first-child {
	border: none
}

.liveHeader .lhbtn:last-of-type {
	border-bottom-right-radius: 3px
}

.liveHeader .icon_home_2 {
	background-color: rgba(0,172,255,.5)
}

.liveHeader .icon_home_2.ppt_black {
	background-color: rgba(0,0,0,.5)
}




.lastVisit_dt {
	display: block;
	margin: 1rem auto;
	height: 2rem;
	line-height: 2rem;
	text-align: center
}

.lastVisit_dt b {
	position: relative;
	display: inline-block;
	padding: 0 1rem;
	font-weight: 400;
	z-index: 1;
	color: #909499;
	font-size: 1.4rem
}

.lastVisit_dt b:after,.lastVisit_dt b:before {
	content: "";
	display: inline-block;
	height: 1px;
	width: 2rem;
	background: #c4c8cc;
	margin: .9rem .7rem 0;
	vertical-align: top
}[class*="_bubble"] {
	position: relative;
	display: block;
	padding: 0.4rem 1rem 0.4rem 5.7rem;
}[class*="_bubble"]:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}[class*="_bubble"] .head_portrait {
	position: absolute;
	left: 1rem;
	top: 3.5rem;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 0.5rem;
	overflow: hidden;
}

.head_portrait img {
	width: 100%;
	height: 100%;
	border-radius: 0.5rem;
}[class*="_bubble"] .speak_time {
	display: block;
	padding: 0 4.5rem 0 0;
	line-height: 2rem;
	text-align: center;
	color: #b3b3b3;
	font-size: 1.2rem
}[class*="_bubble"] .speaker_name {
	font-size: 1.2rem;
	line-height: 2.5rem;
	color: #999
}[class*="_bubble"] .speaker_name b {
	color: #555;
	padding: 0 .5rem 0 0;
	font-size: 1.4rem;
	font-weight: 400;
	max-width: 20rem;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 0.5rem;
}[class*="_bubble"] .bubble_content {
	position: relative;
	float: left;
	max-width: 80%;
	min-width: 5rem;
	min-height:3.5rem;
	padding: .5rem;
	margin: 0 4rem 0 0;
	background: #fff;
	border-radius: 6px;
	line-height: 2.4rem;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.1);
}[class*="_bubble"] .bubble_content:before {
	background: url(qipao.png?v=111) left top no-repeat;
	content: "";
	position: absolute;
	top: .5rem;
	left: -.4rem;
	width: .4rem;
	height: .6rem;
	background-size: .4rem .6rem
}[class*="_bubble"] .bubble_content:after {
	content: "";
	position: absolute;
	top: 1.2rem;
	width: 0;
	height: 0;
	border-top: .5rem solid transparent;
	border-bottom: .5rem solid transparent
}

.right_bubble .bubble_content:before {
	right: -.8rem;
	border-left: .8rem solid #e5e5e5
}

.right_bubble .bubble_content:after {
	right: -.6rem;
	border-left: .8rem solid #fff
}

.bubble_content iframe {
	display: block;
	max-width: 100%;
	width: 30rem;
	position: relative;
	z-index: 1
}

.bubble_content .play_video {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 999;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0)
}

.bubble_content p {
	padding: 0 .5rem;
	color: #999;
	font-size: 1.5rem;
	word-break: break-all
}

.bubble_content p b {
	color: #333;
	padding: 0 .4rem 0 0;
	font-weight: 400
}

.bubble_content p:last-child {
	color: #333
}

.bubble_content img {
	max-width: 100%;
	max-height: 12rem;
}

.bubble_content p:nth-child(2) {
	border-top: dashed 1px #bcbcbc
}

.bubble_content p.content_q {
	border: none
}

.bubble_content p.content_q i {
	background-color: #ddf4ff;
	color: #00acff;
	display: inline-block;
	padding: .2rem 1rem;
	border-radius: .2rem;
	font-size: 1.4rem;
	margin-bottom: 1rem;
	margin-left: 1rem;
	cursor: pointer
}

.bubble_content var {
	color: #333
}

.bubble_content p a {
	color: #00ACFF
}

.right_bubble .bubble_content.isWhisper {
	margin: 0 0 3rem 4rem
}

.whisper_div {
	position: absolute;
	bottom: -3rem
}

.whisper_div span {
	color: #fff;
	background: #e0e0e0;
	padding: .2rem 1rem;
	border-radius: .2rem
}

.whisper_div i {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	text-align: center;
	line-height: 2rem;
	border-radius: 2rem;
	color: #fff;
	background: #c5d8e1;
	margin-left: 1rem;
	vertical-align: top;
	cursor: pointer
}[class*="_bubble"] .btn_ilike {
	position: absolute;
	top: 6rem;
	left: 1.2rem;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.3rem;
	text-align: center;
	border-radius: 2.5rem;
	background-color: #edcb91;
	color: #b98d42;
	font-size: 1.6rem;
	margin-top: 1rem;
	font-weight: 700
}[class*="_bubble"] .btn_revoke {
	position: relative;
	float: left;
	width: 3rem;
	height: 3rem;
	margin: -1.2rem 0 0 -5.9rem;
	padding: .5rem 0 0;
	line-height: 3rem;
	text-align: center;
	color: #d1d1d1;
	cursor: pointer
}[class*="_bubble"] .btn_revoke:before {
	width: 1.7rem;
	height: 1.7rem;
	line-height: 1.7rem;
	text-align: center;
	display: inline-block;
	background-color: #fff;
	border-radius: 1.5rem;
	color: #ccc;
	border: 1px solid #e5e5e5
}[class*="_bubble"] .btn_resend.icon_warning {
	display: none;
	float: left;
	line-height: 3rem;
	margin: .2rem 0 0;
	cursor: pointer;
	margin-left: -3.5rem;
	font-size: 2.2rem;
	color: #f75954
}

.hasTime .head_portrait {
	top: 1.0rem;
}

.hasTime .btn_ilike {
	top: 8rem
}

.marry-chat-content .nickname .rolename {
	background-color: #00b4e6;
	color: #fff;
	font-size: 1rem;
	padding: 0 .5rem;
	border-radius: 3px;
	vertical-align: 1px
}

.liveHeader .backtolive_btn:before {
	content: '';
	display: inline-block;
	width: 2rem;
	height: 2rem;
	border-radius: 3rem;
	background-position: -66rem 0;
	vertical-align: top;
}

.liveHeader .backtolive_btn {
	display: block;
	padding: .4rem .4rem .4rem .4rem;
	line-height: 2rem;
	color: #fff;
	background: rgba(0,0,0,.5);
	border-radius: 3rem;
}

.ql_start_box {
	display: none;
	background: #fff;
	border: solid 1px #e5e5e5;
	border-radius: .5rem;
	/* margin-top: 1rem; */
}

.ql_start_box .ql_start_date {
	display: block;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	color: #333;
	font-size: 1.2rem;
}

.ql_start_box .ql_timer {
	display: block;
	margin: 0 3rem;
	text-align: center;
	border-top: dashed 1px #d0d0d0;
}

.ql_timer span {
	display: block;
	height: 2.5rem;
	line-height: 2.5rem;
	color: #999;
	font-size: 1.2rem;
	margin-top: 1rem
}

.ql_timer span:before {
	display: inline-block;
	font-size: 1.6rem;
	margin: .2rem .2rem 0 0
}

.ql_timer dl {
	display: inline-block;
	width: 22rem;
	padding: .6rem 0 1rem;
	white-space: nowrap
}

.ql_timer dl dd {
	display: inline-block;
	min-width: 5rem;
	padding: 0 .5rem;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.2rem;
	background-color: #00acff;
	color: #fff;
	border-radius: .2rem;
}

.ql_timer dl dd:last-child {
	border: none
}

.ql_timer dl dd var {
	color: #fff;
	font-size: 2rem
}

.ql_start_box .ql_st_buttons {
	display: block;
	text-align: center
}

.ql_st_buttons a {
	display: inline-block;
	height: 2.5rem;
	line-height: 2.5rem;
	padding: 0 .5rem;
	margin: 0 0 1rem;
	color: #666;
	border: solid 1px #d5d5d5;
	border-radius: 2px
}

.ql_st_buttons b {
	display: block;
	height: 2.5rem;
	line-height: 2.5rem;
	padding: 0 .5rem;
	color: #666;
	font-weight: 400
}

.qlTimerShow {
	display: block
}

.ql_start_box .follow_live_QRCode {
	display: block
}