html,
body {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

body {
	background: #362d4c url(../images/bg.jpg) no-repeat center top;
}

.live_page {
	overflow: hidden;
	width: 100%;
}

.live_nav {
	width: 100%;
	height: 48px;
	background: url(../images/black80.png) repeat;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}

.live_stage {
	padding: 0;
	width: 90%;
	margin: auto;
	position: relative;
	*overflow: hidden;
	max-width: 1360px;
}

.live-head-wrap {
	min-width: 900px;
	max-width: 1490px;
	margin: 0 auto;
	position: relative;
}

.live-head-left {
	float: left;
}

.live-head-logo {
	display: block;
	padding: 3px 0
}

.live-head-left-lnk li {
	display: inline-block;
	float: left;
	font-size: 16px;
}

.live-head-left-lnk li a {
	color: #fff;
	display: inline-block;
	padding: 0 15px;
	line-height: 48px;
}

.live-head-left-lnk li a:hover {
	background-color: #3b3b3b;
	color: #f63da5
}

.fixedbar-coin {
	color: #ccc;
	text-align: center;
}

.fixedbar-coin strong {
	display: block;
	font-weight: 400;
	font-family: ?????¡°;
}

.fixedbar-coin span {
	display: block;
	color: #ffc107;
}

.u-status {
	float: left;
}

.login-before {
	font-size: 16px;
	line-height: 48px;
	margin-left: 20px;
}

.login-before a {
	color: #fff;
	display: inline-block;
	margin: 0 10px;
}

.login-before a:hover {
	color: #e1457b
}

.login-before a.u-login {
	background: url(../images/top-u-head.png) no-repeat;
	padding-left: 25px;
}

.login-before a.u-login:hover {
	background-position: 0 -48px;
}

.login-after dl dt,
.login-after dd {
	display: inline-block;
	float: left;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	margin-left: 10px;
	height: 30px;
}

.login-after dl {
	padding: 9px 10px;
	cursor: pointer;
}

.login-after dl dt img {
	width: 30px;
	height: 30px;
	border-radius: 15px;
}

.login-hover {
	background: #3b3b3b
}

.fixedbar-list {
	float: left;
}

.fixedbar-list li {
	vertical-align: middle;
	display: inline-block;
	float: left;
}

.fixedbar-list li i {
	position: relative;
	top: -2px;
}

.fixedbar-list li a {
	display: block;
	padding: 0 10px;
	color: #ccc;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
}

.fixedbar-list li a:hover {
	background-color: #3b3b3b;
}

.fixedbar-list li a.on {
	background-color: #Fff;
	color: #b2b2b2;
}

.fixedbar-list li a span {
	display: inline-block;
	text-align: center;
	line-height: 48px;
	padding-left: 5px;
}

.fixedbar-list .menu-fixed {
	position: fixed;
	bottom: 0;
}

.fixedbar-status {
	position: relative;
	display: none;
	margin-bottom: 5px;
}

.fixedbar-status-current {
	display: block;
	height: 16px;
	text-align: center;
	line-height: 16px;
}

.fixedbar-status-current .icon-base {
	vertical-align: top;
}

.fixedbar-status-current:hover {
	background-color: #3b3b3b;
}

.fixedbar-status-select {
	position: absolute;
	top: 22px;
	left: 0;
	display: none;
	padding: 2px 0;
	width: 60px;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
}

.fixedbar-status-select .icon-base-status-arrow {
	position: absolute;
	top: -8px;
	left: 50%;
	margin-left: -6px;
	width: 12px;
	height: 8px;
	background-position: -258px -52px;
}

.fixedbar-status-select a {
	display: block;
	padding: 2px 8px 2px 28px;
	text-align: center;
}

.fixedbar-status-select a:hover {
	background-color: #ddd;
}

.fixedbar-status-select a .icon-base {
	float: left;
	margin-top: 1px;
	margin-left: -20px;
	_display: inline;
}

.icon-base {
	display: inline-block;
	background: url(../images/icon-base-4d7252.png) 10000px 10000px no-repeat;
	vertical-align: middle;
	font-style: normal;
}

.icon-base-pic-cover {
	width: 40px;
	height: 40px;
	background-position: -172px 0;
}

.icon-fixed-coin {
	width: 24px;
	height: 24px;
	background-position: 0 -190px;
}

.icon-fixed-recommend {
	width: 24px;
	height: 24px;
	background-position: -96px -190px;
}

.icon-fixed-jindou {
	width: 24px;
	height: 24px;
	background-position: -312px -190px;
}

.icon-fixed-qq {
	width: 24px;
	height: 24px;
	background-position: -120px -190px;
}

.icon-fixed-qq-green-s {
	width: 16px;
	height: 16px;
	background-position: -192px -64px;
}

.icon-fixed-msg-green-s {
	width: 16px;
	height: 16px;
	background-position: -208px -64px;
}

.icon-my-center {
	width: 24px;
	height: 24px;
	background-position: -192px -190px;
}

.icon-my-home {
	width: 24px;
	height: 24px;
	background-position: -192px -214px;
}

.icon-my-family {
	width: 24px;
	height: 24px;
	background-position: -216px -214px;
}

.icon-my-record {
	width: 24px;
	height: 24px;
	background-position: -168px -214px;
}

.icon-base-logout {
	width: 16px;
	height: 16px;
	background-position: -144px -64px;
}

.live-login-after dl dt,
.live-login-after dd {
	display: inline-block;
	float: left;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	margin-left: 10px;
	height: 30px;
}

.live-login-after dl {
	padding: 9px 10px;
	cursor: pointer;
}

.live-login-after dl dt img {
	width: 30px;
	height: 30px;
	border-radius: 15px;
}

.live-login-before {
	font-size: 16px;
	line-height: 48px;
	margin-left: 20px;
	color: #47355d
}

.live-login-before a {
	color: #fff;
	display: inline-block;
	margin: 0 10px;
}

.live-login-before a:hover {
	color: #e1457b
}

.live-login-before a.u-login {
	background: url(../images/top-u-head.png) no-repeat;
	padding-left: 25px;
}

.live-login-before a.u-login:hover {
	background-position: 0 -48px;
}

.top-recmammend {
	width: 630px;
	border-radius: 5px;
	background: #fff;
	position: absolute;
	top: 48px;
	left: 165px;
	padding: 10px;
	box-shadow: 2px 2px 3px #000;
}

.recommend-hd {
	width: 100%;
	border-bottom: 1px solid #ddd;
	position: relative;
}

.recommend-hd ul {
	float: left;
}

.recommend-hd ul li {
	display: inline-block;
	float: left;
	font-size: 14px;
	line-height: 36px;
	margin-right: 15px;
	padding: 0 10px;
	cursor: pointer;
	color: #444
}

.recommend-hd ul li.act {
	border-bottom: 4px solid #f63da5
}

.head-anchor-list ul li {
	display: inline-block;
	float: left;
	width: 190px;
	font-size: 12px;
	padding: 0 0 0 10px;
	*padding: 0 0 0 10px;
	margin: 10px 0;
	position: relative;
}

.head-anchor-list ul li .anchor-img {
	display: inline-block;
	width: 190px;
	height: 140px;
	color: #fff;
	overflow: hidden;
}

.head-anchor-list ul li .anchor-img img {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.head-anchor-list ul li .anchor-img:hover img {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}

.anchor-list-fulmask {
	display: inline-block;
	width: 190px;
	position: absolute;
	height: 30px;
	line-height: 30px;
	top: 110px;
	left: 10px;
	background: url(../images/picbg-v2.png) repeat-x left bottom;
}

.head-anchor-list ul li img {
	width: 190px;
}

.head-anchor-list {
	height: 380px;
	position: relative;
	overflow: scroll;
	overflow-x: hidden;
}

.home-anchor-items {
	left: -5px;
}

.anchor-viewer i {
	background-position: -257px 0;
	width: 13px;
	height: 13px;
	position: relative;
	top: 2px;
}

.head-anchor-list ul li p {
	line-height: 25px;
	background: #f2f2f2;
	padding: 0 3px;
	height: 25px;
	color: #444
}

.head-anchor-list ul li p .rec-anchor-name {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 95px;
}

.anchor-time i {
	margin-right: 5px;
}

.head-anchor-list ul li p em {
	position: relative;
	top: 4px;
}

.anchor-flag-sm {
	width: 48px;
	height: 16px;
	background-position: -244px -551px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
}

.home-anchor-type {
	float: right;
}

.home-anchor-type li {
	display: inline-block;
	float: left;
	font-size: 16px;
	line-height: 26px;
	padding: 7px 0
}

.home-anchor-type li a {
	display: inline-block;
	padding: 0 8px;
	color: #444;
}

.home-anchor-type li a:hover,
.home-anchor-type li.cur a {
	color: #f63da5;
}

.hot-anchor-filter li {
	line-height: 26px;
	padding: 7px 0;
	display: inline-block;
	float: left;
	margin: 0 5px;
	font-size: 16px;
	color: #444
}

.hot-anchor-filter li em {
	color: #f63da5;
	font-weight: bold;
	margin: 0 0 0 5px;
}

.triangle {
	display: inline-block;
	width: 18px;
	height: 8px;
	position: absolute;
	left: 65px;
	z-index: 999;
	top: -8px;
	background: url(../images/triangle.png) no-repeat;
}

.triangle-kefu {
	display: inline-block;
	width: 18px;
	height: 8px;
	position: absolute;
	left: 50%;
	z-index: 999;
	top: -8px;
	margin-left: -9px;
	background: url(../images/triangle.png) no-repeat;
}

.triangle-login {
	display: inline-block;
	width: 18px;
	height: 8px;
	position: absolute;
	right: 50px;
	z-index: 999;
	top: -8px;
	background: url(../images/triangle.png) no-repeat;
}

.icon-clock {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url(../images/clock-gray.png) no-repeat;
	position: relative;
	top: 6px;
}

.top-rec-close {
	position: absolute;
	display: inline-block;
	width: 21px;
	height: 21px;
	background: url(../images/top-close.png) no-repeat;
	top: 8px;
	right: 0;
	float: right;
	cursor: pointer;
}

.hide {
	display: none;
}

.live-game-down {
	position: absolute;
	top: 48px;
	left: 290px;
	padding: 10px;
	background: url(../images/black80.png) repeat;
	box-shadow: 2px 2px 3px #000;
	z-index: 999;
	border-radius: 5px;
	width: 534px;
}

.live-game-list {
	width: 100%;
	overflow: hidden;
	padding-top: 10px;
}

.live-game-list ul li {
	display: inline-block;
	float: left;
	margin: 0 25px 0 0;
}

.live-game-list .game-down-lnk {
	float: right;
}

.live-game-list .game-down-lnk li {
	clear: both;
	display: inline-block;
	float: left;
	margin-right: 0;
}

.live-game-list .game-down-lnk li a {
	display: inline-block;
	width: 136px;
	height: 33px;
	background: url(../images/game-down-lnk.gif) no-repeat;
	text-indent: -999em;
	margin: 7px 0;
}

.live-game-list .game-down-lnk li.down-normal a {
	background-position: 0 -33px;
}

.live-game-list .game-down-lnk li.down-normal a:hover {
	background-position: 0 0;
}

.live-game-list .game-down-lnk li.down-fast a {
	background-position: 0 -99px;
}

.live-game-list .game-down-lnk li.down-fast a:hover {
	background-position: 0 -66px;
}

.live-kefu {
	width: 230px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 3px #000;
	position: absolute;
	top: 48px;
	left: 930px;
	padding: 10px;
}

.live-phone-down {
	padding: 10px;
	background: #fff;
	border-radius: 5px;
	position: absolute;
	top: 48px;
	left: 50px;
	display: none;
}

.live-phone-down ul li {
	float: left;
	text-align: center
}

.live-phone-down ul li img {
	width: 113px;
	height: 113px;
	margin: 10px 10px 0
}

.fixedbar-qq {
	padding: 15px 0;
	color: #999;
	text-align: center;
	font-size: 14px;
	font-family: ËÎÌå;
}

.fixedbar-qq li {
	height: 30px;
	vertical-align: middle;
	padding: 5px 0
}

.fixedbar-qq span {
	display: inline-block;
	vertical-align: middle;
}

.fixedbar-qq img {
	position: relative;
	top: 7px;
}

.fixedbar-help h3 {
	text-align: left;
	font-size: 16px;
}

.fixedbar-help ul li {
	margin-bottom: -1px;
	border-bottom: solid 1px #ebebeb;
	vertical-align: top;
	line-height: 30px;
}

.fixedbar-help ul li a {
	color: #999;
	font-size: 14px;
}

.fixedbar-help ul li a:hover {
	color: #eb3d77;
}

.login-pop {
	position: absolute;
	background: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 3px #000;
	width: 250px;
	padding: 10px;
	right: 0;
	display: none;
}

.ucenter-logout {
	padding: 5px 10px;
	height: 20px;
	text-align: right;
	line-height: 20px;
}

.ucenter-logout a {
	display: inline-block;
	padding-left: 20px;
	color: #ccc;
}

.ucenter-logout a:hover {
	color: #fa5c5c;
}

.ucenter-logout a .icon-base {
	float: left;
	margin-top: 2px;
	margin-left: -20px;
}

.ucenter-logout a:hover .icon-base {
	background-position: -64px -64px;
}

.ucenter-info {
	position: relative;
	text-align: center;
}

.ucenter-info-pic {
	padding-bottom: 8px;
}

.ucenter-info-pic img {
	width: 80px;
	height: 80px;
	border-radius: 80px;
	vertical-align: top;
}

.ucenter-info p {
	padding: 1px 0;
	color: #999;
}

.ucenter-info-nickname span {
	max-width: 120px;
	color: #666;
	font-size: 14px;
}

.ucenter-info-nickname a {
	display: inline-block;
	vertical-align: middle;
}

.ucenter-info-nickname a .icon-base {
	vertical-align: top;
}

.ucenter-info-finance {
	font-size: 14px;
}

.ucenter-info-pay {
	padding: 2px 0 !important;
}

.ucenter-info-pay .user_panel_charge {
	background: #eb3d77;
	color: #fff;
	padding: 5px 15px;
	display: inline-block;
	border-radius: 5px;
}

.ucenter-info-dialog {
	position: absolute;
	top: 83px;
	left: 50%;
	z-index: 10;
	display: none;
	margin-left: -120px;
	width: 240px;
	background-color: #fff;
	box-shadow: 0 0 5px #ccc;
	text-align: left;
	font-size: 14px;
}

.btn-info-pop {
	border-color: #ffc107;
	color: #fff;
	background: #ffc107;
	border-radius: 10px;
}

.ucenter-progress {
	padding: 5px 0;
}

.progress-group {
	clear: both;
	margin: 0;
	padding: 6px 0 6px 15px;
	height: 20px;
	line-height: 20px;
}

.progress-group span {
	float: left;
}

.progress-group-name {
	width: 50px;
	font-size: 12px;
}

.progress-bar {
	position: relative;
	float: left;
	display: inline-block;
	overflow: hidden;
	margin-top: 4px;
	width: 130px;
	height: 12px;
	border-radius: 6px;
	background-color: #000;
	vertical-align: middle;
	line-height: 12px;
	margin-right: 5px;
}

.progress-bar-val {
	float: left;
	height: 12px;
	border-radius: 6px;
	background-color: #6c3;
	-moz-animation: 1s ease-out backwards widen;
	-o-animation: 1s ease-out backwards widen;
	-webkit-animation: 1s ease-out backwards widen;
	animation: 1s ease-out backwards widen;
}

@-moz-keyframes widen {
	0% {
		width: 0;
	}
}

@-webkit-keyframes widen {
	0% {
		width: 0;
	}
}

@keyframes widen {
	0% {
		width: 0;
	}
}

.progress-bar-text {
	position: absolute;
	right: 0;
	left: 0;
	width: 100%;
	color: #FFF;
	text-align: center;
	font-size: 12px;
}

.progress-group .starLV,
.progress-group .richLV {
	float: left;
	display: inline;
	margin-top: 1px;
	margin-left: 5px;
}

.progress-group .starLV {
	margin-left: 10px;
}

.ucenter-nav ul {
	overflow: hidden;
	margin: 10px auto;
	border: solid 1px #ebebeb;
	color: #999;
	width: 226px;
}

.ucenter-nav li {
	float: left;
	width: 114px;
	border: solid 1px #ebebeb;
	border-left: 0;
	margin: -1px;
}

.ucenter-nav li a {
	display: block;
	padding: 8px 10px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #eb3d77
}

.ucenter-nav li a:hover {
	background-color: #f2f2f2;
}

.ucenter-nav li a .icon-base {
	float: left;
}

.live_video_area {
	position: relative;
	z-index: 100;
	background: #332036;
	position: absolute;
	left: 0;
	top: 0;
	height: 280px;
}

.live_player {
	width: 502px;
	background: #000;
	position: relative;
	height: 100%;
}

.live_chat_area {
	background: url(../images/dot_black_5.png);
	float: left;
	position: absolute;
	left: 0;
	bottom: 0;
}

.live_info_area {
	width: 284px;
	height: 900px;
	background: url(../images/dot_black_2.png);
	position: absolute;
	right: 0;
	top: 0;

	display: flex;
	flex-direction: column;
}

.anchor-about {
	position: absolute;
	width: 100%;
	background: url(../images/dot_zi_3.png);
	left: 0;
	top: 0;
	height: 30px;
	overflow: hidden;
	z-index: 9;
	padding: 5px 0
}

.anchor-about dl {
	padding: 5px 8px 0 8px;
}

.anchor-about dl dt {
	float: left;
	width: 45px;
}

.anchor-about dl dt .photoer {
	width: 30px;
	height: 30px;
	position: relative;
	border-radius: 50%;
	border: 2px solid #FFF;
	background: #CCC;
}

.anchor-about dl dt img.anchor-head {
	width: 30px;
	height: 30px;
	display: block;
	border-radius: 50%;
}

.anchor-about dl dd {
	float: left;
	padding-top: 3px;
}

.anchor-about dl dd .name {
	display: block;
	font-size: 14px;
	color: #FFF;
}

.anchor-about dl dd .name em {
	margin-left: 5px
}

.anchor-about .name .level {
	padding-left: 6px;
}

.anchor-about .dou-prog {
	height: 12px;
	margin-top: 10px;
	width: auto;
	display: inline-block;
}

.anchor-about .dou-prog .M-progress {
	width: 130px;
	height: 3px;
	background: #a59fb4;
	float: left;
}

.anchor-about .dou-prog .M-progress .slider {
	background: #eb3d77;
	height: 3px;
}

.anchor_attention {
	position: absolute;
	top: 12px;
	right: 8px;
	width: auto
}

.anchor-about .M-attention {
	width: 50px;
	float: left;
}

.anchor-about .BTN-add-attention,
.anchor-about .BTN-has-attention {
	width: 50px;
	height: 24px;
	border-radius: 0;
	background: #eb3d77;
	line-height: 24px;
	border: none;
	border-radius: 0 2px 2px 0;
}

.anchor-about .BTN-add-attention:hover,
.anchor-about .BTN-has-attention:hover {
	background: #ea2c6b;
}

.anchor-about .fans-num {
	float: left;
	border: 1px solid #e0638f;
	border-right: none;
	height: 22px;
	line-height: 22px;
	background: #9b3d70;
	padding: 0 10px;
	border-radius: 2px 0 0 2px;
	max-width: 60px;
	color: #fff;
}

.anchor-about .beans {
	float: left;
	margin-right: 10px;
}

.anchor-about .star {
	background-position: 0 4px;
	float: left;
	width: 56px;
}

.setting_btn {
	display: inline-block;
	padding: 0 5px;
	height: 24px;
	line-height: 24px;
	background: #eb3d77;
	color: #fff;
	border-radius: 3px;
	float: left;
	margin-right: 10px;
}

.anchor-about .signs-con {
	padding: 0 8px 0 50px;
	margin-top: 10px;
}

.anchor-about .signs {
	padding: 8px 0;
	font-size: 12px;
	color: #fff;
	line-height: 18px;
	word-wrap: break-word;
	word-break: break-all;
	border-top: 1px solid #c4b9f1;
}

.anchor-about .medals {
	padding-top: 8px;
}

.anchor-about .ICON-medal {
	height: 16px;
	float: left;
	margin-right: 6px;
}

.anchor-about .ICON-medal img {
	height: 16px;
}

.anchor-about .signs-con {
	position: relative;
	clear: both;
}

.anchor-about .sign-toggle {
	display: block;
	color: #FFF;
	position: absolute;
	right: 8px;
	top: 6px;
	cursor: pointer;
}

.anchor-about .sign-editor {
	position: relative;
	width: 293px;
	height: 22px;
	padding: 6px;
	float: right;
}

.anchor-about .sign-editor input {
	width: 208px;
	height: 22px;
	line-height: 22px;
	padding: 0 5px;
	background: #FFF;
	border: none;
}

.anchor-about .sign-editor .save {
	position: absolute;
	display: block;
	top: 6px;
	right: 40px;
	width: 36px;
	height: 22px;
	background: #eb3d77;
	cursor: pointer;
	text-align: center;
	color: #FFF;
	border-radius: 2px;
}

.anchor-about .sign-editor .cancel {
	position: absolute;
	display: block;
	top: 6px;
	right: 0px;
	width: 36px;
	height: 22px;
	background: #f493b4;
	cursor: pointer;
	text-align: center;
	color: #FFF;
	border-radius: 2px;
}

.anchor-about .sign-editor .save:hover {
	background: #f25186;
}

.anchor-about .sign-editor .cancel:hover {
	background: #f69fbc;
}

.anchor-about .sign-editor .count {
	position: absolute;
	right: 48px;
	top: 38px;
	color: #0095ce;
}

.anchor-about .ICON-gender {
	position: absolute;
	right: 7px;
	bottom: -5px;
}

.anchor-about .BTN-add-attention,
.anchor-about .BTN-has-attention {
	display: inline-block;
	width: 50px;
	height: 24px;
	border-radius: 0 3px 3px 0;
	text-align: center;
	color: #fff;
	background: #eb3d77;
	line-height: 24px;
	border: none;
}

.anchor-progress-txt {
	font-size: 12px;
	color: #fff;
	display: block;
}

.live_anchor_offline {
	margin: auto;
	position: relative;
	left: -7px
}

.live_anchor_offline li {
	display: inline-block;
	float: left;
	position: relative;
	width: 137px;
	margin-left: 15px;
	margin-bottom: 30px;
	color: #c4b9f1
}

.live_anchor_offline li img {
	width: 137px;
}

.live_anchor_offline li .anchor-time {
	color: #7f6b8c;
	clear: both;
	display: block;
	line-height: 16px;
}

.live_anchor_offline li .rec-anchor-name {
	display: inline-block;
	margin-left: 5px;
	max-width: 100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.live_anchor_offline li p {
	margin-top: 5px;
}

.icon-u {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(../images/ico-u.png) no-repeat 50% 50%;
	position: relative;
	top: 3px;
}

.live_player h3 {
	padding-top: 200px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 80px;
	font-weight: normal;
}

.live_sofa {
	width: 100%;
	background: url(../images/dot_zi_3.png);
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 15px 0 5px 0;
	text-align: center;
}

.live_sofa ul {
	width: 100%;
	float: left;
}

.live_sofa ul li {
	width: 16%;
	height: 86px;
	margin: 0 2%;
	*margin: 0 1.8%;
	display: inline-block;
	float: left;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.live_sofa ul li .sofa_chair {
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 0;
	z-index: 90;
}

.live_sofa ul li .sofa_chair img {
	width: 100%;
	border-radius: 50%;
}

.live_sofa ul li .sofa_img {
	position: absolute;
	z-index: 91;
	top: -10px;
	left: 50%;
	margin-left: -27px;
}

.live_sofa ul li .sofa_img img {
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 50%;
}

.live_sofa ul li p input {
	width: 26px;
	padding: 0 5px;
	text-align: center;
	height: 18px;
	line-height: 18px;
	margin: -2px 5px 0;
	text-align: center;
	border: 1px solid #999;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
	outline: none;
}

.sofa_u_nickname {
	display: inline-block;
	clear: both;
	width: 80%;
	padding: 0 5px;
	background: url(../images/white80.png);
	line-height: 22px;
	border-radius: 14px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 96;
	margin-left: 5%;
}

.sofa_coast {
	position: absolute;
	display: none;
	top: -50px;
	left: 50%;
	margin-left: -75px;
	font-size: 12px;
	width: 150px;
	z-index: 100;
	background: #fff;
	line-height: 28px;
	border-radius: 5px;
}

.sofa_coast em {
	font-style: normal;
	color: #eb3d77
}

.sofa_btn {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	border-radius: 10px;
	padding: 0 10px;
	background: #eb3d77;
	color: #fff;
	margin-left: 5px;
}

.sofa_trangle {
	display: inline-block;
	width: 15px;
	height: 10px;
	background: url(../images/triangle_down.png) no-repeat;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -8px;
}

.live_sofa ul li:hover .sofa_coast {
	display: block;
}

.live_big_gift {
	width: 100%;
	background: #662450;
	padding: 0;
	height: 100px;
	position: relative;
}

.live_big_gift ul {
	float: left;
	width: 100%
}

.live_big_gift ul li {
	padding: 5px 10px;
	display: block;
	line-height: 22px;
	clear: both;
	font-size: 12px;
	float: left;
	width: 480px;
	height: 22px;
	position: relative;
}

.live_big_gift ul li.headline {
	background: #a1377d;
	padding: 2px;
	width: 496px;
	height: 32px;
	line-height: 22px;
}

.headeline_bd {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	background-size: 30px 30px;
	background-image: -webkit-linear-gradient(45deg, rgba(205, 35, 90, 1) 25%, transparent 25%, transparent 50%, rgba(205, 35, 90, 1) 50%, rgba(205, 35, 90, 1) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(205, 35, 90, 1) 25%, transparent 25%, transparent 50%, rgba(205, 35, 90, 1) 50%, rgba(205, 35, 90, 1) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(205, 35, 90, 1) 25%, transparent 25%, transparent 50%, rgba(205, 35, 90, 1) 50%, rgba(205, 35, 90, 1) 75%, transparent 75%, transparent);
	-webkit-animation: barberpole 0.5s linear infinite;
	-moz-animation: barberpole 0.5s linear infinite;
	animation: barberpole 0.5s linear infinite;
	z-index: 90
}

@-webkit-keyframes barberpole {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 60px 30px;
	}
}

@-moz-keyframes barberpole {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 60px 30px;
	}
}

@keyframes barberpole {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 60px 30px;
	}
}

.live_big_gift ul li.headline a {
	display: inline-block;
	width: 480px;
	padding: 5px 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 91;
	background: #a1377d;
	display: inline-block;
	height: 22px;
	overflow: hidden;
}

.live_big_gift ul li .photoer {
	float: left;
	margin-right: 5px;
}

.live_big_gift ul li .photoer img {
	width: 22px;
	height: 22px;
	border-radius: 15px;
}

.live_big_gift ul li .desc {
	float: left;
	line-height: 22px;
	font-style: normal;
	color: #eee;
}

.live_big_gift ul li .desc .user {
	color: #fed624;
	font-size: 14px;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
}

.live_big_gift ul li .desc .txt {
	color: #999;
	margin: 0 5px;
	float: left;
}

.live_big_gift ul li .desc .anchor_name {
	color: #ff7474;
	margin-right: 5px;
	font-size: 14px;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
}

.live_big_gift ul li .gift-pic img {
	width: 22px;
	height: 22px;
}

.live_big_gift ul li .gift-pic {
	float: left;
	margin: 0 5px;
}

.live_big_gift ul li .gift_time {
	color: #b15993;
	margin-left: 5px;
	font-size: 10px;
}

.live_big_gift ul li .Countdown {
	color: #fff
}

.headline_tip {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url(../images/headline-flag.png) no-repeat;
	z-index: 92;
	cursor: help;
}

.headline_tip_content {
	display: none;
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 100;
	border-radius: 5px;
	line-height: 20px;
}

.live_gift_area {
	height: 90px;
	min-height: 90px;
}

.live_message_area {
	max-height: 802px;
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
}

.chat_talk {
	position: relative;
	color: #fff;
	padding-left: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-top: 5px;
}

.chat_name {
	position: relative;
	z-index: 100
}

.chat_content {
	width: 480px;
	height: 34px;
	margin-left: 30px;
}

.speaker {
	width: 355px;
	height: 32px;
	border-radius: 2px;
	background: #1d1b27;
	border: 1px solid rgba(255, 255, 255, 0.1);
	position: relative;
	z-index: 99
}

.speaker input {
	margin-left: 36px;
	color: #7f6b8c;
	width: 285px;
	padding-right: 34px;
	height: 32px;
	line-height: 32px;
	border: none;
	background: none;
	outline: none;
	font-family: Microsoft Yahei;
}

.speaker input.txt-focus {
	color: #fff
}

.speaker input::-ms-clear {
	display: none;
}

.BTN-face-toggle {
	display: inline-block;
	width: 21px;
	height: 21px;
	background: url(../images/ico_emotion.png) no-repeat;
	position: absolute;
	top: 7px;
	left: 7px;
	z-index: 99
}

.BTN-face-toggle:hover {
	background-position: -21px 0;
}

.speaker cite {
	position: absolute;
	color: #7f6b8c;
	font-size: 12px;
	font-style: normal;
	top: 12px;
	right: 5px;
}

.send-btn {
	display: inline-block;
	line-height: 34px;
	background: #645991;
	border-radius: 3px;
	padding: 0 18px;
	color: #dbd2ff;
	margin-left: 5px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
	margin-right: 0;
	float: left;
	border: none;
	overflow: visible;
}

@-moz-document url-prefix() {
	.send-btn {
		padding: 0 14px;
	}
}

.send-btn:hover,
.room-msg-btn:hover {
	background: #7c70ad;
}

.room-msg-btn {
	border: 1px solid #645991;
	cursor: pointer;
	border-radius: 3px;
	line-height: 32px;
	*line-height: 34px;
	display: inline-block;
	padding: 0 10px;
	color: #dbd2ff;
	margin-left: 5px;
	float: left;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.horn-btn {
	width: 34px;
	height: 34px;
	display: inline-block;
	float: left;
	border-radius: 17px;
	line-height: 34px;
	font-size: 0;
	background: url(../images/ico_horn.png) no-repeat 50% 0;
	margin-left: 5px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}

.horn-btn:hover {
	background-position: 50% -34px;
}

#gift_tab li {
	float: left;
	padding: 5px 5px;
	cursor: pointer;
	color: #8680a1;
	margin-bottom: -2px;
}

#gift_tab li.on {
	color: #fff;
	border-bottom: 2px solid #eb3d77
}

#gift_tab {
	border-bottom: 2px solid #1e1b2b;
	width: 100%;
}

.live_gift_bd {
	width: 480px;
	height: 50px;
}

.live_gift_con {
	background: #000;
}

.live_gift_select {
	padding: 5px 10px;
}

.gift_list_slider li {
	width: 46px;
	height: 46px;
	float: left;
	text-align: center;
	background: #1e1b2b;
	border: 1px solid #1e1b2b;
	border-radius: 5px;
	margin: 1px;
	cursor: pointer;
	position: relative;
}

.gift_list_slider li:hover {
	width: 46px;
	height: 46px;
	border: 1px solid #363249
}

.gift_list_slider li.act {
	border-color: #eb3d77;
}

.gift_list_slider li span.store_num {
	color: red;
	display: inline-block;
	right: 1px;
	top: 0;
	bottom: 0;
	position: absolute;
	right: 0;
}

.gfname {
	display: none;
}

.gift_list .gift_list_slider img {
	margin: 6px 7px 7px 6px;
}

.gift_list_slider li span.gift_qiji,
.gift_list_slider li span.gift_toutiao,
.gift_list_slider li span.gift_week {
	position: absolute;
	top: 0;
	right: auto;
	left: 0;
	display: inline-block;
	display: inline-block;
	padding: 0 2px;
	height: 14px;
	min-width: 18px;
	background: #ffa000;
	color: #FFF;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
}

.tempWrap {
	margin: auto;
}

.sPrev,
.sNext {
	display: inline-block;
	width: 15px;
	height: 48px;
	background: url(../images/gift_slide_arrow.png) no-repeat;
	position: absolute;
}

.sPrev {
	background-position: 0 -48px;
	left: 0;
	top: 1px
}

.sNext {
	background-position: 0 0;
	right: 0;
	top: 1px;
}

.sNext:hover {
	background-position: -15px 0
}

.sPrev:hover {
	background-position: -15px -48px;
}

.gift_list {
	position: relative;
	margin-top: 5px;
}

.flag_star {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../images/flag_star.png) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}

.flag_star_activity {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../images/flag_activity.png) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}

.ico_hongbao {
	display: inline-block;
	width: 17px;
	height: 21px;
	background: url(../images/ico_hongbao.png) no-repeat;
	background-size: cover;
}

.ico_gift {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../images/ico_gift.png) no-repeat;
	background-size: cover;
}

.hongbao {
	line-height: 27px;
	color: #8680a1;
	cursor: pointer;
	margin-top: 3px;
}

.hongbao i {
	float: left;
	margin: 0 5px 0 8px;
}

.gift_foot {
	padding-bottom: 5px;
	height: 34px;
}

.moregift,
.live_gift_hd {
	position: relative;
}

.num-group {
	position: absolute;
	top: 0;
	width: 110px;
	height: 34px;
	right: 140px;
}

.num-group .num-name {
	color: #8680a1;
	line-height: 34px;
}

.num-group .select-group {
	position: absolute;
	top: 0;
	right: 0;
	width: 75px;
	height: 28px;
	border: 1px solid #645991;
	border-radius: 3px;
}

.num-group .num-input {
	position: absolute;
	color: #fff;
	top: 0;
	padding-left: 5px;
	width: 50px;
	height: 28px;
	line-height: 28px;
	background: none;
	border: none;
	outline: none;
}

.moregift .select-box {
	position: absolute;
	bottom: 33px;
	z-index: 500;
	font-size: 12px;
	color: #fff;
}

.moregift .select-box .select-list-con {
	overflow: hidden;
	position: relative;
}

.moregift .select-box .select-list {
	position: relative;
	background: #2f2c39;
}

.moregift .select-box li {
	width: 74px;
	height: 25px;
	line-height: 25px;
	border-bottom: solid 1px #373441;
	cursor: pointer;
}

.moregift .select-box li:hover {
	background: #373441;
}

.moregift .select-box li.custom-select {
	color: #d8b32b;
}

.moregift .select-box li span {
	margin-left: 10px;
}

.moregift .select-box .select-tip {
	display: none;
	position: absolute;
	top: 0;
	left: 74px;
	width: 140px;
	height: 170px;
	background: #373441;
}

.moregift .select-group .numselect-btn {
	position: absolute;
	top: 1px;
	right: 8px;
	width: 11px;
	height: 28px;
	background: url(../images/gif_arrow.gif) no-repeat 0 0;
	cursor: pointer;
}

.gift_send_btn {
	line-height: 28px;
	background: #eb3d77;
	color: #fff;
}

.live_charge_lnk,
.gift_send_btn {
	display: inline-block;
	padding: 0 15px;
	border-radius: 3px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.live_charge_lnk {
	line-height: 28px;
	border: 1px solid #eb3d77;
	margin-right: 10px;
	color: #eb3d77
}

.live_charge_lnk:hover {
	background: #eb3d77;
	color: #fff;
}

.gift_send_btn:hover {
	background: #ff518b
}

.animate-toggle-area {
	float: right;
	height: 18px;
	line-height: 18px;
	margin: 0 5px 0 0;
	position: absolute;
	right: 0;
	top: 3px;
	color: #FFF;
	font-size: 12px;
}

.animate-toggle-area label {
	float: left;
	margin: 0 10px 0 0
}

.animate-toggle-area div {
	float: left;
	position: relative;
	width: 50px;
	height: 16px;
	overflow: hidden;
	margin: 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	border: 1px solid #7c6bc0
}

.animate-toggle-area div * {
	position: absolute;
	-webkit-transition: left .2s;
	-moz-transition: left .2s;
	-o-transition: left .2s;
	transition: left .2s
}

.animate-toggle-area div i {
	left: 1px;
	top: 1px;
	width: 14px;
	height: 14px;
	background-color: #CCC;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	z-index: 10
}

.animate-toggle-area div span {
	display: inline-block;
	width: 50px;
	height: 16px;
	line-height: 16px;
	border-radius: 8px;
}

.animate-toggle-area .animate-toggle-off {
	left: -50px;
	background-color: #29292a;
	text-indent: 10px
}

.animate-toggle-area .animate-toggle-on {
	left: 0;
	background-color: #7c6bc0;
	text-indent: 22px
}

.animate-toggle-area.animate-off i {
	left: 34px
}

.animate-toggle-area.animate-off .animate-toggle-off {
	left: 0
}

.animate-toggle-area.animate-off .animate-toggle-on {
	left: 50px
}

.chat_gift_area {
	position: absolute;
	left: 60px;
	bottom: 55px;
	width: 500px;
	z-index: 99
}

.anchor_guard {
	width: 100%;
	background: url(../images/line_black.png) repeat-x 0 bottom
}

.anchor_guard .hd {
	background: #645991;
	color: #d3c8ff;
	position: relative;
	padding: 7px 10px;
}

.anchor_guard .hd h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
}

.anchor_guard .hd h3 em {
	display: inline-block;
	margin-left: 5px;
	font-style: normal;
	border: 1px dotted #d3c8ff;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	color: #d3c8ff;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}

.anchor_guard .hd a.guard_lnk {
	display: inline-block;
	position: absolute;
	background: #eb3d77;
	line-height: 22px;
	border-radius: 11px;
	color: #fff;
	padding: 0 15px;
	right: 10px;
	top: 7px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.anchor_guard .hd a.guard_lnk:hover {
	background: #ff518b;
}

.anchor_guard .bd {
	height: 168px;
}

.anchor_guard .list-inner .item {
	float: left;
	position: relative;
	margin: 5px 8px;
	width: 55px;
	height: 74px;
	cursor: pointer;
}

.anchor_guard .list-inner .item .guard_level {
	position: absolute;
	top: -10px;
	width: 55px;
	text-align: center;
}

.anchor_guard .list-inner .item .guard_level em {
	margin: 0;
}

.anchor_guard .list-inner .item .pic,
.anchor_guard .list-inner .item .limit,
.anchor_guard .list-inner .item .name,
.anchor_guard .list-inner .item .limit,
.anchor_guard .list-inner .item .off-line {
	display: block;
	width: 50px;
	margin: 0 auto;
}

.anchor_guard .list-inner .item .pic {
	background: url(../images/guard_item_bg.png) no-repeat;
}

.anchor_guard .list-inner .item .pic,
.anchor_guard .list-inner .item .pic img,
.anchor_guard .list-inner .item .limit,
.anchor_guard .list-inner .item .off-line {
	width: 50px;
	height: 50px;
	border-radius: 25px;
}

.anchor_guard .list-inner .item .limit,
.anchor_guard .list-inner .item .off-line {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -25px;
	text-align: center;
}

.anchor_guard .list-inner .item .name {
	height: 24px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	color: #c4b9f1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.anchor_guard .list-inner .item .icon,
.anchor_guard .list-inner .item img {
	height: 16px;
	width: 16px;
}

.anchor_guard .list-inner .item .icon {
	position: absolute;
	right: 0;
	top: 0;
}

.anchor_guard .list-inner .item .limit {
	padding: 11px 0;
	font-size: 12px;
	height: 28px;
	display: none;
	line-height: 14px;
	background: url(../images/black80.png);
	color: #c4b9f1;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.anchor_guard .list-inner .item .limit i {
	font-size: 12px;
	font-style: normal;
}

.anchor_guard .list-inner .item-self .name {
	color: #f5cb39;
}

.anchor_guard .list-inner .item:hover .limit {
	display: block
}

.list-inner {
	padding: 0;
	min-height: 80px;
	max-height: 168px;
	overflow: hidden;
}

.outer_hd {
	width: 100%;
	background: #645991;
	height: 36px;
}

.out_tab_type {
	width: 100%;
	height: 36px;
}

.outer_hd .out_tab_type li {
	float: left;
	width: 50%;
	line-height: 36px;
	height: 36px;
	text-align: center;
	color: #948db5;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
}

.outer_hd .out_tab_type li i {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/view_rank.png) no-repeat;
	position: relative;
	top: 3px;
	margin-right: 5px;
}

.outer_hd .out_tab_type li i.ico_live_view {
	background-position: 0 0
}

.outer_hd .out_tab_type li i.ico_live_rank {
	background-position: 0 -18px
}

.outer_hd .out_tab_type li.on i.ico_live_view {
	background-position: -18px 0
}

.outer_hd .out_tab_type li.on i.ico_live_rank {
	background-position: -18px -18px
}

.outer_hd .out_tab_type li.on {
	background: #786ca9;
	color: #dbd2ff
}

.inner_hd {
	width: 100%;
	background: #786ca9;
	line-height: 35px;
	height: 35px;
}

.inner_hd li {
	float: left;
	text-align: center;
	position: relative;
	color: #948db5;
	cursor: pointer;
}

.live_user_view li {
	width: 50%;
}

.gift_user_rank li {
	width: 33.3%;
	*width: 33.2%;
}

.inner_hd li.on,
.park_hd ul li.on {
	border-bottom: 1px solid #dbd2ff;
	color: #dbd2ff
}

i.arrow_top {
	display: inline-block;
	width: 7px;
	height: 4px;
	background: url(../images/arrow_top.gif) no-repeat;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -3.5px;
	display: none;
}

.inner_hd li.on i,
.park_hd ul li.on i {
	display: block;
}

.live_view_list .inner_bd {
	padding: 5px 0 0 0;
	background: url(../images/line_black.png) repeat-x 0 bottom;
	height: 320px;
	position: relative;
}

.live_view_list .inner_bd li {
	width: 100%;
	*width: 284px;
	clear: both;
	color: #dbd2ff;
	font-size: 12px;
	vertical-align: middle;
	padding: 5px 0;
	position: relative;
	line-height: 22px;
	height: 22px;
}

.live_view_list .inner_bd li.youkenum {
	text-align: center;
}

.live_view_list .inner_bd li:hover {
	background: #645991
}

.op_userList {
	height: 320px;
}

.userList li {
	position: relative;
	cursor: pointer;
	vertical-align: middle;
	clear: both
}

.userList li .ulevel {
	float: left;
	margin-left: 5px;
	width: 56px;
	text-align: center;
}

.userList li .ulevel img {
	margin-top: 11px;
}

.userList li .user-device {
	float: left;
}

.userList li:hover {
	background-color: #333
}

.userList li .user-nickname,
.gift_rank_list .user-nickname {
	float: left;
	max-width: 100px;
	color: #dbd2ff;
	text-indent: 5px
}

.userList li .user-id {
	float: left;
	color: #dbd2ff
}

.userList li .user-mm-no {
	float: left;
	position: relative;
	height: 14px;
	line-height: 14px;
	margin: 12px 0 0 2px;
	padding: 0 18px 0 3px;
	color: #F39C12;
	border: 1px solid #F39C12
}

.userList li .user-mm-no i {
	position: absolute;
	right: -5px;
	top: -5px
}

.userList li .user-identity {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	float: right
}

.userList li .user-identity img {
	margin-left: 1px;
}

.userList li .user-identity * {
	display: inline-block;
	vertical-align: middle;
}

.userList li .user-identity .iden-icon {
	margin: 8px -3px 0
}

.userList li .user-identity .richLV b {
	margin: 0
}

.gift_rank_flag {
	display: inline-block;
	width: 18px;
	line-height: 22px;
	text-align: center;
	margin-left: 5px;
	height: 22px;
	*height: 20px;
}

.flag_top3 {
	background: url(../images/rank_flag.png) no-repeat;
	font-size: 0;
}

.flag01 {
	background-position: 0 0
}

.flag02 {
	background-position: 0 -22px
}

.flag03 {
	background-position: 0 -44px
}

.gift_value {
	float: right;
	margin-right: 5px;
	padding-right: 25px;
	background: url(../images/ico_peny.png) no-repeat 100% 50%;
}

.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.park_hd {
	background: #645991;
	color: #d3c8ff;
	position: relative;
	line-height: 35px;
	width: 100%;
	height: 36px;
}

.park_hd ul li {
	float: left;
	width: 50%;
	text-align: center;
	color: #948db5;
	position: relative;
}

.car_list li {
	float: left;
	width: 132px;
	margin: 5px;
	background: url(../images/dot_black_3.png);
	border-radius: 5px;
	text-align: center;
	padding: 10px 0;
}

.car_list li img {
	width: 100px;
	height: auto;
}

.car_list li p {
	line-height: 20px;
	vertical-align: middle;
}

.car_list li span {
	max-width: 60px;
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
	color: #dbd2ff;
	margin-right: 5px;
}

.park_car_tit a {
	display: inline-block;
	border: 1px solid #eb3d77;
	line-height: 20px;
	border-radius: 10px;
	color: #eb3d77;
	padding: 0 10px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.park_car_tit a:hover {
	color: #fff;
	background: #eb3d77
}

.park_car_tit {
	padding: 11px 5px;
}

.car_arrow_up,
.car_arrow_down {
	display: inline-block;
	width: 14px;
	height: 12px;
	background: url(../images/arrow_top.png) no-repeat;
	float: right;
	margin-top: 5px;
	cursor: pointer;
}

.park_area.unfold, .game {
	height: 268px;
	flex:1;
	overflow: hidden;

	display: flex;
	flex-direction: column;
}

.unfold .park_bd, .game_bd {
	height: 232px;
	flex:1;
	overflow: auto
}

.game_list {
	height: 100%;
}

.game_list li {
	color: #fff;
	cursor: pointer;
	float: left; 
	font-size: 14px;
	margin : 10px;
	text-align: center;
	width: 70px; 
	box-sizing: border-box;
}

.game_list li img {
	display: block;
	margin: 0 auto 10px;
	width: 100%;
}

.game_list li span {
	color: #fff;
}

.g_txt {
	color: #7f6b8c;
	font-size: 14px;
	margin-right: 5px;
}

.live_msg_content {
	padding: 0 10px;
	vertical-align: middle;
}

.u_name,
.g_name {
	font-size: 14px;
	color: #ddd;
	margin: 0 5px 0 0;
}

.g_num {
	color: #dbd2ff;
}

.live_msg_content img,
.live_msg_list li img {
	margin: 0 5px;
	line-height: 1.5em;
	vertical-align: middle;
}

.live_msg_list li img.richTT {
	vertical-align: middle;
}

.live_msg_list li img.chat_car_img {
	vertical-align: middle;
}

.live_msg_content li {
	padding: 2px 0 3px 0;
	color: #fff;
}

.live_msg_content li .giftsmall {
	vertical-align: middle;
}

.live_msg_content li .g_num img {
	margin: 0;
}

.liv_message_content {
	padding-top: 5px;
	height: 455px;
	overflow: hidden
}

.time {
	color: #7f6b8c;
	font-size: 12px;
	margin-right: 5px;
	font-family: Microsoft Yahei;
}

.live_msg_list {
	padding: 5px 10px;
	color: #f0eaf2
}

.user-name {
	color: #c4b9f1;
}

#rNoticeCon {
	word-break: break-all;
}

.live_msg_list li {
	vertical-align: middle;
	line-height: 1.5em;
	margin: 5px 0 0 0;
}

.scroll_handle_bar {
	width: 100%;
	height: 1px;
	font-size: 1px;
	background: url(../images/handle_bg.gif) repeat-x;
	cursor: n-resize
}

.scroll_handle_bar span {
	display: inline-block;
	width: 15px;
	height: 9px;
	background: url(../images/drag_bg.png);
	position: relative;
	top: -5px;
	left: 50%;
	margin-left: -8px;
}

.live_msg_list li.enter {
	color: #7f6b8c;
}

.live_msg_list li.sys_msg {
	color: #ccc;
}

.live_msg_list li.enter .welcome {
	font-size: 14px;
	letter-spacing: 1px;
}

.live_msg_list li.msg {
	color: #7f6b8c;
}

.live_msg_list li.msg .message {
	color: #fff690;
}

.all-name {
	display: inline-block;
	padding: 0 5px;
}

.horn_pop,
.feipin,
.u_pop_op,
.live-popup,
.headline_tip_content {
	border-width: 2px;
	padding: 5px;
	border-style: solid;
	border-color: rgba(170, 160, 200, .5);
	background: #2f2c39 url(../images/dot_black_1.png);
	color: #c4b9f1
}

.feipin {
	width: 180px;
	line-height: 1.2em;
	display: none;
	position: absolute;
	z-index: 100;
	font-size: 12px;
	bottom: 50px;
}

.horn_pop {
	position: absolute;
	z-index: 101;
	bottom: 50px;
	left: 320px;
}

.horn_pop textarea {
	width: 300px;
	height: 60px;
}

.horn_pop .hd {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 10px 0;
	position: relative;
}

.horn_pop .fd {
	line-height: 24px;
	padding: 5px 0;
	position: relative;
}

.horn_send_btn {
	display: inline-block;
	background: #645991;
	line-height: 24px;
	border-radius: 12px;
	padding: 0 15px;
	position: absolute;
	right: 0;
	top: 5px;
}

.horn_pop .hd .close {
	background: url(../images/ico_close.gif) no-repeat 0 0;
	display: inline-block;
	width: 13px;
	height: 13px;
	position: absolute;
	right: 5px;
	top: 5px;
}

.horn_pop .hd .close:hover {
	background-position: 0 -13px;
}

.ico_emotion {
	display: inline-block;
	width: 21px;
	cursor: pointer;
	height: 21px;
	background: url(../images/ico_emotion.png) no-repeat;
	float: left;
	margin-right: 5px;
	margin-top: 2px;
}

.horn_pop textarea {
	background: url(../images/dot_black_3.png);
	border: 1px solid #4c4170;
	outline: none;
	color: #c4b9f1;
}

.msg_hongbao {
	background: #fb9d3a;
	border-radius: 5px;
	padding: 5px 10px;
	height: 50px;
	display: inline-block;
	vertical-align: middle;
	min-width: 200px;
	cursor: pointer;
}

.msg_hongbao img {
	width: 40px;
	margin-right: 5px;
	float: left;
}

.live_msg_list li .msg_hongbao {
	line-height: 1em
}

.live_msg_list li .msg_hongbao dl {
	display: inline-block;
	color: #fff
}

.live_msg_list li .msg_hongbao dl dd {
	font-size: 12px
}

.live_msg_list li .msg_hongbao dl dt {
	padding: 5px 0 10px 0;
}

.u_pop_op {
	position: absolute;
	z-index: 101;
	display: none;
	border-radius: 5px;
	width: 120px;
}

.u_pop_op h5 {
	text-align: center;
	line-height: 1.5em;
	background: url(../images/handle_bg.gif) repeat-x left bottom;
	margin-bottom: 10px;
	padding-bottom: 8px;
}

.u_pop_op dl {
	margin-bottom: 5px;
}

.u_pop_op dl dt h3 {
	font-size: 12px;
	font-weight: bold;
}

.u_pop_op dl dt em {
	font-style: normal;
}

.u_pop_op dl dd {
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	padding: 5px 0
}

.pop_op_ico {
	display: inline-block;
	width: 19px;
	height: 18px;
	background: url(../images/u_pop_ico.png) no-repeat;
	position: relative;
	top: 5px;
	margin-right: 5px
}

.u_pop_op a {
	color: #dbd2ff
}

.u_pop_op a .gag {
	background-position: 0 0
}

.u_pop_op a:hover .gag {
	background-position: -19px 0;
}

.u_pop_op a .kikout {
	background-position: 0 -18px
}

.u_pop_op a:hover .kikout {
	background-position: -19px -18px;
}

#presSwf,
#flyMsgBox,
#giftShapeSwf,
#showGiftSwf,
#showCar {
	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
}

#giftShapeSwf {
	margin-left: -250px;
	margin-top: -160px;
}

#showGiftSwf {
	margin-left: -385px;
	margin-top: -205px
}

.leveUPTip {
	z-index: 20001;
	position: fixed;
	_position: absolute;
	top: 50%;
	left: 50%;
	width: 412px;
	margin-left: -206px;
	margin-top: -180px;
}

.leveUPTip .lutop {
	float: left;
	pointer-events: none;
	width: 100%
}

.leveUPTip .lutop .col {
	width: 70px;
	height: 433px;
	background: url(../images/levelup.png) 0 -17px no-repeat;
	margin-left: 53px
}

.leveUPTip .lutop .colr {
	width: 70px;
	height: 433px;
	background: url(../images/levelup.png) -70px -17px;
	margin-right: 33px;
}

.leveUPTip .lucon {
	position: relative;
	float: left;
	background: url(../images/levelup.png) -166px -65px;
	width: 100%;
	height: 388px;
	bottom: 65px;
	left: 0;
	text-align: center;
}

.leveUPTip a.cls {
	position: absolute;
	background: url(../images/levelup.png) -190px -9px;
	top: 27px;
	right: 37px;
	width: 21px;
	height: 21px;
	display: block
}

.leveUPTip .con {
	margin-top: 140px;
}

.leveUPTip .con h2,
.leveUPTip .con p {
	font-size: 16px;
	line-height: 30px;
}

.leveUPTip .con a {
	color: #FF6C00;
	margin-left: 40px;
	text-decoration: underline;
}

.tagMk {
	display: block;
	height: 47px;
	left: 65px;
	position: absolute;
	top: 0;
	width: 75px;
}

/*·ÉÆÁ*/
.flyScreen {
	position: absolute;
	left: 0px;
	width: 100%;
	z-index: 1500;
	pointer-events: none;
}

.flyScreen,
.flycn,
.flycn td,
.giftMsg,
.f_flash {
	font-family: "Microsoft Yahei";
	font-size: 30px;
	height: 40px;
	line-height: 40px;
	filter: glow(color:#E404CC, strength=3);
	color: #ffffff;
	text-shadow: 0 0 3px #fff, 0 0 5px #ff00de, 0 0 10px #ff00de;
	font-weight: normal;
}

.flyScreen a,
.f_flash a {
	color: #FE58BA;
	font-size: 20px;
}

.flyScreen img {
	vertical-align: middle;
}

.fixedbar-broadcast {
	display: block;
}

.gift-flash-animate-area {
	position: absolute;
	left: 50%;
	bottom: 300px;
	width: 600px;
	height: 360px;
	margin: 0 0 0 -140px;
	z-index: 1000;
	pointer-events: none;
}

.live-popup {
	position: absolute;
	display: none;
	width: 180px;
	padding: 5px;
	font-family: 'Microsoft Yahei';
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 0 7px rgba(0, 0, 0, .8);
	z-index: 101;
}

.gift-tip-popup .gift-tip-pic {
	float: left;
	margin: 5px 10px 0 0
}

.gift-tip-popup .gift-tip-pic img {
	width: 50px;
	height: 50px
}

.gift-tip-popup .gift-tip-detail {
	float: left;
	width: 120px
}

.gift-tip-popup .gift-tip-detail p {
	line-height: 20px
}

.gift-tip-popup .gift-tip-pic img {
	width: 35px;
	height: 35px;
}

.gift-show-area-content li img {
	width: 35px;
	height: 35px;
}

.horn_send_btn {
	cursor: pointer;
}

#broadcast {
	display: none;
	background: #000;
	background-color: rgba(0, 0, 0, .7);
	filter: alpha(opacity=70);
	opacity: 0.70;
	bottom: 0;
	left: 0;
	min-width: 960px;
	position: fixed;
	height: 40px;
	width: 100%;
	z-index: 200;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}

#broadcast .bcConb {
	height: 40px;
	overflow: hidden;
	width: 100%;
}

#broadcast #bcCon {
	display: inline;
	float: left;
	overflow: hidden;
	padding: 5px;
	white-space: nowrap;
	z-index: 13;
	float: left;
	margin: 0;
	position: relative;
}

#broadcast #bcCon marquee {
	width: 100%;
	height: 30px;
	line-height: 30px;
	background-color: #FFF;
	overflow-style: auto;
	overflow: -webkit-marquee;
	-webkit-marquee-direction: auto;
}

#bclist {
	float: left;
	width: 50000px
}

#bcCon ul li {
	display: inline-block;
	float: left;
	background: #fff;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(255, 222, 43, .51);
	white-space: nowrap;
}

#bcCon .bcItem {
	padding: 0 10px 0 5px;
}

#bcCon .bcItem img {
	vertical-align: middle;
	max-height: 22px;
	_height: 22px;
}

#bcCon .bcItem a {
	color: #333;
}

#bcCon .bcItem .tipName {
	color: #FE58BA;
	padding-left: 3px;
}

.hongbao_unopen,
.hongbao_open {
	width: 278px;
	height: 348px;
	background: url(../images/hongbao_unopen.png) no-repeat;
	position: fixed;
	z-index: 200;
	top: 50%;
	left: 50%;
	margin-top: -174px;
	margin-left: -139px;
}

.pop_mask {
	width: 100%;
	height: 100%;
	background: url(../images/dot_black_3.png);
	position: fixed;
	z-index: 199;
	left: 0;
	top: 0
}

.user_header {
	text-align: center;
	color: #fff;
	padding-top: 15px;
}

.user_header img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	margin-bottom: 5px;
}

.user_header p em {
	font-style: normal;
	color: #fff33f
}

.hongbao_open_btn span {
	display: inline-block;
	width: 90px;
	height: 95px;
	background: url(../images/hongbao_open_btn.png) no-repeat;
	cursor: pointer;
}

.hongbao_open_btn {
	text-align: center;
	margin-top: 80px;
}

.hongbao_finish {
	text-align: center;
	color: #fff;
	padding-top: 80px;
}

.hongbao_list_link {
	text-align: center;
	padding-top: 120px;
}

.hongbao_list_link a {
	color: #fff;
	text-decoration: underline;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.hongbao_list_link a:hover {
	color: #fff33f
}

.hongbao_list {
	width: 278px;
	height: 348px;
	background: url(../images/hongbao_list.png) no-repeat;
	position: fixed;
	z-index: 200;
	top: 50%;
	left: 50%;
	margin-top: -174px;
	margin-left: -139px;
}

.hongbao_list_content {
	margin: 10px;
	padding-top: 20px;
	color: #fff;
}

.hongbao_list_content .hd {
	border-bottom: 1px solid #df604f;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.hongbao_list_content .hd em {
	font-style: normal;
	font-weight: bold;
	color: #fff33f;
}

.hongbao_list_content .bd {
	height: 180px;
	color: #ddd;
	overflow: auto
}

.hongbao_list_content .bd li {
	line-height: 25px;
	position: relative;
}

.hongbao_list_content .bd li span {
	display: inline-block;
	position: absolute;
	right: 0;
	color: #fff33f
}

.hongbao_pop_close {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/x_yellow.png) 50% 50% no-repeat;
	position: absolute;
	right: 10px;
	top: 10px
}

.ui-dialog {
	*zoom: 1;
	_float: left;
	position: relative;
	background-color: #FFF;
	border: 1px solid #999;
	border-radius: 6px;
	outline: 0;
	background-clip: padding-box;
	font-family: Helvetica, arial, sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
	color: #333;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .15s ease-in-out, opacity .15s ease-in-out;
	transition: transform .15s ease-in-out, opacity .15s ease-in-out;
}

.ui-popup-show .ui-dialog {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.ui-popup-focus .ui-dialog {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.ui-popup-modal .ui-dialog {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, .3);
}

.ui-dialog-grid {
	width: auto;
	margin: 0;
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
	background: transparent;
}

.ui-dialog-header,
.ui-dialog-body,
.ui-dialog-footer {
	padding: 0;
	border: 0 none;
	text-align: left;
	background: transparent;
}

.ui-dialog-header {
	white-space: nowrap;
	border-bottom: 1px solid #E5E5E5;
}

.ui-dialog-close {
	position: relative;
	_position: absolute;
	float: right;
	top: 13px;
	right: 13px;
	_height: 26px;
	padding: 0 4px;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #FFF;
	opacity: .2;
	filter: alpha(opacity=20);
	cursor: pointer;
	background: transparent;
	_background: #FFF;
	border: 0;
	-webkit-appearance: none;
}

.ui-dialog-close:hover,
.ui-dialog-close:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	outline: 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.ui-dialog-title {
	margin: 0;
	line-height: 1.428571429;
	min-height: 16.428571429px;
	padding: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;
	cursor: default;
}

.ui-dialog-body {
	padding: 20px;
	text-align: center;
}

.ui-dialog-content {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	*zoom: 1;
	*display: inline;
	text-align: left;
}

.ui-dialog-footer {
	padding: 0 20px 20px 20px;
}

.ui-dialog-statusbar {
	float: left;
	margin-right: 20px;
	padding: 6px 0;
	line-height: 1.428571429;
	font-size: 14px;
	color: #888;
	white-space: nowrap;
}

.ui-dialog-statusbar label:hover {
	color: #333;
}

.ui-dialog-statusbar input,
.ui-dialog-statusbar .label {
	vertical-align: middle;
}

.ui-dialog-button {
	float: right;
	white-space: nowrap;
}

.ui-dialog-footer button+button {
	margin-bottom: 0;
	margin-left: 5px;
}

.ui-dialog-footer button {
	width: auto;
	overflow: visible;
	display: inline-block;
	padding: 6px 12px;
	_margin-left: 5px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.ui-dialog-footer button:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus {
	color: #333333;
	text-decoration: none;
}

.ui-dialog-footer button:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.ui-dialog-footer button[disabled] {
	pointer-events: none;
	cursor: not-allowed;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ui-dialog-footer button {
	color: #333333;
	background-color: #ffffff;
	border-color: #cccccc;
}

.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus,
.ui-dialog-footer button:active {
	color: #333333;
	background-color: #ebebeb;
	border-color: #adadad;
}

.ui-dialog-footer button:active {
	background-image: none;
}

.ui-dialog-footer button[disabled],
.ui-dialog-footer button[disabled]:hover,
.ui-dialog-footer button[disabled]:focus,
.ui-dialog-footer button[disabled]:active {
	background-color: #ffffff;
	border-color: #cccccc;
}

.ui-dialog-footer button.ui-dialog-autofocus {
	color: #ffffff;
	background-color: #428bca;
	border-color: #357ebd;
}

.ui-dialog-footer button.ui-dialog-autofocus:hover,
.ui-dialog-footer button.ui-dialog-autofocus:focus,
.ui-dialog-footer button.ui-dialog-autofocus:active {
	color: #ffffff;
	background-color: #3276b1;
	border-color: #285e8e;
}

.ui-dialog-footer button.ui-dialog-autofocus:active {
	background-image: none;
}

.ui-popup-top-left .ui-dialog,
.ui-popup-top .ui-dialog,
.ui-popup-top-right .ui-dialog {
	top: -8px;
}

.ui-popup-bottom-left .ui-dialog,
.ui-popup-bottom .ui-dialog,
.ui-popup-bottom-right .ui-dialog {
	top: 8px;
}

.ui-popup-left-top .ui-dialog,
.ui-popup-left .ui-dialog,
.ui-popup-left-bottom .ui-dialog {
	left: -8px;
}

.ui-popup-right-top .ui-dialog,
.ui-popup-right .ui-dialog,
.ui-popup-right-bottom .ui-dialog {
	left: 8px;
}

.ui-dialog-arrow-a,
.ui-dialog-arrow-b {
	position: absolute;
	display: none;
	width: 0;
	height: 0;
	overflow: hidden;
	_color: #FF3FFF;
	_filter: chroma(color=#FF3FFF);
	border: 8px dashed transparent;
}

.ui-popup-follow .ui-dialog-arrow-a,
.ui-popup-follow .ui-dialog-arrow-b {
	display: block;
}

.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-a {
	bottom: -16px;
	border-top: 8px solid #7C7C7C;
}

.ui-popup-top-left .ui-dialog-arrow-b,
.ui-popup-top .ui-dialog-arrow-b,
.ui-popup-top-right .ui-dialog-arrow-b {
	bottom: -15px;
	border-top: 8px solid #fff;
}

.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top-left .ui-dialog-arrow-b {
	left: 15px;
}

.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-b {
	left: 50%;
	margin-left: -8px;
}

.ui-popup-top-right .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-b {
	right: 15px;
}

.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-a {
	top: -16px;
	border-bottom: 8px solid #7C7C7C;
}

.ui-popup-bottom-left .ui-dialog-arrow-b,
.ui-popup-bottom .ui-dialog-arrow-b,
.ui-popup-bottom-right .ui-dialog-arrow-b {
	top: -15px;
	border-bottom: 8px solid #fff;
}

.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom-left .ui-dialog-arrow-b {
	left: 15px;
}

.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-b {
	margin-left: -8px;
	left: 50%;
}

.ui-popup-bottom-right .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-b {
	right: 15px;
}

.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-a {
	right: -16px;
	border-left: 8px solid #7C7C7C;
}

.ui-popup-left-top .ui-dialog-arrow-b,
.ui-popup-left .ui-dialog-arrow-b,
.ui-popup-left-bottom .ui-dialog-arrow-b {
	right: -15px;
	border-left: 8px solid #fff;
}

.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left-top .ui-dialog-arrow-b {
	top: 15px;
}

.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-b {
	margin-top: -8px;
	top: 50%;
}

.ui-popup-left-bottom .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-b {
	bottom: 15px;
}

.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-a {
	left: -16px;
	border-right: 8px solid #7C7C7C;
}

.ui-popup-right-top .ui-dialog-arrow-b,
.ui-popup-right .ui-dialog-arrow-b,
.ui-popup-right-bottom .ui-dialog-arrow-b {
	left: -15px;
	border-right: 8px solid #fff;
}

.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right-top .ui-dialog-arrow-b {
	top: 15px;
}

.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-b {
	margin-top: -8px;
	top: 50%;
}

.ui-popup-right-bottom .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-b {
	bottom: 15px;
}

@-webkit-keyframes ui-dialog-loading {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes ui-dialog-loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.ui-dialog-loading {
	vertical-align: middle;
	position: relative;
	display: block;
	*zoom: 1;
	*display: inline;
	overflow: hidden;
	width: 32px;
	height: 32px;
	top: 50%;
	margin: -16px auto 0 auto;
	font-size: 0;
	text-indent: -999em;
	color: #666;
}

.ui-dialog-loading {
	width: 100%\9;
	text-indent: 0\9;
	line-height: 32px\9;
	text-align: center\9;
	font-size: 12px\9;
}

.ui-dialog-loading::after {
	position: absolute;
	content: '';
	width: 3px;
	height: 3px;
	margin: 14.5px 0 0 14.5px;
	border-radius: 100%;
	box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc;
	-webkit-transform: rotate(360deg);
	-webkit-animation: ui-dialog-loading 1.5s infinite linear;
	transform: rotate(360deg);
	animation: ui-dialog-loading 1.5s infinite linear;
	display: none\9;
}

.tran-dialog.ui-dialog {
	*zoom: 1;
	_float: left;
	position: relative;
	outline: 0;
	background: none;
	background-clip: padding-box;
	border: 0 none;
	font-family: Helvetica, arial, sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
	color: #333;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .15s ease-in-out, opacity .15s ease-in-out;
	transition: transform .15s ease-in-out, opacity .15s ease-in-out;
}

.ui-popup-focus .tran-dialog,
.ui-popup-modal .tran-dialog,
.ui-popup-focus .tran-dialog {
	box-shadow: none;
}

.ui-dialog.roomTips {
	background: #fff;
	border-color: #dcdcdc;
	color: #444;
}

.ui-dialog-arrow-a,
.ui-dialog-arrow-b {}

.ui-popup-top-left .roomTips .ui-dialog-arrow-b,
.ui-popup-top .roomTips .ui-dialog-arrow-b,
.ui-popup-top-right .roomTips .ui-dialog-arrow-b {
	border-top: 8px solid #3d0d53;
}

.roomTips .ui-dialog-body {
	padding: 10px;
	text-align: center;
}

.roomTips .ui-dialog-footer {
	text-align: center;
}

.roomTips .ui-dialog-button {
	float: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.roomTips .ui-dialog-footer button.ui-dialog-autofocus,
.roomTips .ui-dialog-footer button,
.roomTips .ui-dialog-footer button:focus {
	outline: 0 none;
	border-color: #b52d00;
	background-color: #c30;
}

.roomTips .warning {
	color: #c30;
	font-size: 12px;
	margin: 5px auto;
}

.roomTips .hongbao,
.roomTips .hornCon {
	width: 300px;
	padding: 10px 10px 0 10px;
}

.roomTips .hongbao .line,
.roomTips .hornCon .line {
	height: 32px;
	margin: 10px auto;
}

.roomTips .hongbao .unit,
.roomTips .hornCon .unit {
	float: left;
	width: 60px;
	line-height: 30px;
}

.roomTips .hongbao .label,
.roomTips .hornCon .label {
	float: left;
	width: 72px;
	line-height: 30px;
}

.roomTips .hongbao .input,
.roomTips .hornCon .input {
	width: 135px;
	line-height: 18px;
	height: 18px;
	margin-left: 5px;
	float: left;
	background: #eee;
	border-radius: 4px;
	border: 1px solid #dcdcdc;
	padding: 6px;
	color: #444;
}

.roomTips .hongbao .input:focus,
.roomTips .hornCon .input:focus {
	border: 1px solid #f2aa65;
	box-shadow: 0px 0px 6px rgba(255, 210, 0, 0.34);
}

.roomTips .hornCon {
	width: 142px;
}

.roomTips .hornCon .input {
	width: 120px;
	height: 100px;
	margin-top: 10px;
}

.roomTips .hornCon .em {
	position: absolute;
	width: 24px;
	height: 24px;
	background-position: -98px -2px;
	background-image: url(../images/roomImg.png);
	right: 10px;
	top: 10px;
}

.roomTips .privateChatCon {
	width: 300px;
	padding: 10px 10px 0 10px;
}

.roomTips .privateChatCon p {
	color: #ccc;
}

.roomTips .privateChatCon .name {
	color: #ffcc66;
	margin: 0 2px;
}

.roomTips .privateChatCon .input {
	width: 288px;
	margin-top: 10px;
	line-height: 18px;
	height: 100px;
	background: #552a69;
	border-radius: 4px;
	border: 1px solid #552a69;
	padding: 5px;
	color: #fff;
}

.roomTips .privateChatCon .input:focus {
	border: 1px solid #f2aa65;
	box-shadow: 0px 0px 6px rgba(255, 210, 0, 0.34);
}

.hongbao-ico {
	width: 60px;
	height: 26px;
	display: inline-block;
	background: url(../images/hongbao.png) no-repeat;
	position: relative;
	top: 2px;
}

.num-total {
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 22px;
	text-align: center;
	background: url(../images/dot_black_3.png);
	color: #dbd2ff
}

.settingbox {
	width: 430px;
	background: #2f2c39 url(../images/dot_black_1.png);
	color: #c4b9f1;
	padding: 10px;
	height: 280px;
	display: none;
}

.settingbox dl {
	margin-top: 15px;
}

.settingbox dl dt {
	margin-bottom: 10px;
}

.settingbox textarea {
	width: 425px;
	height: 60px;
}

a.setting_submit {
	display: inline-block;
	height: 36px;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	background: #eb3d77;
	line-height: 36px;
	border: none;
	width: 200px;
	margin-right: 15px;
}

a.setting_submit:hover {
	background: #ff518b
}

.setting_op {
	text-align: center;
	padding: 15px 0;
}

.message-area-ctr {
	position: absolute;
	right: 0;
	top: 10px;
	width: 0;
	overflow: hidden;
	-webkit-transition: width .2s;
	-moz-transition: width .2s;
	-o-transition: width .2s;
	transition: width .2s
}

.liv_message_content:hover .message-area-ctr {
	width: 50px
}

.message-area-ctr span {
	line-height: 20px;
	margin: 0 0 5px;
	display: inline-block;
	cursor: pointer;
	text-indent: 5px;
	float: left;
}

.message-area-ctr span em {
	float: left;
}

.message-area-ctr span i {
	float: right;
	width: 15px;
	height: 15px
}

.live-icons {
	background: url(../images/chat_handle_icon.png) no-repeat
}

.message-area-ctr .icon-lock {
	margin: 2px 2px 0 0;
	background-position: 0 0
}

.message-area-ctr .icon-unlock {
	margin: 2px 2px 0 0;
	background-position: -15px 0
}

.message-area-ctr .icon-clear {
	margin: 1px 2px 0 0;
	background-position: -30px 0
}

.message-area-ctr .icon-pub {
	margin: 1px 2px 0 0;
	background-position: -204px -79px
}

.message-area-ctr .icon-pri {
	margin: 1px 2px 0 0;
	background-position: -255px -3px
}

.live-radius-tip {
	display: inline-block;
	width: 40px;
	height: 20px;
	line-height: 20px;
	background-color: #241d3b;
	color: #dbd2ff;
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-o-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	-o-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px
}

.live-radius-tip-lg {
	width: 50px;
}

.live-radius-tip-lg em {
	font-size: 12px;
	font-style: normal;
}

.live-radius-tip:hover {
	background-color: #786ca9
}

.chat_name {
	width: 100%;
	clear: both;
	float: left;
}

.chat_name .sod_select {
	width: 100px;
	*width: 80px;
	border: 1px solid #645991;
	border-radius: 3px;
	background: none;
	color: #dbd2ff;
	padding: 5px 10px;
	position: relative;
}

.select_arrow {
	transform: rotate(180deg);
	position: absolute;
	right: 10px;
	top: 8px;
	font-size: 5px;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(../images/select_arrow.png) no-repeat;
}

.headline_move {
	position: absolute;
	right: 0;
	z-index: 101;
	background: url(../images/headline_bg.png) no-repeat right 50%;
	width: 500px;
	height: 40px;
	line-height: 40px;
}

.rocket {
	position: absolute;
	left: -110px;
	display: inline-block;
	height: 146px;
	overflow: hidden;
	bottom: -13px;
}

.headline_container {
	position: relative;
}

.headline_move_box {
	display: inline-block;
	padding-left: 80px;
	vertical-align: middle;
}

.headline_move_box .head_name {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #f00;
	padding: 0 10px;
}

.headline_move_box img {
	vertical-align: middle;
}

.u-cursor {
	cursor: pointer;
}

.day_star_tag {
	display: inline-block;
	width: 26px;
	height: 15px;
	background: url(../images/sprite_home.png) no-repeat -175px -695px;
	position: absolute;
	left: 50%;
	margin-left: -13px;
	top: -12px;
}

.flag_activity {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../images/flag_activity.png) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}

.daystar_flag {
	display: inline-block;
	width: 20px;
	height: 22px;
	background: url(../images/daystar_flag.png) no-repeat;
	vertical-align: middle;
}

.live_pop {
	position: absolute;
	left: 10%;
	top: 50%;
	margin-top: -93px;
	background: #fff;
	border-radius: 5px;
	width: 80%;
	overflow: hidden;
	z-index: 101
}

.live_pop_content .hd {
	background: #f5f5f5;
	padding: 0 20px;
	position: relative;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	line-height: 40px;
	height: 40px;
}

.live_pop_content .bd {
	padding: 20px;
}

.live_pop_content h4 {
	font-size: 14px;
	margin-bottom: 20px;
	color: #444;
	font-weight: normal;
}

.live_pop_content h5 {
	font-size: 14px;
	text-align: center;
	color: #444;
	font-weight: normal;
	line-height: 30px;
}

.live_pop_content h2 {
	color: #444;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

.live_pop_content p {
	margin: 10px 0;
}

.live_pop_btn {
	background: #ff9600;
	border-radius: 3px;
	border: none;
	padding: 8px 0;
	width: 40%;
	color: #fff;
	outline: none;
	font-family: Microsoft Yahei;
	cursor: pointer;
	margin: 0 10px;
	-webkit-transition: all, .3s;
	-moz-transition: all, .3s;
	-ms-transition: all, .3s;
	-o-transition: all, .3s;
	transition: all, .3s;
}

.live_pop_btn:hover {
	background: #f60;
}

.live_pop_content p.live_btns {
	text-align: center;
	margin: 20px 0;
	padding-bottom: 0;
}

.pop_close {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/close.png) no-repeat;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.plug_warn {
	padding: 0 0 0 60px;
	background: url(../images/warn_ico.png) no-repeat;
	height: 45px;
	font-size: 14px;
	line-height: 1.5em;
}

.plug_warn span {
	color: #999;
}

.live_stop_btn {
	width: 20px;
	border-radius: 3px;
	background: #ff9600;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	text-align: center;
	padding: 15px 0;
	left: -20px;
	top: 50%;
	margin-top: -43px;
	cursor: pointer;
}

/*Óû§²Ëµ¥*/
.icon,
.xicon {
	background-image: url(/img/new/b6.png);
	background-repeat: no-repeat
}

#userMenu,
#micMenu {
	text-align: left;
	background: #fff;
	border: 2px solid #79AA12;
	border-radius: 5px;
	position: absolute;
	width: 178px;
	z-index: 2200
}

.uCar {
	background: #C3C9C9;
	margin-top: -1px
}

.uCar img {
	width: 175px;
	height: 106px;
	display: block
}

#userMenu .uCar a {
	display: inline;
	padding: 0;
	margin: 0;
}

.taglist,
#sayOfflist,
.micWinMenu {
	background-color: #FE7E00;
	border-radius: 3px;
	left: 180px;
	padding: 5px 0;
	position: absolute;
	top: -50px;
	z-index: 2200;
	display: none
}

.taglist {
	width: 55px
}

#pxPackageLs {
	width: 120px;
	overflow: hidden
}

.taglist li {
	margin-bottom: 1px;
	white-space: nowrap
}

.taglist li a {
	display: block;
	color: #fff;
	height: 18px;
	line-height: 18px;
	padding: 0 10px;
	text-indent: 0
}

.taglist li a:hover,
#sayOfflist a:hover,
.micWinMenu a:hover {
	background-color: #FE7E00 !important;
	color: #333 !important;
	text-decoration: underline
}

.micWinMenu {
	top: 32px;
	width: 55px;
	display: none
}

.micWinMenu a {
	color: #fff;
	display: block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	text-indent: 0;
	margin: 0;
	width: 34px;
}

#sayOfflist {
	top: 0;
	width: 82px;
}

#sayOfflist a {
	margin: 0;
	width: 67px;
	color: #fff;
	padding-left: 10px;
	display: block;
	line-height: 30px;
	text-align: left;
}

#userMenu .userWrap {
	border-radius: 4px 4px 4px 4px;
	padding: 4px 0;
}

#userMenu h5,
#micMenu h5 {
	color: #FF6C00;
	font-size: 14px;
	line-height: 16px;
	margin: 0 5px;
	padding: 3px 0 9px 0;
	text-align: center;
}

#userMenu #tstar {
	height: 20px;
	text-align: center
}

#userMenu #tstar span {
	background: url(/img/tstar.png) repeat-x;
	height: 9px;
	display: inline-block;
	vertical-align: middle;
}

#userMenu #tstar a {
	margin: 0;
	padding: 0;
	display: inline;
	line-height: 14px;
	vertical-align: middle;
}

#userMenu #tstar a:hover {
	background-color: transparent !important;
	text-decoration: underline
}

#ubadges {
	margin: 0 10px;
}

#ubadges img {
	margin-left: 10px;
	margin-bottom: 7px;
	width: 40px;
	height: 40px;
}

.tstar0 {
	display: none;
}

.tstar1,
.tstar2,
.tstar3,
.tstar4,
.tstar5 {
	display: block;
}

.tstar0 span {
	width: 0;
}

.tstar1 span {
	width: 14px;
}

.tstar2 span {
	width: 28px;
}

.tstar3 span {
	width: 42px;
}

.tstar4 span {
	width: 56px;
}

.tstar5 span {
	width: 70px;
}

#userMenu .hr,
#micMenu .hr {
	background: url(/img/new/b6.png) no-repeat -500px 0;
	display: block;
	height: 1px;
	width: 100%;
	overflow: hidden
}

#userMenu p.icon {
	display: none;
	overflow: hidden;
	padding: 0 0 0 29px
}

#userMenu p.icon em {
	display: none;
	height: 43px;
	margin: 3px 0 0 4px;
	width: 43px
}

#userMenu a,
#micMenu a {
	color: #4B4B4B;
	cursor: pointer;
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 56px;
	margin: 5px 0;
}

#userMenu .arrows {
	background-position: -398px -413px;
	display: block;
	height: 12px;
	position: absolute;
	right: 10px;
	top: 4px;
	width: 8px;
}

#userMenu a:hover .arrows {
	background-position: -396px -445px
}

.micMenu {
	display: none
}

.onMic {
	background-position: -375px -66px;
	position: relative;
}

.offMic {
	background-position: -565px -535px
}

.topMic {
	background-position: -375px -107px
}

.delMic {
	background-position: -375px -149px
}

#switchMic {
	background-position: -565px -570px
}

#sendGift {
	background-position: -375px -196px
}

#addTag {
	background-position: -375px -237px;
	position: relative;
}

#sendPackage {
	background-position: -563px -643px;
	position: relative;
}

#say_pub {
	background-position: -375px -279px
}

#say_pri {
	background-position: -374px -322px
}

#usr_prf {
	background-position: -373px -366px
}

.sayOff {
	background-position: -565px -361px;
	position: relative
}

.kick {
	background-position: -565px -392px
}

#sayOn {
	background-position: -565px -427px
}

#setAdmin {
	background-position: -565px -463px
}

#delAdmin {
	background-position: -565px -496px
}

#chargeForHim {
	background-position: -603px -315px
}

.addMicTime {
	display: none;
	background-position: -565px -605px
}

#userMenu b.underline {
	border-bottom: 1px dotted #CCCCCC;
	display: block;
	height: 1px;
	margin: 0 6px;
	overflow: hidden
}

#userMenu a:hover,
.menuovr {
	background-color: #E8E7E7 !important;
	color: #FF6C00 !important
}

.cb {
	width: 24px;
	height: 25px;
	line-height: 20px;
	background: url(/images/hb.gif) no-repeat;
	border: 0;
	cursor: pointer
}

/*×ù¼Ý*/
.gift-flash-animate-area {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 200;
	display: none;
	margin: 0 0 0 -400px;
	width: 800px;
	height: 480px;
	pointer-events: none;
}

.fullheart-animate {
	top: 0;
	left: 750px;
}

.fly-animate-area p,
.gift-flash-animate-area .gift-animate-tip {
	position: absolute;
	bottom: -20px;
	width: 100%;
	border: 2px solid #FFE65E;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background: url(../images/f4a-60-b1d1dc.png) repeat;
	text-align: center;
	font-size: 24px;
	font-family: "Microsoft Yahei";
	line-height: 50px;
	-webkit-transition: bottom 1s ease;
	-moz-transition: bottom 1s ease;
	-o-transition: bottom 1s ease;
	transition: bottom 1s ease;
	-o-border-radius: 25px;
	color: #fff;
}

.fly-animate-area .anim-color-yellow,
.gift-flash-animate-area .anim-color-yellow {
	color: #FFE65E;
}

.fly-animate-area {
	position: absolute;
	top: 45%;
	left: 100%;
	display: none;
	width: 1000px;
}

.fly-animate-area p {
	position: initial;
}

#zadanSwf {
	display: none;
	height: 460px;
	position: absolute;
	top: -100px;
	width: 340px;
	z-index: 1;
}

@media screen and (max-width:1680px) and (min-width:1601px) {
	.anchor_guard .list-inner .item {
		float: left;
		position: relative;
		margin: 10px 8px 5px 8px;
		width: 55px;
		height: 70px;
	}

	.anchor_guard .bd {
		height: 168px;
	}

	.anchor_guard .list-inner .item .name {
		height: 18px;
		line-height: 18px;
		text-align: center;
		cursor: pointer;
		white-space: nowrap;
		color: #c4b9f1;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media screen and (max-width:1600px) and (min-width:1439px) {
	.anchor_guard .list-inner .item {
		float: left;
		position: relative;
		margin: 10px 8px 5px 8px;
		width: 55px;
		height: 70px;
	}

	.anchor_guard .bd {
		height: 168px;
	}

	.anchor_guard .list-inner .item .name {
		height: 18px;
		line-height: 18px;
		text-align: center;
		cursor: pointer;
		white-space: nowrap;
		color: #c4b9f1;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.park_car_tit {
		padding: 5px;
	}

	.live_sofa ul li .sofa_img {
		position: absolute;
		z-index: 91;
		top: -10px;
		left: 50%;
		margin-left: -22px;
	}

	.live_sofa ul li .sofa_img img {
		width: 40px;
		height: 40px;
		border: 2px solid #fff;
		border-radius: 50%;
	}

	.live_sofa ul li {
		width: 16%;
		height: 70px;
		margin: 0 2%;
		display: inline-block;
		float: left;
		text-align: center;
		position: relative;
		cursor: pointer;
	}

	.car_list li {
		float: left;
		width: 132px;
		margin: 5px;
		background: url(../images/dot_black_3.png);
		border-radius: 5px;
		text-align: center;
		padding: 5px 0;
	}

	.live_player h3 {
		padding-top: 100px;
		color: #fff;
		text-align: center;
		font-size: 25px;
		line-height: 80px;
	}

	.live_anchor_offline {
		margin: auto;
		position: relative;
		left: -7px
	}

	.live_anchor_offline li {
		display: inline-block;
		float: left;
		width: 110px;
		margin-left: 15px;
		margin-bottom: 30px;
		color: #c4b9f1
	}

	.live_anchor_offline li img {
		width: 110px;
	}

	.live_anchor_offline li .anchor-time {
		color: #7f6b8c;
		clear: both;
		display: block;
		line-height: 16px;
	}

	.live_anchor_offline li p {
		margin-top: 5px;
	}

	.live_anchor_offline li .rec-anchor-name {
		display: inline-block;
		margin-left: 5px;
		max-width: 80px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}

@media screen and (max-width:1600px),
screen and (max-height: 900px) {
	.anchor_guard .list-inner .item {
		float: left;
		position: relative;
		margin: 10px 8px 5px 8px;
		width: 55px;
	}

	.anchor_guard .bd {
		height: 168px;
	}

	.anchor_guard .list-inner .item .name {
		height: 18px;
		line-height: 18px;
		text-align: center;
		cursor: pointer;
		white-space: nowrap;
		color: #c4b9f1;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.park_car_tit {
		padding: 5px;
	}

	.live_sofa ul li .sofa_img {
		position: absolute;
		z-index: 91;
		top: -10px;
		left: 50%;
		margin-left: -22px;
	}

	.live_sofa ul li .sofa_img img {
		width: 40px;
		height: 40px;
		border: 2px solid #fff;
		border-radius: 50%;
	}

	.live_sofa ul li {
		width: 16%;
		height: 70px;
		margin: 0 2%;
		display: inline-block;
		float: left;
		text-align: center;
		position: relative;
		cursor: pointer;
	}

	.car_list li {
		float: left;
		width: 132px;
		margin: 5px;
		background: url(../images/dot_black_3.png);
		border-radius: 5px;
		text-align: center;
		padding: 5px 0;
	}

	.live_player h3 {
		padding-top: 100px;
		color: #fff;
		text-align: center;
		font-size: 25px;
		line-height: 80px;
	}

	.live_anchor_offline {
		margin: auto;
		position: relative;
		left: -7px
	}

	.live_anchor_offline li {
		display: inline-block;
		float: left;
		width: 110px;
		margin-left: 15px;
		margin-bottom: 30px;
		color: #c4b9f1
	}

	.live_anchor_offline li img {
		width: 110px;
	}

	.live_anchor_offline li .anchor-time {
		color: #7f6b8c;
		clear: both;
		display: block;
		line-height: 16px;
	}

	.live_anchor_offline li p {
		margin-top: 5px;
	}

	.live_anchor_offline li .rec-anchor-name {
		display: inline-block;
		margin-left: 5px;
		max-width: 80px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.live_view_list .inner_bd {
		padding: 5px 0 0 0;
		background: url(../images/line_black.png) repeat-x 0 bottom;
		height: 225px;
		position: relative;
	}

	.op_userList {
		height: 225px;
	}
}

@media screen and (max-width:1440px) and (min-width:1367px) {
	.anchor_guard .list-inner .item {
		float: left;
		position: relative;
		margin: 10px 8px 5px 8px;
		width: 55px;
		height: 70px;
	}

	.anchor_guard .bd {
		height: 180px;
	}

	.anchor_guard .list-inner .item .name {
		height: 18px;
		line-height: 18px;
		text-align: center;
		cursor: pointer;
		white-space: nowrap;
		color: #c4b9f1;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.park_car_tit {
		padding: 5px;
	}

	.car_list li {
		float: left;
		width: 132px;
		margin: 5px;
		background: url(../images/dot_black_3.png);
		border-radius: 5px;
		text-align: center;
		padding: 5px 0;
	}

	.live_view_list .inner_bd {
		padding: 5px 0;
		background: url(../images/line_black.png) repeat-x 0 bottom;
		height: 200px;
		position: relative;
	}
}

@media screen and (max-width:1366px) and (min-width:1281px) {
	.anchor_guard .list-inner .item {
		float: left;
		position: relative;
		margin: 10px 8px 5px 8px;
		width: 55px;
		height: 70px;
	}

	.anchor_guard .bd {
		height: 90px;
	}

	.anchor_guard .list-inner .item .name {
		height: 18px;
		line-height: 18px;
		text-align: center;
		cursor: pointer;
		white-space: nowrap;
		color: #c4b9f1;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.park_car_tit {
		padding: 5px;
		display: none
	}

	.car_list li {
		float: left;
		width: 132px;
		margin: 10px 5px 5px 5px;
		background: url(../images/dot_black_3.png);
		border-radius: 5px;
		text-align: center;
		padding: 5px 0;
	}

	.live_view_list .inner_bd {
		padding: 5px 0 0 0;
		background: url(../images/line_black.png) repeat-x 0 bottom;
		height: 349px;
		position: relative;
	}

	.car_list li img {
		width: 80px;
		height: 58px;
	}

	.car_list li p {
		line-height: 16px;
		vertical-align: middle;
		font-size: 12px
	}

	.car_list li span {
		max-width: 60px;
		display: inline-block;
		line-height: 20px;
		vertical-align: middle;
		color: #dbd2ff;
		margin-right: 5px;
	}

	.park_area.unfold {
		height: 221px;
		overflow: hidden;
	}

	.live_sofa ul li .sofa_img {
		position: absolute;
		z-index: 91;
		top: -10px;
		left: 50%;
		margin-left: -22px;
	}

	.live_sofa ul li .sofa_img img {
		width: 40px;
		height: 40px;
		border: 2px solid #fff;
		border-radius: 50%;
	}

	.live_sofa ul li {
		width: 16%;
		height: 58px;
		margin: 0 2%;
		display: inline-block;
		float: left;
		text-align: center;
		position: relative;
		cursor: pointer;
	}

	.live_player h3 {
		padding-top: 100px;
		color: #fff;
		text-align: center;
		font-size: 25px;
		line-height: 80px;
	}

	.live_anchor_offline {
		margin: auto;
		position: relative;
		left: -7px
	}

	.live_anchor_offline li {
		display: inline-block;
		float: left;
		width: 80px;
		margin-left: 15px;
		margin-bottom: 15px;
		color: #c4b9f1
	}

	.live_anchor_offline li img {
		width: 80px;
	}

	.live_anchor_offline li .anchor-time {
		color: #7f6b8c;
		clear: both;
		display: block;
		line-height: 16px;
	}

	.live_anchor_offline li p {
		margin-top: 5px;
	}

	.rec-anchor-name {
		display: inline-block;
		max-width: 80px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.live_anchor_offline li .rec-anchor-name {
		display: inline-block;
		margin-left: 5px;
		max-width: 50px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}

@media screen and (max-width:1280px) and (min-width:1025px) {
	.anchor_guard .list-inner .item {
		float: left;
		position: relative;
		margin: 5px 8px;
		width: 55px;
	}

	.anchor_guard .bd {
		height: 95px;
	}

	.anchor_guard .list-inner .item .name {
		height: 18px;
		line-height: 18px;
		text-align: center;
		cursor: pointer;
		white-space: nowrap;
		color: #c4b9f1;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.park_car_tit {
		padding: 5px 0;
	}

	.car_list li img {
		width: 80px;
		height: 58px;
	}

	.car_list li {
		float: left;
		width: 132px;
		margin: 5px;
		background: url(../images/dot_black_3.png);
		border-radius: 5px;
		text-align: center;
		padding: 5px 0;
	}

	.live_view_list .inner_bd {
		padding: 5px 0 0 0;
		background: url(../images/line_black.png) repeat-x 0 bottom;
		height: 295px;
		position: relative;
	}

	.live_view_list .inner_bd li {
		width: 100%;
		clear: both;
		color: #dbd2ff;
		font-size: 12px;
		vertical-align: middle;
		padding: 5px 0;
		position: relative;
		line-height: 22px;
		height: 22px;
		margin-top: 1px;
	}

	.park_area.unfold {
		height: 221px;
		overflow: hidden;
	}

	.live_sofa ul li .sofa_img {
		position: absolute;
		z-index: 91;
		top: -10px;
		left: 50%;
		margin-left: -22px;
	}

	.live_sofa ul li .sofa_img img {
		width: 40px;
		height: 40px;
		border: 2px solid #fff;
		border-radius: 50%;
	}

	.live_sofa ul li {
		width: 16%;
		height: 58px;
		margin: 0 2%;
		display: inline-block;
		float: left;
		text-align: center;
		position: relative;
		cursor: pointer;
	}

	.live_player h3 {
		padding-top: 100px;
		color: #fff;
		text-align: center;
		font-size: 25px;
		line-height: 80px;
	}

	.live_anchor_offline {
		margin: auto;
		position: relative;
		left: -7px
	}

	.live_anchor_offline li {
		display: inline-block;
		float: left;
		width: 80px;
		margin-left: 15px;
		margin-bottom: 15px;
		color: #c4b9f1
	}

	.live_anchor_offline li img {
		width: 80px;
	}

	.live_anchor_offline li .anchor-time {
		color: #7f6b8c;
		clear: both;
		display: block;
		line-height: 16px;
	}

	.live_anchor_offline li p {
		margin-top: 5px;
	}

	.rec-anchor-name {
		display: inline-block;
		max-width: 60px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media screen and (width:1024px) {
	.anchor_guard .list-inner .item {
		float: left;
		position: relative;
		margin: 10px 8px 5px 8px;
		width: 55px;
		height: 70px;
	}

	.anchor_guard .bd {
		height: 95px;
	}

	.anchor_guard .list-inner .item .name {
		height: 18px;
		line-height: 18px;
		text-align: center;
		cursor: pointer;
		white-space: nowrap;
		color: #c4b9f1;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.park_car_tit {
		padding: 5px 0;
	}

	.car_list li img {
		width: 80px;
		height: 58px;
	}

	.car_list li {
		float: left;
		width: 132px;
		margin: 5px;
		background: url(../images/dot_black_3.png);
		border-radius: 5px;
		text-align: center;
		padding: 5px 0;
	}

	.live_view_list .inner_bd {
		padding: 5px 0 0 0;
		background: url(../images/line_black.png) repeat-x 0 bottom;
		height: 295px;
		position: relative;
	}

	.live_view_list .inner_bd li {
		width: 100%;
		clear: both;
		color: #dbd2ff;
		font-size: 12px;
		vertical-align: middle;
		padding: 5px 0;
		position: relative;
		line-height: 22px;
		height: 22px;
		margin-top: 1px;
	}

	.park_area.unfold {
		height: 221px;
		overflow: hidden;
	}

	.live_sofa ul li .sofa_img {
		position: absolute;
		z-index: 91;
		top: -10px;
		left: 50%;
		margin-left: -22px;
	}

	.live_sofa ul li .sofa_img img {
		width: 40px;
		height: 40px;
		border: 2px solid #fff;
		border-radius: 50%;
	}

	.live_sofa ul li {
		width: 16%;
		height: 58px;
		margin: 0 2%;
		display: inline-block;
		float: left;
		text-align: center;
		position: relative;
		cursor: pointer;
	}

	.live_chat_area {
		width: 420px;
		height: 900px;
		background: url(../images/dot_black_5.png);
		float: left;
		position: relative;
	}

	.chat_gift_area {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 420px;
	}

	#gift_tab li {
		float: left;
		padding: 5px;
		cursor: pointer;
		color: #8680a1;
		margin-bottom: -2px;
		font-size: 12px;
	}

	.speaker {
		width: 275px;
		height: 32px;
		border-radius: 2px;
		background: #1d1b27;
		border: 1px solid rgba(255, 255, 255, 0.1);
		position: relative;
	}

	.BTN-face-toggle {
		display: inline-block;
		width: 21px;
		height: 21px;
		background: url(../images/ico_emotion.png) no-repeat;
		position: absolute;
		top: 7px;
		left: 5px;
	}

	.chat_content {
		position: relative;
		width: 400px;
		margin: 0 auto;
		height: 34px;
	}

	.gift_list_slider li {
		width: 41px;
		height: 41px;
		float: left;
		text-align: center;
		background: #1e1b2b;
		border: 1px solid #1e1b2b;
		border-radius: 5px;
		margin: 1px;
		cursor: pointer;
		position: relative;
	}

	.gift_list_slider li:hover {
		width: 41px;
		height: 41px;
		border: 1px solid #363249
	}

	.speaker input {
		margin-left: 30px;
		color: #7f6b8c;
		width: 213px;
		height: 32px;
		line-height: 32px;
		border: none;
		background: none;
		outline: none;
	}

	.live_player h3 {
		padding-top: 100px;
		color: #fff;
		text-align: center;
		font-size: 25px;
		line-height: 80px;
	}

	.live_anchor_offline {
		margin: auto;
		position: relative;
		left: 0
	}

	.live_anchor_offline li {
		display: inline-block;
		float: left;
		width: 80px;
		margin-left: 15px;
		margin-bottom: 15px;
		color: #c4b9f1
	}

	.live_anchor_offline li img {
		width: 80px;
	}

	.live_anchor_offline li .anchor-time {
		color: #7f6b8c;
		clear: both;
		display: block;
		line-height: 16px;
	}

	.live_anchor_offline li p {
		margin-top: 5px;
	}

	.rec-anchor-name {
		display: inline-block;
		max-width: 60px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.live_big_gift ul li .desc .anchor_name {
		color: #ff7474;
		margin-right: 5px;
		font-size: 14px;
		max-width: 100px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		float: left;
	}

	.live_big_gift ul li.headline {
		background: #812e65;
		padding: 2px;
		width: 416px;
		height: 32px;
		line-height: 22px;
	}

	.live_big_gift ul li.headline a {
		display: inline-block;
		width: 400px;
		padding: 5px 8px;
		position: absolute;
		top: 2px;
		left: 2px;
		z-index: 91;
		background: #812e65;
		display: inline-block;
		height: 22px;
		overflow: hidden;
	}
}

@media screen and (max-width:1366px),
and(max-height: 768px) {
	.live_view_list .inner_bd {
		padding: 5px 0 0 0;
		background: url(../images/line_black.png) repeat-x 0 bottom;
		height: 161px;
		position: relative;
	}
}

@media screen and (max-width:1280px),
and(max-height: 1024px) {
	.anchor_guard .bd {
		height: 168px;
	}

	.live_view_list .inner_bd {
		padding: 0;
		background: url(../images/line_black.png) repeat-x 0 bottom;
		height: 337px;
		position: relative;
	}

	.live_anchor_offline {
		margin: auto;
		position: relative;
		left: -7px
	}

	.live_anchor_offline li {
		display: inline-block;
		float: left;
		width: 123px;
		margin-left: 15px;
		margin-bottom: 15px;
		color: #c4b9f1
	}

	.live_anchor_offline li img {
		width: 123px;
	}

	.live_anchor_offline li .anchor-time {
		color: #7f6b8c;
		clear: both;
		display: block;
		line-height: 16px;
	}

	.live_anchor_offline li p {
		margin-top: 5px;
	}

	.live_anchor_offline li .rec-anchor-name {
		display: inline-block;
		max-width: 90px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.live_sofa ul li .sofa_chair {
		width: 80%;
		display: inline-block;
		position: absolute;
		top: 5px;
		left: 50%;
		margin-left: -40%;
		z-index: 90;
	}
}

@media screen and (max-width:1280px),
and(max-height: 960px) {
	.anchor_guard .bd {
		height: 168px;
	}

	.live_view_list .inner_bd {
		padding: 0;
		background: url(../images/line_black.png) repeat-x 0 bottom;
		height: 260px;
		position: relative;
	}

	.live_anchor_offline {
		margin: auto;
		position: relative;
		left: -7px
	}

	.live_anchor_offline li {
		display: inline-block;
		float: left;
		width: 123px;
		margin-left: 15px;
		margin-bottom: 15px;
		color: #c4b9f1
	}

	.live_anchor_offline li img {
		width: 123px;
	}

	.live_anchor_offline li .anchor-time {
		color: #7f6b8c;
		clear: both;
		display: block;
		line-height: 16px;
	}

	.live_anchor_offline li p {
		margin-top: 5px;
	}

	.live_anchor_offline li .rec-anchor-name {
		display: inline-block;
		max-width: 90px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.live_sofa ul li .sofa_chair {
		width: 80%;
		display: inline-block;
		position: absolute;
		top: 5px;
		left: 50%;
		margin-left: -40%;
		z-index: 90;
	}
}

@media screen and (max-width:1280px),
and(max-height: 800px) {
	.anchor_guard .bd {
		height: 84px;
	}

	.live_view_list .inner_bd {
		padding: 0;
		background: url(../images/line_black.png) repeat-x 0 bottom;
		height: 200px;
		position: relative;
	}

	.live_anchor_offline {
		margin: auto;
		position: relative;
		left: 0
	}

	.live_anchor_offline li {
		display: inline-block;
		float: left;
		width: 80px;
		margin-left: 15px;
		margin-bottom: 15px;
		color: #c4b9f1
	}

	.live_anchor_offline li img {
		width: 80px;
	}

	.live_anchor_offline li .anchor-time {
		color: #7f6b8c;
		clear: both;
		display: block;
		line-height: 16px;
	}

	.live_anchor_offline li p {
		margin-top: 5px;
	}

	.live_anchor_offline li .rec-anchor-name {
		display: inline-block;
		max-width: 55px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media screen and (max-width:1280px),
and(max-height: 720px) {
	.live_view_list .inner_bd {
		padding: 0;
		background: url(../images/line_black.png) repeat-x 0 bottom;
		height: 168px;
		position: relative;
	}

	.live_anchor_offline {
		left: -5px
	}
}

@media screen and (max-width:1152px),
and(max-height: 864px) {
	.live_view_list .inner_bd {
		padding: 0;
		background: url(../images/line_black.png) repeat-x 0 bottom;
		height: 288px;
		position: relative;
	}

	.live_anchor_offline {
		left: -5px
	}
}

@media screen and (max-width:1024px),
and(max-height: 768px) {
	.live_view_list .inner_bd {
		padding: 0;
		background: url(../images/line_black.png) repeat-x 0 bottom;
		height: 196px;
		position: relative;
	}
}

#pubChatList .hongbao .name {
	color: #000;
}

#pubChatList .hongbao .hb {
	display: inline-block;
	padding: 6px 44px 5px 6px;
	height: 20px;
	border-radius: 4px 0 0 4px;
	background: url(../images/roomImg2.png) right -380px no-repeat;
	color: #be3333;
	cursor: pointer;
}

#pubChatList .hongbao .hb a {
	color: red;
}

#pubChatList .hongbao .name {
	margin-right: 5px;
}

#pubChatList .hongbao .welcome {
	top: 10px;
}

#pubChatList .hongbao.opened {
	background-position: right -420px;
}



/*20190711*/
.tool {
	width: 100%;
	height: 50px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	display: flex;
	align-items: center;
	padding: 0 20px;
	box-sizing: border-box;
}

.tool>a {
	height: 30px;
	line-height: 30px;

	background: #fff;
	color: #b17d8a;
	font-size: 14px;
	border-radius: 20px;
	padding: 0 10px;
}

.tool a:hover {
	color: #ff5588;
}

.tool a>i,
.tool a>span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
}

.emoticon-toggle-panel {
	position: relative;
}

.sod_select .sod_list {
	top: initial;
	bottom: 100%;
}

/*话筒*/
.chat-huatong {
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	margin-left: 10px;
	font-size: 14px;
	color: #b17d8a;
	user-select: none;
}

.chat-huatong.disabled {
	cursor: not-allowed;
	pointer-events: none;
}

.chat-huatong i {
	width: 26px;
	height: 26px;
	background: url(../images/maiicon.png) no-repeat -49px 0;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;

}

.chat-huatong:hover {
	color: #ff5588;
}

.chat-huatong:hover i {
	background: url(../images/maiicon.png) no-repeat 0 0;

}

.chat-huatong-jin {
	height: 26px;
	margin-right: 0px;
	font-size: 14px;
	color: #b17d8a;
	line-height: 26px;
}

.chat-huatong-jin i {
	background: url(../images/maiicon.png) no-repeat -26px 0;

}

.chat-huatong-jin:hover i {

	background: url(../images/maiicon.png) no-repeat -75px 0;
}

/*音量*/
.chat-yinliang {
	display: inline-flex;
	align-items: center;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	font-size: 14px;
	color: #b17d8a;
	user-select: none;

	position: relative;
}

.chat-yinliang i {
	width: 26px;
	height: 26px;
	background: url(../images/voicehui.png) no-repeat left center;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;


}

.chat-yinliang:hover {
	color: #ff5588;
}

.chat-yinliang:hover i {
	background: url(../images/voicehuiover.png) no-repeat left center;

}

.volce {
	transform: rotate(-90deg);
	bottom: 100px;
	width: 130px;
	height: 4px;
	position: absolute;
	left: -20px;
}

.btn_shangmai {
	position: absolute;
	right: 10px;
	top: -70px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #ff5588;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}

.btn_paimai {
	position: absolute;
	right: 10px;
	top: -150px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #ff5588;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}


.chat-center-keng {
	height: 260px;
	/*background: url(https://res.tuwan.com/templet/play/chat/v2/images/kengbg.jpg) repeat;*/
	border-bottom: solid 1px #eee;
	/*background: #fff;*/
	margin: 10px;
	border-radius: 6px;
}

.chat-center-keng .chat-keng-boss {
	width: 260px;
	height: 100%;
	background: url(https://res.tuwan.com/templet/play/chat/images/rightline.png) no-repeat right center;
	/*background: #ffecf0;*/
	/*background: rgba(0,0,0,0.5);*/
	/*border-right:solid 1px #eee;*/
	position: relative;
}

.chat-center-keng .chat-keng-boss .rightline {
	position: absolute;
	height: 80%;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	background: #eee;
}

.chat-center-keng .chat-keng-boss .chat-keng-boss-content {
	position: absolute;
	width: 136px;
	height: 210px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.chat-center-keng .chat-keng-boss .chat-keng-boss-content .chat-keng-boss-name {
	text-align: center;
	color: #ff6600;
	font-size: 14px;
	line-height: 24px;
	margin-top: -5px;
}

.chat-center-keng .chat-keng-boss .chat-keng-boss-content .chat-keng-boss-name .boss-name-text {
	font-size: 14px;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.chat-center-keng .chat-keng-boss .chat-keng-boss-content .chat-keng-boss-name img {
	width: 34px;
}

.chat-center-keng .chat-keng-boss .chat-keng-boss-content .chat-keng-boss-name span.boss-age {
	font-size: 12px;
	color: #fff;
	background: #f459a3;
	padding: 0 5px;
	border-radius: 4px;
	margin-right: 6px;
}

.chat-center-keng .chat-keng-boss .chat-keng-boss-head {
	width: 136px;
	height: 164px;
	position: relative;
	background: url(https://res.tuwan.com/templet/play/chat/images/sofa02.png) no-repeat center center;
}

.boss-head {}

.boss-head.boss-guang {
	background: url(https://res.tuwan.com/templet/play/chat/v3/images/beiguang.png?v=1) no-repeat 0 0;
	position: absolute;
	width: 184px;
	height: 184px;
	top: 50%;
	left: 50%;
	margin-left: -92px;
	margin-top: -92px;
	z-index: -1;
	/*display: none;*/
}

.boss-head.boss-guang-roat {
	-webkit-animation: spin 10s linear 1s 5 alternate;
	animation: spin 10s linear infinite;
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.boss-head.boss-border {
	border: solid 3px #ffbe31;
	width: 120px;
	height: 120px;
	z-index: 3;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.boss-head.chat-keng-teacher-speaking {
	/*border: solid 3px #92e18a;*/
}

.boss-head.boss-header {}

.boss-head.boss-border .boss-head-tag {
	position: absolute;
	width: 46px;
	height: 35px;
	line-height: 20px;
	bottom: -8px;
	background: url(../images/bosstag.png) no-repeat;
	border-radius: 4px;
	color: #7d4100;
	font-size: 12px;
	left: 50%;
	transform: translateX(-50%);
}

.boss-head.boss-header img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	z-index: 1;
	/*position: relative;*/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.chat-center-keng .chat-keng-mai {
	/*background: #fff9fa;*/
	flex: 1 auto;
	/*padding-top: 30px;*/
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: absolute;
	right: 0;
	top: 0;
}

.chat-center-keng .chat-keng-mai ul {
	list-style: none;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0 50px;
	margin-top: 6px;
	/*max-width: 700px;*/
	/*padding: 36px 0 50px 36px;*/
	/*display: flex;*/
}

.chat-center-keng .chat-keng-mai ul li {
	float: left;
	margin: 10px 0;
}

.chat-center-keng .chat-keng-mai .chat-keng-teacher {
	height: 80px;
	width: 80px;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: solid 2px #fff9fa;
	margin: 0 auto;
	/*overflow: hidden;*/
	position: relative;
	background: url(../images/jia.png) no-repeat center center #e0e0e0;
}

.chat-center-keng .chat-keng-mai .chat-keng-empty {}

.chat-center-keng .chat-keng-mai .chat-keng-teacher-name {
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	height: 24px;
	width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 auto;
	margin-top: 8px;
}

.chat-keng-zhuchi-tag {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 30px;
	height: 16px;
	background: #f459a3;
	border-radius: 10px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	bottom: -12px;
	z-index: 3;
	line-height: 14px;
	padding: 5px 10px;
}

.chat-center-keng .chat-span-xiamai {
	position: absolute;
	width: 24px;
	height: 24px;
	background: url(../images/close2.png) no-repeat;
	right: -13px;
	top: -8px;
	display: none;
	cursor: pointer;
	z-index: 6;
}

.chat-center-keng .chat-span-xuhao-number {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	background: #fd8da7;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	top: 7px;
	left: 0;
	z-index: 5;
	opacity: 0.8;
}

.chat-center-keng .chat-keng-mai .chat-keng-teacher img {
	height: 84px;
	width: 84px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	top: -2px;
	left: -2px;
}

.chat-center-keng .chat-keng-mai .chat-keng-teacher-speaking {
	/*border: solid 2px #92e18a;*/
}

.chat-keng-teacher-speaking {
	border: solid 3px #92e18a;
}

/**/
.chat-huiyuan-info {
	position: absolute;
	width: 300px;
	height: 190px;
	background: #eee;
	top: 0;
	left: 220px;
	z-index: 999;
	border-radius: 16px;
	overflow: hidden;
	border: solid 1px #ddd;
	z-index: 110
}

.chat-huiyuan-info .chat-huiyuan-info-top {

	padding: 16px;
	height: 85px;
	position: relative;
}

.chat-huiyuan-info .huiyuan-head {
	float: left;
}

.chat-huiyuan-info .huiyuan-head img {
	width: 80px;
	height: 80px;
	border-radius: 10px;
}

.chat-huiyuan-info .huiyuan-head-right {
	font-size: 14px;
	margin-left: 16px;
	float: left;
}

.chat-huiyuan-info .huiyuan-head-right .huiyuan-head-right-nickname {
	font-size: 14px;
	color: #333;

}

.chat-huiyuan-info .huiyuan-head-right .huiyuan-head-right-id {
	font-size: 12px;
	color: #666;
	margin-top: 16px;
	line-height: 24px;

}

.chat-huiyuan-info .huiyuan-head-right .huiyuan-head-right-pingjia {
	font-size: 12px;
	color: #666;
	line-height: 24px;

}

.chat-huiyuan-info .huiyuan-head-right .huiyuan-head-right-ordernum {
	font-size: 12px;
	color: #666;
	line-height: 24px;

}

.huiyuan-head-right img.staricon {
	width: 12px;
	height: 12px;
}

.huiyuan-head-right img.vipicon {
	height: 18px;
}

.chat-huiyuan-info .chat-huiyuan-info-bottom {
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #fff;
}

.chat-huiyuan-info .chat-huiyuan-info-bottom a {
	display: inline-block;
	font-size: 14px;
	text-decoration: none;
	background: #ffe9f0;
	padding: 6px 20px;
	border-radius: 50px;
	color: #ff46a0;
	margin: 5px;
}



.chat-huiyuan-info .chat-huiyuan-yue-btn {
	background: #ff6699;
	padding: 2px 20px;
	color: #fff;
	border-radius: 50px;

}

.guanliyuan-guanli {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

.guanliyuan-guanli span {
	font-size: 12px;
	color: #666;
	background: #fff;
	border: solid 1px #ddd;
	padding: 0 5px;
	border-radius: 2px;
	cursor: pointer;
}

.chat-center-message .chatroom-gonggao {
	padding-top: 0;
	font-size: 14px;
	color: #999;
	/*text-align: center;*/
	line-height: 32px;
}


[v-cloak] {
	display: none !important;
}



.guangyun1 {
	width: 82px;
	height: 82px;
	top: -1px;
	left: -1px;
	background: rgba(255, 255, 255, .4);
	border: solid 1px rgba(255, 255, 255, .6)
}

div.guangyun {
	display: none;
	position: absolute;
	z-index: 0;
	border-radius: 100%;
	opacity: 0;
	animation: waveCircle 1s ease-out;
	animation-iteration-count: infinite;
}

.speaking div.guangyun {
	display: block
}

@-webkit-keyframes waveCircle {
	0% {
		transform: scale(1);
		opacity: 0
	}

	10% {
		transform: scale(1.05);
		opacity: .05
	}

	20% {
		transform: scale(1.1);
		opacity: .1
	}

	30% {
		transform: scale(1.15);
		opacity: .15
	}

	40% {
		transform: scale(1.2);
		opacity: .2
	}

	50% {
		transform: scale(1.25);
		opacity: .25
	}

	60% {
		transform: scale(1.3);
		opacity: .2
	}

	70% {
		transform: scale(1.35);
		opacity: .15
	}

	80% {
		transform: scale(1.4);
		opacity: .1
	}

	90% {
		transform: scale(1.45);
		opacity: .05
	}

	100% {
		transform: scale(1.5);
		opacity: 0
	}
}

.boss-border .guangyun1 {
	width: 120px;
	height: 120px;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, .4);
	border: solid 1px rgba(255, 255, 255, .6)
}

/*排麦列表*/

#div_paimailist {
	background: #fff;
	width: 450px;
	height: 80%;
	position: absolute;
	left: 50%;
	margin-left: -250px;
	top: 10%;
	border-radius: 20px;
	z-index: 3001;
}

.div_paimailist {
	width: 85%;
	margin: 15px auto 0;
	height: calc(100% - 120px);
}

.paimai_title {
	text-align: center;
	color: #ea7e7e;
	font-size: 18px;
	padding-top: 15px;
}

.li_paimailist {
	border-bottom: 1px solid #ccc;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.paimai_avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.paimai_nickname {
	position: absolute;
	left: 60px;
	top: 5px;
	color: #ccc;
	font-size: 14px;
}

.paimai_id {
	position: absolute;
	left: 60px;
	top: 35px;
	color: #aaa;
	font-size: 12px;
}

.p_qxpm {
	position: absolute;
	width: 80%;
	height: 50px;
	left: 10%;
	bottom: 10px;
	border-radius: 10px;
	color: #fff;
	background: #eaa4a4;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	cursor: pointer;

}

.p_qxpm a {
	color: #fff;
}

.p_btns {
	position: absolute;
	right: 20px;
	top: 15px;
}

.btn_baomai,
.btn_yichu {
	background: #e7a3a3;
	width: 50px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	font-size: 12px;
	display: inline-block;
	margin-left: 10px;
	cursor: pointer;
	s
}

#tinybox {
	border-radius: 10px;
	overflow: hidden;
}

.tinyAlert .h {
	text-align: center;
}

.tinyAlert .t button {
	border-radius: 8px;
}


.btn_setting {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
	background: url(../images/setting.png) no-repeat;
	background-size: cover;
	border-radius: 50%;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}

/*房间设置*/

#roomset,
#roomcate {
	background: #fff;
	width: 450px;
	height: 80%;
	padding: 10px;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	margin-left: -250px;
	top: 10%;
	border-radius: 20px;
	z-index: 3001;
}

.roomset_title {
	color: #ff5588;
	width: 100%;
	text-align: center;
	font-size: 18px;
	margin-bottom: 20px;
}

.ul_roomset {
	position: relative;
}

.ul_roomset li {
	margin-bottom: 10px;
}

.ul_roomset li>p {
	color: #000;
	font-size: 12px;
	margin-bottom: 8px;
}

.ul_roomset li>div {
	background: #cbc8c8;
	border-radius: 5px;
	width: 100%;
	min-height: 50px;
	padding: 0 10px;
	box-sizing: border-box;
	position: relative;
}

.ul_roomset li>div>input {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: none;
	border: none;
	outline: none;
}

.ul_roomset li>div>textarea {
	background: none;
	width: 100%;
	height: 160px;
	padding: 10px 0;
	resize: none;
	outline: none;
	border: none;
}

.ul_roomset li>div>.label {
	line-height: 50px;
}

.ul_roomset .more {
	position: absolute;
	width: 10px;
	height: 20px;
	right: 10px;
	top: 15px;
}

.ul_roomset .roomlabel {
	position: absolute;
	height: 50px;
	line-height: 50px;
	right: 40px;
	top: 0;
	color: #ff5588;
	font-size: 14px;
}

.roomset_btns,
.roomcate_btns {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 10px;
}

.roomset_btns a,
.roomcate_btns a {
	width: 100px;
	height: 40px;

	border-radius: 10px;
	color: #fff;
	background: #cbc8c8;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	cursor: pointer;
	display: inline-block;
	margin: 0 10px;
}

#roomset_save,
.roomcate_btns a {
	background: #ff5588;
}

#roomcate ul {
	width: 100%;
	height: calc(100% - 50px);
	overflow-y: auto;
}

#roomcate ul li {
	height: 50px;
	line-height: 50px;
	position: relative;
	border-bottom: 1px solid #e7e7e7;
	cursor: pointer;
}

#roomcate ul li span {
	color: #000;
}

#roomcate ul li i {
	width: 20px;
	height: 20px;
	background: url(../images/c1.png) no-repeat;
	background-size: cover;
	position: absolute;
	right: 10px;
	top: 15px;
}

#roomcate ul .active i {

	background: url(../images/c2.png) no-repeat;
	background-size: cover;
}

.btn_sz {
	width: 40px;
	height: 41px;
	background: url(../images/sz.png) no-repeat;
	background-size: cover;
	position: absolute;
	right: 10px;
	cursor: pointer;

}

.top_li {
	height: 30px !important;
	line-height: 30px !important;
}

.ava1 {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}

.nick1 {

	display: inline-block;
	vertical-align: middle;
	width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.total1 {

	position: absolute;
	right: 10px;
	line-height: 30px;
}

/* 游戏设置*/

.game-wrap{
	background: rgba(0, 0, 0, 0.1);
	width: 450px;
	height: 80%; 
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	margin-left: -250px;
	top: 10%;
	border-radius: 10px;
	z-index: 3001;
}

#iframe-game{
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
}